Site   Web

July 28, 2015

Six Changes Your Mobile Users Will Be Thankful For

Photo Credit: grid workings by olle svensson Licensed under CC BY-NC 2.0

So your website can be accessed from mobile devices with no problem, but is it enough to make it mobile? Hardly. Providing a great mobile experience to your customers is of paramount importance – the mobile market is growing and customers expect brands to offer just as many functionalities and information as on their desktop websites. If you’ve never considered your mobile users before, this is the best moment to change that. Here are six key alterations you should make to significantly improve user experience on your mobile website.

1. Choose Responsive Design

It’s important that users accessing your desktop and mobile websites are presented with a similar high-quality layout. That’s why you should consider responsive design as your solution of choice. Picking any kind of responsive design over other design solutions is not just about better user experience across devices – it’s also about easier management, SEO benefits and no need for a separate mobile URL.

2. Design with Fingers in Mind

Your mobile website should be completely navigable with one thumb. This is the single best navigation advice you can get when it comes to mobile. Since most users will be accessing your website from touchscreen devices, make sure that buttons are big enough even for bigger fingers – in fact, all fingers might cause misplaced clicks. That’s why your targets should be easy to select. Just to give you the basics – the average index finger size for adults is 15-20 mm (45-57 pixels).

3. Use Standard Fonts

We all love unique typography and the kind of professionally designed look it gives our websites, but remember that to see your site users will need to download large font files – and this might take way too long on a mobile device. Seeing a blank space instead of text, users will easily get impatient and simply abandon your website.

4. Avoid Drop-Down Lists

While drop-down lists are a perfectly fine design feature for desktop websites, mobile environment is an altogether different story. Native drop-downs are implemented on mobile operating systems in such a way that they tend to become confusing to users. If you want a drop-down, never choose native, but custom UI.

5. Include Geolocation

To take advantage of mobile capabilities, it’s a smart move to include geolocation – it will render all content displayed on your website relevant to the immediate context of users. You can use geolocation to give directions, show visitors nearest store locations or allow them check in-store availability. You can also offer targeted promotions, prices in local currency and instantly connect to communities like Yelp.

6. Go for Simplicity

Use context to provide the right content. Keep it short and sweet – mobile users will be looking for store hours, contact information or the nearest location. Great user experience means that they can easily access and act on this information, so it’s your job to make sure your mobile website provides it.

Go for clean and understandable design – a cluttered website will distract users from your message and take ages to load. If you plan to use images, always choose ones that are lighter – long load time brings catastrophic consequences to the conversion of both desktop and mobile websites. Don’t be afraid of blank space – utilized well, it will only help users to quickly make sense of the website, correctly navigate it and receive all information they want.

A recent study revealed that as many as 15 percent of Americans admitted to own a smartphone and said they have limited options for going online other than their cell phone. This means that more people than you’d expect will be accessing your mobile website and it’s your job to make their experience flawless and engaging.


avatar

Monique Craig is a marketing specialist working at Oneflare, the easiest way to hire trusted local services in Australia. Monique’s greatest interests are new tech solutions and branding strategies.

css.php