Please enable JavaScript.

Coggle requires JavaScript to display documents.

UX DESIGN - Coggle Diagram

- - - - Faire de la recherche utilisateur.
      - Prototyper pour l'utilisateur mobile.
      - Mener des tests utilisateurs.
  - - - Interne : solitude, ennui, la peur de manquer qq chose
      - Externe : pub, notification, CTA
    - - En tant que designer, vous avez donc pour mission :
        
        d'éliminer au maximum la friction qui pourrait freiner ou démotiver l’utilisateur (clics superflus, remplissage de champs interminable, lecture sans fin, etc.) ;
        
        de réduire la charge cognitive de façon à rendre la prochaine action clairement identifiable.
    - - l’utilisateur ne sait pas exactement ce qu’il va y trouver et c’est cet élément de surprise qui le pousse à revenir ou à rester plus longtemps sur l'application.
    - - L’utilisateur devrait naturellement être tenté de rentrer dans la 4e et dernière phase du modèle : l’investissement :
        
        en rentrant des données (compléter ou mettre à jour un profil),
        
        en s’abonnant à une page ou à une chaîne,
        
        en publiant une photo ou vidéo ou encore,
        
        en envoyant un message privé,
- - - - Lisa :
        
        étudiante
        
        vit en coloc
        
        n'a pas de voiture
        
        possède un smart phone
      - Ce vous devez en tirer (scénario) :
        
        Lisa a des journées bien remplies, mais ne gagne pas sa vie.
        
        a un petit budget et mange souvent avec d'autres personnes.
        
        ne peut pas se déplacer sur de trop longues distances de façon autonome et libre.
        
        commandera de préférence depuis son smartphone, éventuellement en marchant
      - Avant de déterminer un cas d'usage :
        
        Lisa aura besoin de commander à manger les jours où le temps pour faire des courses lui manque.
        
        voudrait pouvoir partager l'addition puisqu'elle mange avec ses colocataires.
        
        doit se faire livrer car il est difficile pour elle de se déplacer.
        
        doit pouvoir effectuer une commande en deux minutes
    - - La friction (frottement, accroc, littéralement en français) c'est par exemple :
        
        demander à l'utilisateur de s'inscrire à une application en remplissant plusieurs champs (nom, prénom, mail, etc.) au lieu de lui proposer de s'inscrire directement via son compte Facebook ou Google.
        
        demander à l'utilisateur de se connecter à l'application à chaque nouvelle commande.
  - - - Cela implique que, si on passe de l'ordinateur au smartphone (taille divisée par 10 en moyenne) :
      - La taille de la police de caractère, des liens, des boutons et autre type de contenu s'adapte de manière à ce que l'on n'ait pas besoin de zoomer.
      - Les visuels (images, "slider", photos,…) sont re-dimensionné‌s correctement.
      - La disposition du contenu reste claire.
    - - prévoir une version mobile lorsque l'on développe un site web
      - le coder en intégrant le responsive (encore mieux)
      - commencer (que ce soit code ou maquette graphique) par la version mobile
      - appliquer les bonnes pratiques du "design pour le pouce" lorsque l'on développe un site web ou une application mobile.
    - - La taille de l’écran est très petite et l'utilisateur y navigue avec un doigt (souvent le pouce). => Afficher l'essentiel du contenu, à la bonne taille et au bon endroit.
      - Un smartphone s'utilise très souvent en marchant.
      - Le réseau est aléatoire, parfois bon, parfois fluctuant, faible, voire inexistant… => charger rapidement, même quand le réseau n'est pas en 4G.
      - La batterie des smartphones d'aujourd'hui dure maximum une journée. => Ne pas consommer trop d'énergie et donc de batterie.
- - - - Définition = définir le problème à résoudre.
      - Idéation ou Brainstorming = trouver des solutions créatives.
      - Prototype = choisir la solution adaptée et concevoir une première version. => la phase de prototype prend en compte les notions d'usabilité, d'affordance et de mobilité.
      - Test = tester le concept puis l'améliorer. = > la phase de test devient une routine de mini tests très réguliers tout au long du processus.
      - Empathie = se mettre à la place des autres pour comprendre un problème. => la phase d'empathie se transforme en véritable processus de recherche approfondie sur l'utilisateur.
    - - Zoning (croquis) : Papier/Crayon , allez voir ici c'est sympa !
      - Wireframe (schéma de la répartition du contenu) : Balsamiq, Axure, PowerPoint…
      - Mock-up (maquette intégrant la charte graphique) : Sketch, Photoshop, Experience Design…
      - Interaction (simulation dynamique du chemin de navigation) : InVison, Experience Design…
  - - - Posez-vous la question de savoir quelle application mobile ou site web (quel service) vous souhaitez développer ET pour qui.
      - Ce "qui", c'est le fameux persona. Et c'est pour cela que vous devez étudier :
        
        les attentes de votre utilisateur (vous devez chercher ce qu'il attend),
        
        et ses freins cognitifs (vous devez cherchez ce qu'il redoute/craint).
        
        Temps : ethnographie "méthode en sciences sociales dont l'objet est l'étude descriptive et analytique, sur le terrain, des mœurs et des coutumes de populations déterminées"
        
        Pas de temps : sondages
        
        visez l’activité de l’utilisateur… et non l’utilisateur tout seul ! ex : viser les gens qui écoutent de la musique vs viser les gens qui aiment la musique
        
        Les bons designs (les services bien conçus) sont ceux capables d'encapsuler un ensemble varié de tâches liées à l'activité, et qui vont permettre d'améliorer l'expérience globale de l'activité.
- - - - d'utilisateurs (un petit nombre de préférence) ;
      - d'un facilitateur (qui va animer la séance) patient et à l'écoute ; faites-les donc parler ! Autrement, dit, vous avez besoin qu'ils pensent à voix haute. 📢
      - d'une salle avec le confort minimum (de quoi écrire, à boire et à manger).
    - - 5' accueil
      - 30' de tests : les faire exécuter des tâches : compter un compte, simuler un achat... pendant ce moment de test, vous devez les entendre parler, réfléchir, et les voir interagir. Sont-ils à l'aise ? Rencontrent-ils des problèmes ?… Vous devez absolument réussir à vous rendre compte de tout cela.
      - 5' Merci conclusion rétribution
      - Que faire si l’utilisateur arrête de parler ?
        
        Demandez-lui à quoi il pense.
        
        Posez-lui des questions sur ce qu'il est en train de faire, quelle tâche essaie-t-il d'accomplir, etc.
      - Que faire si l'utilisateur n'arrive pas à effectuer une tâche (et qu'il me demande de l'aide) ?
        
        N'intervenez pas, ne lui montrez rien, ne lui expliquez rien. Ne l'aidez pas.
        
        À la place, demandez-lui ce qui le dérange, ce qu'il voudrait faire mais n'arrive pas : faites-le parler !
        
        Demandez-lui ce qu'il ferait si vous n'étiez pas là.