Principes heuristiques pour les interfaces mobiles

Jakob Nielsen consultait et enseignait l'ingénierie de l'utilisabilité dans les interactions homme-machine lorsqu'il a commencé à saisir de nombreux modèles. Ainsi, en 1994, il a rassemblé et publié un ensemble de principes d'évaluation pour les heuristiques d'utilisabilité qui reflétaient ce qu'il avait appris. Aujourd'hui, après près de 25 ans et la transformation de l'ordinateur en smartphone, les principes de Nielsen sont toujours d'actualité.

La conception centrée sur l'humain a amplifié l'importance de l'utilisateur et les processus de conception se sont adaptés en conséquence ; Cependant, bien que les principes de Nielsen soient restés universels sur tous les types d'écrans, avec l'augmentation continue de l'utilisation des appareils mobiles, l'accent est mis sur les interfaces mobiles.

Recherchez sur le Web des principes heuristiques et une longue liste d'ensembles légèrement variés s'affichera. Vous trouverez ci-dessous une collection organisée de dix principes inspirés par les leaders d'opinion en matière de conception et d'utilisabilité centrées sur l'humain.

L'heuristique d'utilisabilité commence par les besoins de l'utilisateur

Avant de sauter dans l'ensemble des principes, il faut reconnaître que l'importance de l'utilisateur ne cesse de croître. La refonte de GOV.UK, bien qu'il s'agisse d'un site Web gouvernemental, est un excellent exemple d'un produit dirigé par l'utilisateur qui a acquis une reconnaissance mondiale pour sa convivialité.

Ben Terrett, directeur de la conception du projet, a commencé par un ensemble de principes de conception d'interface utilisateur allant de la stratégie produit aux approches de conception visuelle. Le tout premier principe était comme une étoile polaire au succès du produit : « Toujours commencer par les besoins des utilisateurs. Si vous ne savez pas quels sont les besoins de l'utilisateur, vous ne construirez pas la bonne chose. Faites des recherches, analysez des données, parlez aux utilisateurs. Ne faites pas de suppositions. Ayez de l'empathie pour les utilisateurs et rappelez-vous que ce qu'ils demandent n'est pas toujours ce dont ils ont besoin.

Les principes heuristiques pour les évaluations de l'utilisabilité aident à identifier où une conception d'interface utilisateur ne parvient pas à offrir une expérience conviviale.

#1 Transparence de la structure du système

Action de rendre certains éléments et structures visibles afin que l'utilisateur ait une compréhension suffisante du contexte.

L'interface utilisateur doit permettre à l'utilisateur de croire qu'il a le contrôle. Ils devraient être en mesure de répondre facilement à ces questions : « Où suis-je maintenant ? » et "Où puis-je aller d'ici?" Lorsqu'un système est transparent, l'utilisateur a le contrôle pour prendre des décisions sur ce qui va se passer ensuite. Ils gagnent en autonomie et en confiance dans l'utilisation de l'interface.

#2 Immédiateté de l'action

La réponse à l'action d'un utilisateur qui confirme que le système a reçu la demande.

Toute action de l'utilisateur doit avoir une réaction immédiate de l'interface. Une rétroaction instantanée rassure l'utilisateur sur le fait que le système fait ce qu'il attend. Nick Babich, spécialiste UX chez Smashing Magazine, utilise l'indicateur de progression comme un bon exemple de statut clairement communiqué d'une action. Il soutient qu'il informe visuellement l'utilisateur que son action a été acceptée et que le système révélera la prochaine action sous peu. Sans indicateur, l'utilisateur se retrouve avec une incertitude et une frustration qui peuvent conduire à un voyage interrompu.

#3 Conscience des erreurs

Une quantité suffisante d'informations ainsi que des options que l'utilisateur peut prendre lorsqu'il a emprunté un chemin qu'il aurait préféré ne pas emprunter.

À un moment donné, les utilisateurs interagissent invariablement avec une interface mobile d'une manière qui n'était pas prévue et se retrouvent dans une situation frustrante et improductive qui ne répond pas à leurs besoins. Les obstacles et les impasses sont des raisons courantes pour lesquelles un voyage se termine prématurément. L'interface utilisateur doit fournir suffisamment d'indicateurs pour aider l'utilisateur à reconnaître, diagnostiquer et récupérer de l'erreur.

