Tuesday, 24 January 2012

Ten Top Tips for Best Practices in Mobile Website Design


No1: 
Design for a variety of platforms, iPhone/Pad, Android, Blackberry, Windows Phone


No2:
Keep it Simple - quick to access with short, snappy text and small images. It should be simplet than your standard site


No3:
Link to your standard site, and then link that one back to the mobile site


No4: 
Create a Separate mobile theme. Your main website won't scale down for mobile without a separate CSS and simplified 


No5: 
Only scroll in one direction - same as for your main site, double scrolling is no good, make sure your design fits 


No6: 
No need for pop up windows - mobile technologies is designed to make switching from page to page easy 


No7: 
Make buttons big enough for fingers - on small screens the proportions are different to standard web design 


No8: 
Make text bigger and images smaller - to comfortably read your content, example: http://www.doublesdesign.com/ 


No9: 
No Flash - many mobile devices do not support Flash, so your hard work will go un-noticed 


No10: 
Include as much content as possible but keep simple, compare this site on mobile and desktop: http://www.millriver.co.uk/

1 comment:

  1. These are great tips for developing mobile application. Its very easy to develop mobile application who has some programming knowledge. These tips will help him.


    gsm signal booster

    ReplyDelete