Catégories
Astuces et Design

Conception intuitive? Ça n'existe pas! – Magazine Smashing

A propos de l'auteur

Avec plus de 20 ans d'expérience dans le domaine de la conception centrée sur l'utilisateur et une formation en conception et développement Web, Carrie a travaillé dans des startups jusqu'à…
Plus à propos
Carrie

«Conception intuitive» est l'une de ces expressions surutilisées que nous, en tant que concepteurs, entendons trop souvent de la part des parties prenantes et de leurs exigences. Cet article explore ce que signifie réellement la conception intuitive, pourquoi elle n'a pas de sens, comment nous pouvons mieux aborder les solutions de conception et à quoi pourrait ressembler l'avenir des interfaces. Il s'adresse aux concepteurs d'expérience utilisateur et à toute personne intéressée à explorer ces concepts plus en détail.

Commençons par jeter un coup d'œil sur la définition du mot «intuitif» présentée sur Dictionary.com:

«Utiliser ou basé sur ce que l'on ressent comme vrai même sans raisonnement conscient: instinctif.»

Dans le même temps, Cambridge nous fournit cette définition:

«Sur la base des sentiments plutôt que des faits ou des preuves:
une approche / jugement intuitif.
La plupart des gens ont un sens intuitif du bien et du mal. »

Sur la base de ces définitions de dictionnaire, l'intuition est associée à un instinct ou à un sentiment qui nous permet de prendre des décisions sans preuve consciente de raisonnement. Bien que cela puisse nous servir dans diverses situations de la vie, notre intuition fonctionne-t-elle vraiment pour nous fournir des conseils inconscients en ce qui concerne les interfaces numériques? En réalité, le comportement intuitif que les concepteurs s'efforcent de créer doit reposer sur l'utilisation de modèles de conception familiers que les utilisateurs ont déjà expérimentés. Dans ce contexte, une interaction de conception intuitive n'est pas fondée sur un raisonnement inconscient, mais sur un sentiment de familiarité.

Une citation d'Albert Einstein sur l'intuition
Une citation d'Albert Einstein. (Source de l'image: marthatriana.wixsite.com) (Grand aperçu)

En tant que concepteur UX, combien de fois un client ou une partie prenante vous a-t-il dit «Il doit être intuitif». Bien qu'il s'agisse d'une demande courante ou même d'une exigence pour la conception d'une interface ou d'une application logicielle, ce n'est pas vraiment quelque chose de facile à mesurer, ni même à définir.

La plupart d'entre nous ont eu un pressentiment ou un instinct au sujet d'une décision ou d'un résultat. J'ai eu des sentiments intuitifs à propos de ma fille adolescente où j'ai juste l'impression que quelque chose de grave s'est produit. Je n’ai pas toujours raison (heureusement), mais cela ressemble toujours à une impulsion instinctive qui puise dans mes émotions. S'il s'agit d'un exemple de la façon dont l'intuition peut se comporter pour nous dans une circonstance particulière, il est difficile d'imaginer avoir ces mêmes types de sentiments instinctifs lors de l'interaction avec une interface.

La vérité est que ce qui est intuitif pour vous ou votre client ne le sera probablement pas pour votre mère, par exemple, ou même pour leurs clients. Une interface peut vous sembler familière si vous (l'utilisateur) avez déjà expérimenté une interface ou une interaction similaire, et c'est cette familiarité qui est souvent appelée intuitive.

Par exemple, la première fois que j'ai vu ce menu de hamburgers non descriptif sur une application mobile, il ne m'a pas appelé intuitivement et ne m'a pas dit "Tapez sur moi, je suis un menu!". Ce n'est qu'en tapotant que j'ai découvert que ces trois barres, une fois tapées, me donnaient un menu. Maintenant, quand je vois un menu de hamburgers, je sais ce qu'il fait. Pas intuitivement, mais parce que je l’ai déjà fait. Rien d'instinctif à ce sujet.

Voici un exemple du menu de hamburgers omniprésent.

Le menu omniprésent des hamburgers
Le menu hamburger omniprésent. (Source de l'image: uxdesign.cc) (Grand aperçu)

Comme autre exemple, prenez un simple formulaire d'inscription sur une application mobile où vous devez entrer votre adresse e-mail pour recevoir des mises à jour par e-mail. Parce que nous comprenons que vous devez puiser dans le champ et commencer à taper, cela a du sens et il s'agit d'une simple interaction. Nous l'avons tous fait plusieurs fois auparavant. Mais si mon père essayait d'utiliser cela, il ne comprendrait probablement pas que vous devez puiser dans le champ et commencer à taper. Comment le saurait-il, à moins que quelqu'un ne lui donne des instructions simples étape par étape.

Un formulaire d'abonnement typique
Un formulaire d'abonnement typique. (Source de l'image: missionbox.com) (Grand aperçu)

Dans un article publié par Jeff Raskin, connu pour avoir lancé le programme Macintosh chez Apple à la fin des années 70, il dit:

«Il a été affirmé que l’utilisation de la souris d’un ordinateur était intuitive. Pourtant, c'est loin de là.

Lorsque j'enseignais des cours Pagemaker (le prédécesseur d'Adobe InDesign®) dans les années 90 à des employés de l'entreprise, une action de l'un des élèves de la classe me faisait encore rire. J'ai demandé aux participants d'utiliser la souris pour cliquer sur le bouton OK à l'écran. Une femme a pris la souris et a cliqué dessus sur l'écran. Nous ne pouvons imaginer quiconque faire cela maintenant parce que nous avons appris comment fonctionne une souris, mais cela démontre qu'il ne s'agit pas d'un appareil intuitif.

