Processus UX sur la base du design thinking

Design Thinking

UX Design : User Experience Design

Une conception visant à servir l’expérience de l’utilisateur
Par exemple, En E-commerce, l’UX Design consiste à penser et à
concevoir un site web de manière à ce que l’expérience utilisateur
soit la meilleure possible afin d’atteindre l’objectif ultime : La
transformation
 Design Thinking

Les 7 critères qui définissent une meilleure expérience utilisateur

 Design Thinking

UTILE
Grâce à des informations et fonctionnalités utiles et non superfloues
UTILISABLE
Le site et les fonctionnalités proposées doivent être simples d’utilisation
DESIRABLE
Le design doit donner envie à l’internaute de naviguer sur le site, évoquer une image et des
valeurs qui lui parle (design émotionnel)
NAVIGEABLE
La navigation doit être simple et fluide depuis n’importe quel device. La navigation mobile est
donc un critère très important.
TROUVABLE
Le référencement doit permettre aux internautes de trouver facilement le site depuis les
moteurs de recherche
ACCESSIBLE
Pour les personnes ayant des handicaps
CREDIBLE
Une bonne expérience de l’utilisateur renforce la qualité perçue d’un site web
Design Thinking
Design Thinking
Design Thinking
Design Thinking
Design Thinking
 Design Thinking

https://www.youtube.com/watch?v=SByymar3bds&list=PL2W7y_VjXHsjxqyJSj-v3hbT2w9R41VyN
Design Thinking

Un état d’esprit

Business Thinking Design Thinking

Pensée Logique Pensée intuitive
Besoin de preuves Questions: ’What if?’
Décision rapide Maintien de plusieurs
possibilités
C’est bon ou c’est pas bon « On peut toujours trouver
une meilleure solution »
Recherche de Résultat Recherche de sens
Inconfort avec l’ambiguité Goût avec l’ambiguité
 Design Thinking

Le design thinking est une approche de l’innovation centrée sur l’humain.

C’est une méthode ou un process de conception globale, centré sur l’utilisateur (ou l’humain), en vue
de réaliser des services ou produits innovants.

Il n’y a pas de processus universel

Il est impossible d’appliquer exactement la même approche en fonction des projets.
L’adaptation est l’essence même du design thinking
 Design Thinking

Il s’agit d’une méthode ou approche centrée sur l’utilisateur / humain et tournée

vers l’innovation.
Quel que soit le domaine d’application, l’empathie, la créativité, la co-création,
l’itération et le droit à l’erreur sont au cœur de cette méthodologie d’innovation.
 Design Thinking

1. Définir : identifier le problème et le projet pouvant le régler.

2. Rechercher : réunir l’ensemble de l’équipe (designers, experts en marketing,
développeurs, etc.) et définir la problématique.
3. Imaginer : phase de brainstorming où récolter des idées en encourageant les
débats.
4. Prototyper : élaboration des premiers prototypes et schémas.
5. Sélectionner : Proposer aux participants de sélectionner la meilleure idée parmi
celles proposées.
6. Implémenter : le projet se concrétise et les ressources financières et humaines
(qui fera quoi ?) se définissent.
7. Apprendre : du client, c’est-à-dire lui montrer le résultat et l’améliorer en
fonction de sa réaction.
 Design Thinking

1. L’empathie (se mettre à la place du client final)

2. La définition
3. L’idéation
4. Les prototypes
5. Les tests
 Design Thinking
L’empathie

1. L’empathie (se mettre à la place du client final): comprendre l’expérience,

l’émotion et la situation des personnes qui vont utiliser votre produit.
- Observer le comportement de vos utilisateurs dans leur contexte
- Engager la discussion avec vos utilisateurs en les questionnant.
- Analyser les réactions et besoins des utilisateurs pendant une action ou pendant
l’accomplissement d’une tâche.
 Design Thinking
Définition

2. Définition : Définir le processus et l’approche design qui permettront de concevoir

l’expérience en fonction du point de vue de l’utilisateur.
- Utilisateur :Comprendre la typologie des utilisateurs
- Besoins :Sélectionner les besoins qui sont importants à couvrir
- Idées: Enoncer les principes de base qui vont donner la direction du projet
 Design Thinking
