đ« Tu vas flinguer ton interface si tu ne respectes pas ça.
Hello đ
Câest Quentin de Brainr.
Si cette Ă©dition tâa plu, pense Ă laisser un đ avant de partir.
Temps de lecture : 5min | Temps de rédaction : 2h
âȘ Le rĂ©capâ
Au cas oĂč tu les as loupĂ©s, voici un petit rappel de mes derniers contenus :
Bilan : 794 rĂ©actions et 50K vues. đ
đ Letâs Drift
Il y a pas mal de films qui ont marqué mon enfance.
Mais parmi ceux qui ont vraiment fait kiffer le gosse dâune dizaine dâannĂ©es que jâĂ©tais, il y a eu ce film :
Tokyo Drift (le 3Ăšme et lâoubliĂ© des Fast & Furious)
En bref, des voitures, des néons et pas mal de gomme brûlée.
Pourquoi, je te dis ça ? Sûrement parce que je vais te parler de Drift.
Oublie les coups de frein Ă main, les mĂ©chants jeux dâembrayages et les accĂ©lĂ©rations dĂ©mentielles puisque je vais te parler de drift attentionnel. đ§
Ce concept, théorisé par Dubner et Levitt, concerne les environnements numériques et se résume simplement :
âA person using a computer experiences âcognitive driftâ if more than one second elapses between clicking the mouse and seeing new data on the screen. If ten seconds pass, the personâs mind is somewhere else entirely.â
Pour te donner un peu de contexte, notre pensée part constamment dans tous les sens.
Lors dâune action sur une interface, plus le dĂ©lai entre lâaction et le feedback est important, plus tu perds lâattention de tes utilisateursâątrices.
Au bout de quelques secondes seulement, on obtient un switch de pensĂ©es pendant lequel les utilisateurs sortent (mentalement) de leur tĂąche actuelle pour penser Ă la liste de courses, Ă ce vĂ©lo quâils ont commandĂ© la veille ou Ă toute autre chose.
En psychologie, on appelle ça du âmind wonderingâ.
RĂ©sultat, si tes utilisateurs nâobtiennent pas de feedback assez rapidement, alors ils seront bien plus susceptibles de faire des erreurs voir de quitter ta plateforme. đ€Ż
Spoiler Alert : ils ne sont que rarement Ă plus dâun clic de quitter ta plateforme.
Chaque action doit donc avoir un feedback rapide.
Imaginons que lâutilisateur valide le formulaire ci-dessus. Si lâaction ne donne lieu Ă rien, lâutilisateur est susceptible de :
spammer le bouton âvoir les volsâ ;
sâĂ©nerver ;
les deux Ă la fois.
Alors quâun feedback rapide permet de rassurer tout en optimisant la communication entre le systĂšme et lâhumain. đ
Jusquâici, tu peux te dire quâavec quelques secondes devant toi, tu es large pour afficher de lâinfo.
Mais attends un peu.
Le âdrift attentionnelâ, câest cool, mais il faut que je te parle de la caractĂ©ristique la plus importante dâune UI.
đ La rĂ©activitĂ©
Ăa va te surprendre, mais le plus important dans une interface utilisateur ce nâest pas :
lâesthĂ©tique ;
la facilitĂ© dâutilisation ;
lâefficacitĂ© des parcours.
Quel suspens.
Le plus important dans une interface utilisateur est :
Sa capacitĂ© Ă communiquer efficacement avec lâhumain qui lâutilise.
En bref, lâinterface doit agir en synchronie avec nos processus cognitifs.
Autrement dit, le systÚme doit faire preuve de réactivité (aka responsivness).
LâUI doit permettre de :
comprendre que lâaction de lâutilisateur a bien Ă©tĂ© prise en compte ;
comprendre quâune action est en cours ;
savoir combien de temps vont prendre les choses.
Dans le cerveau, tout ne va pas Ă la mĂȘme vitesse.
Pour créer de la réactivité, il est donc fondamental de connaßtre quelques caractéristiques de notre organe à penser :
Nous associons automatiquement un événement avec un son si le délai ne dépasse pas 100ms.
Lâintervalle maximum pour conclure dâune cause Ă effet et de 140ms.
Tu as donc 140ms pour afficher un feedback (optimal) Ă ton utilisateur đŹ
Résumé
Dans lâidĂ©al, chaque action doit obtenir un feedback dans un intervalle de 140ms. Ă noter que plus le temps passe, plus tu perds lâattention de tes utilisateurs, avec un dĂ©lai de 10s pour le perdre complĂštement (le fameux drift attentionnel).
Le feedback, câest vraiment la clĂ© dâune bonne interaction, ne pas en mettre câest comme si, quand tu tâadressais Ă quelquâun, il y avait du dĂ©lai avant sa premiĂšre rĂ©ponse comportementale.
Tu ne sais pas sâil tâa entendu et encore moins sâil va te rĂ©pondre.
DâoĂč la prĂ©sence du feedback dans toutes les listes dâheuristiques ergonomiques.
Ne pars pas si vite đ
Tu veux soutenir ma crĂ©ation de contenu ? Tu peux tâabonner ici sur Substack (mĂȘme juste un mois).
Ou tu peux aussi passer directement par ce lien Paypal.
Ă bientĂŽt,
Quentin