Interface utilisateur : les détails qui font la différence (vidéos)

Sur le principe de littlebigdetails*, quelques exemples de détails d’interfaces plus ou moins utiles qui nous simplifient la vie.

• Mac OS X : menu contextuel dynamique

Le clic droit offre à l’utilisateur de la plupart des systèmes d’exploitation un certain nombre de commandes pas ou peu accessibles autrement. Certaines fonctions restent cependant masquées, comme « ajouter au menu démarrer » sur Windows XP par exemple (il faut maintenir la touche Shift enfoncée avant d’effectuer un clic droit pour faire apparaître cette ligne.)

Les concepteurs d’OS X ont pensé à une alternative pour ces fonctions cachées : elles s’affichent dynamiquement (c’est la différence avec l’exemple ci-dessus) lorsque l’utilisateur enfonce la touche Alt.

• Mac OS X : affichage en colonnes et lisibilité du texte

Le Finder de Mac OS X permet à l’utilisateur de sélectionner un mode d’affichage parmi quatre. Le mode « colonnes » présente l’ensemble des fichiers de la machine sous forme de colonnes successives.

Lorsque la colonne est trop étroite pour afficher le nom entier du fichier présenté, des points de suspension remplacent les lettres manquantes. Mais avant d’afficher ces points, OS X diminue légèrement l’interlettrage afin de garder le nom du fichier entier.

Vous me direz : au lieu de s’amuser à implémenter ce genre de fonctionnalités, les concepteurs du Finder feraient bien d’améliorer le Finder lui-même. Je suis bien d’accord.

• Dailymotion : progression de la vidéo

Un classique. Lors de la lecture d’une vidéo sur Dailymotion (et lorsque le pointeur de la souris ne se trouve pas sur la vidéo), le logo « Dailymotion » situé en bas à droite se remplit progressivement de blanc.

Bien sûr, on pourrait assez facilement faire l’inverse de Littlebigdetails et créer un blog répertoriant les erreurs les plus « évitables » qui soient.

• Littlebigmistakes : publier une vidéo sur Vimeo

Pour publier une vidéo sur Vimeo avec un compte gratuit, il vaut mieux être patient : le site impose un délai de 30 minutes entre le moment de l’envoi et la mise en ligne réelle du fichier. Soit, c’est une restriction comme une autre. En revanche, j’ai été très surpris de voir qu’il existait une limite à la taille du fichier publié. Une limite… basse, c’est-à-dire qu’il est impossible de mettre en ligne une vidéo trop légère !

Littlebigmistakes - poids minimal d'une vidéo sur Vimeo

L’erreur ici est de ne pas préciser quelle est cette limite…

• Littlebigmistakes : mettre à jour ses logiciels Adobe

Application Manager est un petit programme d’Adobe qui s’installe automatiquement avec la suite CS et qui permet de maintenir à jour l’ensemble des logiciels qui la composent. De temps en temps, lorsque je lance l’un de ces logiciels, une icône apparaît dans la barre supérieure de l’écran. Si je clique dessus, un message m’indique que « [l’]Ouverture de l’actualiseur [est] en cours… ». (Note : la vidéo suivante contient une musique qui illustre assez bien le propos.)

L’ouverture n’est évidemment pas en cours ; pour afficher l’actualiseur il faut cliquer sur le libellé. Un bien mauvais choix de mots…

* Littlebigdetails.com est un blog visiblement très apprécié sur lequel différents contributeurs publient de nombreux détails d’interfaces qui les interpellent.