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.
✨ 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
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 !
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
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.
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 à 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 :