Comment concevoir pour une excellente UX mobile

La conception d'une excellente UX mobile doit être au premier plan de tout ce que votre entreprise fait sur le Web. À moins que vous ne conceviez avant tout en pensant au mobile, votre entreprise ne connaîtra pas le succès qu'elle pourrait et devrait avoir. La raison est simple : le mobile a depuis longtemps dépassé le bureau en tant que méthode numéro un pour accéder à Internet. En d'autres termes, n'arrivez pas à concevoir pour le mobile... n'obtenez pas autant de visiteurs, de prospects et de clients que vous le pourriez.

Regardons les statistiques.

Selon Smart Insights, nous avons dépassé le point où le nombre d'utilisateurs mobiles a dépassé le nombre d'utilisateurs de bureau. Ce point de basculement s'est produit en 2014. Depuis lors, le nombre d'utilisateurs mobiles mondiaux n'a cessé de grimper de manière agressive, tandis que le nombre d'utilisateurs d'ordinateurs de bureau a augmenté moins rapidement.

En résumé : plus de prospects, de visiteurs et de clients atterriront sur votre site Web sur leur téléphone mobile, et non sur leur ordinateur de bureau.

Si vous souhaitez maximiser vos conversions, votre site doit d'abord être optimisé pour le mobile. Aujourd'hui, une excellente UX mobile est également un marketing mobile réussi.

Nous allons jeter un coup d'oeil.

Comment concevoir pour une excellente UX mobile : ce que disent les statistiques

Chaque fois que vous souhaitez établir un cas d'utilisation solide pour justifier les dépenses de votre entreprise, disons, par exemple, pour une conception axée sur le mobile, il suffit de regarder les statistiques sur comment et où les gens achètent ces jours-ci. Allez là où les preuves vous mènent.

La société technologique mondiale Criteo, spécialisée dans le marketing commercial, a publié un communiqué de presse révélant que les ventes mobiles aux États-Unis représentent désormais 52% de toutes les transactions de commerce électronique. De toute évidence, si vous voulez vendre efficacement et avec succès… vous avez besoin d'une présence mobile très efficace avec une excellente UX.

Voici une autre statistique très intéressante qui révèle en fait plus que ce qu'il semble, à première vue.

Selon le Mobile Retail Report d'Adobe, les conversions sont 2,8 fois plus élevées sur ordinateur que sur mobile. Si vous pensez que cela signifie qu'il n'est pas important d'optimiser pour le mobile, détrompez-vous. C'est en fait une raison de plus pour s'engager dans une stratégie axée sur le mobile, d'autant plus que le mobile représente toujours plus de trafic que le desktop.

La raison pour laquelle les conversions sont plus élevées sur ordinateur est probablement due au fait que les expériences mobiles ne sont pas aussi optimisées qu'elles devraient l'être, et non parce que les gens ne préfèrent pas acheter et convertir sur mobile, où c'est plus pratique pour eux en premier lieu. !

Imaginez un scénario où votre site mobile est parfaitement optimisé, recevant plus de trafic que votre site de bureau et enregistrant plus de conversions que le bureau, tout cela parce que vous avez mis en place une excellente UX mobile.

C'est à votre portée. Voici ce qu'il faut faire.

Conception pour les pouces… mais pas principalement pour les pouces

L'utilisabilité mobile devrait être basée sur toutes les différentes façons dont les gens sont connus pour interagir avec leurs smartphones. Comment concevoir pour une excellente UX mobile relève autant du bon sens que de la preuve.

Il est tentant de supposer que, si j'utilise mon smartphone pour naviguer et faire des achats sur un site mobile, il est plus pratique pour moi de le faire en tenant simplement le téléphone dans une main et en utilisant le pouce de la même main pour accomplir mon utilisateur Buts. Il est tout aussi tentant de supposer qu'il serait moins pratique pour moi d'utiliser les deux mains (téléphone dans une main et utilisation de l'index de l'autre pour atteindre mes objectifs d'utilisation).

Cependant, cette sagesse conventionnelle est en fait fausse car elle présuppose que les gens n'utilisent qu'une seule main ou principalement pour faire fonctionner leur téléphone.

La recherche montre qu'il existe en fait six façons distinctes de tenir et d'interagir avec son téléphone. Tout site mobile qui ne parvient pas à concevoir pour les six façons va échouer et connaître des taux de conversion plus faibles car l'UX en souffrira.

Les six façons sont :

