We’ve highlighted the often overlooked need for a sensible and targeted approach to design for mobile devices previously, so reading Google’s latest ‘Multi-Screen Resources’ article today has the design studio guys doing a Monday Whoop Whoop!! ¬†Google partnered with AnswerLab to research how a range of users interacted with a diverse group of mobile sites. From this research, Google established 25 principles of mobile site design to help companies build mobile sites that delight customers and drive conversions.

Here are some of the findings, which may seem logical and obvious – aren’t most things things once you’ve learnt about them?!

Homepage & Site Navigation should include:

  • Keeping calls-to-action front and centre
  • Make menus short and sweet
  • Easy navigation back to home page
  • Don’t let promotions steal the show.

Site Search:

  • Make site search visible
  • Ensure site search results are relevant
  • Use filters to improve site search usability
  • Guide users to better site search results.

Commerce & Conversions:

  • Let users explore before they commit
  • Let users purchase as a guest
  • Make it easy to finish converting on another device.

Form Entry:

  • Streamline information entry
  • Provide a visual calendar when selecting dates
  • Design efficient forms.

Usability & Form Factor:

  • Don’t make users pinch-to-zoom
  • Optimise your entire site for mobile
  • Make product images expandable.

Here are a few examples of mobile sites the Jellyhaus team have worked on for clients:

jgs1

 

life 7

 

focus0629

 

See the Jellyhaus work page for more examples.

The above, in order of appearance, are Jollygoodsocks.co.uk Lifecharity.org.uk and Focus Schools Hub.