EN FR
+1 : une bonne leçon de conception
→ This post is translated in English
+1 est dans la même lignée que Mr Mood : c'est une application conçue et développée sur un coup de tête, sur une idée fulgurante. Même si ces applications peuvent être utiles à certains, elles ont été créées avant tout dans un but pédagogique, pour nous permettre d'expérimenter des choses et de développer notre vision.
+1 n'est donc pas née d'une étude de marché mais d'une éprouvette. Compter des choses est une tâche très simple. Pourtant, les quelques applications qui permettent déjà de le faire se sont souvent noyées dans la complexité. En les voyant, on se dit que c'est peut-être joli, que le graphiste a bien travaillé, mais que le but n'est pas atteint. Elles ne sont pas focus. Elle n'ont pas été bien conçues.



Sans penser une seconde que nous allions réaliser une telle application un jour, nous avons pris une feuille et commencé à dessiner ce que devrait être un compteur bien conçu sur iPhone.
Le but d'une telle app est de modifier la valeur du compteur et de la consulter. On coupe donc logiquement l'application en deux, une partie pour modifier et une partie pour afficher la valeur.

La tâche principale consiste à incrémenter le compteur. On place donc un gros + pile sous le pouce de l'utilisateur.

Décrémenter le compteur est une tâche légèrement moins importante. Le bouton - peut donc être légèrement moins accessible que le + et demander un petit effort. On avait le choix entre une disposition horizontale ou verticale de ces deux boutons. En position horizontale, pour que le + reste le bouton le plus accessible au pouce, il aurait fallu le placer à gauche du bouton -. Cela n'est pas pragmatique puisque c'est contraire aux habitudes des utilisateurs (on augmente vers la droite et on diminue vers la gauche). En revanche, en position verticale, le bouton du haut est plus accessible que celui du bas et par chance cette configuration est compatible avec les habitudes des utilisateurs (on augmente vers le haut et on diminue vers le bas).



La suppression d'un compteur est une tâche critique (dangereuse), on la rend donc difficile d'accès (coin supérieur gauche) ; et c'est une tâche peu fréquente, on la masque donc la plupart du temps. Un tap sur le compteur permet de révéler cette option un cours instant. Les utilisateurs sont habitués à ce comportement dans les lecteurs vidéo et l'application photo. On estime que la remise à zéro est légèrement moins critique et plus fréquente que la suppression pure et simple, on la place donc dans le coin supérieur droit, un peu plus accessible (pour les droitiers). On ajoute tout de même le secouer pour annuler, un comportement connu des utilisateurs experts.

Enfin, on passe d'un compteur à l'autre avec un swipe horizontal, les plus anciens à gauche et les plus récents à droite (sens habituel). La création d'un nouveau compteur est marquée par un frein physique et un espace séparateur. La première fois, cette tâche est expliquée avec un texte contextuel pour guider l'utilisateur. De même, chaque nouveau compteur vient avec un nom par défaut pour donner des idées de choses à compter et inciter l'utilisateur à le personnaliser.

Petit détail, on limite le compteur à 9999, car il n'est pas raisonnable d'aller compter au delà avec un simple bouton +1. Les boutons + et - peuvent être pressés pour incrémenter automatiquement le compteur au cours du temps, avec une accélération finement étudiée.



Il ne reste plus qu'à habiller l'application avec de jolies couleurs qui permettent de lui donner une identité et de différencier chaque compteur. Et des sons clic-clic qui donnent un petit aspect physique à l'application et permettent de se repérer à l'oreille.

En moins de cinq minutes, nous avions sur le papier le compteur idéal sur iPhone. Nous nous sommes concentré sur les quelques tâches les plus importantes. Et nous avons volontairement oublié les tâches jugées futiles. d'autres applications permettent d'ajouter un commentaire à chaque incrément, d'afficher des dates et des descriptions longues. Tout cela ajoute du bruit et nous ne mangeons pas de ce pain là : sur mobile, il faut faire des choix et se concentrer sur l'essentiel.



Une application pour compter n'est pas très utile, mais telle que nous l'avons conçu elle est rapide à programmer, nous avons donc décidé de la réaliser. La version qui sort aujourd'hui est le minimum viable product. Il est évident que quelques points pourraient être plus travaillés (notamment l'interface sur iPad) et cela sera fait si l'application rencontre un certain succès.



On voit sur cet exemple simple que la conception d'interfaces n'a rien à voir avec le graphisme ou le visuel. Chez 1Button nous n'avons d'ailleurs pas de graphiste (et ça se voit :)). Concevoir une interface, c'est identifier les tâches et savoir les organiser en adéquation avec le contexte d'utilisation (ici un petit appareil mobile utilisé à une main).
Jérémie
April 18, 2013