7 conseils pour la conception d'écrans tactiles surdimensionnés

Les écrans tactiles sont partout. Mais ils ne sont pas seulement sur vos téléphones et tablettes. Concevoir pour les versions surdimensionnées des écrans tactiles - pensez à la taille d'un ordinateur de bureau et plus grand - peut présenter un ensemble unique de défis.

Comment concevez-vous pour quelque chose d'aussi gros, alors que vous êtes si habitué à penser aux régions du pouce pour la conception d'écran? Voici un guide pour réfléchir aux écrans tactiles surdimensionnés et comment créer quelque chose avec lequel les utilisateurs interagissent avec une échelle tactile encore plus grande.

Explorez Envato Elements

1. Utilisez des gestes naturels

Il y a une raison pour laquelle «glisser vers la droite» et «glisser vers la gauche» sont si populaires - ce sont des mouvements et des gestes naturels de la main.

Les balayages peuvent être un peu plus exagérés que sur un écran plus petit

Lorsque vous pensez à des écrans surdimensionnés, considérez plus que les actions des doigts. Pensez à la main entière. La plupart des utilisateurs devront tendre la main vers des écrans tactiles plus robustes, car ils seront fixés à un mur ou à une table, plutôt que portatifs.

Vous voulez que l'écran soit confortable au toucher, et les mouvements doivent se dérouler aussi facilement que sur un appareil mobile. Mais pensez à l'action tactile. Les balayages peuvent être un peu plus exagérés que sur un écran plus petit et les tapotements peuvent s'accompagner d'un peu plus de pression ou de force.

Le défilement est un peu moins confortable - bouger les bras de haut en bas à plusieurs reprises peut entraîner de la fatigue - pour réfléchir aux moyens de faire passer le contenu aux utilisateurs sans beaucoup de mouvements de haut en bas.

Un autre «geste» naturel auquel penser est le balayage des yeux. Certains écrans surdimensionnés sont trop grands pour que l'utilisateur puisse les prendre en même temps. Conception pour le mouvement des yeux - de haut en bas et de gauche à droite - pour garantir que les utilisateurs voient les informations les plus importantes et comprennent comment interagir avec la conception.

2. Mettre à l'échelle le texte et les graphiques

Cela ne se produit pas aussi souvent qu'il le devrait - les concepteurs doivent considérablement augmenter les éléments visuels pour les afficher sur des écrans surdimensionnés. Un écran plus grand ne signifie pas plus de choses (l'inverse peut en fait être vrai). Considérez-le comme une expérience utilisateur différente. Le contenu, y compris le texte et les graphiques, doit être mis à l'échelle pour une conception d'écran surdimensionnée car:

• Les utilisateurs ont tendance à interagir à une plus grande distance et doivent toujours voir et distinguer les éléments.
• Les utilisateurs doivent être incités à venir de loin vers un écran, comme un kiosque.
• Les utilisateurs doivent voir des indices visuels qui les aident à identifier un écran pour un usage public.
• Les éléments d'écran doivent être navigables et clairs sans instruction.
• Les cibles tactiles doivent être faciles à voir et créer une interaction évidente.

3. Assurez-vous que la navigation est toujours accessible

La plupart des utilisateurs utilisent des écrans tactiles surdimensionnés du même état d'esprit que la première visite d'un site Web. Une conception qui imite cette expérience sera facile à utiliser pour les utilisateurs.

Assurez-vous que la navigation ne disparaît pas lorsque vous accédez à différents contenus.

Créez un modèle de navigation pour ces appareils qui est toujours accessible. Utilisez un format similaire aux modèles de sites Web généralement acceptés, comme en haut de l'écran ou dans une barre latérale.

Assurez-vous que la navigation ne disparaît pas lorsque vous accédez à différents contenus. Bien que la conception de l'écran d'accueil puisse simplement inclure de gros boutons de navigation sans menu de navigation traditionnel, tous les autres écrans devraient avoir le format de navigation plus traditionnel pour une facilité d'utilisation.

Essayez de minimiser autant que possible les entrées basées sur la saisie sur ces écrans. Les claviers peuvent être maladroits et lents, nécessitant un effort physique supplémentaire de la part de l'utilisateur. Mais si vous disposez d'entrées basées sur le clavier, incluez une commande de basculement du clavier dans la navigation, afin que les utilisateurs puissent facilement afficher et masquer le clavier selon les besoins.

4. Ne créez pas trop de choix

