$30 off During Our Annual Pro Sale. View Details »

Ergonomie Web : Les Formulaires

Ergonomie Web : Les Formulaires

Introduction à l’ergonomie par l’exemple.

François Yermia

July 16, 2013
Tweet

Other Decks in Design

Transcript

  1. Ergonomie web
    Les formulaires

    View Slide

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

    View Slide

  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

    View Slide

  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 ...

    View Slide

  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

    View Slide

  6. Les formulaires

    View Slide

  7. Les formulaires
    Les groupements

    View Slide

  8. Les formulaires
    Les groupements dans l'espace

    View Slide

  9. Les formulaires
    Les groupements par similitude

    View Slide

  10. Les formulaires
    Mauvaise pratique

    View Slide

  11. Les formulaires
    Bonne pratique

    View Slide

  12. Les formulaires
    Architecture Html




    View Slide

  13. Les formulaires
    Architecture Html

    View Slide

  14. Les formulaires
    Gestion des erreurs

    View Slide

  15. Plus qu'un gadget...

    View Slide

  16. Merci

    View Slide