Module 322 - Concevoir et implémenter une interface utilisateur

L'évaluation de la convivialité et les tests de l'nterface

Objectifs du cours

Les critères d'évaluation de l'interface

Les critères ergonomiques

Les critères de convivialité

Les critères de faisabilité

Les tests UX

Les normes ISO

L’ISO, l’Organisation internationale de normalisation, réunit des experts du monde entier pour définir les meilleures pratiques à suivre, de la fabrication des biens aux processus de gestion. L’ISO est l’une des plus anciennes organisations internationales non gouvernementales. Depuis 1946, elle facilite les échanges et la coopération entre les personnes et les entreprises dans le monde entier. Les Normes internationales publiées par l’ISO contribuent à rendre la vie plus facile, plus sûre et meilleure.

Les critères ergonomiques

Les normes internationales de standardisation (ISO) fournissent des recommandations pour les interfaces visant à minimiser l'effort cognitif et renforce la compréhensibilité des interfaces

Les critères ergonomiques

• ISO 9241
  • Ergonomie des systèmes interactifs
  • Efficacité, productivité, confort d'utilisation
  • Minimiser l'effort cognitif
• ISO 16982
  • Accessibilité
  • Facilité d'utilisation pour tout types d'users
  • Recommandation d'intégration de fonctionnalités pour personnes malvoyantes
• ISO 25010
  • Qualité des logiciels
  • "Utilisabilité"

Les critères de convivialité

Les critères de convivialité

Difficultés de convivialité

• Complexité de la navigation
• Manque de feedback
• Surcharge cognitive
• Ergonomie des formulaires
• Incohérences

Les critères de faisabilité

En parallèle de la convivialité, la faisabilité technique est une autre dimension importante dans la conception d'une interface.

Un prototype d’interface peut être intuitive et agréable à utiliser, mais si elle n’est pas techniquement réalisable ou si elle ralentit les performances du système, elle sera contre-productive.

Des tests de faisabilité technique doivent être réalisés en amont du développement

Les critères de faisabilité

Tests de faisabilité technique

• Ressources matérielles et humaines
• Capacités des infrastructures
• Compatibilité multiplateformes
• Coûts de développement ou maintenance
• Sécurité
• Temps de réponse
• Accessibilité
• Savoir

Une interface conviviale mais techniquement irréalisable n'est pas viable

Les tests UX

• Évaluer une interface en interrogeant un utilisateur

• Évaluer un prototype ou le produit final

• Optimiser l'UX et mettre en évidences les blocages et points de frictions d'une UI

• Suivre les réactions, comportements et motivations de l'utilisateur

• Peut être réalisé à chaque étape du projet

Les tests UX

Notez ce qui est important de presenter à l'utilisateur avant le test

Les tests UX

Ce qui est important de presenter à l'utilisateur avant le test

• Indiquer le temps du test
• Le participant peut faire des pauses, poser des questions ou arrêter
• Présenter le sujet de recherche et la méthode
• Le participant peut réfléchir à voix haute
• Le participant doit avoir Comportement naturel
• Indiquer au participant que ce n’est pas un test de l’utilisateur
• Le facilitateur peut interrompre ou poser des questions
• Le test est enregistré

Les tests UX

Comment bien faire pendant le test ?

• Créer de l'empathie
• Ne pas intervenir
• Rebondir en différé
• Garder une attitude sérieuse
• Afficher une attitude distanciée
• Ne pas brusquer le participant
• Maîtriser le temps
• Éviter les familiarités
• S'adapter à la cible

Les tests UX

Noter les mauvaises et bonnes pratiques

Les tests UX

À ne pas faire...

• Intervenir trop rapidement
• Ne pas intervenir quand l'utilisateur en a besoin
• Poser des questions orientées ou fermées
• Réagir positiviement ou négativement
• Être amical avec l'interviewé
• Aider un participant ou répondre à ses questions

Mais encore :

• Anticiper les réponses
• Donner son point de vue
• Déformer les dires de l'utilisateur

Les tests UX

À faire...

• Intervenir quand l'utilisateur en a besoin
• Poser des questions ouvertes
• Rester neutre
• Redirigier les questions des utilisateurs

Prototype cliquable

version interactive d'une interface numérique (site web, application, etc.) qui simule les interactions de l'utilisateur. Il sert à tester l'expérience utilisateur, à identifier et corriger des problèmes de navigationa

• C'est une maquette dynamique et interactive, contrairement à un simple wireframe ou mockup statique.

• Il intègre des éléments comme des boutons, des liens, des menus et des animations pour simuler une expérience proche du produit final.

• L'utilisateur peut réellement cliquer et interagir avec les éléments pour naviguer dans l'interface.

Prototype cliquable