Plus l'écran est grand, plus les choix peuvent être écrasants. Considérez les boutons et les interactions comme un jeu de ceci ou cela, qui donne aux utilisateurs une décision à prendre à la fois. L'astuce ici est qu'ils choisissent entre deux éléments.

L'un des avantages de ce concept est qu'il vous permet de simplifier la conception. Avec seulement deux choix par écran, les éléments de conception et l'encombrement visuel sont réduits, créant une interface plus utilisable.

Lors de la conception des choix, assurez-vous que l'action est tout aussi claire. Comment un utilisateur sélectionne-t-il ceci ou cela? Les boutons doivent être évidents et suffisamment grands pour pouvoir être touchés facilement. Utilisez une petite animation pour attirer l'attention sur les éléments interactifs ou sur la sélection d'utilisateurs la plus populaire.

Les choix simplifiés sont également importants en raison de la taille de l'écran. N'oubliez pas que tout l'écran n'est pas toujours dans le champ de vision d'un utilisateur, ce qui peut limiter les choix en soi. Si vous rationalisez vos choix à l'avance, vous n'avez pas à vous soucier de l'environnement qui élimine les options utilisateur pour vous.

5. Tenez compte de la confidentialité

Ce n'est pas parce qu'un utilisateur se dirige vers un écran de kiosque dans un lieu public que cette personne veut que tout le monde sache ce qu'il fait.

Gardez à l'esprit que plus l'écran est grand, plus il est probable que les autres puissent voir ce que fait l'utilisateur. C'est une grande considération lorsqu'il s'agit de demander des informations ou des données sensibles sur un écran tactile.

Pour lutter contre cela, une conception tactile comprend souvent des petites fenêtres contextuelles pour les formulaires ou la saisie de données afin que le contenu ne soit pas aussi visible à distance.

6. Déconnectez-vous du Web

Cela pourrait être la préoccupation de conception la plus importante en ce qui concerne les écrans tactiles surdimensionnés - ils doivent fonctionner avec et sans connexion Internet.

Pensez-y: de nombreux écrans surdimensionnés sont dans des lieux publics ou plus petits tels que les kiosques mobiles ou les grandes tablettes, sont portables. Cela peut avoir un impact sur l'accès à Internet et sur le fait qu'une connexion fonctionne ou non. Le design doit fonctionner même lorsqu'il n'est pas connecté.

Assurez-vous que tous les outils pour exécuter la conception, de JavaScript aux bibliothèques de polices en passant par la collecte de données, sont stockés localement.

7. Boutons de conception pour une interaction évidente

La conception doit montrer aux utilisateurs comment interagir avec l'écran. Tous les utilisateurs ne repéreront pas immédiatement un écran tactile au premier coup d'œil.

Utilisez des repères visuels tels que des animations et des boutons pour guider les utilisateurs tout au long du processus.

Utilisez des repères visuels tels que des animations et des boutons pour guider les utilisateurs tout au long du processus. La plupart des écrans surdimensionnés sont une interaction ou un point d'engagement unique pour les utilisateurs, et chaque interface est un peu différente. Plus vous pourrez le rendre facile à utiliser, avec des éléments mieux compris, plus les utilisateurs seront susceptibles de s'engager dans la conception.

De nombreux modèles incluent des zones d'écran entièrement activées au toucher, comme un écran de démarrage. Incluez un bouton pour signaler l'interaction de toute façon. Il n'enlève rien à la conception et indique aux utilisateurs comment travailler l'appareil.

Utilisez une microcopie descriptive, telle que «Touchez ici pour commencer», pour guider les utilisateurs tout au long du processus. Bien que ces éléments puissent sembler trop évidents, la façon d'utiliser une interface n'est pas toujours une seconde nature pour tous les utilisateurs. Rendre facile.

Conclusion

Certains de vos projets de conception nécessitent-ils l'utilisation d'écrans surdimensionnés? Ils deviennent de plus en plus populaires partout. Même si vous n'avez pas encore eu un tel projet, il est probable que vous en ayez un à l'avenir.

Bien que la plupart des principes de conception soient les mêmes que les autres conceptions basées sur l'interface, l'ajustement pour la taille et l'échelle des grands écrans peut être inconfortable pour de nombreux concepteurs. Lorsque vous voyez ces écrans en public, assurez-vous de vous arrêter et d'interagir avec eux pour voir quels éléments de conception et interactions vous intéressent.