5 Things to Do on Your Mobile Website
Without question, more web content is being consumed via mobile devices than ever before. Consumers no longer want to wait for information. They want it in the car, in line for morning coffee, on the sidelines at soccer practices and between classes. The popularization of tablets and smartphones has transferred the online experience from the desktop and laptop to the pocket, purse and backpack.
The result is a world in which mobile is quickly becoming the most important medium for information transfer. It's essential that any business reliant upon its web presence adapt quickly and effectively. Here are five ways to ensure that your mobile site meets that standard of quality that so many smartphone-wielding consumers demand:
1. Optimize content based on screen size, not specific devices. Make sure your content management system allows you to deliver content based upon screen resolution, not just specific devices. Being able to detect screen resolution is often more important than detecting a particular device. In order to provide users with the best experience possible, you need to know how much screen real estate you've got available. Identify the most common screen resolutions and create content that will fit well on most phones and tablets.
2. Provide easy access to your full website. Even if your mobile site includes all the same content, some users will still want to view your full website. Always redirect users to your mobile site if possible, but it shouldn’t be a requirement. Some of the latest mobile browsers can handle full websites fairly well. If the user wishes to scroll and zoom around your full website, then allow them to make that choice. Make sure your full website also makes it easy for mobile users to navigate back to the mobile site.
3. Don’t forget about tablets. Tablets are quickly becoming one of the most popular devices to browse the web with. They possess the advantage of a larger screen, but tablets still require touch input rather than a mouse. This means that while you can provide content that's identical to your full site, you still have to make sure navigation is optimized for touch input.
4. Mobile-optimized navigation. In most cases, the navigation structure on a website isn't going to work well on a mobile site. The navigation experience on your mobile site needs to be optimized for touch input. The design and layout of your menu should also be optimized for viewing on a small screen. There's nothing wrong with the front page of your mobile site being nothing more than navigation links. Test the navigation of your site on an actual device, not an emulator. An emulator still requires you to interact with your site using a mouse, which is much different than holding a device in your hand and trying to click on a link.
5. Take advantage of device capabilities. Mobile devices offer several capabilities that you won’t find on the typical desktop browser. Most mobile browsers make it easy to access to the current geographic location of the user. Use this capability to make it easy for users to get directions to your nearest location. While some mobile browsers will automatically detect phone numbers and email addresses, you should still make sure to create clickable links whenever possible. Smartphones make it easy to click to call, click to text and locate addresses on a map. Leverage the capabilities of the device to create a better experience for the user.
Will Morgenweck is director of product management at DotNetNuke Corp., a web content management system for Microsoft.