SOLID Principles of UX, Part 2: Ergonomics & Beauty

Dans cette deuxième partie de la série de cinq articles de Jessica Engstrom sur les principes de l'expérience utilisateur pour les développeurs, elle explore l'importance de l'ergonomie, de la beauté, de l'inclusion, de la convivialité et de l'accessibilité.

Si vous avez manqué mon premier billet, vous pouvez rattraper son retard ici: SOLID Principles of UX, Part 1: Rendre les logiciels intelligibles . Sinon, passons à la partie 2.

Ergonomie

Penser à l'ergonomie est toujours une bonne idée. Avoir la bonne chaise de bureau au travail, le bon clavier et même le bon oreiller la nuit peut faire toute la différence. L’ergonomie doit également faire l’objet d’une investigation en ce qui concerne nos interfaces utilisateur.

La lecture des consignes de conception de la plate-forme et l’utilisation de composants familiers peuvent y contribuer. Plus l'utilisateur doit réfléchir à la manière d'exécuter une tâche, plus il sera difficile de la conserver. Nous voulons minimiser la courbe d'apprentissage, en décomposant des tâches complexes en tâches plus petites, de sorte que le processus soit facile à comprendre et à utiliser.

Étant donné que nous voyons maintenant de plus en plus d'appareils de formes et de résolutions différentes et que beaucoup d'entre eux sont équipés d'écrans tactiles, nous devons en tenir compte.
Utiliser des simulateurs et des émulateurs pour tester notre mise en page sur différents appareils est inestimable.
Lorsque je conçois une application, je commence généralement à concevoir à 5 ", ce qui se situe quelque part au milieu de la" gamme de téléphones ". la mise en page à 4 "et 6" aussi bien, juste pour s'assurer que cela fonctionne.

Si ce n’est pas le cas, je peaufine jusqu’à ce que cela fonctionne sur les trois.

Ne pas le tester sur des écrans plus petits et plus grands peut entraîner des problèmes d’ergonomie et il en va de même pour ne pas tester sur un périphérique tactile. De cette façon, vous pourriez appuyer accidentellement sur deux boutons en un clic.

Un doigtier humain mesure en moyenne 12 mm de large, nous devons donc veiller à ajouter de l'espace entre les éléments tactiles.

Certains émulateurs et simulateurs ont la possibilité de «simuler» le toucher afin que vous ne deviez pas sortir et acheter plusieurs appareils de toutes tailles.

Prenons l'exemple du contraste, par exemple. Si nous avons un léger contraste entre l'arrière-plan et notre texte ou nos éléments, ils seront difficiles à lire pour quiconque ayant des problèmes oculaires. Mais si nous corrigeons le contraste, cela fonctionnera aussi bien pour les personnes ayant des problèmes de vue que pour les yeux, nous n'avons donc rien à perdre.

De nombreuses études ont été réalisées sur les polices de caractères. Beaucoup d’entre eux disent que le fait d’utiliser une famille de polices serif si vous avez une grande quantité de texte aidera à réduire la fatigue oculaire. Mais si vous concevez quelque chose pour les enfants de personnes «apprenant à lire» ou dyslexiques, il serait peut-être préférable d'utiliser une famille de polices san-serif, car certaines études montrent qu'il est plus facile pour ces groupes de reconnaître la lettre en raison de: la simplicité dans la forme.

Inclusion, utilisabilité et accessibilité

Nous vivons dans un monde où nous prenons de plus en plus conscience de la manière dont l'inclusion peut profiter à tous. Amener l'inclusion, la convivialité et l'accessibilité à notre conception profitera à tout le monde, pas seulement à un certain groupe.

Avoir une conception inclusive signifie qu'il est utilisable par autant de personnes que possible, peu importe la région où vous habitez, le périphérique sur lequel vous vous trouvez. ou la rapidité de votre connexion Internet.

Si nous examinons la norme ISO (9241-11: 2018) relative à l'utilisabilité (ergonomie de l'interaction homme-système), elle décrit l'utilisabilité suivante:

mesure dans laquelle un système, un produit ou un service peut être utilisé par des utilisateurs spécifiés pour atteindre objectifs spécifiés avec efficacité, efficience et satisfaction dans un contexte d'utilisation spécifié

En d'autres termes, une page ou une application efficace dans laquelle l'utilisateur se sent à l'aise de naviguer et de le faire de manière efficace et efficiente.

L'accessibilité consiste à ne discriminer personne, peu importe son âge, son handicap ou son lieu de résidence. Bien sûr, nous ne faisons pas de discrimination à dessein, mais c’est un droit fondamental, selon l’ONU, d’avoir accès aux technologies de l’information et de la communication (y compris Internet), il n’est donc pas nuisible de s’y intéresser.

Nous pourrions penser que «les personnes amputées ne sont pas mon public cible». Je n'ai donc pas à penser à la navigation à une main et c'est peut-être vrai. Cependant, nous excluons non seulement ceux qui ont amputé leur bras, mais aussi ceux qui ont accident et s'est cassé le bras ou s'est blessé au gymnase et aux parents des nouveau-nés.

Une déficience de couleur et une dyslexie ne profiteront pas seulement à ces groupes, mais à tous nos utilisateurs!

Beauté

Bien qu'il semble évident qu'une belle interface utilisateur plaira à l'utilisateur, il existe encore trop d'interfaces utilisateur. là-bas qui ont été négligés ou non priorisés pour cela. Comme vous le savez tous, ce qu’est le «beau» est individuel et impossible à cerner. Mais ce que vous pouvez faire, c’est vous assurer de consacrer assez de temps à la partie conception du projet et de vous renseigner sur les directives de conception de la plate-forme sur laquelle vous publiez.

Lorsque les applications sont clairement conçues pour une plate-forme mais sont diffusées sur plusieurs plates-formes, il y a un risque d'apparence peu attrayante. Par exemple, lorsque les applications ont un bouton de retour dans l'interface utilisateur sous Android (ou Windows Phone dans la journée) doté d'un bouton matériel.

Ensuite, il est très clair que l’application n’est pas conçue pour la plate-forme et que l’interface utilisateur ne se sent pas bien.

C’est ce que je veux dire par beau. Ce n'est pas la conception la plus récente et la plus tendance, mais une conception qui a l'air professionnelle, qui est alignée correctement et qui a l'air de s'intégrer.

Utilisez les différents langages de conception de plate-forme disponibles. Google a un design matériel, Apple a un design d'interface humaine et Microsoft a un langage de conception Microsoft ou est fluide.

De nombreuses recherches ont été effectuées sur ces directives et elles vous aideront à réaliser l'essentiel de ce que vous venez de lire.

Restez à l'écoute pour le prochain article de cette série ou, pour en savoir plus, n'hésitez pas à consulter le webinaire que nous avons organisé récemment. sur le sujet ici .

Ressources

Vérifiez le contraste de votre site Web: http://www.checkmycolours.com/

Norme ISO (9241-11) : 2018) pour l'utilisabilité: https://www.iso.org/standard/63500.html

Microsoft propose un bon guide de conception inclusive 101 sur sa page de conception: https: // www.microsoft.com/design/inclusive/