Don’t get mobile first confused

Arvin Dang
Feb 19, 2016 · 2 min read

There’s a misconception that mobile first means building the mobile app (iOS/Android) first. Mobile first is about prioritizing the mobile web experience for your product or service. Let me explain…

Your beautifully styled web application is responsive so the design flows well from desktop sized browsers down to mobile sized browsers. To make your app look great on a mobile screen, you simplify the look by removing unnecessary elements. There’s less structure, less styling, less of everything to provide your users with a great mobile experience.

Image for post
Image for post
Source: http://www.fastcodesign.com/3038367/9-gifs-that-explain-responsive-design-brilliantly

Since your phone is generally on a slower connection and performing with less power, front-end developers use a mobile first approach to make things easier. They in effect tell all browsers to load the phone optimized experience first, while keeping unnecessary elements from loading at all.

Image for post
Image for post
Source: http://www.fastcodesign.com/3038367/9-gifs-that-explain-responsive-design-brilliantly

Heavier styles are applied only when your application or site senses that it’s on a bigger screen. And that’s okay, because typically, a bigger browser means you’re on a faster machine— with a better internet connection.

Welcome to a mobile first approach. Questions @arvindang.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store