cours 7 - prototypes basse résolution et wireframes Flashcards
(23 cards)
Definition + Objectif
Prototype UX
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
Nommer 3 utilité d’un prototype UX
- Convaincre les PP pour recevoir approbation
- guider les designers et developpeurs à travers les différentes phases du projet
- Offrir des artefacts aux futurs utilisateurs finaux pour tester un concept et valider des hypothèses, amélioration en continu
Definition Niveau de fidélité
Degré de détail d’un prototype et à la mesure dans laquelle il correspond à la version finale
Nommez les 3 niveaux de fidélités
Niveau faible, moyen, élevé
4 éléments d’un niveau FAIBLE de fidélité
- Raison
- Questions adréssées
- Ressources requises
- Flexibilité
Raison: brainstorming et alignement
Questions adressées: fondamentales et critiques
Ressources requises: réduites & abordable
Flexibilité: haute & facile
4 éléments d’un niveau HAUT de fidélité
- Raison
- Questions adréssées
- Ressources requises
- Flexibilité
Raison: orientions / réfrence
Questions adressées: détaillées / précises
Ressources requises: élevées / couteuses
Flexibilité: modérée / complexe
Basse fidélité - nom design
Esquisse (dispositions possibles)
Moyenne fidélité
Wireframe (fil de fer), Maquette (typographie, couleurs, icones)
Haute fidélité
Prototype (interectif)
Nommez 4 avantages - Esquisses
- échouer à faible coût
- itérer sur des idées
- communiquer des concepts
- réfléchir en équipe
Nommez 3 avantages - Wireframe
- explorer plusieurs concepts
- concevoir pour plusieurs appareils
- aide à communiquer les objectifs avez les développeurs
Nommez 3 avantages - Maquette/mockup
- Tester, valider des concepts
- Présenter des concepts aux PP (représentation réaliste)
- Documenter les spécifications techniques (décrit les décisions, lignes directrices)
Nommez 3 avantages - Prototype
- tester avec utilisateurs finaux
- documenter le travail de developpement (sources de vérité)
- Présenter la version finale aux PP
3 critères pour choisir son niveau de fidélité
- Visuels: à quoi ressemblent les interfaces
- Interactions: quelle est le niveau de fluidité des fonctionnalités
- Contenu: est ce que les messages sont clair?
Quand commencons-nous à concevoir?
Dès que vous disposez d’informations issues de la recherce UX
Nommez 4 éléments pour rassurer l’audiance
- encourager les idées folles
- s’inspirer des idées des autres
- soyez visuel
- optez pour la qualité
- restez concentré sur la portée prioritaire
Nommez la pratique pour présenter des prototypes
Storytelling
4 étapes pour construire un storyboard
- texte avec des flèches reliant les taches et les actions
- identifier les moments de ruptures
- ajoutez des émotions
- générer des personnages/éléments visuels
Nommez 3 outils de prototypages
Figmats, Adobe XD, AVONNI
Nommez les 7 éléments à considérer pour choisir un outil de prototypage
Audience
Collaboration?
Foncitonnalités
Intéractivité
Test d’utilisabilité
Délai
Coût
Expliquer Iconify
insérer des icônes / émojis dans la wireframe
Expliquer fonction Unsplash
permet d’importer des images de droits dans vos prototypes hi-fi