Should Your Mobile Site be Touch Screen Friendly?

In short, the answer to this questions is a resounding “yes”. Almost all modern mobile devices utilize touch screens for interactivity, and it is 100% necessary to implement a touch friendly interface. The question is, how do you make a site touch friendly, and how much effort does it require?

It is by all means possible to browse a full fat website (one meant to be viewed from a desktop PC) on a mobile device, but the experience is usually not one worth repeating. A balance must be found between preserving the aesthetics of the desktop only site, and providing a compelling user experience for the mobile user. So what makes a great touch friendly mobile site?

Structure & User Interface

At a basic level, website structure should be different on mobile than it is on a desktop computer. This is because there is not as much room for menus, headings, images, or forms. Using large-scale images that match your desktop website on your mobile site might look nice, but will not be right for your customers – or for your business. You could even lose visitors and conversions by creating an unpleasant experience.

Always remember to create a user interface that a user can look at and instantly know how to use. Buttons should look like buttons, with ample space around them so that fingers can press individually with ease. They should also be large enough that they do not look like they require a mouse.

Here’s an example of the dashboard view of a goMobi mobile site with simple, straightforward structure. It’s easy to use, and information is available on the home page. You can build one yourself here.

1a

Speed & Weight

Your site may display correctly and be legible on a mobile device, but that does not mean it will be quick to load. Anything longer than 2 or 3 seconds, and users will be reaching for the reload or back button. Speed depends largely on page weight and the users connection quality. In order to mitigate the potential issues caused by reason number two, it is best to have the least amount of information possible delivered to mobile devices. Light pages also help when scrolling. Scroll lag is especially frustrating for mobile users – the lighter the site, the smoother it is to scroll through, providing a pleasurable experience.

goMobi discovers which type of device is accessing your site, and delivers the correct experience based on that information. This ensures that the experience is the fastest possible for the user, allowing them to scroll and touch with ease.

1c

 

Tappiness

“When a website exhibits “tappiness,” it’s easy—or even delightful—to use on a mobile or tablet device.” UXMag

If a site doesn’t feel good to use, customers will simply move on to something, or someone else. Probably your nearest and faster competitor. There are some very famous examples of extremely tappable sites listed in the article mentioned above, such as Fitbit, Skillshare, and of course, Apple.

The goal is to provide space around elements on your site. Width and height definitions around forms can allow extra space for fingers to accurately touch the right information box so that forms can be filled in without error. There are many things worse, than accidentally typing your password into the Name or Email Address field, but it’s still irritating and your customers won’t like it.


MAKE YOUR MOBILE USERS HAPPY

goMobi Online Website Builder is the easiest and fastest way to make sure your mobile users can read about your product and buy it directly from their touchscreen devices. Find out yourself by taking a free goMobi trial.

Try it Now

Share

Total Shares

Try the world’s leading device detection solution at
DeviceAtlas - Try the world’s leading mobile device detection solution

Learn everything about mobile web technology at
mobiForge - Learn everything about mobile web technology.

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×