Utilisabilité

Vidéo de Ryan Singer (37signals) sur la conception des interfaces utilisateur

Très intéressante vidéo sur la conception des interfaces utilisateur par Ryan Singer, Web Designer chez 37signals (Basecamp) :

  • Tout baser sur un modèle
  • Être explicite et utiliser beaucoup de texte
  • Décomposer les écrans avec les conventions REST
  • Utiliser les contrastes pour matérialiser les priorités à l'écran
  • Décomposer les actions en 3 parties (début: à quel endroit l'action est initiée, milieu : comment l'action se déroule, fin : à quel endroit se rend-t'on à la fin de l'action et quelles sont les informations à afficher)
  • Garder les templates simples et les concevoir de façon à ce qu'ils révèlent leur utilité

UI Fundamentals for Programmers by Ryan Singer from ChicagoRuby on Vimeo.

Etiquettes:

Prototypes d'interface avec Balsamiq Mockups

Hier j'ai sorti ma carte bleue pour un logiciel pour lequel j'ai eu le coup de coeur : Balsamiq Mockups. Pour ceux qui ne connaissent pas encore, c'est un logiciel qui permet de dessiner des interfaces utilisateur.

Balsamiq Mockups

Etiquettes:

Pour ma collection de messages d'erreur

Message d'erreur Google Document

Dans le genre bonne nouvelle, je préférerai qu'on m'annonce que j'ai gagné au loto (même si je n'y joue jamais).

Etiquettes:

Livre Site Web : priorité à la simplicité

La couverture du livre

J'ai acheté vendredi dernier ce livre qui s'est avéré très intéressant (je l'ai dévoré en quelques heures).

Il traite d'utilisabilité, mot pas très joli, mais que tous les webmestres devraient connaitre.

Il s'agit en fait de faciliter l'utilisation d'un site web. Les auteurs attirent notre attention sur ce qu'il faut éviter (les écrans d'introductions, les gifs animés, les polices trop petites...).

Du bon usage de l'autocomplete

L'aide au remplissage des formulaires

La plupart des navigateurs récents disposent d'une fonctionnalité qui mémorise les informations saisies dans les formulaires pour les proposer à nouveau lors des saisies suivantes. Cette fonction facilite la saisie des données.

Cependant ce comportement n'est pas toujours souhaitable. Dans un carnet d'adresse par exemple, on a des champs où on saisit des numéros de téléphone. La probabilité que plusieurs contacts partagent le même numéro de ligne directe est faible et l'autocomplete gène plus les utilisateurs qu'il ne leur facilite la vie. Il faut donc le désactiver en ajoutant l'attribut autocomplete="off" à vos balises input.

Même chose pour les noms de famille, les noms de sociétés...

Par contre ça marche bien pour les prénoms, les villes...

Etiquettes:

Mais où est passé le bouton Enregistrer ?

Inkscape est l'un de mes logiciels préférés. Il y cependant un détail qui m'irrite à chaque fois que je l'utilise : c'est l'emplacement des boutons dans les boites de message de confirmation.

Les boutons des boites de confirmation d'Inkscape
Subscribe to RSS - Utilisabilité