Mobile First desigN

The future of web design is mobile

Why Mobile

Your site must be mobile friendly or you risk losing half of your visitors

BIA Kelsey rightly predicted the mobile market would surpass the desktop searches in their 2012 report. This was later confirmed by Google at the annual ad conference that there are now more Google searches on mobile than on desktop in 10 countries, including the U.S. and Japan,

view on various devices

Google: Mobile Searches Now Surpass Desktop Searches In U.S. And Nine Other Countries

It has long been speculated that Google searches done on smartphones will soon overtake searches done on desktop. On Tuesday, Google confirmed the inevitability of this happening.

At its annual ad conference in Half Moon Bay, California, Google vice president of product management for AdWords Jerry Dischler said that there are now more users in the U.S. and Japan searching on Google on their smartphones than users searching on their desktops and tablets. He also said that eight other countries have seen the shift to mobile but declined to name these markets. more...

Still not convinced. Check out Luke Wroblewski ebook. This is a short but information-packed book that makes the case for mobile first for Web sites and applications. You can also get the rundown from Google or Shopify

Reduce your web costs by maintaining only one site

Separate sites for mobile and desktop

Unfortunately, this approach is not without its drawbacks. For starters, you are now maintaining two different pages for every page on your site that you would like to expose to mobile users. If you are using a CMS, it is possible to arrange your site templates in a way that minimizes this duplication. However any time that there is a difference between the mobile and desktop templates, there is a potential source of complication in your code. Similarly, this increases the implementation time of any new site features, since you must now code two sets of front-end logic.

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones)

mobile devices

Do you know if your site is mobile friendly?

On April 21, 2015, Google Search has expanded its use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in Google Search results. Users will find it easier to get relevant, high quality search results optimized for their devices. If your website is not mobile friendly, your site will not appear in Google searches

You can check your site by testing your pages with the Mobile-Friendly Test tool. This tool shows how Google Search sees your pages. To get a list of mobile usability issues across your sites, log in to your Search Console account and use the Mobile Usability Report.

Google mobile test

Is your site fast

Understand how your website is performing for mobile and web users Analyze the performance impact of your website design Know how your mobile and website speed compares to the best in your industry

This year your focus should be optimising your mobile site for speed and performance. The two-second rule is still often cited as a standard for Web commerce sites.

You can check how fast your site is through Google’s developers speed test.

A mobile-first philosophy did not mean that we neglect the desktop site. We don’t! We code for all devices.