cours 7 - prototypes basse résolution et wireframes Flashcards

(23 cards)

1
Q

Definition + Objectif
Prototype UX

A

Def: modèle simple / maquette d’un concept, idée, produit, service
Objectif: tester et valider des hyothèse de conception de manière rapide et peu coûteuse pour dev produit entier

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Nommer 3 utilité d’un prototype UX

A
  1. Convaincre les PP pour recevoir approbation
  2. guider les designers et developpeurs à travers les différentes phases du projet
  3. Offrir des artefacts aux futurs utilisateurs finaux pour tester un concept et valider des hypothèses, amélioration en continu
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Definition Niveau de fidélité

A

Degré de détail d’un prototype et à la mesure dans laquelle il correspond à la version finale

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Nommez les 3 niveaux de fidélités

A

Niveau faible, moyen, élevé

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

4 éléments d’un niveau FAIBLE de fidélité
- Raison
- Questions adréssées
- Ressources requises
- Flexibilité

A

Raison: brainstorming et alignement
Questions adressées: fondamentales et critiques
Ressources requises: réduites & abordable
Flexibilité: haute & facile

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

4 éléments d’un niveau HAUT de fidélité
- Raison
- Questions adréssées
- Ressources requises
- Flexibilité

A

Raison: orientions / réfrence
Questions adressées: détaillées / précises
Ressources requises: élevées / couteuses
Flexibilité: modérée / complexe

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Basse fidélité - nom design

A

Esquisse (dispositions possibles)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Moyenne fidélité

A

Wireframe (fil de fer), Maquette (typographie, couleurs, icones)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Haute fidélité

A

Prototype (interectif)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Nommez 4 avantages - Esquisses

A
  1. échouer à faible coût
  2. itérer sur des idées
  3. communiquer des concepts
  4. réfléchir en équipe
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Nommez 3 avantages - Wireframe

A
  1. explorer plusieurs concepts
  2. concevoir pour plusieurs appareils
  3. aide à communiquer les objectifs avez les développeurs
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Nommez 3 avantages - Maquette/mockup

A
  1. Tester, valider des concepts
  2. Présenter des concepts aux PP (représentation réaliste)
  3. Documenter les spécifications techniques (décrit les décisions, lignes directrices)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Nommez 3 avantages - Prototype

A
  1. tester avec utilisateurs finaux
  2. documenter le travail de developpement (sources de vérité)
  3. Présenter la version finale aux PP
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

3 critères pour choisir son niveau de fidélité

A
  1. Visuels: à quoi ressemblent les interfaces
  2. Interactions: quelle est le niveau de fluidité des fonctionnalités
  3. Contenu: est ce que les messages sont clair?
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Quand commencons-nous à concevoir?

A

Dès que vous disposez d’informations issues de la recherce UX

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Nommez 4 éléments pour rassurer l’audiance

A
  1. encourager les idées folles
  2. s’inspirer des idées des autres
  3. soyez visuel
  4. optez pour la qualité
  5. restez concentré sur la portée prioritaire
17
Q

Nommez la pratique pour présenter des prototypes

18
Q

4 étapes pour construire un storyboard

A
  1. texte avec des flèches reliant les taches et les actions
  2. identifier les moments de ruptures
  3. ajoutez des émotions
  4. générer des personnages/éléments visuels
19
Q

Nommez 3 outils de prototypages

A

Figmats, Adobe XD, AVONNI

20
Q

Nommez les 7 éléments à considérer pour choisir un outil de prototypage

A

Audience
Collaboration?
Foncitonnalités
Intéractivité
Test d’utilisabilité
Délai
Coût

21
Q

Expliquer Iconify

A

insérer des icônes / émojis dans la wireframe

22
Q

Expliquer fonction Unsplash

A

permet d’importer des images de droits dans vos prototypes hi-fi