Interfaces web interactives

Dans le monde de l'ergonomie et des bonnes pratiques visuelles, voici un nouveau venu. Interfaces web interactives regroupe l'ensemble des bonnes pratiques en terme de design d'applications web, ou de composants interactifs. Les maîtres mots sont convivialité, fluidité, rapidité, efficacité. Le but étant de mettre en œuvre ces idées sur votre site pour ne pas perdre vos visiteurs dans des interfaces peu ergonomiques. On se focalise surtout sur l'interactivité, sur tout ce qui a enrichi le web depuis ses débuts où les seuls soupçons de cette même interactivité étaient de cliquer sur des liens et soumettre des formulaires.

Le livre comprend 75 modèles illustrant les techniques les plus répandues. On pourra lui regretter en effet de se montrer trop exhaustif par rapport à des bonnes pratiques qui tombent souvent sous le sens, acquises ou vues et revues sur des sites grand public reconnus. Ainsi des principes universellement assimilés et appliqués actuellement seront décrits en détails mais sans approfondir concrètement la méthode d'application, d'un point de vue technique. Les designers y trouveront cependant leur compte parmi le grand nombre d'exemples fournis.

Les contre-exemples, les pièges, sont d'autant plus intéressants, et l'on pourra s'en servir comme guide lors d'une refonte complète de site, pour la rédaction de cahiers des charges, ou d'application web (RIA) afin de ne rien oublier. La lecture est agréable, pages (couleur) illustrées obligent.

Il s'agit de la traduction de l'ouvrage de deux américains :

• Bill Scott, directeur de la division UI de Netflix qui a contribué à la Design Pattern Library de Yahoo
• Theresa Neil, experte en expérience utilisateur auprès de grands groupes et startups, spécialisée dans les RIA.

Au sommaire :

• Principe 1 : Aller droit au but
  • Modifier sur place
  • Glisser et déposer
  • Sélection directe
• Principe 2 : Rester léger
  • Outils contextuels
• Principe 3 : Rester sur la page
  • Calques
  • Incrustations
  • Pages virtuelles
  • Processus par étapes
• Principe 4 : Fournir une invitation
  • Invitations statiques
  • Invitations dynamiques
• Principe 5 : Utiliser des transitions
  • Modèles de transitions
  • Objectifs des transitions
• Principe 6 : Réagir immédiatement
  • Modèles de recherche
  • Modèles de retour d'information