5 Tips for UX Mobile Design

     

Published: November 27, 2017
Author: - The Content Reactor

How do you use the internet? Do you run to your computer every time you want to Google something? If you're like most people, you probably do a lot of your research on your phone. Last year StatCounter released a study showing that mobile devices accounted for 51.3% of internet usage while desktop only accounted for 48.7% of traffic. Mobile usage is on the rise and will only continue to grow.

How can you make sure your mobile design is up to snuff? We’ll look at 5 things that can make your mobile site more attractive to your users.

1. Declutter
Have you ever looked at a restaurant menu and been overwhelmed with too many choices? I have, in fact it makes me doubt that they can prepare any of the dishes very well. When your website has too many things going on, it can give users a similar feeling. 

To give your users a good mobile experience it’s important to make the experience as clear and concise as possible. Before adding features ask yourself a few questions:
  • What elements are absolutely essential to functionality?
  • What EXTRA elements will make my users most happy?
  • Will these extra elements improve or hurt usability?
Good design affects many aspects of life from writing to technology. So I’ll adapt advice from respected writing instructor William Zinsser. You need to cut your mobile site down to its simplest form, and then build the essentials in one by one carefully testing to make sure it doesn’t ruin user experience. 

But don’t take my word for it, just compare the next two sites. No caption necessary.

2. Easy to Navigate
Have you ever tried putting together a piece of furniture you bought at IKEA? The instructions don’t exactly put you in a good mood. How can you avoid giving your users a similar experience?

When designing your navigation don’t ignore industry standards. People expect things to work a certain way and can be turned off by unnecessary change. 

Here are some guiding principles to use when designing your navigation:
  • Navigation should guide users to features: think of your navigation as the tour guide for your mobile site.
  • So simple that it's automatic: if the back button takes you to the previous screen on every other app, it should do the same on your app.
  • Make it clear: when things differ from the norm, make it obvious to your users.
Don’t over complicate your mobile site’s navigation

3. Finger-Friendly Targets
Navigating your app or mobile website shouldn’t feel like trying to win the ring toss game at a county fair. Bigger targets are easier to tap than smaller ones. You need to make the button on your site easy to hit so that the user doesn’t get frustrated.

How can you make sure your buttons are the right size? According to Adobe a good rule of thumb is to create controls that are between 7 to 10 mm in size. This will ensure a button that most people can click on with ease.

Make your mobile site’s buttons are easy to hit

4. Readability
If people can’t read your mobile site, they won’t be using it long. Mobile sites introduce new challenges as screen sizes are significantly reduced. It’s not a good idea to reduce font size as the screen size goes down. Adobe recommends an 11 point font minimum and others recommend an even bigger font. You don’t want to make users squint or associate negativity to your site. 

Whitespace is great for improving readability. This is the blank space where there is no text, images or anything else. If you look at the example from the declutter section it’s obvious that white space makes it easier to read. 

You can use white space and increase readability by writing shorter sentences and paragraphs. This forces you to get to the point quickly and will help keep users attention. As Michael Scott would say it’s a win-win-win. 

If users can’t read your site it might as well be in another language

5. Don’t Interrupt Users
Do you find it annoying when you go to the mobile site for a company and they redirect you to download the app. Big companies can get away with this, but as a small business you’ll most likely end up losing users.

It can be tempting to immediately give your user an offer, or ask for a review. But ask yourself, are they more likely to respond favorably to these requests right away or after your site has been useful for them? The answer is the latter. 

By not annoying your users and being helpful instead, you’ll have a much greater chance of conversion in the future.

Don’t interrupt your users with untimely offers

What now?
These 5 tips are great for improving your mobile design, but there’s a lot more to consider. Do you want to improve your mobile design and take conversion to the next level? To schedule a 15-minute phone call, please contact us.

Photo Credits: Adrien Andrew Neel Niklas Tidbury Niketh Vellanki Gratisography.com

Categories: Responsive Design
Tags: Mobile Design, Mobile Marketing, Google, Marketing, Mobile Friendly, Micro Moments, Grow Your Business
About the Author

Elisha Montgomery is co-founder of The Content Reactor a writing and brand voice company. Their goal is to help smart people communicate their ideas clearly. They take pride in listening, thinking, implementing, and watching Star Trek.
Web design is more than just pretty pages. You need pages that are designed to grow your business.

Let’s Get Growing
© 2018 Hometown Design Studio, Inc. All rights reserved.