Idéation

3. Idéation : Transformer les problèmes en solutions. Explorer une large quantité et

variétés d’idées pour éviter d’aller vers des solutions évidentes ou déjà existantes.
- Créativité : combiner la rationalité avec l’émotion et l’imagination
- Synergie: Tirer profil de la génération d’idées collectives
- Liberté: Dépasser les contraintes et préjugés pour générer un max d’idées
 Design Thinking
Prototype

4. Prototype : Faire pour comprendre. Une manière simple, rapide et pas cher pour
expérimenter votre solution.
- Basse fidélité: il faut être rapide et peu coûteux
- Tangible : Cela permet de se projeter plus facilement dans l’utilisation
- Objectif: Un prototype doit toujours être accompagné d’un parcours qui répond à une
question d’usage
 Design Thinking
Test

5. Test : Demander aux utilisateurs de tester vos prototypes pour récolter des informations
qui permettent d’améliorer le produit
- Libre: Faire tester un prototype et observer comment il est utilisé en écoutant les
remarques.
- Raconté: Créer des expériences et laisser les utilisateurs raconter leurs ressentis
 Design Thinking
Résumé

Les étapes ne sont pas linéaires mais plutôt cycliques.

Trois critères pour savoir si une idée est valable (selon Tim Brown)

1. La désirabilité : est-ce en adéquation avec les désirs et attentes des utilisateurs/

consommateurs/clients ?

2. La faisabilité : est-ce utile et réalisable par rapport au contexte ?

3. La viabilité : est-ce susceptible de durer compte tenu du modèle économique ?

(domaine du business).
 Design Thinking

La croisée de ces critères constitue ce qu’on appelle le Design d’innovation :

 Design Thinking
Résumé

• L’humain (utilisateur, collaborateur ou client) est au centre des préoccupations

• Les usages des produits peuvent ainsi être repensés pour toucher vraiment leur cible

• Les interactions de qualité dans l’équipe amènent de meilleures relations entre

l’entreprise et le client

• Le fait d’impliquer tous les acteurs du projet valorise chacune des compétences et
améliore la productivité dans l’entreprise
 Design Thinking
Résumé

• L’aspect pluridisciplinaire évite aussi l’écueil de la conception « par un expert, pour un

expert »
• Le recours rapide à des prototypes basse fidélité (ex. maquette papier-crayon) permet
de réduire le coût financier de repérer rapidement les erreurs ou les impasses
• La prise en compte de la réalité du marché et les tests rendent les innovations
pertinentes

Cette approche contribue à améliorer l’expérience de l’utilisateur (UX) et l’expérience

client (CX)  atout concurrentiel qui explique en partie son succès.

Une méthode pour l’innovation suscite l’attention de toutes les organisations, car
l’innovation n’est plus une option aujourd’hui.
à
à
 Design Thinking

https://www.youtube.com/watch?v=Ul4P7KAf8lk&t=192s
 Processus UX
Design thinking en Processus UX

Planification Exploration Idéation Conception Evaluation

Définition des objectifs Recueil des besoins utilisateur Génération collective d’idée Création des Wireframes et Tests utilisateurs et évaluation
et recherche préparatoire Entreprise des prototypes
 Processus UX
Planification du projet

Phase de planification du projet:

• En design, la planification fait partie de la phase de découverte

qui consiste à comprendre le contexte du projet ainsi qu’à
collecter des idées et inspirations utiles à la conception.

• C’est une partie déterminante dans le cadre de la construction

d’un projet.

• Si la planification n’est pas suffisamment approfondie, les

projets ne répondront pas aux besoins utilisateurs et le projet
devra être retravaillé.
 Processus UX
Planification du projet

En étant enthousiaste et passionnée:

1. Identifier les objectifs, le contexte et les personnes impliquées

2. Préparer et Réaliser un entretien

