Pourquoi un site mobile ?

Aujourd’hui une grande majorité des users passe une bonne partie de sa journée sur son smartphone : pour visiter un site, consulter ses mails … Il est donc nécessaire d’adapter l’internet au mobile, on appelle cela le responsive design.

Un site qui n’est pas adapté au mobile est en fait un copié-collé du site sur pc, la lisibilité sur mobile y est très compliquée car les textes sont minuscules et il est nécessaire de faire un zoom sur son écran pour accéder au contenu … pas top !

A travers le responsive design l’idée est de donner une meilleure expérience à l’utilisateur. Le site qu’il visite habituellement sur pc doit s’adapter parfaitement sur smartphone (les images, les contenus, les call to action … doivent être étudiés en fonction de l’usage que l’on fait d’un téléphone et de l’environnement extérieur des utilisateurs)

Pour le design sur mobile, il est important de prendre en considération l’environnement extérieur des users.
Nous avons très souvent notre smartphone à la main alors que nous faisons tout autre chose. Nous marchons avec notre smartphone, nous prenons les transports, discutons avec un ami …

En adaptant son site sur mobile, l’idée est de permettre à l’utilisateur de saisir d’un coup d’oeil ce que vous souhaitez lui transmettre. Les textes, images … vont donc être réajustés par rapport au site sur pc. A savoir qu’un user sur pc lit déjà très peu de texte lors de sa navigation, il faut donc prendre en compte que sur mobile cela sera certainement encore moins !

Les points les plus importants :

La lisibilité est importante et notamment la taille des textes, qui doit permettre une lecture / compréhension / assimilation rapide du message.

La clarté qui va de pair avec la lisibilité, doit être travaillée dans les messages à faire passer à l’utilisateur, l’idée est qu’en jetant un coup d’oeil sur son téléphone, votre message soit imprimé dans sa mémoire visuelle.

Les Call to Action doivent être pertinents voyant et accessible en 1 clic.
Un bouton en dessous de 9mm de hauteur devient difficilement cliquable.

On évitera :

Les carrousels sont à éviter car il vient surcharger l’information et il n’est jamais très évident de faire défiler un carrousel sur mobile sans ouvrir le menu ou changer de page involontairement … Il faut bien réfléchir au design des vos carrousels, qu’ils ne soient pas un frein à la navigation et qu’ils ne freinent pas l’utilisateur dans son parcours.

Les fioritures sont à bannir, il faut aller à l’essentiel tout en restant cohérent dans sa charte graphique.
Les textes trop longs font fuir l’utilisateur, car il est souvent pressé et souhaite aller à l’essentiel, trouver ce qu’il cherche au plus vite.

Léonard Greneau

UI Designer et DA Junior