Improve your site’s mobile UX, here’s how.

Do you have a website, responsive? As everyone knows mobile and tablet views have increased a lot over the years, here’s why improve mobile UX.

Google announced the Mobile First Index, starting from March 2021. This means that priority will be given to the mobile version with regard to theindexing and the positioning of a site.

We have already covered the topic of indexing in this post:

following we deepen what we do to improve the user experience (UX) when building the mobile version of a site or e-commerce.

1. Think of the visitor

We design the structure of your website for mobile devices with your customers in mind, not forgetting SEO.

We think about what key activities users expect to do quickly on your site. We optimize the mobile version so that these activities are as easy to access as possible.

2. Clear menu and search field

One of the key elements of the mobile version is the ease of searching for content. The menu should be concise and the search option always highly visible and available on all pages.

It is also important that search results are also well presented, accessible from mobile, and sorted by relevance.

For example, in an e-commerce that sells clothes, the search option is essential, but a well-structured menu so as to allow agile navigation between categories (pants, jackets, knitwear…) is also necessary.

3. Light” and coherent graphics

Graphics must be pleasing and appealingbut at the same time simple.

We use whitespace, borders, and headers so that you can tell which sections are separated from each other. It is not necessary to fill all the space available. No too big images, too strong colours or too many colours. Contrast between background and text should be optimal. The text should not be too small and there should not be too many font size changes. We also don’t use too many animations that could weigh down the site and make it too slow.

To visit websites from mobile we use mostly our fingers and thumbs, that’s why Google, in its documentation, gives us the directions for the target touches (48×48 pixels minimum, 9mm, about the size of a fingertip). It must be easy to click on the elements, even using your thumb.

In personal taste we don’t even find popups popping up suddenly very indicated, they are not at all indicated at user experience level. Google also penalizes indexing if there are popups in the mobile version. There is already the Cookie Policy that clutters, let’s give it space.

4. Synthesis

A self-respecting website should aim to convert. Buying products, getting quotes, finding contacts or newsletter signups. In any case you shouldn’t be too long with either the texts or the information request.

A classic example would be the form to enter billing information during a purchase. There should always be a checkmark to copy the shipping data from the billing data in order to speed up the process.