En quoi consiste le produit ou service? A quoi sert-il? A quel besoin utilisateur répond-il?
Qui sont les utilisateurs cibles? Y a-t-il différents groupes à distinguer? Qui est l’audience prioritaire selon vous?
Comment dé niriez-vous le succès du projet? Quels sont selon vous les plus grands dé s que nous devrons relever?
Quel rôle le produit/ service joue-t-il dans la stratégie de l’organisation?

3. Réunir les parties prenantes

https://boagworld.com/boagworks/strategy/
fi
fi
 Processus UX
Planification du projet

1. Etant intéressée par les voyages, la solution proposée consiste à fournir aux différents
utilisateurs potentiels voyageant seuls la possibilité d’être 100% guidé par l’application (tous
les services sont définis).

Nous allons commencer par la phase de planification de projet

Imaginez une simple étude d’organisation (penser utilisateurs, besoin, objectif)…
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Interview

Objectif : identifier des pistes de conception pour les prochaines itérations ou des problèmes rencontrés
par les utilisateurs

Protocole :
Panel représentatif d’utilisateurs (en mode individuel)
Interviewer l’utilisateur dans son environnement de travail (face à face)
Privilégier l’enregistrement (sonore/vidéo) à la prise de notes (traces et concentration sur l’échange)
Durée recommandée de 1 heure
Neutralité de l’enquêtrice
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Procédure :
1. Poser des questions semi-directives lors de l’analyse (degré de liberté)
2. Poser des questions plutôt directives lors de l’évaluation (e.g., cibler un
élément)
3. Reformuler les réponses

Analyse qualitative des résultats

Vision subjective (ne pas en tirer des conclusions chiffrées)

 Processus UX
Exploration : Identifier les besoins des utilisateurs

Un exemple d’entretien
(application de services pour les usagers de l’université)

http://www.youtube.com/watch?v=paH47LEF-Ms
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Questionnaire

Objectif : résumer économiquement l’avis de nombreux utilisateurs

Protocole :
Panel représentatif d’utilisateurs (destinataire du questionnaire)
Choisir des moyens de diffusion et de récupération (e.g., application en ligne, email, version
papier)
Choisir comment analyser les résultats (automatiquement/manuellement)
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Protocole (suite)

Utiliser un type de questions adapté :

e Questions ouvertes, dirigées,
QCM
e Échelle, classements

Respecter certaines règles pour rédiger

correctement les questions (e.g.,
forme affirmative, concision, sens
équivalent quelque soit l’utilisateur)
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Sonde culturelle

Objectif : sonder les utilisateurs qui doivent transcrire leur expérience à l’aide d’un kit d’objets.

Protocole :
Une méthode d’exploration des attentes des utilisateurs via des kits d’objets.
C’est un outil de recherche qualitatif réalisé sur un faible échantillon de personnes.
L’expérience est pratiquée lors de la phase de recherche, en amont du processus de conception,
pour identifier les besoins des utilisateurs en provoquant une réaction émotionnelle.
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Sonde culturelle

Procédure :

1. Définir la question de recherche

2. Conception de la sonde culturelle
3. Recruter les participants
4. Envoi et suivi des sondes
5. Analyse des résultats
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Observation en UX

Objectif : Comprendre comment l’utilisateur interagit avec un produit, un système ou un service.

Protocole :
Regarder et documenter comment l’utilisateur interagit avec un produit, système ou service dans
un environnement réel et contrôlé.
Lire de près et en profondeur le comportement et les préférences de l’utilisateur
Trois types d’observation :
-> Observation directe des personnes

-> Observation à distance

->Observation dans des laboratoires de testabilité

 Processus UX
Exploration : Identifier les besoins des utilisateurs

Personas

• Le persona en UX design est un portrait robot représentatif d'une cible prioritaire de la solution digitales.
• C'est un travail important pour aider les équipes de conception. On se situe ici à mi-chemin entre le design
stratégique et l'ergonomie. On est donc au cœur de l'UX design.
• Pour commencer, c'est l'étude des usages et/ou l'analyse des besoins des utilisateurs qui permettront de
recueillir les informations nécessaires à la création des profils types d'utilisateurs. Il faut avant tout identifier
les profils types d'utilisateurs de la solution.
 Processus UX
