Digital design

Is your website designed to meet a mobile user’s expectation?

By Anna Jodlovsky2 min read
Zooma_Mobile_Design2

When browsing the web today, it’s fascinating how many sites are still not optimised for mobile. Smartphones have had a significant impact on people’s daily behaviours, and to adapt to that change a mobile optimised website is a must. In 2017 we passed 4 billion internet users worldwide, and people expect nothing less than that your site works perfectly on any device, is user-friendly, look great and of course, load fast.

Below I’ve listed a few essential things you have to consider when designing a website to meet a user’s mobile expectations. You can also test our website grader to see how mobile-friendly your website is.

Try our Website grader

Thumb.png  Design for your thumb

Test your design to make sure the navigation bar and other links are big enough to avoid misclicks. Also, consider where you place most common interactions so that they are easy to reach.

Retina.png  Retina quality

Use high-quality images and svgs for icons to make your site look crisp on all smartphones.

Eye.png  Clarity

Your site needs to be clear and direct, remove flashy design and use clean and bold elements that help the user focus on what’s relevant. On tiny screens there’s a need for a clear interface, gradients and shadows take away the focus. 

Natural User Interface 2.png  Few clicks

It’s easier and faster to scroll down and view more information on the same page than to reload a new one.

Loader.png  Fast

Make sure your images are light enough to avoid long loading times. 

1.png One choice at the time

It’s hard to multitask on a mobile, and the organisation and structure of the content are more important than ever.

Text Height.png  Legible text

The text must be big enough to be readable without effort.

Cancel.png  No text in images

On a desktop, it might work ok, but using a lot of text in images will probably be illegible on mobile and irritate the user.

Feedback.png  Visual feedback

Use animations and icons to confirm actions and help the user to keep the right focus. 

Get in touch if you want to learn more!

Talk to an expert

Keep updated on thoughts, facts and knowledge!

Related articles

opennessandtrustspiral
Inbound

Openness, trust and inbound

Before joining Zooma as an Art Director, I attended Hyper Island in Stockholm—a school that focuses heavily on team dynamics. I remember that one of the first things we got to learn about was the trust and openness spiral. It’s a simple but powerful reminder that is applicable to many fields.

Carl Wåhlander
Carl Wåhlander
12 Nov 2019
Are you still using Photoshop to design websites_Zooma
Digital design

Design tools 2019: Are you still using Photoshop to design websites?

‘Once upon a time, there was a client who demanded all designs to be delivered in PSD format, aka. Photoshop files, and each in two variants: desktop and mobile'...

Yeu-Kang Hua
Yeu-Kang Hua
3 Oct 2019
The failure button
Digital design

The failure button

It goes without saying that a great user experience in the interaction with a product is crucial for achieving customer satisfaction. My colleague Stellan wrote about this just recently, and there are already many articles covering the topic of UX design, so in this post I’m going to talk about what I personally believe are the two most important components of any kind of user interaction.

Yeu-Kang Hua
Yeu-Kang Hua
27 Dec 2016