À quoi ça sert ?

• Tester et valider l'expérience utilisateur (UX) : Permet de vérifier que la navigation est intuitive
• Identifier les problèmes : Aide à repérer les erreurs de parcours, les zones de confusion ou les difficultés d'utilisation.
• Économiser les ressources : Il est beaucoup moins coûteux de corriger un problème sur un prototype que sur un produit déjà développé,
• Recueillir des avis : permet d'obtenir des retours précis et améliorer la solution.
• Présenter un projet : Permet de démontrer le fonctionnement d'une idée à des partenaires potentiels pour les convaincre et obtenir du soutien.

Les metriques

Sondage

SUS

HEART

Logfile

Les metriques

SUS

• System Usability Scale (SUS)

• Questionnaire normalisé simple et rapide

• Permet de déterminer le niveau de satisfaction des utilisateurs d'un service

• Évaluation en fonction du ressenti des utilisateurs.
  • Convivialité
  • Utilisabilité

Les metriques

Comment se présente le SUS ?

• Questionnaire de 10 questions minimum et maximum
  • Sous formes d'affirmations
  • Alternance entre positive et négative
• 5 réponses possibles obligatoirement
• Calcule du score 
• Score de notation entre 0 et 100

Les metriques

HEART

Framework pour évaluer la qualité et la performance des produits à travers la perspective de l'utilisateur. Acronyme de :

• Happiness (Satisfaction)
• Engagement (Implication)
• Adoption (Adoption)
• Retention (Rétention)
• Task Success (Succès des tâches)

Développé par l'équiped'UX de Google

pour évaluer la qualité et la performance

des produits numériques

Les metriques

Comment se présente le HEART

• Dimension (H,E,A,R,T)

• Objectifs

• Signaux (données représentant les actions utilisateurs)

• Métriques (indicateurs quantifiables dérivés des signaux)

Les metriques

Logfile

• Examiner les données collectées automatiquement sur les actions des utilisateurs dans une interface

• Contiennent des informations diverses (pages visitées, les clics, navigation, erreurs, temps sur chaque page, etc.)

• Permet d'avoir une vue quantitative et précise de l'utilisation réelle de l'interface

• Ne nécessite pas d'interaction avec l'utilisateur directement

Les metriques

Logfile

• Méthode automatique et objective
• Analyse modulable et configurable
• Identifier les tendances ou points de blocages

Exemple: Analyser les parcours utilisateurs, détecter les points de friction, optimiser la performances

Les metriques

Logfile

Exemples : Taux d'abandon, Fréquence des erreurs, Temps de réponse

Avantages :

• Objectivité
• Granularité
• Analyse continue

Limites :

• Manque de contexte
• Données complexes à analyser

Les metriques

Sondage

• Méthode directe pour obtenir des informations qualitatives sur les expériences utilisateurs

• Poser des questions précises ou génériques

• Peuvent être envoyés sous diverses formes

Les metriques

Sondage

• Poser des questions sous forme de questionnaires
  • Fermées (choix multiples, échelle de Likert, ...)
  • Ouvertes (Réponses libres)
• Variation des questions
  • Aspects spécifiques (fonctionnalité, facilité d'utilisation, ...)
  • Retours généraux (satisfaction globale)
• Types de questions courantes
  • ​Satisfaction
  • Facilité d'utilisation
  • Retour sur les erreurs
  • Suggestions d'améliorations

Les metriques

Sondage

• Avantages
  • ​Flexibilité
  • Retour direct des utilisateurs
  • Facilité de mise en place
• Limites
  • ​Biais des réponses
  • Faible taux de participation
  • Manque de données comportementales
• Bonnes pratiques
  • Sondages courts
  • Questions équilibrées
  • Minimiser les biais

Les méthodes

Walkthrough

Revue d'expert

A/B Testing

Test d'usabilité

Formez 4 groupes.

Chaque groupe se fera attribuer une méthode ci-dessus

Les méthodes

• Définition de la méthode
• Quand utiliser la méthode
• Pourquoi utiliser la méthode
• Préparation du test avec la méthode
• Etapes et déroulement du test
• Comment analyser les résultats
• Bonnes pratiques
• Avantage et limites de la méthode
• Demonstration (vidéo, images, documents)
• Préparer 3 questions à poser

Présentation : minimum 10 minutes

A rendre: diaporama
Présentez votre sujet à la classe la semaine prochaine

Temps : 45 minutes

Préparer une présentation diaporama qui contient

Examen à blanc

Effectuez la partie théorique uniquement de l'examen à blanc qui se trouve sur padlet.

Wooflash

Répondez aux différentes questions liées à la matière enseignée

Connectez-vous à : https://app.wooflash.com/join/Z3DVCPV1