43 erreurs à éviter en matière de design web

14 mai 2007 :: Par Miguel dans Architecture de l'information - Design

Cela ne vous a pas échappé: les blogs sont très friands de listes de bonnes ou mauvaises pratiques. Pomdoo ne fait d’ailleurs pas exception à la règle (déjà deux articles de ce type sans compter celui-ci). L’une d’elles a particulièrement retenu notre attention, et nous vous proposons donc une traduction d’une liste des 43 erreurs à ne pas commettre en matière de design web (43 Web Design Mistakes You Should Avoid).
Elle concerne pomdoo car il s’agit principalement d’utilisabilité, qui est indissociable du design (et vice-versa). J’ai gardé uniquement les intitulés, sans le développement que l’auteur fait de chaque aspect. Certains sont de l’ordre du sens commun, d’autres sont plus polémiques, c’est justement l’intérêt de la chose. Ils sont valables pour n’importe quel type de site, du blog au site professionnel.

L’utilisateur doit savoir en quelques secondes de quoi parle le site
Faites en sorte que le contenu soit facile à scanner
N’utilisez pas des polices fantaisistes qui sont illisibles
N’utilisez pas des polices minuscules
N’ouvrez pas de nouvelles fenêtres dans le navigateur
Ne redimensionnez pas la fenêtre de navigation de l’utilisateur
N’obligez pas l’internautre à s’enregistrer sauf absolue nécessité
N’abonnez jamais le visiteur à quoi que ce soit sans son consentement
N’abusez pas de Flash
Ne jouez aucune musique
Si vraiment vous DEVEZ jouer un fichier audio, laissez à l’utilisateur le soin de le lancer
N’encombrez pas votre site avec des badges
N’utilisez pas de page d’accueil qui ne fait que lancer le « véritable » site
Donnez tous les détails pour vous contacter
Ne bloquez pas le bouton « Précédent »
Ne créez pas de texte qui fatigue les yeux
Evitez les structures URL complexes
Utilisez les design CSS plutôt qu’une mise en forme des pages en tableaux
Faites en sorte que les utilisateurs puissent lancer une recherche dans tout le site
Evitez les menus déroulants
Utilisez des menus de navigation textuelle
Si vous créez un lien vers des fichiers PDF, signalez-le
N’embrouillez pas l’utilisateur avec plusieurs versions de votre site
Distinguez la publicité du contenu
Utilisez une structure de navigation simple
Evitez les « intros »
N’utilisez pas d’éditeurs HTML qui produisent du code impropre
Faites en sorte que votre site soit lisible dans tous les navigateurs
N’oubliez pas de remplir le « href » de vos liens
Ne masquez pas vos url dans la barre de statut
Faites en sorte que vos liens soient visibles (couleur, contraste, soulignement, etc.)
Ne soulignez pas et ne colorez pas le texte normal
Changez la couleur des liens activés
N’utilisez pas de GIFs animés
Utilisez les attributs ALT et TITLE pour les images
N’utilisez pas de couleurs criardes
Laissez tomber les pop ups
Evitez les liens qui exécutent du javascript
Incluez des liens fonctionnels dans votre pied-de-page
Evitez les pages trop longues
Pas de scrolling horizontal
Pas de fautes d’orthographe ou de grammaire
Si vous utilisez les CAPTCHA arrangez-vous pour que les lettres soient lisibles