Exploration : Identifier les besoins des utilisateurs

• Il s’agit également d'explorer les comportements et les stratégies potentielles des usagers.

• Un persona est un modèle type d'utilisateur, ce qui présuppose un travail d'enquête terrain pour réussir à
identifier les caractéristiques de chaque grande typologie d'usager.

• Cette approche, lorsqu'elle se base sur une phase d'analyse et sur des données réelles, permet d'aider les
équipes de conception à bien comprendre l'audience du dispositif digital.

• Une bonne fiche persona permet d’une part de filtrer et de synthétiser les données utilisateurs et d’autre
part de fédérer tous les acteurs du projet autour de profils clés.
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Etapes de réalisation d’un Persona

Pour que les personas soient utiles, il est préférable
d'associer un scénario de visite à chacun d'entre eux. 1. Phase d'analyse du besoin utilisateur et enquête terrain
Il faudra se baser sur les entretiens et sur les données 2. Entretien de cadrage visant à faire émerger les profils
réelles pour définir les scénarios de visite. les plus porteurs
Par exemple : 3. Analyse de la documentation à disposition
• Je viens sur le site pour réaliser un achat. 4. Validation des profils à modéliser
• Je suis sur le site pour préparer un achat. 5. Création des fiches détaillées pour chaque persona
• Je veux obtenir un devis.
• Je consulte le dispositif pour signaler un
dysfonctionnement.
• Je me connecte pour obtenir du support.
• Je ne vais pas sur le site parce que...
 Processus UX
Exploration : Identifier les besoins des utilisateurs

Empathy Map:

L’empathy map (carte d’empathie en français) est une synthèse visuelle des
propos, pensées, actions et ressentis d’un utilisateur – ou segment d’utilisateurs –
d’un produit.

L’empathy map, ou carte d’empathie, est un outil collaboratif et visuel. L’objectif

est d’accéder à une compréhension partagée des utilisateurs ou clients d’un
produit. L’équipe peut alors améliorer l’expérience utilisateur (UX).

La carte d’empathie fait partie des premières étapes du processus d’innovation

COMMENT CONCEVOIR UNE CARTE D’EMPATHIE ?

 Processus UX
Exploration : Identifier les besoins des utilisateurs

La méthode pour concevoir une carte d’empathie est assez simple et rapide, qu’il s’agisse d’un utilisateur
cible ou de la création d’un persona.
Il faut généralement entre 15 et 20 minutes pour la formaliser.

• Définir la cible à cartographier et les objectifs de la séance collaborative

• Réunir le matériel nécessaire: tableau blanc ou papier, post-it, marqueurs…
• Rassembler les recherches préalables (études ethnographiques, entretiens, etc.)
• Interpréter de manière individuelle les informations selon les cadres prévus, sous forme de post-it
collés sur la carte
• Les lire ensemble pour les regrouper. En discuter oralement.
• Peaufiner le résultat obtenu et en déduire les décisions à prendre en priorité. Elles peuvent être
résumées dans un espace libre de la carte.

https://lecoledurecrutement.fr/wp-content/uploads/2016/12/Carte-dempathie-vierge.pdf
 Processus UX
Exploration : Identifier les besoins des utilisateurs

https://lecoledurecrutement.fr/wp-content/uploads/2016/12/Carte-dempathie-vierge.pdf
 Processus UX
Test d’apprentissage

Dans cette phase, nous allons travailler sur le même projet avec l’ajout de:

1. Questionnaire
2. Interview
3. Affinity Map
4. Personas

—> Les besoins vont fournir le problème à résoudre

 Processus UX
Le problème à résoudre

1. Une meilleure compréhension du problème aidera par la suite dans la phase d’idéation.
2. Il faut s’orienter vers les solutions du marché pour une meilleure compréhension du besoin:
Quel produit existe sur le marché? Quelle entreprise travaille sur le produit? Comment les utilisateurs rejouent ces
problèmes?

Pour faire une recherche compétitive, il faut:

• Développer une rubrique basée sur ce que vous voulez savoir
• Rassembler les informations à partir des entreprises
• Comparer les solutions et comparer quels besoins sont satisfaits et ceux qui ne le sont pas
• Explorer les opportunités d’innovation
 Processus UX
