03 - seeren-training/UI-UX GitHub Wiki
Scope
- 🔖 Idéation
- 🔖 Storyboarding
- 🔖 User Story
📑 L'idéation
L’idéation désigne le processus par lequel chacun peut trouver des idées et devenir créatif, il faut prévoir de consacrer du temps à cette séance et lui trouver un contexte favorable.
Pour proposer une expérience utilisateur, encore faut-il en avoir l'idée!
🏷️ La durée
Deux tendances se dégagent pour établir la durée moyenne d'une séance d'idéation.
🏷️ Le contexte
La majorité trouvent des idées en s'inspirant simplement lors d'une recherche d'expérience utilisateur sur des produits en rapport.
🏷️ Innovation
Pour illustrer avec impact une idéation réussie je vous invite à observer le produit suivant:
- ar-cutpaste
La scéance ne s'est psa arrétée à une non fesabilité avant l'heure pour obtenir ce produit.
👨🏻💻 Manipulation
Organisez puis participez à une séance d’idéation, rédigez sous forme d'une phrase une expérience utilisateur en rapport avec votre produit.
📑 Storyboarding
La stratégie est un pré-requis à la scénarisation d'une expérience, c'est bien plus qu’un artefact: c’est une façon de penser.
Cet outil permet de montrer la manière et la situation dans laquelle un utilisateur va utiliser un produit ou un service, tout en alliant récit et dessin. Il ne s’agit pas d’une succession d’interfaces
🏷️ Structure
Le scénario doit contenir :
- Le contexte de l’interaction
- Les motivations de l’utilisateur
- Les actions réalisées avec le produit ou service
- Les conséquences de l’interaction
🏷️ Méthode
Au format post-it en deux étapes.
Rédigé
- Au format écrit, sans parler d'éléments d'interfaces et sans relations entre les post-it rédigez chaque étape de l’expérience.
- Sur chaque post-it, illustrer une expression de l'utilisateur qui correspond à une émotion avec un emoji.
- Répéter l'opération et échanger avec les membres de l'équipe pour décider d'un scénario final
👨🏻💻 Manipulation
Rédigez un storyboard pour un ou plusieurs objectif utilisateur.
Dessiné
Le dessin va permettre de montrer l’environnement de l’utilisateur, de focaliser sur des éléments clés de l’expérience et de retranscrire les émotions définies à chaque étape.
- Utiliser un feutre afin de ne pas partir dans les détails inutiles ;
- Pour mettre en avant les éléments clés, utilisez le gros plan et/ou de la couleur
- Si besoin, ajouter des onomatopées ou bulles d’expression
- Ne dessinez pas de wireframes, mais juste les éléments nécessaires à la compréhension
🏷️ Exemples
👨🏻💻 Manipulation
Dessinez un storyboard pour un ou plusieurs objectif utilisateur.