Outil multi-usages

Problématique : parvenir à mettre en place un outil intuitif permettant à la fois :

  • de déplacer un élément dans un espace 2D
  • de modifier sa taille
  • de modifier son orientation

Dans les outils classiques style Photoshop, ces trois manipulations nécessitent autant d’outils différents, souvent peu intuitifs, ou des manipulations pas très simples jouant sur la position du curseur de la souris, son apparence, la position des « ancres », etc…

Prezi.com (ne pas confondre avec l’autre…) est un éditeur 100% online permettant des présentations spectaculaires (j’en reparlerai sans doute plus tard). Mais l’éditeur inclus est lui aussi innovant. Parfois déroutant, parfois assez magique. Et l’on trouve en particulier cette « roue », rebutante d’accès, et pourtant extrêmement pratique…

prezi

Cette roue est en fait constituée de trois cercles, représentant chacun un outil différent :

  • Placer la souris dans le cercle le plus au centre, avec les bandes verticales, permet de bouger l’objet.
  • Utiliser les « cercles » au milieu va permettre de changer la taille de l’objet, le rétrécir ou l’agrandir.
  • Le cercle le plus à l’extérieur permet quant à lui d’effectuer une rotation.

Au début, c’est perturbant. Au bout de 30 secondes d’exercice, c’est génial ! C’est complètement intuitif, et on se prend à avoir presque la sensation de « toucher » l’outil, d’imaginer un outil équivalent en dur.

Cet exemple est l’exemple parfait à mon sens d’un élément d’interface osé, très « disruptive » et qui nécessite un apprentissage, qui peut perturber, mais qui améliore vraiment l’usage du logiciel. A méditer !