Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ergonomie Web : Les Formulaires

Ergonomie Web : Les Formulaires

Introduction à l’ergonomie par l’exemple.

F471a2e816bb13002df3c09f78536680?s=128

François Yermia

July 16, 2013
Tweet

Transcript

  1. Ergonomie web Les formulaires

  2. Sommaire L'ergonomie ? Les formulaires Plus qu'un gadget

  3. L'ergonomie ? Définition Un produit est dit utilisable lorsqu’il peut

    être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés, cherchant à atteindre des objectifs donnés, dans un contexte d’utilisation donné Norme ISO 9241
  4. L'ergonomie ? Efficacité, efficience et satisfaction Efficacité : Un utilisateur

    doit réussir ses objectifs. Ce terme implique notamment les notions de facilité d’apprentissage et d’aisance d’utilisation. L’efficacité est le critère à satisfaire pour les interfaces grand public. Efficience : Un utilisateur doit réussir son objectif rapidement et en un minimum d’erreur. Cette dimension est critique sur les interfaces spécialisées, les applications métiers, les outils… suivant un contexte donné. Satisfaction : Un système d’information au service de l’utilisateur. un site web est un support multi-fonctions permettant de réaliser certaines tâches, mais qui intègre les notions d’esthétisme, de plaisir ...
  5. L'utilisateur : Il n'existe pas d'utilisateur moyen. Il est important

    de savoir qui va utiliser le produit (c'est-à-dire la cible privilégiée d'un site Internet), et d'en connaître les caractéristiques individuelles. Par exemple : l'âge, le genre, la familiarisation avec la technologie, avec le domaine, avec la tâche effectuée, la culture, le niveau de lecture, les éventuels handicaps, etc. La tâche : Connaître la tâche de l'utilisateur, c'est savoir quel est son objectif, qu'est-ce qui à initié cet objectif, sa complexité, sa durée, sa fréquence, la séquence d'actions qui composent l'exécution de la tâche, etc. . Le contexte : C'est tout ce qui touche l'utilisateur lorsqu'il exécute la tâche : la localisation (intérieur / extérieur, bureau / maison), l'état émotionnel (stress, énervement vs calme), les interruptions, les interactions avec d'autres personnes, etc. L'ergonomie ? Utilisateur, tâche, contexte
  6. Les formulaires

  7. Les formulaires Les groupements

  8. Les formulaires Les groupements dans l'espace

  9. Les formulaires Les groupements par similitude

  10. Les formulaires Mauvaise pratique

  11. Les formulaires Bonne pratique

  12. Les formulaires Architecture Html <form> <fieldset> <legend> <label> <input>

  13. Les formulaires Architecture Html

  14. Les formulaires Gestion des erreurs

  15. Plus qu'un gadget...

  16. Merci