Le problème à résoudre

Matrice SWOT « Strengths, Weaknesses, Opportunities, Threats »

Une analyse SWOT est une technique populaire pour analyser comment le business réagit.
Ceci est fait à travers quatre catégories

Pour définir une matrice SWOT, il faut considérer quatre areas d’une entreprise à diviser en deux facteurs
internes (forces et faiblesses) et externes (opportunités et menaces)
 Processus UX
Le problème à résoudre

Exemple SWOT Netflix

 Processus UX
Exploration : Architecture de l’information

C’est une réflexion stratégique, à mener en amont de la refonte ou de la création d’une interface digitale.
La conception et la définition de l’architecture de l’information de l’expérience utilisateur d’un site web, ou d’un logiciel,
est primordiale afin de pouvoir ensuite décliner les écrans avec une structure cohérente et pertinente.
L’architecture est obtenue via les arborescences, les cartographies et la conception de l'interface utilisateur.
 Processus UX
Exploration: Architecture de l’information

Passer de la donnée brute à l’information et connaissances par un travail de connexion et d’association

 Processus UX
Exploration : Architecture de l’information

La méthode OOUX est une approche d’UX design orientée objet, destinée à organiser le contenu d’une interface selon le
modèle mental construit par l’utilisateur.
En effet, l’OOUX consiste à faire l’abstraction des éléments de l’interface en les représentant sous forme d’objets.
Ensuite, elle met en valeur la logique qui leur relie et les actions procédurales qui en découlent.
 Processus UX
Exploration : Hiérarchisation visuelle

La hiérarchie visuelle d’une page permet à l’utilisateur de savoir où concentrer son attention, son regard.
Cette hiérarchie ordonne l’information, et permet de guider l’utilisateur lors de son parcours !
Le contraste attire l’attention
Perspective crée une illusion de profondeur
Impact de la taille sur la visibilité graphique

Alignement en F ou Z

Illusion de l’espace Police organise le design

 Processus UX
Quelques outils

La grille de mise en page

La grille de pixels nous donne la précision et le contrôle du positionnement. Une grille de mise en page nous offre une plus
grande flexibilité dans la mise en œuvre de nos designs.

Le zoning de blocs
Le zoning détermine la structure des pages clés du futur site web. Sous forme de schémas très simples, il indique l’emplacement
des principaux éléments du gabarit (le modèle type d’une page web)
 Processus UX
Quelques outils

Fil d’ariane
Les fils d’Ariane sont des schémas de navigation de site web permettant aux utilisateurs de comprendre facilement la relation
entre leur emplacement sur une page, par exemple une page de produit, et les pages de niveau supérieur, comme les pages des
catégories.
 Processus UX
Idéation : Produire des idées de Conception

User Stories
• Phrase à déterminer : L’utilisateur est ……………. , il a besoin de ……………. en raison de ……………. .

L’utilisateur est une dirigeante

L’utilisateur est un jeune qui sort de
dynamique, elle a besoin de déjeuner
soirée, il a besoin d’un chauffeur en
en raison d’une réunion qui a trop
raison de l’absence de taxi
duré.
 Processus UX
Idéation : Produire des idées de Conception

User Stories
• Phrase à déterminer : L’utilisateur est ……………. , il a besoin de ……………. en raison de ……………. .

L’utilisateur est un jeune qui a L’utilisateur est passionné de films, il

voyage pour ses études, il a besoin a besoin de regarder des films de
d’un loyer pas cher en raison des qualité en raison d’une longue
prix exorbitants des hôtels journée de travail.
 Processus UX
Idéation : Produire des idées de Conception

Brainstorming

Objectif : générer un grand nombre d’idées créatives

Protocole :
Réunir un petit groupe avec différents rôles et expertises
Limiter le temps (1 heure)
Aborder / traiter un problème de conception spécifique
 Processus UX
Idéation : Produire des idées de Conception

Brainstorming

