9 conseils concrets pour concevoir un site de qualité

9 conseils supers utiles à pratiquer le plus possible pour créer une expérience utilisateur au top :)

9 conseils concrets pour concevoir un site de qualité

On oublie souvent les principes de base du design de site ou d'interface, alors cet article a pour objectif de vous servir de checklist à imprimer pour bien aborder un nouveau projet de site ou d'application.

En lisant cela vous allez peut-être vous dire "non mais oui c'est logique, ça coule de source", eh bien oui, mine de rien cela fait beaucoup de choses à penser ! Puis entre le comprendre et savoir l'appliquer cela demande un minimum d'entrainement.

Alors on est parti pour ces 9 conseils supers utiles à pratiquer le plus possible pour créer une expérience utilisateur au top :)

✨ La première impression compte

Soigner son entrée c'est important dans la vie, sur le web ça l'est encore plus. On peut se faire nexter bien plus facilement sur le web que dans la vie réel.

* _ *


A penser lors de la conception d'un site :

  • Est-ce que les premiers pixels que l'utilisateur aperçoit sont attractif ?
  • Est-ce qu'il comprend tout de suite ce qu'il peut trouver sur votre site et ce qu'il fait là ?
  • Appliquer les dernière tendances UI et motion (faites de la veille pour cela ⭐️)
  • Un Call to Action clair et précis
  • Evitez de trop en mettre, que ce soit des animations, du contenu des images etc. restez clair
  • Vous devez faire comprendre a l'utilisateur pourquoi il doit rester sur le site

🗺 Toujours savoir où je me trouve

Sur un site avec beaucoup de page, il est super simple de se perdre. Il faut que votre interface accompagne l'utilisateur pour qu'il puisse a tout moment savoir où il se trouve.

Perdu.gif
Perdu.gif

Concrètement :

  • Un fil d'ariane (ou breadcrumb)
  • Un titre de page qui correspond a son contenu et qui soit explicite

🏡 Cela doit être facile de revenir à l'accueil

Peut importe où je me trouve sur le site il faut que je puisse facilement revenir à l'accueil, cela permet d'avoir toujours un point de retour rassurant pour l'utilisateur et de repartir de zéro pour commencer un nouveau chemin de navigation si besoin.

Y'a pas mieux que la maison !
Y'a pas mieux que la maison !

Concrètement :

  • Un bouton de retour à l'accueil sur toutes les pages

👀 Concevoir pour scanner, pas pour lire

Lorsque nous parcourons un site, le cerveau va avoir tendance à scanner la page plutôt que la lire. Pour plusieurs raisons, on a pas le temps de lire, il y a déjà assez d'information à assimiler sur le web et dans la vie en générale et l'oeil est légèrement moins rapide pour lire sur un écran. C'est pourquoi en tant que designer, vous devez prendre ce phénomène en compte.

Less is more
Less is more

Concrètement :

  • Pas de grand blocs de texte, pas de romans
  • Laisser de l'espace entre vos éléments pour faciliter le focus (Loi de Fitt, de Hick et de Miller)
  • Ne surchargez pas votre interface

😎 L'application doit être évidente

Votre site doit transpirer son utilité, il ne faut pas l'expliquer pour le comprendre. C'est a dire que je dois comprendre immédiatement que c'est un site e-commerce ou un site de réservation en un coup d'oeil.

Chaton déguisé en capitaine obvious
Restons évident et explicite

Concrètement :

  • Utiliser une disposition et architecture qui est connu pour votre type de site
  • L'originalité abusive est rarement une bonne idée pour rendre agréable l'utilisation de votre interface.

⚙️ La loi de Jakob, nous sommes attachés a nos habitudes

Pour compléter les autres conseils de cet fiche on peut rappeler la loi de Jakob qui nous dit que l'être humain et notre cerveau est un outil qui fait des raccourcis dès qu'il en a l'occasion. Le monde est complexe et nous apprécions les habitudes car elles sont prévisibles et nous rassurent.

Les habitudes c'est tenaces, autant les embrasser pour être efficace

Concrètement :

  • Votre site doit utiliser des patterns d'interactions connus
  • Utiliser des conventions et des standards sur vos interfaces (Paiement, formulaire, dates, etc.)
  • Ca ne sert a rien de réinventer la roue, vous allez juste perdre l'utilisateur qui fuira votre site

💪 Pas le temps de discutailler

En tant qu'utilisateur je suis sur votre site pour répondre à une problématique, et souvent, je suis pressé. Alors il faut réduire les phrases de "politesse" à leur minimum.

Je viens pas la pour passer du bon temps mais pour être efficace, un site n'est pas un divertissement mais un outil pour atteindre un objectif.
Moi devant certains sites.

Concrètement :

  • On oublie les phrase de présentation du genre "Bienvenue sur mon super site"
  • On réduit au minimum les phrases d'explication
  • On oublie les tournure de phrases compliquée destinée a flatter l'égo du visiteur.

🔎 La recherche est importante

Quand je navigue sur un site, je chercher quelque chose, et pour cela j'ai deux options : Parcourir le site ou utiliser la barre de recherche

Jakob Nielsen appelle cela des "search-dominant user" ou des "link-dominant user"

Il y a environ une moitié de search dominant et une moitié de link dominant, il est donc important de satisfaire les deux types d'utilisation.

Autrement le reste des gens vont choisir entre les deux en fonction de leur empressement, de leur familiarité avec le système de navigation et de l'apparence (est-ce que la navigation semble bien faite)

Le plus important c'est de trouver

Concrètement :

  • Avoir une barre de recherche accessible
  • Avoir un menu qui permet de parcourir le site de manière logique

🧠 On se crée des images mental des sites

L'architecture de l'information est importante, en tant qu'utilisateur qui revient sur un site, j'aurai déjà acquis une représentation mentale du site et je serai bien plus efficace pour trouver ce que je cherche.

Master mind notre cerveau

Concrètement :

  • Avoir une bonne hiérarchie de contenu
  • Un bonne hiérarchie visuel (respecter la taxonomie des titres, niveau 1, niveau 2, corps, navigation, etc.)

Conclusion

Il faut toujours continuer d'apprendre et perfectionner sa pratique. La théorie est tout aussi importante que la pratique pour augmenter son niveau de jeu que ce soit dans le numérique ou ailleurs. Tout ces conseils viennent d'ouvrages et de recherches réalisés par des gens qui dédient leur vie a comprendre le comportement humain face au numérique pour optimiser la conception web, comme Steve Krugs et Jakob Nielsen.

Pour les ressources / sources :

Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition: Krug, Steve: 8601404639708: Amazon.com: Books
Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition [Krug, Steve] on Amazon.com. *FREE* shipping on qualifying offers. Don’t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition
Home | Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.

Commentaires

Connectez vous ou devenez un membre de Async pour rejoindre la conversation.
Entrez un mail ici pour recevoir un lien de connexion, super simple ⚡️