Design patterns
Quand beaucoup de designers ont le même challenge (par exemple créer des menus pour des applications ou des sites mobiles ) et trouve une façon élégante de le faire (comme le menu de l’application Facebook) et que la plupart des designers utilisent cette solution, cela aide les utilisateurs à comprendre les applications et les sites plus rapidement, car ils ont l’habitude de cette solution.
Ces solutions courantes sont appelées Design Patterns.
Vous venez juste d’arriver ? Vous voudrez peut être commencer par le début.
Un design n’est pas forcément bon juste par ce qu’il est courant. Pour qu’un design pattern soit bon, la solution doit être courante et pratique.
Certaines idées de design sont devenues populaire car elles permettent aux UI designer paresseux d’ignorer des fonctionnalités un peu complexes à designer. C’est comme mettre un sac poubelle sur la tête de quelqu’un par ce qu’il est moche.
Par exemple : Le bouton Hamburger de facebook – qui représente le menu caché de beaucoup d’applications et sites mobiles – a commencé à apparaitre sur des sites web conçus pour des écran d’ordinateurs qui ont largement la place pour un vrai menu.
C’est courant car cacher le menu c’est plus facile que d’un créer nouveau (qui sera plus adapté et plus joli sur l’écran d’un ordinateur), et pas par ce que le résultat est meilleur.
Dans la vie réelle, beaucoup d’utilisateurs ne remarque pas le menu caché sur les écrans PC et quittent le site ou sont perdus.
C’est le MAL !
Et c’est fainéant !
« Don’t do it, bitch. » — Jesse Pinkman. Littéralement, « Ne fait pas ça CQFD ».
Maintenant, il y a des centaines de design patterns et elles évoluent au même rythme que les appareils et les technologies. Donc je ne peux pas vraiment vous faire un liste mais voici quelques liens que je vous conseille d’explorer :
- Good UI. Une belle liste de simple et illustrée de ce que sont en général les bonnes pratiques. Alors au moins essayez de les appliquer quand vous créer un design.
- Pattern Tap. C’est une librairie d’exemples envoyées par des utilisateurs, de parties de sites web dont vous pourriez avoir besoin. Note : certaines sont bonnes, d’autres non, mais y jeter un œil vous permet de voir ce qui est courant ou non.
- The anatomy of a perfect landing Page. Cet article n’est pas super nouveau, mais il est toujours d’actualité. Suivre ces conseils vous permettra de créer rapidement une page efficace et générique pour que les utilisateurs vous trouvent sur internet. Si vous avez aimé, allez voir Unbounce Blog.
- Mobile patterns. C’est un site similaire à PatternTap. Ce n’est une liste de parfaits designs, mais c’est une bonne façon de regarder un bon nombre de sites et applications mobiles et se faire un avis.
- Timoa on pinterest. Un très bon profil pinterest qui offre une collection bien organisée de design UI.
- Si j’en ai oublié, faites le moi savoir sur Twitter !