L'assistance doit toujours être facile d'accès ; cependant, trouver un équilibre est difficile. Trop d'options peuvent entraîner une surcharge cognitive. L'utilisateur doit avoir une compréhension claire de la façon de résoudre une erreur et comprendre comment l'empêcher à l'avenir.

#4 Flexibilité d'utilisation

Une interface qui peut être utilisée de manière intuitive et efficace par des utilisateurs ayant des niveaux d'expérience différents.

Une expérience mobile interactive doit être indépendante des conseils de l'utilisateur extérieur. Que ce soit la première fois que l'utilisateur utilise l'application mobile ou la centième, l'interface doit s'adapter aux deux scénarios.

Un utilisateur chevronné devrait avoir accès à des raccourcis et à une compréhension systémique plus approfondie, tandis qu'un nouvel utilisateur ne devrait jamais être abandonné dans une simple confusion. Grâce à la flexibilité de l'interface utilisateur, l'utilisateur peut choisir et contrôler un parcours qui correspond le mieux à ses capacités et à ses besoins.

Les principes d'ingénierie cognitive de Jill Gerhardt-Powal conseillent aux concepteurs de "fournir plusieurs codages de données le cas échéant - le système doit fournir des données dans différents formats et/ou niveaux de détail afin de promouvoir la flexibilité cognitive et de satisfaire les préférences des utilisateurs". Une interface écrasante ou restrictive assurera une expérience frustrante.

#5 Connaissance des expériences universelles

Utilisation d'éléments de conception liés à des expériences et des attentes humaines communes.

L'histoire de l'interface graphique a commencé lorsque Apple a utilisé des références du monde réel dans la première conception d'interface informatique conviviale. "Lisa" a été conçu avec des éléments comme une icône de dossier pour indiquer l'organisation des fichiers. Ces références physiques étaient utiles lorsque les interactions numériques n'étaient pas familières à la plupart des gens, mais avec l'augmentation de la littératie numérique, les références universelles n'ont plus besoin d'être aussi littérales.

Les attentes communes des utilisateurs se sont développées à mesure que nous passons plus de temps à interagir avec les écrans. Nous nous attendons à ce qu'un "+" se développe dans plus d'informations et qu'un menu de navigation reste en haut ou en bas d'un écran mobile. En puisant dans des références que la majorité des utilisateurs comprendront, une interface devient intuitive.

#6 Limitation des informations et esthétique du design

La création d'un design minimal éliminant les éléments inutiles qui pourraient interférer avec une expérience rationalisée et utile.

Une règle générale pour toutes les interactions numériques est d'éliminer la confusion. Afin de réduire le temps de décision et les erreurs, Jill Gerhardt-Powal met les concepteurs au défi de réduire l'incertitude en affichant les données de manière claire et évidente. Ceci peut être réalisé en supprimant le contenu inutile et en utilisant la couleur, la mise en page et la typographie pour diriger un utilisateur à travers un écran. Les utilisateurs ne doivent pas être distraits mais suffisamment guidés pour atteindre facilement leur objectif.

Ben Terrett a souvent utilisé le quatrième des principes de conception de GOV.UK : "Faites le travail acharné pour le rendre simple." Il pense qu'il appartient à l'équipe de conception de bien comprendre les problèmes auxquels elle est confrontée, ainsi que le processus menant à la meilleure solution pour fournir une expérience utilisateur intuitive, informative et réussie. Certaines de leurs méthodes sont décrites dans cette étude de cas.

# 7 Priorité de la fonction sur la forme

Les décisions de conception sont motivées par ce qu'un élément est censé faire plutôt que par la priorisation de son style visuel.

"Si vous pensez que quelque chose est intelligent et sophistiqué, méfiez-vous, c'est probablement de l'auto-indulgence." — Don Norman, concepteur de produits prolifique et auteur de « The Design of Everyday Things »

