Module 322 - Concevoir et implémenter une interface utilisateur

La conception créative

Partie 2

Objectifs du cours

• Concevoir un persona

• Écrire une user story

• Créer un tri par carte

La conception créative

Nous allons aborder la 2è phase du design thinking : la définition

La définition

La phase de définition permet de recenser, analyser et de documenter toutes les informations collectées auprès des utilisateurs.

L’objectif est de transformer des données parfois dispersées (observations, interviews, focus groups, etc.) en une compréhension claire et partagée des besoins réels.

La définition

Le but est d’analyser ces données pour identifier les tendances et comportements récurrents des utilisateurs ou d’identifier des problèmes techniques. 

Sur padlet, vous trouverez la synthèse et différentes statisitques des entretiens que vous avez mené la semaine dernière

La définition

C’est à ce stade que des outils comme les persona, les user stories et le tri par cartes deviennent essentiels pour représenter les profils types, formuler les besoins concrets et organiser les fonctionnalités de manière cohérente.

Persona

User story

Trie par carte

Persona

• Personnage fictif représentant un segment d'utilisateur spécifique ou tous les utilisateurs
• Chaque persona incarne un type d'utilisateur bien défini
• Permet aux développeurs de visualiser les utilisateurs
• Le nombre dépend de la portée du projet et sa diversité

Étapes de création persona

Une fois créé, le persona sert de référence tout au long du processus de conception

1. Collecter des données et informations sur les utilisateurs
2. Identifier les caractéristiques communes
3. Nommer le persona
4. Décrire le persona
5. Définir les frustrations et les problèmes que rencontre le persona
6. Définir les objectifs  et les besoins du persona
7. Itérations

Exemple de création

persona

Le yoga séduit de plus en plus de pratiquants, mais beaucoup rencontrent des obstacles liés au manque de temps, de flexibilité ou à des offres trop générales.

L’application Lotus Yoga vise à répondre à ces besoins en offrant une expérience personnalisée, motivante et accessible, avec des cours adaptés à chaque profil et mode de vie. Elle facilite l’inscription et le suivi des cours, tout en tenant compte des contraintes personnelles de chacun.

Son objectif est de rendre la pratique du yoga simple, engageante et durable, même dans un quotidien chargé

Exemple de création

persona

•  72 % des utilisateur sont des femmes
• 43% sont âgé de 30-49 ans
• 37% ont des enfants de moins de 18 ans qui pratique également le yoga
• 75% participe à une autre forme d’exercice
• Principales raisons pour commencer le yoga : flexibilité, soulagement du stress, remise en forme général, améliorer la santé global, activité physique
• 40% dise que le yoga les motive à manger plus sainement
• 59% dise que le yoga les aide à dormir mieux
• En moyenne les utilisateurs pratique du yoga 2x par semaine

Exemple de persona

Comme 72% des personnes sont des femmes nous allons lui donner un nom de femme : Jasmin Song

Création de persona

• Par groupe de 2
  • Créer un persona sur la base du document "Synthèse des entretiens" présent sur padlet
  • Aidez-vous du modèle Figma "Modèle_Persona.fig" présent sur padlet pour réaliser votre persona

Temps : 15 minutes

Récit utilisateur (user story)

• Une user story est une phrase simple qui décrit une fonctionnalité rédigée du point de vue de l'utilisateur
• L'objectif est de capturer la valeur ajoutée qu'apporte cette fonctionnalité
• Doit comporter assez d'informations pour que les développeurs comprennent les besoins de l'utilisateur

En tant que [profil utilisateur], je souhaite [objectif] afin de [résultat attendu].

Récit utilisateur (user story)

• La rédaction d'une user story se compose :
  • d'un utilisateur type (persona)
  • d'un besoin
  • d'un objectif

Exemple de user stories

Users stories pour l’application Lotus Yoga :

En tant que cliente de l’application, je souhaite pouvoir m’inscrire à un cours destiné à mon groupe d’âge afin de m’amuser

En tant que cliente de l’application, je souhaite partager avec mes proches mes inscriptions aux cours pour rester proche d’eux

En tant qu’utilisatrice, je souhaite pouvoir suivre des cours en replay si je ne peux pas assister à une séance en direct, afin de garder une pratique régulière malgré mon emploi du temps.

En tant qu’utilisatrice, je souhaite recevoir des conseils complémentaires (respiration, méditation, alimentation saine) afin de renforcer les bienfaits de ma pratique.

Création de users stories

Temps à disposition : 5 minutes

Connectez-vous à : https://app.wooclap.com/LNPUSL

Tri de cartes (Card Sorting)

• Méthode permettant de concevoir une structure d'informations intuitives et maximiser la convivialité de l'interface

• L'objectif est de fournir des cartes aux utilisateurs représentant des éléments ou contenus du site. Les utilisateurs doivent ensuite organiser les éléments en catégories logiques.

• Permet aux développeurs de comprendre comment les utilisateurs perçoivent les informations et les relations

Tri de cartes (Card Sorting)

Objectifs du Trie par carte

• Améliorer la structure de l'information
  • ​organiser le contenu de manière logique et intuitive
• Comprendre la logique utilisateur
  • ​comment les utilisateurs pensent et organisent l'information ?
• Valider les hypothèses de conception
  • ​la structure imaginée est-elle en accord avec la manière dont pense l'utilisateur ?

Les étapes du Trie par carte

• Création (Immersion)
  • ​Fermé
  • Ouvert
  • Mixte
• Définition des contenus (facultatif)
• Regroupement
• Labélisation
• Analyse

Avantages du Trie par carte

• Adaptabilité​
  • ​Permet aux utilisateurs d'influencer la structure
• Efficacité
  • ​Méthode rapide, peu coûteuse et facilement reproductible
• Précision
  • ​Clarifier l'architecture du site

Création des cartes

• Par groupe de 2
  • Créer un lot de cartes (10-15 cartes)
  • Chaque carte doit comporter une seule idée ou concept
  • Aidez-vous du document "Cadre du defi conceptuel", des personas, users stories présents sur padlet

Temps : 20 minutes

Création des cartes

• Par groupe de 2
  • Compléter/corriger votre lot de carte par les idées au tableau
  • Tester votre trie par carte : un élève joue le rôle de l'utilisateur, l'autre élève joue le rôle du développeur

Temps : 10 minutes

• En devoir pour la semaine prochaine
  • Demander à 1-2 proches d'effectuer une session de trie par carte
  • Prendre en photo le regroupement final du trie par carte et me l'envoyer avant le lundi 1er septembre à 12h00