Mobile App design - guide line best practices

Mobile apps are entering in our daily life, and there is no stopping. We can access them from anywhere using  any web enabled device.Here are some of the guide line's when are going to design a mobile app.
  • Reduce number of clicks, every click reduces user and costs more
  • Have a link back to the main menu or home at the top of every interaction
  • Provide seamless horizontal navigation between pages in a certain feature (Previous, Next)
  • Be selective in providing Contextual links
  • Avoid lot of white space/unused space as the pointer/cursor cannot float on a smaller device, the way it would on the bigger screen
  • Maintain order of appearance and behavior, as Users would be accessing the device with one-hand and when they are moving. A top to bottom, or left to right order works better against a diagonal/random order
  • Labels should be more descriptive as every click or action costs more. Have Create, Pay, Continue, Decline, Reject, Stop, instead of OK, Cancel, Done.
  • Provide system feedback to the users to convey status” For e.g “Signing in, please wait”

  • Do not leave navigation items open ended. Let users know how many/deep they need to navigate to reach. For e.g. Showing 1-10 of 25. 
  • Users expect similar tasks to behave and perform similarly across features. For e.g. Cancel should be back to the page without any action or transaction 
  • Avoid decorative fonts (Serif fonts) 
  • Use sans-serif fonts which are universal across browsers and devices (Arial, Verdana, Tahoma, etc)
  • Links, should define if they transact or navigate
  • Color code links with a box around it. It helps users identify, access & navigate
  • Avoid long scrolls. 
  • If unavoidable let users know upfront what lies at the bottom of the page  
  • If unavoidable let users know upfront what lies at the bottom of the page 
  • Help should be provide on every possible interaction
  • User inputs can be defaulted as much as possible. (Names, Country codes, telephone numbers)
  • Allow users to import information/content from the devices (Address book, Calculators, etc)
  • Error messages need to be specific to the error, and which can be supported and resolved by the device. Avoid generic error messages
  • Allow users to sign in automatically to different applications as the device is personal and less prone to security theft.  
  • URLs/URIs should be short. 




  • Natural interactions with phones are numeric, hence use numerical navigation as much as possible (for e.g .Press 1 for Save)
  • Icons could be used minimal. Certain devices do not support rich graphic or media. 
  • Icons if used, should have tool tips around them. 
  • Never use abbreviations which are not common. 
  • Use pastel colors which shine bright and display clear in light and heavy contrast. For e.g when viewing the screen with lot of light, pastel colors get enhanced, hence better visibility
  • Avoid, anti-aliasing of text and giving shadow or special effects to buttons and other imagery. Keep it crisp.
  • Images need to be vectorized and optimized for quick download. 




Post a Comment