Nous savons que la conception intuitive n'est pas une chose, mais nous savons également que la familiarité avec certains types d'interactions que nous avons vécues auparavant est plus facile à comprendre. Pour les utilisateurs qui sont même un peu avertis en technologie, nous pouvons utiliser des modèles d'interface déjà existants et familiers pour baser nos décisions de conception. Ces utilisateurs reconnaîtront très probablement ces modèles précédemment établis dans la conception de notre interface, appelés modèles de conception. Selon UI Patterns, les modèles de conception sont des solutions récurrentes qui résolvent les problèmes de conception courants.

Que sont les modèles de conception et pourquoi sont-ils importants?

Les modèles de conception sont importants car ils fournissent des interactions reconnaissables afin que les utilisateurs passent moins de temps à essayer de comprendre comment interagir.

Réduire le temps et les efforts des utilisateurs créera une meilleure expérience utilisateur et minimisera le temps passé à atteindre un résultat. Pour les concepteurs UX, les avantages sont dans le temps gagné en n'ayant pas à réinventer un composant de conception éprouvé.

Vous trouverez ci-dessous un tableau de modèles de modèles qui fournit une structure pour définir ou identifier des modèles, provenant des auteurs du livre Design Patterns. Bien que cela visait à l'origine les développeurs de logiciels, la plupart des critères sont pertinents pour les concepteurs UX.

Terme La description
Nom du motif Décrit l'essence du motif dans un nom court mais expressif.
Intention Décrit ce que fait le modèle.
Aussi connu sous le nom Énumérez tous les synonymes du motif.
Motivation Fournit un exemple de problème et comment le modèle résout ce problème.
Applicabilité Répertorie les situations dans lesquelles le modèle est applicable.
Structure Ensemble de diagrammes des classes et des objets qui représentent le modèle.
Les participants Décrit les classes et les objets qui participent au modèle de conception et leurs responsabilités.
Collaborations Décrit comment les participants collaborent pour s'acquitter de leurs responsabilités.
Conséquences Décrit les forces qui existent avec le modèle et les avantages, les compromis et la variable isolée par le modèle.

La source: Que sont les modèles de conception et en ai-je besoin? par James Maioriello

Pour explorer plus avant l'idée des modèles de conception, vous trouverez ci-dessous quelques exemples de modèles de conception courants trouvés sur le site Web UI Patterns. Ce site est un excellent outil de référence pour les concepteurs pour vous aider à reconnaître les modèles existants à utiliser dans votre processus de conception. Bien qu'il y ait trop de modèles de conception à inclure ici, j'ai choisi les modèles suivants comme ceux que j'ai utilisés au fil des ans.

Modèle de conception du compteur de force de mot de passe

Ce modèle fournit à l'utilisateur des instructions et des commentaires sur ses interactions.

Modèle de conception de compteur de force de mot de passe
Source: ui-patterns.com. (Grand aperçu)

Un assistant est un autre modèle de conception courant que vous avez peut-être rencontré. Il est souvent utilisé pour les interactions basées sur des formulaires où l'utilisateur doit effectuer une séquence d'étapes prédéfinie. La structure de l'assistant est utilisée pour diriger l'utilisateur à travers chaque section du processus.

Modèle de conception de l'assistant