Procédure :
1. Générer une grande quantité de solutions
Enregistrer toutes les idées sans les évaluer (e.g., sur post-its)
2. Classer les idées en fonction de leur qualité
Les idées sont classées par nombre de votes
Ne pas oublier les idées insolites
 Processus UX
Idéation : Produire des idées de Conception

Focus Group

Objectif : comprendre les motivations des utilisateurs

Protocole :
Définir différents thèmes à aborder (5 ou 6 recommandés)
Limiter le groupe à 7-10 participantes (timidité, temps de parole)
Séance filmée, utilisation de tableaux et/ou assistantes
 Processus UX
Idéation : Produire des idées de Conception

Focus Group
Procédure :
1. Activité ”brise-glace”, les utilisateurs font connaissance
2. Rappeler les règles à respecter
3. Exercices de difficulté croissante, et portant sur des points de plus
en plus précis du système
4. Synthèse des résultats et discussions

—>Vision globale sur le système en terme de motivations, préférences, priorités, attentes

voire conflits
—> Émergence d’idées nouvelles (dynamique de groupe)
 Processus UX
Idéation : Produire des idées de Conception

Tri par Cartes

Objectif : construire l’architecture de l’information

Protocole :
Panel représentatif d’utilisateur (en individuel ou en groupe)
Effectuer plusieurs tris (de 3 à 10 selon la convergence des résultats)
Préparer des cartes avec une information ou une fonctionnalité (décrite par 1 ou 2 mots-
clés)
 Processus UX
Idéation : Produire des idées de Conception

Tri par cartes

Procédure :
1. Validation des mots-clés sur les cartes (réécriture au besoin)
2. Regroupement des cartes ”qui se ressemblent”
3. Choix d’un nom pour chaque groupe construit

Analyse des résultats :

Statistique (groupes les plus fréquemment formés)
Qualitative, basée sur les observations lors des séances
Convergence rapide vers une organisation pertinente du contenu
 Processus UX
Idéation : Produire des idées de Conception

Conception en parallèle

Objectif : créer plusieurs interfaces et sélectionner leurs points forts

Protocole :
Panel représentatif d’utilisateurs et/ou de concepteurs (en individuel ou en groupe)

Procédure :

1. Chaque utilisateur (ou groupe) réalise indépendamment une interface (papier, logiciel, etc.)
2. Discussion et comparaison des interfaces réalisées
3. Les meilleures idées sont conservées
 Processus UX
Idéation : Produire des idées de Conception
 Processus UX
Idéation : Produire des idées de Conception

Story Mapping

Pour construire une idée innovante, il faut savoir identifier le besoin (à partir des tâches récurrentes), penser à
une manière de succomber à ce besoin, et comment ceci pourrait répondre à un sentiment particulier.
 Processus UX
Idéation : Représentation de l’information
 Processus UX
Test d’apprentissage

1. Fournir des user stories

2. Montrer les recherches compétitives
3. Définir les idées
4. Définir les sketchs
 Processus UX
Génération : Formaliser les solutions de Conception

La gamification Les objectifs :

• La gamification est un concept ludique qui consiste • La récompense : est une source de motivation
à intégrer un jeu divertissant, dans un autre contexte, puissante qui marque l’esprit du consommateur
comme un site internet, une application web ou
et influence positivement sa psychologie.
mobile, etc.
• La gamification représente une technique marketing • Cette stratégie permet de démontrer la
innovante qui déploie l’enthousiasme du jeu vidéo reconnaissance de l’entreprise au client pour sa
pour impliquer l’utilisateur dans une aventure fidélité.
chargée d’émotivité. • La concurrence : constitue un fort stimulant
• Cette technique s’articule autour de plusieurs pour inciter le participant à mieux performer,
principes : la concurrence, la persévérance, la pour atteindre un niveau plus avancé dans le jeu
récompense, etc. et recevoir la récompense promise.
 Processus UX
Génération : Formaliser les solutions de Conception

