Mobile-first web development

April 25, 2016

Why design and develop mobile-first?

Take a moment to think about how you're reading this text. Are you using a desktop computer at the calm of your home, a mobile device like laptop or tablet in a noisy café or a smartphone on a bouncing bus? The experience might be quite different. Because of the different platforms, all of these devices ask for a different design of a website or an application.

The figures speak Mobile internet use is growing

The global usage of mobiles is growing fast, as is the percentage of smartphone users amongst them. According to Forbes, at the start of the year India became the second country (after China) to cross the milestone of 1 billion mobile users. Most of them are likely to buy smartphones soon – in fact, one in five already have. Moreover, Scott Strawn of the International Data Corporation (IDC) says the number of people accessing the internet exclusively through mobile devices “will grow by more than 25% per year” worldwide and fuel an “explosive growth in mobile commerce and mobile advertising”. Still, the great majority of Internet users today are multi-screening: using both mobile and desktop devices.

Our strategy

We design and develop mobile-first When it comes to designing software it is natural for us to go mobile-first. Orient Software develops web applications for both public and internal enterprise use, directed to both large and restricted audiences. The final product has to work effortlessly in both mobile and desktop environments.

What does it mean?

But what exactly does mobile-first mean in development and design? Why do we need it in the first place? Think of web design for mobile users and web design for desktop users. Quite different, right? It's not just the technical limitations and vertical screens (though, by their own right, they already require a specific approach) but also the context.

Compared with desktop user, the mobile user is more likely in a hurry, in a noisier environment – maybe having trouble to see the screen in direct sunlight – doing many things at the same time and looking for a quicker, clearer access to information. The design has to respond to and overcome these constraints from the start. That is why we work first on the hardest platform. Mobile-first is the way to design software from the grassroots upwards. From less computing power, smaller screen and poor Internet connection to big screen with lots of muscle and reliable, fast connection.

Graceful degradation vs progressive enhancement

Back when smartphones weren't such a big hit, web design was embracing the graceful degradation ideology – meaning that websites were first built for the latest, most capable browsers and then “scaled down” to match the capacity of older versions. However, this made the mobile version often – not always, but often – seem like an afterthought to the top-notch desktop experience.

Designing mobile-first is the exact opposite of graceful degradation. In Orient Software we've adopted the progressive enhancement perspective. That means the product will be as attractive as it can already on mobile devices, but each step that gives us more “playground” will add to the whole. Progressive enhancement brings forth the content most efficiently – and content is why we browse the web and use applications.

Developer's perspective

Developer building a mobile-first solution In development, we want to save time and money while working efficiently. One possibility to design multi-platform applications and websites is to develop separate versions for every one of them: one for smartphone, one for desktop etc. However, we get a better result – a smoothly running app, for example – with half the effort by gearing the app first to the mobile platform and then gradually enhancing it to satisfy the desktop users. For developers and testers, it's much easier to add features to a website to support the core content than to strip a lavish design down to its bare essentials. By designing mobile-first, we offer the best experience for each customer, no matter what the device.

Tags: Technology, Development, Mobile

Category: Software Development

1 Comment

Add a Comment

Orient Software's professional design and development team builds high-quality solutions for clients all over the world.