Les assistants sont utilisés lorsque vous souhaitez guider un utilisateur à travers une série d'étapes pour atteindre un seul objectif. Le modèle ci-dessous indique où se trouve l'utilisateur dans le processus, un résumé des étapes terminées à droite, une aide contextuelle et un bouton CONTINUER pour passer à l'étape suivante du processus. Tous ces composants, couramment utilisés dans un modèle d'assistant, prennent en charge les interactions des utilisateurs en fournissant le contexte de ce qu'ils ont fait, à quelle étape ils en sont et que faire ensuite.

Motif de conception de l'assistant
Source: ui-patterns.com. (Grand aperçu)

Modèle de sélecteur de calendrier

Ce modèle est utilisé lorsque l'utilisateur doit ajouter une ou plusieurs dates pour terminer une tâche. Il est important qu'une date puisse également être saisie dans un champ de texte si c'est une manière plus efficace ou préférable de le faire. Dans cet exemple, une icône de calendrier indique qu'il existe une liste déroulante de calendrier, qui est un modèle couramment utilisé. Les widgets d'agenda comme celui-ci ne fonctionnent pas toujours bien lorsque vous devez choisir une date de naissance, sauf si vous avez la possibilité de changer l'année facilement.

Modèle de sélecteur de calendrier
Source: ui-patterns.com. (Grand aperçu)

Paramètres par défaut du formulaire

Les valeurs par défaut du formulaire peuvent être utilisées pour préremplir certains champs de formulaire afin de correspondre à une sélection utilisateur typique. Cela crée un moyen plus rapide et plus simple de terminer un processus. Ce site de voyage a des données préremplies pour les dates basées sur la date actuelle, ainsi que le nombre de passagers.

Paramètres par défaut du formulaire
Source: ui-patterns.com. (Grand aperçu)

Les onglets de navigation sont couramment utilisés pour diviser le contenu en catégories distinctes et pour indiquer visuellement le contenu que vous consultez. L'exemple ici montre un site Web riche en contenu avec la première sélection d'onglet affichant les sous-catégories et un troisième niveau en dessous.

Onglets de navigation
Source: ui-patterns.com. (Grand aperçu)

Lorsque vous implémentez un modèle de conception existant dans votre conception, il s'agit d'utiliser le modèle pour créer un contexte, ainsi que la familiarité de l'utilisateur. Vous devrez peut-être adapter tout modèle existant pour fournir ce contexte, comme décrit pour le widget de sélection de calendrier.

Nous avons exploré les pièges de la «conception intuitive» et comment nous pouvons les atténuer avec des modèles de conception. Donc, si nous utilisons des modèles de conception communs pour réduire la charge cognitive des utilisateurs, comment pouvons-nous introduire de nouveaux modèles de conception lorsque nous concevons quelque chose de nouveau et innovant? Examinons ce concept en étudiant cela dans le contexte des technologies émergentes.

Pourquoi l'innovation de conception peut être risquée

Toute conception nouvelle ou inconnue d'un utilisateur créera une courbe d'apprentissage que nous, les concepteurs, nous efforçons de minimiser ou d'éliminer complètement. Comment équilibrer le besoin d'innover rapidement, tout en offrant une expérience contextuelle solide et logique pour nos utilisateurs?

En tenant compte des résultats commerciaux, en effectuant suffisamment de recherches sur les utilisateurs pour garantir une bonne adéquation avec le marché et en testant votre flux de conception avec le public visé, nous pouvons nous assurer que notre hypothèse de solution de conception peut être validée autant que possible. Cela permet d'atténuer les risques supplémentaires inhérents à toute exécution de conception de produit ou de service. Idéalement, nous pouvons concevoir pour incorporer des interactions qui mesurent le niveau de compréhension des utilisateurs et leur permettent de personnaliser leur chemin pour atteindre les résultats souhaités dans un environnement inconnu.

L'innovation avec l'intelligence artificielle

La technologie de l'intelligence artificielle (IA) innove en permanence, mais les organisations parviennent toujours à créer une bonne expérience utilisateur grâce à ces progrès. Par exemple, l'IA de Pinterest est utilisée pour comprendre l'intention derrière une simple recherche de fournir des résultats hautement personnalisés. Selon cet article de Wired, 80% des utilisateurs sont plus susceptibles de faire un achat si leur expérience est personnalisée.

Voici un exemple de recherche sur «végétarien». Pinterest utilise un moteur IA pour renvoyer un grand nombre de sujets connexes afin de permettre la découverte et les affiche sous forme de balises en haut de la page.

Résultats de recherche Pinterest
(Grand aperçu)