• Bercé (une main soutenant le téléphone tandis que le pouce de l'autre main tapote)
• Maintenez et touchez (une main soutenant le téléphone tandis que l'index de l'autre main tapote)
• Deux mains pour l'orientation paysage (pensez à la façon dont vous tiendriez un appareil de jeu portable comme la Nintendo 2DS XL)
• Une main - premier ordre (une main tenant le téléphone pendant que le pouce de la même main tape)
• Une main - deuxième ordre (une main tenant le téléphone pendant que le pouce de la même main tape, mais à partir d'une position de départ plus élevée)
• Deux mains pour l'orientation portrait (pensez à la façon dont vous tiendriez un appareil de jeu portable, cette fois, comme l'ancienne Nintendo Gameboy)

Maintenant, et c'est là que les choses deviennent vraiment pertinentes, voici les différents cas d'utilisation pour les différentes façons de tenir un téléphone :

• Taper sur des liens - La plupart des gens tiennent et tapotent ou bercent
• Cases à cocher - La plupart des berceaux ou maintenez et appuyez sur
• Taper - La plupart utilisent deux doigts ou pouces simultanément ou maintenez et tapez
• Défilement court - La plupart maintiennent et tapotent ou cradle
• Défilement plus long - La plupart des berceaux ou maintenez et appuyez sur

En résumé : concevez votre site mobile de manière à tenir compte de ces différentes façons dont les gens tiennent leur téléphone.

Les gros boutons sont meilleurs

Si vous envisagez de concevoir une excellente UX mobile, l'un des aspects les plus vitaux à intégrer est la taille des boutons. Comme pour tout ce qui est mobile, la taille de votre écran est beaucoup plus petite que celle d'une tablette ou d'un ordinateur de bureau, ce qui compromet la convivialité de votre site mobile si les boutons sont trop petits. Des boutons de taille inadéquate entraînent des erreurs UX telles que :

• Difficulté à appuyer correctement sur les boutons
• Problèmes pour voir les boutons en premier lieu
• Avoir du mal à comprendre qu'il est possible d'appuyer sur un bouton ou d'interagir autrement avec

Pécher par excès, c'est mieux.

Des boutons plus gros garantissent une UX plus fluide pour vos acheteurs, clients, visiteurs, etc.

Cela soulève la question, quelle taille, exactement?

Selon les propres directives de Google sur la taille cible de la conception matérielle, les boutons mobiles doivent atteindre une taille d'écran tactile comprise entre 7 et 10 millimètres. En d'autres termes, les boutons doivent posséder une taille physique d'environ 1 centimètre, quel que soit l'écran sur lequel ils apparaissent. Cela garantit un bon équilibre entre :

• Densité d'informations
• « Ciblabilité » des éléments de l'interface utilisateur

Lorsque vos utilisateurs peuvent voir plus facilement les boutons, comprendre leur relation spatiale avec d'autres éléments à l'écran et les appuyer pour atteindre avec succès les objectifs de la page, vous leur offrez une UX incroyable.

Prioriser le contenu le plus important

La réponse à la question, Comment concevoir pour une excellente UX mobile ? réside parfois dans ce que vous soustrayez au lieu d'ajouter. Dans le cas du contenu à l'écran, cette règle s'applique à 100 %.

La bénédiction des smartphones est leur petite taille et portable, malgré la tendance récente à augmenter la taille de l'écran mobile. Cette commodité a un inconvénient, à savoir que les utilisateurs sont soumis à un coût d'interaction plus élevé. Il s'agit de l'effort physique et mental qu'ils doivent déployer pour atteindre les objectifs de leur site mobile.

Par exemple, si vous naviguez sur un site d'actualités sur votre bureau, vous pourrez probablement voir sur la page d'accueil les résultats sportifs et les prévisions météo dans les barres latérales au-dessus du pli, vous n'avez donc pas à vous soucier du défilement vers le bas. Sur mobile, cependant, ce même contenu nécessiterait probablement un défilement sérieux pour être atteint, car l'espace est précieux sur mobile.

Par conséquent, la seule solution consiste à prioriser le contenu le plus vital au-dessus du pli sur mobile. En d'autres termes, réfléchissez bien au contenu à montrer à vos utilisateurs et visiteurs au-dessus de la ligne de flottaison sur vos pages mobiles. Après tout, pour chaque élément de contenu que vous incluez au-dessus du pli, un autre élément doit être poussé vers le bas et même sacrifié en dessous du pli.

Une approche pour vous aider à maximiser le contenu mobile au-dessus du pli consiste à minimiser le soi-disant chrome. Nous ne parlons pas du navigateur de Google dans ce cas. Chrome est la collection d'éléments de conception visuelle qui aident les utilisateurs à interagir avec ou à donner des informations supplémentaires sur le contenu d'une interface, mais ne fait pas partie du contenu. Chrome provient du système d'exploitation du téléphone mobile.

Un exemple de chrome serait toutes les images associées aux comptes des personnes lorsque vous consultez des e-mails dans la boîte de réception de votre application Gmail. Dans cet exemple, ces images vous aident également à identifier vos expéditeurs, mais elles ne sont pas absolument essentielles pour les identifier (la ligne De dans l'e-mail lui-même suffirait).

En réduisant ces éléments chromés, vous économisez considérablement l'espace de l'écran mobile et avez donc une meilleure chance de mettre les informations les plus vitales au-dessus de la petite zone de pli.

Concentrez-vous sur l'utilisateur final

Le secret de la conception d'une excellente UX mobile revient toujours à l'utilisateur final. Gardez cela à l'esprit lors de la conception de vos sites mobiles et vous créerez un site convivial. C'est aussi simple que ça.

Pour y arriver, assurez-vous que vous concevez en vous basant sur des données réelles et non sur des hypothèses. Un bon point de départ est la façon dont vos utilisateurs tiennent leur téléphone en premier lieu. Si vous concevez de manière à ce que de nombreuses personnes ne tiennent même pas leur téléphone, alors tous les paris sont ouverts.

Il est également essentiel de se rappeler qu'en raison des petits écrans mobiles, le contenu doit être vu facilement et rapidement, alors agrandissez les éléments et assurez-vous que le contenu le plus important se trouve au-dessus du pli.