Mobile First par Luke Wroblewsky
Le sixième ouvrage de la collection A book apart de chez Eyrolles est sorti vendredi. Mobile First rédigé par Luke Wroblewsky est une mine d’informations concernant les expériences utilisateurs mobiles. Review.
Le premier chapitre définit l’évolution vertigineuse de l’utilisation du mobile pour accéder au net (+de 600% en 2010). Il introduit l’idée qu’un site pour mobile se pense, se conçoit, et que le Webdesigner /Intégrateur, ne doit pas seulement adapter son site Web pour l’interface d’un téléphone portable mais doit également repenser l’expérience de ses utilisateurs.
Pour cela, il faut définir d’abord les contraintes : taille de l’écran, les performances des réseaux, interfaces mais également son zoning et plus particulièrement les services que l’on veut proposer pour un utilisateur de mobile. Effectivement, avec l’arrivée du responsive design, le designer aura tendance à simplement adapter son site sans le repenser. Luke Wroblewski nous invite à le repenser. Il prend donc pour exemple FlickR qui au fil du temps a accumulé 60 options rien que dans son menu supérieur ! On ne peut – effectivement – pas penser de manière identique lorsque l’on s’attaque au développement pour mobile…Il nous invite donc à proposer à l’internaute sous Android ou OS les éléments qu’il recherche lorsqu’il n’est pas en possession de son ordinateur (l’exemple de Facebook qui a entièrement repensé son interface est très intéressant).
Un point de vu nouveau que nous propose l’auteur est de penser en possibilités ( géolocalisation, orientation de l’appareil, cameras, videos…) et non en contraintes. En clair : il faut que le site web « de bureau » et que la version mobile recouvrent les mêmes besoins mais de façon différentes.
L’auteur nous propose alors 4 points à développer :
- Adapter à la manière dont les gens utilisent leur appareil.
- privilégier le contenu par rapport à la navigation.
- offrir des options pour l’exploration et la rotation.
- rester clair et focalisé.
Les écrans tactiles devenant de plus en plus présent notamment avec le succès de l’Iphone, il faut également repenser les actions utilisateurs et donc revoir les positionnement des menus ou des liens en général. L’auteur développe donc quelques points essentiels pour bien penser le design de notre interface mobile :
- Penser aux cibles tactiles (tailles, placement).
- Approfondir nos connaissances des gestes tactiles.
- Compenser la perte d’interaction de survol.
- Penser aux manipulations indirectes.
Avec le responsive design, le designer aura tendance à rétrécir les champs de contenu. Or, c’est tout le contraire que Luke nous propose de faire. Ceci pour éviter toute erreur de manipulation et éviter ainsi à l’utilisateur une perte de temps précieux. Il en va de même pour les champs de saisies. On analysera donc à travers différents exemples pertinents les différentes manière de – bien -faire.
« Réduire » reste le mot clé de cet ouvrage mais il ne faut pas s’en contenter. Ce bouquin a le mérite d’aller plus loin et de nous inviter à ne pas se contenter des média queries qui fait fureur (et débats) ces derniers temps. Tout comme les autres livres de la collection, l’auteur de Mobile First nous pousse à comprendre – si ce n’était pas déjà le cas – que c’est pour l’utilisateur que l’on design en développant des solutions illustrées d’exemples concrets.