L'IA s'intègre rapidement dans de nombreux produits et services. L'IA s'appuie sur le big data et peut être utilisée pour créer des interventions ou avertir l'utilisateur de prendre une action spécifique (ou non). Cela peut créer une expérience plus passive pour l'utilisateur, car les tâches auparavant manuelles sont automatisées en arrière-plan.

Par exemple, un filtre anti-spam utilisé dans votre compte de messagerie déplace automatiquement les e-mails suspects dans un dossier indésirable, sans aucune intervention de l'utilisateur. Google utilise l'IA et les filtres basés sur des règles depuis des années, mais l'innovation continue permet désormais à Google AI de reconnaître ces newsletters hebdomadaires qui ne vous intéressent peut-être pas de les déplacer directement dans le dossier spam. Le filtre anti-spam Google peut désormais identifier et répondre aux préférences individuelles.

Le dossier spam Gmail
Le dossier spam Gmail. (Source de l'image: spoilcoconut.com) (Grand aperçu)

Où aller d'ici? La technologie évoluant à un rythme rapide, explorons comment les interfaces peuvent évoluer dans les années à venir.

L'avenir des interfaces

Si les interfaces ne fournissent pas d'interactions naturelles aux humains, que peut-il faire? La parole est notre outil de communication naturel et les progrès technologiques ont vu des appareils de reconnaissance vocale entrer dans nos maisons et nos vies.

Ce n’est un secret pour personne que les grands développeurs de logiciels axés sur la conception, tels que Apple, Amazon, Google et Microsoft, investissent tous dans la reconnaissance vocale et les technologies de langage naturel. Les progrès de cette technologie pourraient nous amener à moins dépendre de l'interaction avec les interfaces pour obtenir le résultat souhaité. La personnalisation et le contexte sont la clé, même si cela signifie que nos appareils devront utiliser nos données pour connaître nos habitudes et nos désirs afin de fournir une expérience vraiment personnalisée.

Imaginez un monde où nous pouvons simplement parler à notre appareil et demander ce dont nous avons besoin, et mieux encore, notre appareil peut nous demander ou nous donner ce dont nous avons besoin exactement au bon moment. Attendez, n'est-ce pas ce que fait déjà Siri? Oui, mais il reste encore beaucoup à faire.

Bill Stasior, l'ancien chef Siri d'Apple, affirme que les prochaines avancées des assistants virtuels permettront d'améliorer la compréhension de la manière dont les gens parlent naturellement.

«Je pense que tout le monde apprend quelles commandes fonctionnent avec les assistants et quelles commandes ne fonctionnent pas avec les assistants. Et bien que cela s’améliore très rapidement en ce moment, je pense qu’il reste encore beaucoup de chemin à parcourir. »

– Bill Stasior

Bien qu'il y ait eu des progrès majeurs dans l'utilisation du traitement du langage naturel depuis 2011, lorsque Siri a été lancé pour la première fois, nous le verrons devenir plus courant et plus avancé dans plusieurs secteurs tels que la santé et l'éducation au cours des prochaines années. Cela pourrait changer la vie, en particulier pour les personnes âgées qui ne maîtrisent pas la technologie.

Par exemple, imaginez une personne âgée qui a besoin de soins médicaux parlant simplement à son appareil pour organiser une visite chez le médecin. Ou le patient reçoit un avis médical basé sur ses antécédents médicaux et ses symptômes actuels. Imaginez une personne souffrant de problèmes de santé mentale pouvant parler à un robot d'intelligence artificielle pour obtenir des conseils ou simplement pour soulager la solitude.

Il existe déjà une gamme d '«assistants virtuels» conçus pour le marché domestique et utilisant la technologie de reconnaissance vocale. Ci-dessous, une image montrant les «haut-parleurs intelligents» qui sont facilement disponibles pour le marché grand public.

Haut-parleurs intelligents pour les consommateurs
Source: techhive.com. (Grand aperçu)

Bien que les canaux de reconnaissance vocale ne nécessitent pas d'interface utilisateur typique, ils nécessitent toujours un processus de conception pour créer un résultat utilisable. Le diagramme ci-dessous illustre les points de contact de l'IA conversationnelle tels que décrits dans cet article de Deloitte Digital.

Canaux de reconnaissance vocale
(Grand aperçu)

Afin de concevoir efficacement des outils de reconnaissance vocale, Deloitte suggère que les aspects suivants doivent être pris en compte:

  • L'objectif commercial et les résultats.
  • Effectuer des tests et des réglages. L'algorithme doit tenir compte de la prononciation à travers différents lieux géographiques, des pauses naturelles dans la conversation, et du ton et du rythme qui peuvent transmettre des émotions.
  • Prise en compte du scénario donné, plutôt que de tenter de concevoir un résultat plus large.
  • Itérations et améliorations en cours. En se concentrant sur un objectif clair, les concepteurs peuvent continuer à améliorer leurs assistants vocaux pour qu'ils soient plus humains à chaque nouvelle itération.

Qu'est-ce que tout cela signifie pour l'interface utilisateur commune?

L'omniprésence des technologies de reconnaissance du langage naturel verra-t-elle la mort de l'interface utilisateur telle que nous la connaissons? Bien que personne ne puisse prédire avec précision l'avenir, il n'en reste pas moins que nous sommes toujours des créatures visuelles et que nous devons toujours voir les choses dans le cadre de notre processus d'apprentissage. La recherche montre que le cerveau humain traite les images 60 000 fois plus rapidement que le texte et que 90% des informations transmises au cerveau sont visuelles.

Par exemple, pouvez-vous imaginer devoir prendre une décision d'achat sur un vêtement en écoutant une description de celui-ci plutôt que de voir une image de l'article? Comme on dit, une image vaut mille mots et, dans de nombreux cas, une image est un moyen beaucoup plus puissant de transmettre un sens. Bien que nous puissions encore spécifier ce que nous recherchons en parlant, dans de nombreux scénarios, nous nous attendrions à voir une image dans le cadre de la réponse. Et si nous ne savions pas ce que nous recherchions, nous aurions toujours besoin de la possibilité de parcourir les options disponibles.

Vous trouverez ci-dessous un exemple typique de site de commerce électronique où les images font partie intégrante de la façon dont nous prenons des décisions d'achat.

Interface de commerce électronique grand public typique
Source: theiconic.com. (Grand aperçu)

Une autre technologie récente qui est de plus en plus répandue est la réalité augmentée et virtuelle. Explorons ce que cela signifie et comment il est appliqué.

Qu'en est-il de la réalité augmentée et virtuelle?

Ensuite, il y a le monde de la réalité augmentée et virtuelle. La réalité augmentée est l'intégration d'éléments numériques dans une vue de caméra en direct couramment utilisée sur un téléphone mobile, et la réalité virtuelle est une expérience totalement immersive dans un monde numérique utilisant généralement un casque. Les applications de ces technologies ont déjà été appliquées à des domaines tels que l'éducation, la vente au détail, la formation, la navigation, le divertissement, la santé et l'entreprise, et les applications futures sont illimitées.

Pour les designers, c’est un monde nouveau et passionnant qui peut impliquer la création de nouvelles normes de conception. Cet article de Toptal décrit les principales considérations pour les concepteurs qui s'aventurent dans cet espace. Premièrement, la conception passe du monde 2D des interfaces à la conception 3D, où une compréhension de la conception spatiale et des éléments d'interface utilisateur est nécessaire. Il existe de nouveaux éléments d'entrée pour les utilisateurs qui peuvent impliquer des gestes, des mouvements oculaires et une voix qui sont très différents des interactions 2D standard que nous connaissons en tant que concepteurs.

L'image ci-dessous illustre un exemple de la façon dont la réalité augmentée peut être utilisée dans des scénarios de vente au détail. Ici, le client peut essayer virtuellement des vêtements sans avoir besoin d'un vestiaire physique.

Réalité augmentée utilisée dans les scénarios de vente au détail
Source: shopify.ca. (Grand aperçu)

Conclusion

Nous savons que les interfaces intuitives sont difficiles à définir, que les modèles de conception sont importants et que les technologies de la parole naturelle, de la RA et de la réalité virtuelle progressent à un rythme rapide. Avec l'innovation continue de l'intelligence artificielle et son intégration avec la reconnaissance vocale, la RA et la RV, nous verrons une personnalisation accrue au fur et à mesure que notre logiciel apprendra sur nous et, à son tour, nous aidera dans nos interactions. En tant que concepteurs, nous pouvons apprendre à adapter nos solutions de conception au contexte de ces outils émergents.

Alors que l'avenir de l'interface telle que nous la connaissons est incertain, l'interface en tant qu'outil existera encore longtemps. En tant que concepteurs, nous devons nous assurer que nous pouvons concevoir et, surtout, tester nos conceptions pour valider l'adéquation et l'utilité du marché. Voici un monde où la reconnaissance vocale, la réalité virtuelle et les interfaces fonctionnent ensemble de manière transparente pour nous offrir des expériences de vie constamment améliorées.

Lectures complémentaires sur SmashingMag:

Éditorial fracassant(ah, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *