Définir les exigences en matière d’interface utilisateur

Les exigences en matière d’IU ont trait à l’utilisation, à l’aspect et au comportement des états. Les aspects à prendre en compte comprennent le facteur de forme, la méthode de saisie, le style et le thème, et l’accessibilité.

Facteur de forme

Dans le contexte de la conception d’états, un facteur de forme décrit la taille du matériel permettant d’ouvrir les états et l’orientation des pages (portrait ou paysage).

En général, les ordinateurs actuels sont accompagnés de moniteurs de grande taille et de plusieurs moniteurs. Les moniteurs de grande taille sont idéaux pour consulter les états sur des navigateurs web avec une orientation paysage, en particulier lorsqu’ils présentent plusieurs visuels ou des visuels complexes.

Les appareils mobiles, qui sont généralement utilisés lorsque l’utilisateur d’état n’est pas au bureau, ont un facteur de forme plus petit. Les téléphones et les tablettes affichent le contenu en orientation portrait par défaut. Les facteurs de forme plus petits demandent une approche de conception différente de celle des états conçus pour des facteurs de forme plus grands. Par conséquent, lorsque vous concevez pour un facteur de forme plus petit, efforcez-vous d’avoir des visuels moins nombreux et moins complexes. De plus, les visuels doivent être grands pour faciliter la consultation et l’interactivité.

Certains appareils mobiles peuvent englober des technologies de réalité mixte ou augmentée, ce qui permet aux casques d’afficher des états superposés à la réalité de l’environnement.

Parfois, la conception d’un état destiné à un grand facteur de forme peut être refactorisé pour créer une vue mobile. Dans ce cas, la vue mobile peut comporter un sous-ensemble de visuels de l’état grandeur nature.

Méthode de saisie

Lorsque vous définissez des exigences en matière d’IU, tenez également compte des méthodes de saisie prises en charge par les appareils ou les applications.

Alors qu’un ordinateur a un clavier et un dispositif de pointage (souris), les appareils mobiles reposent sur des gestes courants comme appuyer, appuyer deux fois, glisser, pincer, écarter ou appuyer longuement. Les utilisateurs d’états qui utilisent des appareils mobiles peuvent également utiliser des claviers à l’écran, une commande vocale ou des lecteurs de codes-barres et de codes QR. Les appareils de réalité mixte ou augmentée reposent beaucoup sur les gestes des mains ou les mouvements du corps.

Savoir comment les utilisateurs de vos états interagissent avec eux devrait influencer vos conceptions d’états. Réfléchissez au nombre de visuels qui s’affichent ensemble sur la page, à la complexité des visuels, à l’espace entre les visuels et à l’utilisation d’éléments de conception interactifs tels que les info-bulles, les segments, les boutons et les filtres.

Lorsqu’un état est intégré à une application, les entrées peuvent être reçues par programme depuis l’application. Par exemple, lorsque l’utilisateur de l’application ouvre une page pour consulter l’historique d’un client spécifique, un filtre est automatiquement transmis à un état intégré afin de filtrer et d’afficher l’historique des ventes pour ce client.

Style et thème

Le style et le thème comptent également parmi les exigences en matière d’IU. Efforcez-vous de concevoir des états avec un aspect cohérent et distinctif qui est déterminé par un thème délibéré.

Le thème de l’état doit exprimer le branding de votre organisation ou viser à le compléter. Au minimum, le thème doit inclure les éléments suivants :

• Un signe ou un logo de la marque.
• Une palette de couleurs en phase avec le (ou en complément du) branding de l’organisation. Les couleurs doivent également être suffisamment différentes afin d’offrir un contraste approprié lorsqu’elles s’affichent côte à côte en cas d’application à des visuels.
• Les paramètres du texte, notamment la sélection, les tailles et la couleur de police.

Pour gérer les changements de style et de thème de manière efficace et efficiente, concevez des états qui utilisent des images et des thèmes stockés dans un référentiel central. Cette approche améliore la gestion des changements : les changements appliqués au référentiel sont répercutés automatiquement dans les états.

Accessibilité

Les exigences en matière d’IU doivent également inclure l’accessibilité. Les états doivent s’adresser à l’audience la plus large possible. Par conséquent, vous devez réfléchir à la façon dont les utilisateurs d’états malvoyants ou non-voyants, ou atteints d’un autre handicap physique, peuvent tirer pleinement parti des états.

Même si vous ne connaissez pas d’utilisateurs d’états avec des problèmes d’accessibilité aujourd’hui, il est judicieux de concevoir votre état en prenant en compte l’accessibilité dès le départ. Les exigences en matière d’accessibilité peuvent influencer vos conceptions d’états en termes de facteur de forme, de méthode de saisie, de style et de thème.

Pour aider les personnes malvoyantes ou non-voyantes, pensez à utiliser :

• des polices claires et grandes ;
• des visuels bien espacés et grands ;
• des couleurs contrastées claires et distinctives ;
• une navigation intuitive dans les états qui peut être comprise par les lecteurs de clavier et d’écran.

Certains handicaps physiques peuvent interdire ou empêcher les utilisateurs d’états d’interagir totalement avec les états comme vous le souhaitez. Dans la mesure du possible, veillez à proposer d’autres parcours à suivre aux utilisateurs afin qu’ils puissent atteindre les résultats de la conception interactive. Par exemple, ajoutez un texte de remplacement aux visuels pour la prise en charge des lecteurs d’écran et définissez l’ordre de tabulation des éléments d’état pour la navigation au clavier.