Over a million developers have joined DZone.

Mobile-First Development: Make Sure You're Doing It Right

DZone's Guide to

Mobile-First Development: Make Sure You're Doing It Right

The future is going mobile, and in light of app use and mobile payments, designing for mobile platforms isn't just an afterthought, it's its own realm of development.

· Mobile Zone
Free Resource

Get gorgeous, multi-touch charts for your iOS application with just a few lines of code.

Mobile-first development has long passed the realm of hype, and is paying off big-time for many companies. In its most recent first quarter earnings results, for example, PayPal reported its mobile payment volume increased 51% compared to the same period a year ago, and is now $32 billion. That’s 32% of all PayPal revenue. A statement from PayPal notes: “PayPal’s mobile-first approach to product development is driving increasing engagement across the platform.”

Mobile-first development means designing an experience for mobile devices first before doing it for desktops or laptops. But going mobile-first isn’t as easy as it sounds, and if you’re not careful, you can get it wrong. John Beale, Media Manager at Pernod Ricard, and managing director of the firm Eight Thinking, offers solid advice in a blog post on how to get mobile-first development right.

First, he recommends, first design for a mobile platform that’s ubiquitous across your target audience. More often than not, he says, that means starting with a website rather than a mobile app.

Once you’ve done that, don’t think that merely designing a “responsive” website is the same as designing a mobile-first one. A responsive website is one that scales and accommodates itself to different size screens, so it’s suitable for them all. But responsive design often simply hides elements on smaller screens, and doesn’t design primarily for mobile. So you need to go all in, and design for mobile devices first.

Next, he says, “Produce mobile-friendly content — Nobody wants to watch your 3-minute how-to video.” Producing mobile-friendly content also means using lower-quality videos, smaller images, and shorter articles and other content.

Now, make sure that you “enable all your other channels through mobile first.” That means features such as a click-to-call link, social sharing, and directions using a map interface.

Finally, he says, use the mobile phone as the identifier and contact for your customer. That means using SMS to contact them, for example, as well as other ways, including web logins.

Beale stops his recommendations there, but we have another, and perhaps most important of all: Use your mobile website as the foundation for building mobile apps. That way, you can write your code once, and deploy it everywhere: to the web, to iOS apps, Android apps, and Microsoft apps if you want.

.Net developers: use Highcharts, the industry's leading interactive charting library, without writing a single line of JavaScript.

mobile ,mobile app development

Published at DZone with permission of Amy Groden-Morrison, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.


Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.


{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}