Ergonomie Web : Les Formulaires

Introduction à l’ergonomie par l’exemple.

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