Pourquoi un site mobile ?

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, contenus et boutons 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 contenus (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 le prendre en compte car sur mobile cela sera certainement encore moins !

Les points les plus importants :

La lisibilité est importante et notamment la taille des textes, qui doivent 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’œil sur son téléphone, votre message soit imprimé dans sa mémoire visuelle.

Les Call to Action doivent être pertinents, voyants 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 pour trouver ce qu’il cherche au plus vite.