Mobile Web Design: 3 Tips to Better Usability

The use of mobile phones has increased drastically year over year. Mobile browsing will be the #1 Internet Platform used by potential customers. When looking at a website on a desktop and a mobile device, the views should be different. While a desktop view should be full in content, a mobile view should be simpler.

1) Mobile Screen Sizes

When building a mobile website, the first step is to consider the different possibilities of screen sizes. There are many mobile device manufacturers that use different screen resolutions for their phones and tablets. When choosing a web designer, be sure that testing has been done on the most popular mobile devices.

  • Blackberry : 320×240, 480×360
  • Apple: 320×480, 480×800, 640×960, 768×1024, 1280×800
  • Android: 320×240, 320×480, 480×800, 1280×800
  • Windows: 480×800, 1280×8000

2) Mobile Navigation

The issue of navigation is the bane to many businesses that already have an established website. Navigation issues are already seen on desktop browsing and will be magnified on mobile browsers. Mobile users want information quick and mobile websites needs to respond. Mobile views should have quick links for mobile users to gather the information needed and a way to contact the business.

  • Easy Call Button
  • Fast Page Loading
  • Minimalistic and Clean Design
  • To the point CTA (Call to Action)
  • Emergency Service Available

3) Link Control

Unlike desktop browsers, mobile browsers have limited space. Clicking on links on a website to see a pop up tab can lead to unpredictable results.

  • Keep browsing simple, web site links should stay on the current browser tab.
  • Let Google decide the spacing between icon links and follow their guidelines.


  • Americans spend on average 2 ½ hours per day browsing on mobile devices.
  • 60% of consumers would not recommend a company with a non mobile website.
  • 46% of Google users surveyed said if a site was not mobile, they felt the company didn’t care about their business.