Share
L'interface de l'écran tactile de Windows 8 et la structure de navigation cachée permettent quelques changements de paradigme intéressants dans la pratique de l'expérience utilisateur.
J'ai récemment travaillé sur la réutilisation d'un logiciel médical d'entreprise pour Windows 8.1. Cela a été un saut profond, mais je suis reparti avec des idées assez intéressantes.
Cet article examinera dans les grandes lignes les modèles de recherche, de navigation et de présentation communs aux applications Windows 8 natives. Je sélectionnerai certains de mes aspects préférés, des innovations apportées et mon approche. Il y aura également des plats à emporter pour vos propres projets, applicables à toute interface utilisateur..
Avant Windows 8.1, les applications utilisaient le charme de recherche pour effectuer une recherche dans l'application. La barre des charmes est accessible en balayant votre écran à gauche (vers l'intérieur). Il est maintenant recommandé d'utiliser le charme de recherche pour les recherches globales. Dans l'application de recherche étant sur la page, comme on le voit ci-dessous:
Interface utilisateur avec recherche sur la page
Une bonne règle de base, du point de vue de l'expérience utilisateur, consiste à réfléchir à l'importance de la fonctionnalité. Après quelques prototypes initiaux, nous avons organisé des sessions d’utilisateur et avons constaté que les cliniciens s’appuyaient énormément sur les recherches..
Dans l'exemple, la liste déroulante est utilisée pour distinguer l'étiquette d'un bouton. L'utilisateur peut sélectionner une autre section qui l'intéresse pour affiner le résultat..
Pour qui construisez-vous le produit numérique? La recherche est-elle critique ou après coup? Pensez à ne placer les fonctionnalités clés que dans l'interface utilisateur (y compris la recherche dans l'application si celle-ci est essentielle à l'UX)..
Je ne vais pas vous donner le récit complet de la navigation dans Windows 8. Un exemple spécifique me vient cependant à l’esprit: le zoom sémantique. Probablement la moins connue, mais très puissante, elle vous permet de représenter des données dans un autre contexte..
Parcours de la fonctionnalité de zoom sémantique en contexteSur la "page de destination", vous trouverez de nombreuses mosaïques, découpées en tranches et en dés, pour accéder à différents éléments, y compris des mosaïques qui mémorisent les sélections effectuées précédemment par l'utilisateur. Nos utilisateurs venaient d'horizons cliniques différents, nous devions donc répondre aux besoins de ces groupes par le biais de la personnalisation..
Le zoom sémantique ici donne non seulement une vue de haut niveau de toutes les options, mais donne également à l'utilisateur la possibilité de désactiver les sections qu'ils n'utilisent jamais et de réorganiser les éléments en fonction de leur importance. Dans notre projet, il y avait différents fragments dans notre base d'utilisateurs qui rendaient la personnalisation critique.
S'il y a plus d'un couple d'utilisateurs principaux, envisagez de personnaliser votre interface utilisateur. Demandez à votre développeur les contraintes techniques et les possibilités. Une équipe collaborative est beaucoup plus efficace qu'une personne qui «conçoit» une application.
La mise en page offre de nombreuses options prêtes à l'emploi. Le contenu et la structure de l'application détermineront celle que vous utiliserez..
Page de document dans l'applicationDans l'exemple ci-dessus, vous pouvez voir que le modèle que j'ai sélectionné convient parfaitement à la fonctionnalité de sélection de document. L'application est effectivement un lecteur de documents, il était donc logique.
Mise en page de la liste des patients
Cette page de liste de patients utilisait une mise en page différente, une autre plus adaptée au panoramique et à la sélection des éléments en mosaïque. Le fait que les dispositions pour les parties critiques du flux d'utilisateur soient considérablement différentes, tout en restant cohérentes, est une excellente technique de recherche, en particulier parce qu'il n'y a pas d'éléments de navigation fil d'ariane disponibles.
Le contenu est au cœur de l'expérience. Une grande application axée sur le contenu aura généralement une structure hiérarchique. Par conséquent, au début, la plupart des informations sont de haut niveau et, au fur et à mesure que l'utilisateur progresse, elles deviennent plus détaillées..
Le contenu Windows 8 coule bord à bord et inclut le panoramique. D'après mon expérience, cela peut rendre les parties prenantes habituées aux vieux paradigmes mal à l'aise, mais c'est simplement un moyen de réduire la quantité de bruit sur la page et de permettre à l'utilisateur d'explorer à l'aide de gestes tactiles..
Windows 8 est une plate-forme d'interface utilisateur unique dotée de fonctionnalités et d'avantages uniques pour les utilisateurs nécessitant du toucher et de la mobilité..
Il offre une navigation bien structurée qui favorise la découverte et aide même les concepteurs débutants à trouver des indices sur l’architecture de l’information et sur ce qui devrait être inclus sur et en dehors de la page..
Les grilles, modèles et présentations disponibles ont été élaborés par des experts UX.
Cependant, il y aura toujours une certaine personnalisation, et le cadre évolutif continue de s’améliorer, notamment en incluant la recherche de base sur la page..
À mon avis, bon nombre des idées de ce billet devraient être utiles non seulement dans la conception d'applications Windows 8.1, mais plus généralement. Cet article vient de toucher la surface des modèles de conception d'applications Windows 8.1. Avez-vous eu la chance de regarder d'autres non mentionnés dans ce post? Quelles sont vos pensées?
Accentsconagua