![\"pexels-photo-276223](\"https:\/\/cinnk.com\/wp-content\/uploads\/2020\/10\/pexels-photo-276223_1.jpg\")
<\/p>\nDe nos jours, si vous n’\u00eates pas un designer UX, vous n’\u00eates pas un designer du tout !
De quoi parlons-nous lorsque nous utilisons les termes UX ou User eXperience ?
Quelle en est l’origine ? Existe-t-il diff\u00e9rents types de design ?<\/p>\n
<\/p>\n
\nDe nos jours, si vous n’\u00eates pas un designer UX, vous n’\u00eates pas un designer du tout ! De quoi parlons-nous lorsque nous utilisons les termes UX ou User eXperience ? Quelle en est l’origine ? Existe-t-il diff\u00e9rents types de design ?<\/p>\n
User eXperience
\nLe terme User eXperience a probablement \u00e9t\u00e9 invent\u00e9 par Don Norman en 1993-1994 chez Apple. \u201cC’est tout ce qui touche \u00e0 votre exp\u00e9rience avec le produit\u201d. https:\/\/www.youtube.com\/watch?v=9BdtGjoIN4E
\nL’intention \u00e9tait de d\u00e9finir un large p\u00e9rim\u00e8tre autour du produit (conception, emballage, d\u00e9couverte en magasin, \u201ceffet de mode\u201d, fiert\u00e9 de poss\u00e9der ou d’utiliser, commentaires…) en essayant d’augmenter la valeur de chaque point du p\u00e9rim\u00e8tre.<\/p>\n
En 1998, Don Norman (Apple) et Jakob Nielsen (Sun) cr\u00e9ent NN-Group (Nielsen Norman Group) et sont rejoints par Bruce \u201cTog\u201d Tognazzini en 2000.Le marketing d\u2019entreprise \u00e9tait bas\u00e9 sous le mot UX (Evidence-Based User Experience Research, Training, and Consulting), chacun des associ\u00e9s endossant un terme accrocheur dans la conception d’interface (\u201cWeb page usability\u201d, \u201cWorkable technology\u201d, \u201cUser interface\u201d).
\nL’effet principal a \u00e9t\u00e9 de travailler au niveau strat\u00e9gique chez les clients et non plus aux niveaux op\u00e9rationnels. NNG a rencontr\u00e9 un tel succ\u00e8s que chaque entreprise de design ou de conception Web a voulu devenir \u201cUX\u201d (mais \u00e9crire UX quelque part ne vous rend pas Jakob, Don ou Bruce).
\nL’UX en tant que m\u00e9thode
\n\u00c0 la fin du mois de mars 2000 Jesse James Garrett a sorti un \u201cconceptual model of the considerations involved in designing successful user experiences for Web sites\u201d.
\nIl a ensuite cr\u00e9\u00e9 son entreprise Adaptative Path en 2001. Et enfin, il publia son livre \u201cThe Elements of User Experience\u201d en 2002.Ce livre a souvent \u00e9t\u00e9 d\u00e9crit comme une \u201dTh\u00e9orie G\u00e9n\u00e9ral de l’Exp\u00e9rience Utilisateur\u201d (eg : Am\u00e9lie Boucher : http:\/\/www.ergolab.net\/livres\/the-elements-of-userexperience.php).<\/p>\n
L’UX comme une tendance marketing<\/p>\n
Il y a une tendance croissante pour la requ\u00eate de recherche \u201cUX Design\u201d et l’article Wikipedia \u201cUser experience design\u201d est constamment modifi\u00e9 par l’ajout de modifications mineures.<\/p>\n
Il semble que le terme \u201cUX\u201d soit devenu un atout majeur dans l’industrie de l’interface.\u201cVous devez me choisir parce que mon concurrent ne fait que la conception web alors que je fais de la conception web UX (et c’est tellement mieux) !\u201d <\/p>\n
En attendant, par rapport \u00e0 la demande de recherche \u00ab\u00a0Web Design\u00a0\u00bb (rouge), \u201cUX Design\u00a0\u00bb a encore beaucoup de chemin \u00e0 parcourir…
\nRetour aux sources, cr\u00e9ons une chaise
\nCr\u00e9er une chaise est un exercice obligatoire dans les \u00e9coles de design (et malheureusement pas dans les \u00e9coles de Web Design !) et donne une d\u00e9monstration \u00e9tendue des \u00e9tapes du design.
\nAvant le design : Sp\u00e9cifications
\nAvant de cr\u00e9er, nous devons savoir :<\/p>\n
Pour qui est-ce, adultes, enfants ?
\nDevra-t-elle \u00eatre associ\u00e9e avec d’autres objets ? Si oui, quels sont les caract\u00e9ristiques de ces objets ?
\nQui va la produire, artisans, industrie ?
\nQuel est son march\u00e9, grand tirage, niche, luxe ?
\nQuel sera le march\u00e9 final ? Le march\u00e9 de proximit\u00e9 ? Le prix ?
\nQuels sont les contextes d’utilisation chez les particuliers, les entreprises, les collectivit\u00e9s ?
\nQuelle est son intensit\u00e9 d’utilisation, occasionnel, tous les jours, toute la journ\u00e9e ?
\nDevons-nous la packager ?
\nEst-ce qu’elle appartient \u00e0 une marque ? Si oui, quelle est sa force ?
\nDe combien de variantes avons-nous besoin ? Pourquoi ?
\nQuelles diff\u00e9rences attendons-nous entre les variantes ?
\n…<\/p>\n
El\u00e9ments de conception : projets\/croquis\/prototypes
\nMaintenant, nous savons qui utilisera notre chaise, o\u00f9, comment, ainsi que le prix que les personnes seront pr\u00eates \u00e0 d\u00e9penser pour se la procurer, nous pouvons commencer notre r\u00e9flexion de conception sur le(s) couleur(s), le(s) mat\u00e9riau(x), le(s) texture(s), le(s) style(s), la (ou les) taille(s)…
\nNous devons nous projeter dans la perception et la proprioception de l’utilisateur (oui, certaines personnes vont s’assoir sur notre chaise).Mais nous ne sommes pas seuls, la hi\u00e9rarchie de l’entreprise, les ing\u00e9nieurs, l’\u00e9quipe de production, l’\u00e9quipe de marketing et de nombreuses autres personnes devront se projeter \u00e9galement.
\nNous utilisons des croquis pour partager des id\u00e9es, des choix, des variantes avec toutes les parties prenantes du projet.<\/p>\n
Production et maturit\u00e9 de design
\nLorsque tous les intervenants partagent les m\u00eames choix et pensent que notre projet est r\u00e9alisable, nous lan\u00e7ons la pr\u00e9-production.
\n Cela d\u00e9bute toujours par un objet grossier raffin\u00e9 au cours de multiples it\u00e9rations pour : <\/p>\n
R\u00e9duire les co\u00fbts.
\nFaciliter la construction de la chaise.
\nAffiner l’apparence (perception (visuelle, tactile) et proprioception).
\nModifier les d\u00e9tails.
\nTester les variantes.
\nDemander aux gens de s’asseoir sur notre chaise, de l’installer dans leur salle \u00e0 manger, d\u2019inviter des amis \u00e0 manger en pr\u00e9sence de notre chaise… et de recueillir leurs r\u00e9flexions, impressions, r\u00e9actions…
\nEssayer de comprendre comment am\u00e9liorer les r\u00e9actions.
\nIt\u00e9rer de nouveau.<\/p>\n
Apprendre le design : une vieille histoire (UX)
\nL’\u00e9cole The Grand Ducal School of Arts and Crafts a \u00e9t\u00e9 cr\u00e9\u00e9e en 1901 \u00e0 Weimar (Allemagne) par Henry Van de Velde.
\n\u00c0 partir de 1919, sous la direction de Walter Gropius, elle est devenue le Bauhaus, probablement l’\u00e9cole de design la plus renomm\u00e9e du vingti\u00e8me si\u00e8cle.<\/p>\n
Son logo \u00e9tait un \u00eatre humain (un utilisateur !). Vous appreniez \u00e0 construire une chaise en bois ou en m\u00e9tal et \u00e0 comprendre les attentes d\u2019utilisateurs r\u00e9els.
\nLe Design est la cr\u00e9ation d’eXp\u00e9riences Utilisateur
\nConcevant notre chaise, nous cr\u00e9ons de l’exp\u00e9rience non seulement pour les fesses de l’utilisateur (proprioception), mais aussi une exp\u00e9rience corporelle g\u00e9n\u00e9rale (ergonomie, confort), une exp\u00e9rience visuelle (une chaise seule ou des chaises autour d’une table), une exp\u00e9rience \u00e9motionnelle (J’adoooore cette chaise !), une exp\u00e9rience sociale (ce que les autres disent de mes chaises, ma salle \u00e0 manger…), une exp\u00e9rience d’achat….
\nEn 1919, Gropius a proclam\u00e9 que l’objectif principal du Bauhaus \u00e9tait de \u201ccr\u00e9er une nouvelle guilde d’artisans, sans aucune distinction de classe cr\u00e9ant une barri\u00e8re arrogante entre artisan et artiste\u201d. Il voulait cr\u00e9er des ponts, des valeurs communes, des objectifs communs, et avait pour finalit\u00e9 l’utilisateur.
\n Toute conception est finalement d\u00e9di\u00e9e \u00e0 l’exp\u00e9rience (aux exp\u00e9riences) des utilisateurs, depuis l\u2019existence du design.
\n Don Norman a invent\u00e9 un terme, pas une pratique.
\nEt \u00e0 propos du Design d\u2019Interface ?
\n Dans le milieu du Web Design, je n’entends jamais \u201cje me fous des utilisateurs, je fais \u00e7a pour moi tout seul\u201d, et vous ?
\n Comme pour n’importe quel design, le Design d’interface ou le Web Design cr\u00e9ent des exp\u00e9riences pour les utilisateurs : <\/p>\n
Exp\u00e9rience \u00e9motionnelle (pour l’utilisateur web final et pour les parties prenantes du projet).
\nExp\u00e9rience de recherche, de d\u00e9couverte ou de navigation.
\nExp\u00e9rience d’engagement (par le parcours de l’utilisateur : d\u00e9couverte ; connaissance, int\u00e9r\u00eat, intention et action).<\/p>\n
Le design d’interface a aussi ses particularit\u00e9s : <\/p>\n
Le contexte d’exp\u00e9rience est variable (mobiles, tablettes, ordinateurs portables, ordinateurs de bureau, \u00e9crans larges…) et d\u00e9pend de syst\u00e8mes en constante \u00e9volution (OS, navigateur).
\nL’interaction de l’exp\u00e9rience est strictement limit\u00e9e aux yeux et aux doigts.
\nL’exp\u00e9rience \u00e9motionnelle est importante lors de la premi\u00e8re d\u00e9couverte puis dispara\u00eet \u00e0 mesure que l’utilisateur se concentre sur le contenu, la structure, la navigation et les outils.<\/p>\n
En ce qui concerne le contenu, la structure et la navigation, nous devons cr\u00e9er une exp\u00e9rience d’auteur \u00e0 la fois claire, riche, simple et efficace car les applications et les sites Web ne sont pas des produits statiques, mais une mati\u00e8re vivante, en constante \u00e9volution et, meilleure sera l’exp\u00e9rience d\u2019auteur, meilleurs seront les contenus et les structures.
\nEn ce qui concerne l’\u00e9volution, les utilisateurs sont confront\u00e9s \u00e0 tant d’autres interfaces que leurs attentes \u00e9voluent constamment, de la m\u00eame mani\u00e8re que leur niveau de satisfaction sur notre interface. Dans le m\u00eame temps, ils s’attendent \u00e0 ce que notre interface respecte strictement les codes d’interaction courants actuels.
\n La conception de l’interface doit \u00eatre tr\u00e8s diff\u00e9rente, mais presque identique, absolument \u00e9motive et tout simplement efficace.
\n Cela n\u00e9cessite un nombre important de comp\u00e9tences fonctionnant ensemble.
\nFocus sur les utilisateurs
\n\u00c0 mon avis, il n’y a qu’une seule loi UX : vous n’\u00eates pas l’utilisateur !
\nVous avez donc besoin d’une recherche sans \u00e0 priori sur l’utilisateur pour comprendre ses comportements et ses attentes.
\nEt, en travaillant en \u00e9quipe, vous devez absolument partager cette vision et cette compr\u00e9hension de vos utilisateurs cibles.J’utilise ici une segmentation l\u00e9g\u00e8re des utilisateurs pour affiner notre approche (c’est notre segmentation de base dans notre Monthly User Research) :<\/p>\n
Novice est un d\u00e9butant utilisant des interfaces (pas un d\u00e9butant absolu) non-impr\u00e9gn\u00e9 des usages, mais sans intuition sur ce qu’il faut faire.
\n R\u00e9cusant utilise le Web ou les applications exigeant une forte coh\u00e9rence et un respect strict de ce qu’il consid\u00e8re \u00eatre les usages.Malheureusement, sa notion des usages varie ! (Le plaisir avec R\u00e9cusant est qu’il continue \u00e0 utiliser des interfaces, m\u00eame s’il grogne en permanence. Dans notre enqu\u00eate annuelle sur les utilisations Web, R\u00e9cusant repr\u00e9sente plus de 40% de la population).
\n Utilitaire utilise des interfaces dans un but pr\u00e9cis. Il recherche des informations structur\u00e9es, efficaces et des appels \u00e0 action. (Remarque : le m\u00eame utilisateur peut \u00eatre Utilitaire sur certains sites ou certaines plages horaires de la journ\u00e9e et Immerg\u00e9 sur d’autres sites ou plages horaires).
\n Immerg\u00e9 utilise des interfaces comme il respire, il aime la nouveaut\u00e9, la gamification et la d\u00e9couverte, mais il a besoin d’un r\u00e9sultat pour le temps qu\u2019il passe sur votre interface. N\u00e9anmoins, Immerg\u00e9 d\u00e9pend fortement des usages. (Dans notre enqu\u00eate annuelle sur les utilisations Web, Immerg\u00e9 repr\u00e9sente moins de 40% de la population mais plus de 90% des premiers adoptants).
\n Designer est un professionnel des interfaces \u00e0 la recherche de ce qui est sous le capot qui se demande \u201ccomment ont-ils fait cela ?\u201d ou qui se dit \u201cils devraient ajouter cela (ou supprimer cela)\u201d ou \u201cje le ferais autrement…\u201d
\n D\u00e9butant absolu… Bien, nous ne segmentons pas pour D\u00e9butant absolu car il \u201cpourrait\u201d \u00eatre un utilisateur mais il ne l’est pas encore !Bien s\u00fbr, nous devons prendre soin des d\u00e9butants absolus et fournir des interactions simples et naturelles qu’ils peuvent comprendre, mais il n’est pas possible d’envisager un comportement statistique.<\/p>\n
La rencontre…
\nConsid\u00e9rons la rencontre d\u2019un \u00eatre (l’utilisateur) avec un autre \u00eatre (l’interface). Pour cette rencontre, qui est l’exp\u00e9rience utilisateur, comme pour toute rencontre, n’importe quel futur est possible, mais une rapide s\u00e9lection de motivations crois\u00e9es d\u00e9termine ce qui se passera r\u00e9ellement.Revisitons la conception web (je sais que vous connaissez) du point de vue de cette m\u00e9taphore.
\n\u00c9motions
\nL’\u00e9motion est sans aucun doute la forme la mieux pratiqu\u00e9e de la conception d’interface. Comme lors de toute rencontre, la premi\u00e8re impression est tr\u00e8s importante et peut aider \u00e0 susciter l\u2019int\u00e9r\u00eat ou cr\u00e9er une approche n\u00e9gative.<\/p>\n
Jetez un coup d’oeil aux pages d’accueil extraordinaires r\u00e9f\u00e9renc\u00e9es par le site www.awwwards.com. (Nous utilisons ces pages chaque mois dans notre Monthly User Research). L’aspect \u00e9motionnel de la page d’accueil est \u00e9galement obligatoire lorsque vous communiquez avec vos commanditaires. Leur compr\u00e9hension et leur int\u00e9r\u00eat pour votre travail repose sur cette premi\u00e8re impression.
\nIntention
\nLa deuxi\u00e8me \u00e9tape de notre rencontre est l’intention.Qu’est-ce que l’autre recherche ?
\nPour un utilisateur, il est \u00e9vident \u201cen tant que [une sorte d’utilisateur] je recherche [ceci et\/ou cela]\u201d (voir Histoires d’utilisateurs).L’autre partie de cette rencontre (l’interface) expose-t-elle clairement ses intentions et ses attentes ?
\nEn fait, l’intention doit \u00eatre limpide lorsque l’effet \u00e9motionnel se termine. Si ce n’est pas le cas, votre utilisateur va tout simplement partir.
\nAccueil
\nLa page d’accueil (ou quelques landing pages) est l\u2019objet de tous vos soins. Elle fournit toujours un contexte \u00e9motionnel de qualit\u00e9 et, souvent, des informations clairessur les informations et les attentes.
\nMais, lorsque votre site Web est correctement structur\u00e9 et index\u00e9 par les moteurs de recherche, il est tr\u00e8s probable que l’utilisateur y acc\u00e8de par une page profonde.
\nDans ce cas, l’accueil est tr\u00e8s difficile car vous devez fournir l\u2019essentiel de votre contexte \u00e9motionnel (pas seulement le logo !), des informations pr\u00e9cises sur vos intentions et attentes ainsi que des informations contextuelles de la page.
\nTr\u00e8s peu de sites Web r\u00e9ussissent \u00e0 maintenir ce fragile \u00e9quilibre.
\nCall to action\/Affordance
\nSi nos intentions sont claires pour l’utilisateur, nous devons \u00e9galement fournir un moyen clair et simple d’effectuer ce que nous attendons qu’il\/elle fasse.
\nLe CTA n\u2019a pas besoin d\u2019\u00eatre tr\u00e8s important ou tr\u00e8s contrast\u00e9 ou tr\u00e8s pr\u00e9\u00e9minent, il doit juste \u00eatre clair, accessible et conforme \u00e0 l’intention.
\nFaites attention \u00e0 la loi de Miller sur la limitation de la m\u00e9moire de court terme (7 \u00b1 2 articles) (http:\/\/psychclassics.yorku.ca\/Miller) ou au \u201cparadoxe du choix de Barry Schwartz\u201d,(https:\/\/www.ted.com\/talks\/barry_schwartz_on_the_paradox_of_choice) des possibilit\u00e9s trop complexes ou trop nombreux conduisant \u00e0 une paralysie et\/ou \u00e0 une insatisfaction.
\nPlus de trois ou quatre CTA sur une page produisent souvent une action unique, quitter le site !
\nLes CTA ont besoin d’affordance. Ils doivent s’expliquer d’eux-m\u00eames, ils sont des actions possibles (la m\u00e9taphore la plus simple est un bouton) et doivent promettre ce qui sera le r\u00e9sultat de cette action sp\u00e9cifique.
\n Astuce : c’est souvent une bonne id\u00e9e pour l’affordance de garder la promesse raisonnable et que l’utilisateur obtienne \u201cplus qu\u2019ils ne le pensaient\u201d. C\u2019est l\u2019effet \u201cBonne surprise\u201d. (De nombreux sites font des promesses trop \u00e9lev\u00e9es).
\nContenu
\nDans une interface, tout est du contenu (images, vid\u00e9os, textes …).
\n L’utilisateur doit cr\u00e9er un mod\u00e8le mental des types de contenus : <\/p>\n
Contenu principal (Actual Significant Content).
\nContenu relatif ou acc\u00e8s au contenu relatif.
\nOutils (navigation et\/ou CTA).
\nCe qui para\u00eet hors contexte (publicit\u00e9…). Il recherche le contenu principal (un article ou une liste d’articles).<\/p>\n
Dans l\u2019eXperience de l\u2019Utilisateur sur votre interface, le contenu est une autre rencontre imbriqu\u00e9e et a lui aussi besoin d’une bonne perception \u00e9motionnelle, d’une intention claire et d’une structure agr\u00e9able.<\/p>\n
Il est \u00e9galement n\u00e9cessaire d’avoir une coh\u00e9rence avec les \u00e9motions et les intentions de l’interface.
\n L\u2019utilisateur ne lit pas le texte du contenu en premier lieu. Il cherche (sch\u00e9ma para-fov\u00e9al) : <\/p>\n
O\u00f9 est le titre.
\nY a t\u2019il une introduction ?
\nLa structure (hi\u00e9rarchie des sous-titres).
\nLe rythme (monotonie de la pr\u00e9sentation).
\nLa densit\u00e9 (quantit\u00e9 de texte entre les titres).
\nLe niveau de gris (espacement entre les caract\u00e8res et entre les lignes).<\/p>\n
Et (sch\u00e9ma linguistique) : <\/p>\n
Quel est le titre ?
\nEst-ce que j\u2019ai envie de lire l’introduction ?<\/p>\n
Il d\u00e9cide ensuite de lire le texte ou non.Pour les contenus de m\u00e9dias lin\u00e9aires (vid\u00e9o), le titre, l’image d’introduction et les commentaires d\u00e9clenchent la visualisation. Notez que les m\u00e9dias lin\u00e9aires peuvent d\u00e9buter automatiquement et fournir du son si le lien pour acc\u00e9der \u00e0 ce contenu en informe l’utilisateur. (Les interfaces intelligentes d\u00e9tectent d’o\u00f9 provient l’utilisateur pour activer ou non la lecture et le son automatiquement).
\nNavigation et recherche
\nLa navigation est essentielle pour une interface r\u00e9ussie.En recherchant des \u00e9l\u00e9ments scientifiques, j\u2019ai fait le rapprochement avec les plans cartographiques ou de cartes de transport pour lesquels un corpus scientifique solide est disponible.
\nPar exemple (http:\/\/advances.sciencemag.org\/content\/2\/2\/e1500445)
\nIl n’y a que deux informations importantes pour un utilisateur :<\/p>\n
O\u00f9 suis-je ?
\nO\u00f9 est-ce que je souhaite aller ?<\/p>\n
Tout le reste pr\u00eate \u00e0 confusion.Mais vous souhaitez exposer tellement de contenus de qualit\u00e9 de votre site…
\nLa recherche textuelle est (\u00e9tait) une solution pour les contenus massifs, mais :<\/p>\n
Personne ne cherchera une chose dont il ignore l\u2019existence !
\nLes utilisateurs pr\u00e9f\u00e8rent en g\u00e9n\u00e9ral retourner sur leur moteur de recherche favori s’ils ne peuvent pas trouver ce qu’ils recherchent sur votre interface.<\/p>\n
D’autre part, souvenez-vous que vous devez cr\u00e9er une exp\u00e9rience d\u2019auteur de qualit\u00e9 pour proposer un contenu int\u00e9ressant et coh\u00e9rent dans le temps. Une structure complexe n’est pas agr\u00e9able pour l’auteur. Les r\u00e9sultats des recherches utilisateur donnent quelques cl\u00e9s pour une navigation riche : <\/p>\n
Exposez des contextes pour le contenu en tant que navigation principale (pensez aux \u201cd\u00e9partements\u201d d’Amazon, m\u00eame si la plupart des sites web auront de 1 \u00e0 3 contextes).
\nUtilisez une combinaison de filtres \u00e0 facettes rapides pour affiner la recherche.<\/p>\n
En d’autres termes, utilisez quelques cat\u00e9gories pour les contextes et utilisez les tags (transversaux) pour le filtrage. Cela rend la navigation simple et polyvalente pour les utilisateurs et les auteurs.
\nEt n’oubliez pas que m\u00eame si votre structure de cat\u00e9gories est un arbre hi\u00e9rarchique, il est pr\u00e9f\u00e9rable de faire une liste de contextes \u00e0 plat plut\u00f4t qu’un arbre complexe.
\nL’Information contextuelle\/l’Aide
\nL\u2019aide \u00e0 la navigation (fil d’Ariane) est consid\u00e9r\u00e9e comme un must pour la conception de pages Web et le r\u00e9f\u00e9rencement. Pour l’utilisateur, il s’agit d’une liste plate cliquable de contextes hi\u00e9rarchiques. Tous les \u00e9l\u00e9ments sont des liens vers des contextes parents et le dernier \u00e9l\u00e9ment est en gras et non-cliquable (c’est l\u00e0 que je suis).
\nNote : pour le r\u00e9f\u00e9rencement, vous devez \u00e9galement fournir une information structur\u00e9e JSON-LD, Microdata ou RFDa(https:\/\/developers.google.com\/search\/docs\/datatypes\/breadcrumbs)
\nMais aucune \u00e9tude \u201ceye tracking\u201d ni \u201cclic map\u201d ne prouve l\u2019utilit\u00e9 des fils d’Ariane.
\n La question de l’utilisateur est \u201cO\u00f9 suis-je ?\u201d.
\n Il cherche des \u00e9l\u00e9ments pour obtenir la r\u00e9ponse : <\/p>\n
Titre du contenu
\nOutils de navigation mis en \u00e9vidence
\nStructure du contenu
\nTitre ou lien de contenu en relation<\/p>\n
Habitus
\nL\u2019habitus est comme la mode, il existe.
\n Agree or disagree, they don’t care \ud83d\ude09
\nPar exemple, la majorit\u00e9 des sites web, pour des raisons techniques de scroll, utilisent le logo et le menu de navigation principale en haut de l’\u00e9cran. <\/p>\n
Lorsque votre site web utilise une navigation dans le bas de la page, vous ne respectez pas les r\u00e8gles d’usage et cr\u00e9ez un effet de surprise. Cela peut \u00eatre positif (oh, ils sont sicr\u00e9atif !) ou pas (ils ont oubli\u00e9 le menu, quels imb\u00e9ciles !).
\nUn autre exemple, ce petit menu hamburger, sympa, que nous voyons actuellement (je veux dire sur les \u00e9crans desktop).
\nDans notre segmentation utilisateurs, les designers l’adorent, les immerg\u00e9s ne trouvent pas cela utile et les autres ne le voient tout simplement pas.
\nTout le monde reconna\u00eet ce symbole comme un menu dans le contexte d’une tablette, d’un smartphone ou d’une WebTV, mais pas sur un ordinateur portable ou un ordinateur de bureau.Donc, c’est bien, si vous visez seulement des designers…
\nUser stories
\n Qui \u00eates-vous ? Que recherchez-vous ?
\nLa r\u00e9ponse \u00e0 ces deux questions simples m’a aid\u00e9e \u00e0 \u00e9crire le contenu que vous \u00eates en train de lire (ce que vous faites !) et peut aussi vous aidez.Je sais ce que je veux exprimer dans cet article, mais quelles connexions cr\u00e9era la rencontre ? Quels titres, densit\u00e9s ou illustrations vais-je devoir utiliser ?
\nJ’ai donc r\u00e9fl\u00e9chi, en essayant de vous comprendre, en demandant l’avis du staff de r\u00e9daction, et j’ai finalement statu\u00e9 sur qui vous \u00eates. Ensuite, j’ai analys\u00e9 vos possibles int\u00e9r\u00eats sur mon sujet et j’ai finalement choisi un peu d’histoire et une m\u00e9taphore…
\n La r\u00e9flexion des Users stories est (devrait \u00eatre) une double question simple et tr\u00e8s rapide : <\/p>\n
Qui ? (en tant que…)
\nQuoi ? (je veux…)<\/p>\n
C’est l’un des travaux d’\u00e9quipe de design les plus productifs.Peu importe si vous le faites sur une feuille de calcul, un tableau, une feuille de papier simple ou un mur \u201cwar room\u201d, faites-le ensemble et maintenez-le \u00e0 jour.
\nPersonae
\nLe mot latin \u201cpersona\u201d d\u00e9crit le masque d’un acteur d\u00e9finissant un caract\u00e8re. (Comme il s’agit de latin, nous utilisons \u201cae\u201d pour le pluriel).
\nApr\u00e8s avoir collect\u00e9 des users stories, nous avons un tas de \u201cqui ?\u201d.
\nUn persona est un poster qui attire l’attention des intervenants de chaque projet et leur permet de se concentrer sur les caract\u00e9ristiques du \u201cQui ?\u201d.Je vois souvent un persona merveilleux, parfaitement con\u00e7u et enterr\u00e9 dans un dossier rang\u00e9 au fond d’un tiroir !
\n\u00c0 mon avis, cela signifie que les parties prenantes du projets et\/ou les clients pensent que c’est une sorte de recherche sociologique… Les Personae ne sont pas des recherches, ce sont des posters.
\nLa premi\u00e8re intention des personae est d\u2019aider \u00e0 se concentrer sur les utilisateurs du projet (essayer de cr\u00e9er et de rencontrer) et il est difficile de se concentrer sur un dossier cach\u00e9 au fond d’un tiroir.
\nParcours utilisateur dans le web
\nIl y a quelques objectifs vers lesquels vous souhaitez guider l\u2019utilisateur (achat, contact, partage…) sur votre ninterface, se d\u00e9composant notamment en 4 \u00e9tapes :<\/p>\n
Connaissance (sensibilisation)
\nInt\u00e9r\u00eat (prise en consid\u00e9ration)
\nIntention
\nEt enfin, action<\/p>\n
Ce sont les moments de la rencontre. <\/p>\n
Vous attendez-vous \u00e0 ce que quelqu’un qui n’a jamais entendu parler de votre produit ou service puisse vous rechercher sur Google ?
\nL’int\u00e9r\u00eat de l’utilisateur peut augmenter \u00e0 travers vos pages, mais il est plus susceptible de se d\u00e9velopper ailleurs gr\u00e2ce \u00e0 de nombreuses interactions. Certains outils int\u00e9ressants comme Think With Google (https:\/\/www.thinkwithgoogle.com\/tools\/customerjourney-to-online-purchase.html) peuvent vous aider \u00e0 comprendre le parcours des utilisateurs vers votre objectif et \u00e0 adapter vos contextes et contenus pour les accueillir en fonction de ces \u00e9tapes.
\nParcours utilisateur dans le site
\nLes outils de tracking (Google Analytics, Quantcast, comScore…) ne concernent pas seulement le trafic et les conversions.
\nEn fait, tout ce qui fonctionne bien sur votre interface peut cr\u00e9er du trafic et des conversions, et tout ce qui fonctionne mal peut ralentir vos performances.
\nDonc travailler sur le parcours utilisateur \u00e0 travers le site consiste \u00e0 identifier les goulot d’\u00e9tranglement, les parties de votre sch\u00e9ma d’interaction, o\u00f9 la rencontre se brise.
\nTest utilisateur
\nUne fois encore, vous n’\u00eates pas l’utilisateur.
\nLes commanditaires des projets ont une vision claire de leurs clients, vous avez une r\u00e9flexion riche avec toute votre \u00e9quipe, vous disposez d’un ensemble complet de User Stories, vos personnae sont parfaits et vous vous sentez pr\u00eat \u00e0 l’action.
\nJe suis s\u00fbr que vous \u00eates pr\u00eat\u2026 vraiment ?Il n’y a qu’une fa\u00e7on de le savoir, tester avec de vrais utilisateurs. Malgr\u00e9 ce qu\u2019on entend, c’est facile, rapide et sans frais.<\/p>\n
Vous n’avez pas besoin d’un panel, vous avez besoin au minimum d’un utilisateur.Vous n’avez pas besoin de comp\u00e9tences sp\u00e9ciales (mais la lecture de \u201cDon\u2019t make me think\u201d de Steve Krug peut vous aider)Vous n’avez pas besoin d’une salle de test super \u00e9quip\u00e9e, le caf\u00e9 le plus proche (ok, un milkbar si vous devez tester sur les enfants) est ok pour rencontrer quelqu’un, lui dire \u201cs’il vous pla\u00eet, pouvez-vous me donner dix minutes, j\u2019aimerais que vous testiez mon interface et en \u00e9change je vous offre un verre\u201d.
\nEnsuite, observez (vous pouvez demander quelques \u201cpourquoi ?\u201d si n\u00e9cessaire, mais n’expliquez pas ou ne justifiez pas), concentrez-vous sur l’utilisateur (faites une vid\u00e9o si vous le pouvez) parce que la mine d’or ici sont les r\u00e9actions, l’int\u00e9r\u00eat, le rythme et la d\u00e9couverte spontan\u00e9e des t\u00e2ches.
\nObservez quelques utilisateurs (en fait des rencontres avec votre interface) vous aidera certainement \u00e0 am\u00e9liorer votre pratique de conception.
\nLe probl\u00e8me avec le Test Utilisateur est qu’il ne correspond pas vraiment au processus habituel de livraison.
\nChaque test vous apporte de nouvelles d\u00e9couvertes (je pense \u00e0 des goulots d’\u00e9tranglement dans votre interface) et il est difficile d’expliquer \u00e0 votre client que la pure merveille que vous venez de cr\u00e9er pourrait \u00eatre meilleure… D’autre part, chaque fois que vous r\u00e9solvez un goulot d’\u00e9tranglement, vous augmentez la conversion sur votre site ou vous am\u00e9liorerez la convivialit\u00e9 de votre application. Et c’est bon (tr\u00e8s bon) pour votre client.
\nLa seule question consiste \u00e0 savoir si votre interface est pr\u00eate pour le changement.
\n\u00c9volution\/changement(s)
\nSi votre interface ou votre application est un one shot, passez \u00e0 autre chose et oubliez.
\nIl est plus probable qu’elle soit l\u00e0 pour durer dans le temps et pour faire face aux \u00e9volutions et aux changements.
\nQuelle est la diff\u00e9rence ? Disons comme base que l’\u00e9volution est la modification que vous ne voulez pas que l’utilisateur remarque, alors que pour le changement vous souhaitez que vos utilisateurs d\u00e9couvrent quelque chose de diff\u00e9rent, en faisant un \u201ceffet Wow\u201d.
\nLes deux concernent l’am\u00e9lioration permanente, mais le changement d\u00e9pend de fortes motivations strat\u00e9giques.Chaque ann\u00e9e, la page de r\u00e9sultats du moteur de recherche Google \u00e9volue plusieurs fois via de tr\u00e8s petites diff\u00e9rences. La plupart d’entre elles ne restent pas, elles ne sont que des tests A\/B et les utilisateurs ne voient aucune diff\u00e9rence. Ce qui est derri\u00e8re la sc\u00e8ne (l’index de recherche, les filtres et les algorithmes s\u00e9mantiques) re\u00e7oit \u00e9galement des \u00e9volutions majeures, mais encore une fois rien n’est vraiment diff\u00e9rent dans l’eXperience Utilisateur.
\n Donc testez, testez encore, puis d\u00e9cidez que faire avec vos d\u00e9couvertes…
\n \u00c9volutions ou changements ?
\nDonc, \u00e0 propos de l’UX ?
\nChaque ann\u00e9e, j’ai la chance de rencontrer des dizaines de concepteurs de sites Web, de chefs de projet, d’architectes d’interaction.
\nLa plupart s’int\u00e9ressent \u00e0 UX parce que \u00e7a fait le buzz et me consultent parce que j’ai la r\u00e9putation d’\u00eatre un gar\u00e7on sympa et utile.
\nLeur premi\u00e8re surprise dans notre travail commun est de comprendre qu’ils ont pratiqu\u00e9 l’UX depuis leurs d\u00e9buts, que le design, le design web, par nature, s’adresse aux utilisateurs et qu’il ne s’agit que de consacrer plus de temps et de recherches sur les diff\u00e9rents types de rencontres entre leur interface et leurs utilisateurs.
\nLeur seconde surprise, s’ils sont pr\u00eats pour l’\u00e9volution et\/ou le changement, est l\u2019obtention de r\u00e9sultats imm\u00e9diats, tangibles et efficaces.
\nAlors cherchez simplement \u00e0 en savoir plus sur la perception visuelle, admettez que vous n’\u00eates pas l’utilisateur, testez vraiment avec de vrais utilisateurs, soyez pr\u00eats \u00e0 changer et vous serez un bon, un tr\u00e8s bon designer.
\n\u00c0 propos de l’auteur
\nYves Koekkoek
\nUser eXperience Research and Coaching for digital geniuses<\/p>\n","protected":false},"excerpt":{"rendered":"
De nos jours, si vous n’\u00eates pas un designer UX, vous n’\u00eates pas un designer du tout !De quoi parlons-nous lorsque nous utilisons les termes UX ou User eXperience ?Quelle en est l’origine ? Existe-t-il diff\u00e9rents types de design ?<\/p>\n","protected":false},"author":1,"featured_media":498,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-499","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archives"],"yoast_head":"\n