La conception visuelle d'une interface doit toujours commencer par des fonctions définies. Lorsque le style et les tendances sont prioritaires, le résultat peut être beau et attirer beaucoup d'attention, mais peut finalement conduire à une expérience utilisateur décousue. La forme visuelle ne peut pas sauver une conception dysfonctionnelle.

Des repères visuels peuvent être utilisés pour diriger un utilisateur dans les fonctionnalités de l'application. La loi de Fitt stipule que la forme, l'espacement et la taille peuvent amener un utilisateur à comprendre une situation et à prendre l'action souhaitée. C'est ici que la forme soutient et amplifie la fonction.

#8 Disponibilité des informations

Le placement stratégique des éléments d'interface au bout des doigts des utilisateurs afin qu'ils n'aient pas à dépendre de la mémoire.

Il est plus facile de reconnaître quelque chose que de le rappeler de mémoire. Si une fonction d'interface mobile repose sur une information ou la compréhension d'un système qui n'est pas universellement connu, l'information doit être accessible afin que l'utilisateur puisse s'y référer facilement.

L'un des principes heuristiques de Nielsen suggère que le concepteur doit « minimiser la charge mémoire de l'utilisateur en rendant visibles les objets, les actions et les options. L'utilisateur ne devrait pas avoir à mémoriser des informations d'une partie du dialogue à une autre. Les instructions d'utilisation du système doivent être visibles ou facilement récupérables, le cas échéant. »

Jill Gerhardt-Powal suggère de "réunir des données de niveau inférieur dans une sommation de niveau supérieur pour réduire la charge cognitive". Elle déclare également que "les noms d'affichage et les étiquettes doivent être dépendants du contexte, ce qui améliorera le rappel et la reconnaissance". Il est important d'être conscient qu'un utilisateur voyant une interface pour la première fois n'aura pas les connaissances et la familiarité avec les informations que les concepteurs possèdent. La répétition d'informations peut paraître excessive à une équipe aguerrie mais peut s'avérer indispensable pour les nouveaux utilisateurs.

#9 Fiabilité de la cohérence

L'utilisation d'éléments cohérents et standardisés tels que des mots, des situations et des actions pour créer une expérience cohérente.

Les humains sont attirés par les modèles - nous les utilisons pour donner un sens au monde. Créez des modèles dans une interface mobile et cela devient un outil pédagogique permettant aux utilisateurs de savoir à quoi s'attendre et comment interagir avec la conception de l'interface.

« Ce n'est pas une camisole de force ou un livre de règles. Chaque circonstance est différente. » Les principes de conception de GOV.UK stipulent qu'une interface doit être cohérente, mais pas uniforme. Comme le rappelle Jill Gerhardt-Powal, « les nouvelles informations doivent être présentées dans des cadres familiers (par exemple, des schémas, des métaphores, des termes courants) afin que les informations soient plus faciles à assimiler ».

#10 Redondance judicieuse

La pratique constante de la réflexion pendant le processus de conception afin de s'assurer que les principes de conception de l'interface utilisateur et l'heuristique d'utilisabilité s'alignent sur l'objectif du produit et les besoins de l'utilisateur.

Jakob Nielsen a été le premier à admettre qu'il est impossible de présenter des spécificités universelles pour la conception d'interface utilisateur. Par exemple, deux de ses principes heuristiques pourraient en théorie se contredire - # 6 : fournir toutes les informations dont un utilisateur a besoin pour prendre une décision et # 8 : éliminer tout ce qui n'est pas nécessaire.

Il appartient à l'évaluateur heuristique et à l'équipe de conception de déterminer les meilleures décisions pour leurs cas d'utilisation uniques. Si le produit est centré sur l'humain et construit autour des besoins des utilisateurs, l'équipe sera soutenue en sachant cela et aura un sens aigu du but dans la prise de ces décisions.

Pour en savoir plus sur le blog Toptal Design :

• Analyse heuristique pour UX - Comment exécuter une évaluation de l'utilisabilité
• Les principes de conception et leur importance
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Création d'un guide de style d'interface utilisateur pour une meilleure UX
• Meilleures pratiques et erreurs de conception d'applications mobiles