The verdict is out. It’s estimated that by 2014 there will be more users viewing the Internet through a mobile device than a desktop or laptop computer. Now more than ever, your company needs a mobile presence that is consistent with your brand and better than your competition. Even though mobile website design is a relatively new concept understanding its core principles is now more crucial than ever.
What do mobile users want?
Mobile website users want to stay updated and have easy access to the contents of your site. For example: If an in store shopper is doing price comparisons on their mobile device they want to get to the information they are seeking in the shortest amount of time.
The layout of your mobile website design should be simplified and focus attention on the content. Be sure to highlight that content while stripping away any unnecessary elements and providing only the essential navigation. This will result in a clean, easy to use mobile site that caters to the needs of your customers.
Minimize scrolling and use single page vertical navigation
Mobile users always prefer to scroll from top to bottom, so design your site so that left to right scrolling is eliminated. You should keep the need for scrolling, even top to bottom scrolling, to a minimum.
Take advantage of mobile website design features
There are features specific to mobile devices that can be used to improve your site’s user experience. The click-to-call button is a great example of this. Another useful feature is location awareness. By gaining access to user location information, you can offer a more personable experience.
Page size matters
Page load time plays a major role in how well a site places in mobile search engines. A website designed for desktop browsers can take up to 40 seconds to load on a mobile device, a far cry from a mobile website that should take around four seconds. Images tend to take a long time to load. Since mobile users are content motivated keeping images to a minimum is generally a good idea. Excessive use of images will degrade your site’s efficiency.
On a desktop or laptop computer, we use precise mouse clicks for every task. We’re able to click easily on a tiny icon. A mobile user, on the other hand, has the precision based on the size of their finger. The smallest icon size should be 40 x 40 pixels for mobile website design. This allows your finger to navigate your site easily. The spaces between your icons are also important. Give your user ample room in-between elements to reduce the chance of navigational errors.
While it may sound like there are a lot of restrictions with mobile website design the results can be amazing. Check out http://www.mobileawesomeness.com for some great examples of stunning mobile website designs. While you are there don’t forget to search for 3Seventy.