Sources d'Informations sur la Donnée Analytique

Phases d'idéation et de génération

• Le sujet du cours est les phases d'idéation et de génération dans le design UX/CX
• Le conférencier est Mario Passalacqua
• Le cours s'est déroulé les 29 et 30 janvier 2025
• Le cours fait partie de la semaine 4 du cours MKG5422 – UX/CX à l'UQAM

Plan du cours

• Retour sur les cours de la semaine passée
• Méthodes d'idéation
• Carte d'expérience et brainstorming
• Exercices sur l'idéation
• Génération
• Wireframing, maquettage et prototypage
• Design persuasif et ludification (gamification)

Objectifs de la semaine

• Comprendre la progression entre les phases d'exploration, d'idéation et de génération
• Se familiariser avec les méthodes d'idéation et l'évaluation des idées
• Mettre en pratique ces méthodes
• Comprendre le processus de génération (wireframing, maquettage, prototypage)

Évaluation d'enseignement

• Informations sur les évaluations d'enseignement pour les groupes 030 et 040.
• Liens vers des formulaires spécifiques d'évaluation

Quiz ludique

• Un quiz ludique est proposé, mais n'est pas noté.

Retour haptique dans le contexte de l'UX

• Le retour haptique est un choix de design intentionnel dans l'UX.
• Objectifs:
  • Confirmation des actions : Indiquer à l'utilisateur que l'action a été enregistrée (ex. : vibration légère sur un clavier virtuel).
  • Accessibilité : Fournir un feedback aux utilisateurs dans des situations complexes pour la perception (ex. : environnement bruyant, sans écran).
  • Immersion : Améliorer l'expérience utilisateur, notamment dans les jeux ou les interfaces interactives (ex. : haptique dans les jeux ou dans les sièges cinéma).
  • Guidage: Orienter l'utilisateur dans l'application (ex. : signal d'un virage dans une application GPS).

Exploration

• Un diagramme visualisant pensées, émotions et comportements
• La théorie du TCC (Théorie Cognitive Comportementale) lie pensées, comportements, et émotions dans le cadre de l'UX
• Techniques de recolte de donnée pour la phase d'exploration
  • Neurophysiologique: Rythme cardiaque, électroencéphalographie, respiration, expressions faciales
  • Perceptuelle : Questionnaires, entrevues, groupes de discussion
  • Observationnelle : Parcours utilisateur, Taux de conversion, nombre de clics, analyse du chemin de navigation, temps de réalisation des tâches

Carte d'empathie

• Outils utilisés pour la phase d'exploration
• Une carte visuelle pour comprendre les utilisateurs en détail (actions, pensées, sentiments)

Exemple: Application de gestion du temps pour étudiants

• Les étudiants expriment le besoin d'une application simple et efficace
• Identification des comportements et des émotions actuelles
• Les étudiants utilisent des agendas papiers, mais oublient souvent de les mettre à jour
• Ils révisent souvent à la dernière minute avant les examens
• Ils ressentent du stress et de la frustration

Insights clés de l'exploration

• Les étudiants ont besoin d'une solution intuitive pour gérer leurs tâches
• Ils souhaitent une application motivante qui les guide
• Ils préfèrent des interfaces visuelles simples

Idéation

• Processus de génération d'idées pour répondre à un problème ou un besoin
• Mettre en avant les insights de l'exploration pour concevoir des solutions centrées sur l'utilisateur
• Objectifs de la phase d'idéation: - Stimuler la créativité pour engendrer des idées inattendues et variées - Impliquer les parties prenantes dans un processus collaboratif - Aligner les idées sur les besoins des utilisateurs - Poser les jalons du prototypage et des prochaines étapes de design

Double diamant

• Un outil visuel pour la planification de la conception – Définir, explorer, idéaliser et réaliser
• Les phases sont planifiées en 4 étapes successives

Méthodes d'idéation

• Présentations des différentes méthodes de production d'idées

Carte de l'expérience

• Visualisations chronologiques des expériences utilisateur avec un produit ou un service
• Objectif: comprendre les actions, émotions, points de contact et les frustrations des utilisateurs pour identifier les opportunités d'amélioration

Pourquoi une carte de l'expérience?

• Synthétiser les données de l'exploration
• Identifier les opportunités de conception

Wireframing, Maquettage, et Prototypage

• Différentes phases de création de prototypes

Design persuasif

• Approche pour influencer les utilisateurs (subtile et éthique)
• Basé sur la psychologie sociale pour orienter leurs comportements

Objectifs de design persuasif

• Modifier les comportements (ex: économiser l'énergie, recycler)
• Renforcer les attitudes (ex: campagnes de sensibilisation)
• Faciliter la prise de décision (ex: recommandations dans les applications bancaires)

Techniques de design persuasif

• Amorçage (priming) : Donner une information subtile pour influencer des choix futurs
• Pied-dans-la-porte : obtenir un petit engagement pour créer une promesse plus importante
• Feedback visuel : fournir un retour motivant dans le processus

Gamification

• Intégrer les éléments de jeu dans des contextes non ludiques (éducation, santé, travail, etc)
• Objectifs - Engager les utilisateurs - Motiver les comportements - Renforcer la fidélité grâce à une expérience mémorable
• Mécanismes utilisés (ex: points, badges, classements, défis)

Exploration UX

• Objectifs de l'exploration UX
  • Identifier les attentes et motivations des utilisateurs
  • Détecter les points de friction dans l'expérience actuelle
  • Recueillir des données pour la phase d'idéation et de conception

Exploration UX: Contre-exemple

• Un exemple pour illustrating une mauvaise pratique d'UX

Après l'exploration ? L'idéation

• C'est le démarrage de la phase pour la conception des solutions possibles

Objectifs de la semaine

• Comprendre la phase d'exploration et l'importance de l'utilisateur
• Comprendre ses pensée, émotions, comportements et neurophysiologie
• Méthodes utilisés pour comprendre les utilisateurs
• L'accessibilité numérique et web

Psychologie UX : Comprendre les utilisateurs avec la Théorie Cognitivo- comportementale (TCC)

• Lien entre cognitions, émotions, et comportements vis-à-vis de l'utilisation de l'interface numérique.

Pourquoi la psychologie en UX ?

• La psychologie aide à comprendre les cognitions (pensées), les émotions et les comportements des utilisateurs face à une interface.

Cognition (pensées)

• Perception et interprétation des éléments interface
• Modèles mentaux
• Surcharge cognitive
• Prise de décision
• Biais cognitifs

Émotions

• Émotions positives : Satisfaction, joie, plaisir
• Émotions négatives: Frustration, anxiété, irritation

Comportements

• Comportements souhaités
• Comportements non souhaités

Lien entre pensée, émotions et comportement

• Lien entre pensée, émotions et comportement dans le contexte UX

Exemple : Commande groupée sur Uber Eats

• Lien entre pensées, émotions et comportements durant une commande groupée

Le système nerveux

• Le système nerveux réagit aux interfaces avant les pensées, émotions et comportements

Système nerveux

• Réseau de cellules spécialisées (neurones et nerfs) transmettent des informations entre les différentes parties du corps
• Rôle: Coordonner toutes les fonctions et activités du corps (ex. : mouvement, sensation, pensée, comportement)
• Exemple : Interaction tactile, cerveau, intégration des stimuli et réponse
• Système nerveux: autres exemples + différents aspects du cerveau (lobes frontal, pariétal, temporal, occipital, cervelet)

Méthodes d’exploration UX

• Catégorisation : Neurophysiologiques (ex. : rythme cardiaque, électroencéphalographie (EEG)), perceptuelles (ex. : questionnaires, entrevues, groupes de discussion), observationnelles (ex. : parcours utilisateur, analyse de chemin de navigation, temps de réalisation des tâches).
• Contexte d'utilisation: Mesure des réponses physiologiques de l'utilisateur pendant l'interaction avec une interface numérique, ou des moments de stress/relaxation et tâches comme la complétion d'un formulaire
• Exemples concrets: Analyse de la charge cognitive lors du remplissage d'un formulaire; examen de la réaction physiologique d'un utilisateur à une animation de connexion lente
• Limites: Contexte laboratorial, aspects coûteux, méthodes spécifiques

Utilisation des différentes mesures pour l’exploration UX

• Mesures perceptuelles: Collecter des données sur la perception de l'utilisateur (qualitatives ou quantitatives). Exemple: questionnaires, entrevues, focus group
• Mesures observationnelles: Observer le comportement et l'interaction réelle de l'utilisateur dans son environnement naturel. Exemple: Analyse des parcours utilisateurs, étude du taux de conversion
• Importance de la combinaison des méthodes pour une compréhension plus complète et réaliste du comportement utilisateur

Tous les types de mesures ne sont pas égaux

• Coûts différents (temps, argent, ressources) :
• Choix des mesures en fonction du contexte, des objectifs et des contraintes. Importance de trouver un équilibre.

Facteurs qui influencent le choix de méthodes

• Objectifs du projet : précision requise, contraintes de temps et budget
• Contexte industriel : disponibilité des méthodes rapides et abordables, analyse des données (quantitatives ou qualitatives nécessaires)
• Disponibilité des outils et compétences

Message clé

• Priorisé les méthodes les plus adaptées aux objectifs du projet et aux ressources disponibles
• Optimisation de l'efficacité avec un budget sans avoir besoin d’exploser le budget

Les heuristiques d'utilisabilité

• Des lignes directrices simples pour concevoir des produits avec une utilisabilité correcte
• Facteurs critiques en termes d'utilisabilité : visibilité de l'état du système, utilisation d'éléments visuels reconnus, et contrôle de l'utilisateur
• Niveaux de sévérité pour les problèmes d'utilisabilité

Cohérence et standards

• Garder la cohérence entre les composants de l'interface en utilisant un langage, des actions et des métaphores pertinents
• Respecter les règles et les normes existantes au sein de la plate-forme

Prévention des erreurs

• Conception qui empêche les erreurs de se produire
• Messages d'erreur clairs et compréhensibles

Identifier plutôt que mémoriser

• L'interface doit proposer des options à l'utilisateur au lieu de le laisser les mémoriser lui même

Flexibilité et efficacité

• Interface doit s'adapter aux besoins des utilisateurs (ex. mode d'installation)

Esthétique et minimalisme

• Se concentrer sur les éléments essentiels de l'interface pour simplifier l'interaction

Aide et documentation

• Documents et assistance à la disposition des utilisateurs

Activités de groupe : Mini audit UX

• Faire des audits aux sites web

Semaine 2 : Planification et exploration

• Conférencier invité : Alexandre Gardé
• Module 1 : L'UX couvre tout ce que vivent les utilisateurs
• Module 1: Une brève histoire de l'expérience utilisateur (Vidéo)
• Lectures et vidéo
• Méthodes de design UX (Lallemand)
• Pages 25 à 30 (Méthodes de design UX)
• Pages 41 à 55 (Planification : Définition du projet)

Évaluations

• Examen de mi-session
• Présentation orale
• Travail de session

Heuristiques d'utilisabilité de Nielsen

• Des lignes directrices simples pour évaluer l'utilisabilité d'un produit
• Utilisabilité = apprentissage, efficacité, gestion des erreurs et Satisfaction
• Elles aident à identifier les problèmes rapidement et de manière systématique

Plusieurs types d’activités d’exploration

• Exposés magistraux du professeur
• Exposés par des conférenciers
• Exercices pratiques en classe
• Exposés étudiants
• Discussions (petits groupes ou grand groupe)

Matériel pédagogique obligatoire

• Méthodes de design UX (Lallemand), 2e édition, par Carine Lallemand, Guillaume Gronier
• Titre : Méthodes de design UX 30 méthodes fondamentales pour concevoir des expériences optimales
• Livres électroniques : https://bibliotheques.uqam.ca/ordinateurs/

Matériel pédagogique complémentaire

• The Design of Everyday Things: Revised and Expanded Edition, par Don Norman
• Edition Basic Books

Timeline pour la session

• Découpage des semaines par module et activités

Atelier pratique/projet de session

• Équipe de 5 étudiants.e.s
• Choisir un produit, service ou système existant.
• Identifier une problématique.
• Concevoir une solution ou ajouter une fonctionnalité

Rôle des participants dans la réalisation du projet

• Gestionnaire du projet (responsabilité de la durée du projet)
• Chercheur et analyste (identifier les données)
• Conseiller et designer (mettre en place toutes les phases de projets)

Thèmes à explorer

• Le produit
• La temporalité
• Les utilisateurs
• Les résultats souhaités

Astuces

• Ne jamais assumer que le client sait ce qu'il veut
• Se concentrer sur le problème principal et non les fonctionnalités superflues
• Comprendre les limitations techniques et travailler en collaboration avec les développeurs.

Recherche secondaire

• Comment collecter les données utiles pour mieux comprendre le public cible, un marché ou un problème?

Recherche primaire

• Étude de sources directes pour s'informer davantage sur la question

Informations publiées par les utilisateurs, ou les concurrents

• Utilisation des données publiques pour comprendre les utilisateurs et leurs besoins

Tendances sociales, technologiques ou de marché

• Recueillir et analyser l’évolution des dynamiques sociales, technologiques, ou de marché pour mieux comprendre les attentes des clients

Données analytiques, de ventes

• Recueil des données quantifiables pour analyser les comportements ou tendances liés aux ventes.

Avis clients et donnée de Voix du consommateur (VOC)

• Collecter les retours directs des clients pour comprendre leurs expériences et leurs attentes.

Recherches préliminaires et ressources internes

• Exploiter les ressources internes en interne pour contextualiser ou guider ou faire des analyses

Littérature scientifique

• Comment trouver des publications ou des études pour une meilleure compréhension des comportements, technologies, ou des pratiques?

It's all about data

• Combiner des données provenant de différentes sources pour une meilleure compréhension (perspective unique)

Éthique et déontologie

• Déontologie : Ensemble de règles pour le partage des données et les échanges
• Éthique : Principes moraux qui guident les actions pour garantir une transparence et un respect des utilisateurs