Storyboarding:
Il n’est pas question de penser à ce que l’expert UX va réaliser, mais plutôt les possibilités
d’interactions entre l’utilisateur et le produit ou système.
Le principe est de raconter l’histoire d’un utilisateur comme un personnage : comment tomberait-il
sur tel site ? Pourquoi cliquerait-il sur tel produit ? Quel usage aurait-il de tel service ? Le
storyboard synthétise en dessins les besoins de l’utilisateur et quelle serait la solution à son
problème.

Pour faire un storyboard UX, il est important de le penser exactement comme on présenterait une histoire classique. Il y a
d’abord une situation de départ, par exemple : “un utilisateur cherche un produit nettoyant pour sa moto”. Puis une
situation de résolution comme : “l’utilisateur achète son nettoyant sur Scooteo”. Entre les deux, il faut comprendre quelle
solution apporte ce qu'on promeut et quelle a été l’expérience donnée à l’utilisateur pour qu’il finisse par adhérer, utiliser ou
acheter le produit ou service.
 Processus UX
Génération : Formaliser les solutions de Conception

Iconographie fait référence à la représentation visuelle et à l'utilisation de symboles, d'images ou d'icônes en tant qu'éléments dans
les processus de conception de produits numériques.

Plusieurs types d’icônes différents sont utilisés dans la conception UI et UX

• Icônes d'action - utilisées pour désigner ou lancer des actions ou des fonctions spécifiques (par exemple, lecture,
pause, suppression et partage).
• Icônes de navigation : utilisées pour guider les utilisateurs à travers les différentes sections d'une application (par
exemple, accueil, retour et menu).
• Icônes indicatives : utilisées pour fournir des repères visuels ou transmettre des informations d'état (par exemple,
avertissement, réussite et erreur).
• Icônes pédagogiques : utilisées pour guider les utilisateurs dans l'exécution de tâches spécifiques (par exemple,
télécharger des fichiers, remplir des formulaires et créer des comptes).
• Icônes de représentation : utilisées pour symboliser des objets, des entités ou des concepts spécifiques (par
exemple, un appareil photo, un utilisateur et une horloge).
 Processus UX
Génération : Formaliser les solutions de Conception

Blocs pour trouver le contenu et les fonctionnalités

Le design des interfaces doit passer par plusieurs

phases à commencer par:
- Le zoning étant une schématisation grossière de ce
que sera la future page web.
- Wireframes étant la suite logique du zoning où le
contenu est fictif étant donnée qu’à ce stade les
informations finales ne sont toujours pas connues.
Chaque bloc réalisé lors de l’étape précédente se
voit doté d’image(s), de texte(s) ou de vidéo(s) - Un Mockup est une image d’interface qui a été
transformée en page HTML dynamique et
- navigable (opération réalisée via des logiciels de
conception d’interfaces)
- Un prototype vient valider les technologies en
rendant les interfaces fonctionnelles, tout est testé
pour détecter d’éventuels problèmes

Un prototype permet également d’aller

démarcher d’éventuels investisseurs
 Processus UX
Génération : Formaliser les solutions de Conception
 Processus UX
Test d’apprentissage

1. Réaliser mid Fidelity, low fidelity and high fidelity prototypes pour la
solution
 Processus UX
Evaluation des solutions générées

Inspection Cognitive

Objectif : évaluer le système en se mettant à la place de l’utilisateur

Protocole :
Spécifier des scénarios (tâches et contexte)

Procédure :
1. Évaluation en imaginant ce que ferait l’utilisateur pour résoudre la tâche
comprend-il les messages, le comportement du système ?
2. Interprétation et prise en compte des résultats
 Processus UX
Evaluation des solutions générées

Example d’inspection cognitive pour l’utilisabilité d’iTunes

http://www.youtube.com/watch?v=Ro77wQq0sWo
 Processus UX
Evaluation des solutions générées

Audit Ergonomique
Objectif : évaluation des interfaces par des experts en ergonomie

Protocole :
Dans l’idéal, évaluation par plusieurs experts indépendants et confrontation de
leurs résultats
En pratique, évaluation par un expert en ergonomie et relecture par un
expert du domaine

Rapidité de l’audit
Pistes pour prioritiser les étapes suivantes
Coût de l’audit
Aucun retour des utilisatrices
Processus UX
Récapitulatif
MERCI.