Le design pour mobile
Quelques règles indispensables et erreurs à éviter afin de réaliser une interface pour mobile intuitive et efficace
- N’afficher que les éléments qui sont essentiels. Ne pas abuser de features et d’options sur un écran.
- Nos doigts ne sont pas des pointeurs de souris : il faut réaliser des boutons larges et distincts.
Si c’est impossible, il faut utiliser les mouvements multitouch (notemment le zoom) et/ou ajouter plus d’écrans avec moins d’options dessus. Réaliser un processus de selection séquentiel (grouper et dissocier) - Attention la taille des pixel est plus petite sur l’iPhone et android phones (~+163 dpi) que sur l’écran de notre ordinateur (~+100 dpi). Donc à même résolution les screenshots vus sur un émulateur iPhone apparaitront plus grand qu’en réalité.
- Avoir un design cohérent avec l’OS. S’aligner sur le style, thème etc. du systeme. Ne pas essayer de trop casser les règles. C’est du temps donc de l’argent perdu pour pas de gain réel. Le branding de sa marque doit se jouer de façon subtile (couleur)
- Ne pas oublier que le tel n’est pas un ordinateur. On l’utilise dans des conditions différentes et dégradées (luminosité ambiante, bruit, qualité du réseau, etc.)
Source : Smashing Mag(1/2), Smashing mag 2/2, Jacob Nielsen’s Mobile Usability, Iphone UI guidelines, Android U.I guidelines, Alex Komarov
