Archives for August 2011

5 Ways To Make Your Website More Mobile Device Friendly

One of the big things on business owners’ minds when it comes to their website is making it usable on mobile devices like smartphones and tablets. Here are some ways to make it easier for your viewers to get valuable information from your website while using a mobile device.

Enlarge Click-able Elements

It is important to keep in mind that nobody’s index finger is as accurate as a mouse pointer. To make it easier for your visitors to use your site, make click-able features like navigation, buttons, and form fields large enough to press.

Simplify Navigation

Though usable on non-mobile devices, drop-down navigation can be the most annoying feature of a website when viewed on a mobile device. This is because there is no way to “hover” over items on a touch screen. Some devices have made it possible to show hover events when an elements pressed and held for a couple seconds, but not everyone has this capability. Your best bet is to lose the drop-downs and go with something simpler.

Also, make sure your navigation is text-based and not graphic-based. Even though mobile networks have made great improvements when it comes to bandwidth, loading is still not as speedy or reliable as a fixed data connection. This means images may not load quickly, making navigation difficult to use.

 

Do Not Use Flash

Using flash to display featured content, video, audio, etc. may look sleek on a monitor. However, it is not viewable on most mobile devices including the iPhone and iPad. Without getting technical, here are some JavaScript based alternatives to using flash on your website:

Reduce Clutter

Because of reduced loading speed on mobile devices, it is important to make sure your website is light-weight. This means limiting the amount of graphics, advertisements, and irrelevant content that is displayed on each page of your website. Not only will this help your site load faster, but it will give it a cleaner look on mobile browsers; making it easier for visitors to find information.

Get a Mobile Site

If some of the options above are not enough to make your website mobile device friendly, getting a separate mobile site may be your best option. Having a separate mobile site ensures that all pages of your website will render in mobile browsers without issues. Just make sure the visitor is redirected to the mobile site when viewing from a mobile device. Here are some examples of mobile web addresses you could use for your mobile site:

m.yourcompany.com
mobile.yourcompany.com
www.yourcompany.mobi
www.yourcompany.com/mobile

If you have any questions about your website being supported on mobile browsers, contact the Media Services Team and Network Management Group, Inc.

Share