Wich is better UX

Quel bouton est plus facile à cliquer ?

• 
• 

Answer explanation

La taille est l'un des aspects les plus importants de la conception des boutons. Elle est étroitement liée aux taux de conversion, au nombre d'erreurs commises par les utilisateurs et à la facilité d'utilisation globale. Lors de la conception d'un bouton pour appareils mobiles, il est important de tenir compte de la taille des doigts des utilisateurs pour déterminer la hauteur de ceux-ci.

Selon les études du MIT Touch Lab, la taille minimale de la cible tactile est de 16 à 20 mm (environ 45 à 57 px), ce qui correspond à la taille moyenne du bout des doigts d'un adulte.

La zone d'impact du pouce d'un adulte est encore plus grande : 25 x 25 mm (72 px).

Sur les interfaces de bureau, il est conseillé de prévoir un espacement suffisant en haut et en bas du bouton pour garantir la lisibilité de l'étiquette et offrir une surface de clic suffisante pour améliorer l'accessibilité.

Quelle interface offre un feedback plus utile aux utilisateurs ?

• 
• 

Answer explanation

Une boucle de rétroaction est un système qui collecte, analyse et exploite les données relatives aux actions des utilisateurs pour fournir des informations exploitables et améliorer leurs comportements futurs. Pour créer une boucle de rétroaction pour votre interface ludique, suivez ces étapes :

🔺Mesurer : Collecter des données sur les actions des utilisateurs. Par exemple, suivre la fréquence à laquelle les utilisateurs effectuent des tâches ou franchissent des étapes clés dans votre application. Des mesures précises donnent une image claire du comportement des utilisateurs.

🔺Comparer : Analyser les données en les comparant aux objectifs des utilisateurs. Par exemple, si votre application aide les utilisateurs à apprendre une nouvelle langue, comparez leurs progrès (comme les leçons terminées) à leurs objectifs d'apprentissage. Cette comparaison permet d'identifier les lacunes et les points à améliorer.

🔺Ajuster : Aider les utilisateurs à apporter des modifications en fonction de l'analyse. Fournir un feedback pertinent et opportun aux utilisateurs. Par exemple, si quelqu'un prend du retard, envoyez-lui un message de motivation ou offrez-lui une petite récompense pour avoir terminé la leçon suivante. Plus vous ajustez rapidement, plus la boucle de rétroaction sera efficace. En suivant ces étapes, vous créez une boucle de rétroaction continue qui encourage les changements de comportement positifs et maintient les utilisateurs engagés avec votre interface.

Quelles actions sont mieux organisées ?

• 
• 

Answer explanation

Lors de l'optimisation de la navigation, il est essentiel de placer les commandes fréquemment utilisées à portée de main pour une meilleure ergonomie. Selon la loi de Fitts, qui stipule que le temps d'acquisition d'une cible est lié à la distance et à la taille de celle-ci, il est essentiel de positionner les options fréquemment utilisées de manière pratique. Par exemple, dans le menu déroulant d'une messagerie web permettant de désactiver les notifications, « 30 minutes » devrait figurer en haut de la liste comme durée la plus fréquemment sélectionnée, suivie de « 1 heure » ​​et de « 2 heures », avec une option permettant de définir une durée personnalisée à la fin. Cette configuration minimise la distance de navigation, rendant ces fonctions essentielles rapidement accessibles et améliorant l'expérience utilisateur sur tous les appareils.

Quelles commandes sont les plus adaptées aux sélections multiples ?

• 
• 

Answer explanation

Lorsqu'une liste contient plusieurs options liées, les cases à cocher offrent une meilleure expérience utilisateur que les commutateurs. Elles permettent de mieux relier les options et de gagner de la place dans l'interface utilisateur. Les commutateurs, en revanche, sont plus adaptés aux options qui doivent être activées ou désactivées immédiatement et qui ne sont pas nécessairement étroitement liées.

Quel exemple illustre le mieux un ton concis ?

• 
• 

Answer explanation

La longueur des mots est un facteur crucial lors de la rédaction d'un microtexte UX. L'espace de l'interface utilisateur étant limité, tenez compte de la longueur des mots et des phrases. De plus, des mots et des phrases plus longs entraînent une charge cognitive plus importante.

La concision n'est pas toujours naturelle. Comment pouvez-vous vous assurer d'utiliser la version la plus courte du message ?

Réfléchissez au sens que vous souhaitez transmettre à vos utilisateurs et notez-le. Par exemple, lorsqu'ils soumettent une demande de réinitialisation de mot de passe, vous pourriez dire quelque chose comme : « Nous avons bien reçu votre demande de réinitialisation de mot de passe. »

Essayez ensuite de la raccourcir. En modifiant le verbe, vous passerez de 52 caractères à 42 : « Nous avons bien reçu votre demande de réinitialisation de mot de passe. »

En modifiant la structure de la phrase, vous gagnerez 8 caractères : « Nous avons bien reçu votre demande de réinitialisation de mot de passe. »

Quelle illustration est la plus appropriée ?

• 
• 

Answer explanation

Lors de la conception d'états vides, intégrez des illustrations pertinentes pour améliorer l'expérience utilisateur. Par exemple, dans une application météo, en l'absence de résultats de recherche, un simple soleil derrière des nuages ​​peut signaler efficacement l'absence de données. Ce signal visuel s'aligne sur l'objectif de l'application et offre une clarté immédiate aux utilisateurs.

Des illustrations pertinentes non seulement remplissent les espaces vides, mais transmettent également l'information de manière intuitive, rendant l'interface plus attrayante et conviviale. Veillez à ce que vos illustrations soient cohérentes avec la personnalité de votre marque.

Ces illustrations d'accompagnement n'ont pas besoin d'être trop complexes ou extravagantes. Souvent, des visuels simples et agréables suffisent à améliorer l'expérience utilisateur.

Quelle commande de sélection est la plus adaptée aux paramètres ?

• 
• 

Answer explanation

Les interrupteurs à bascule sont des commandes de sélection qui offrent seulement deux options mutuellement exclusives (généralement « activé » ou « désactivé ») et ont toujours une valeur par défaut. Les interrupteurs à bascule sont la meilleure solution pour modifier les paramètres système lorsque le retour est immédiat, comme l'activation du mode sombre ou du mode avion.

La sélection d'un interrupteur à bascule prend effet immédiatement. En revanche, après avoir coché une case, l'utilisateur doit cliquer sur le bouton « Envoyer ».

Quel menu de navigation est le plus intuitif ?

• 
• 

Answer explanation

Le principe de navigation consiste à permettre aux utilisateurs de naviguer facilement et intuitivement sur votre site ou votre application. Une navigation claire et cohérente permet aux utilisateurs de trouver rapidement ce qu'ils recherchent, qu'ils commencent par la page d'accueil ou qu'ils atterrissent sur une page spécifique à partir d'un moteur de recherche.

Prenons l'exemple d'une application de librairie. Pour créer une navigation efficace, vous devez comprendre les besoins des utilisateurs et leur façon de parcourir un catalogue de livres. Le menu de navigation principal peut inclure des catégories telles que « Fiction », « Non-fiction » et « Enfants et adolescents ». Chaque catégorie doit comporter des sous-catégories basées sur des genres courants, par exemple « Thrillers » sous « Fiction » et « Livres d'affaires » sous « Non-fiction ».

Quel design sera le plus lisible en extérieur ?

• 
• 

Answer explanation

Un contraste de couleurs suffisant est essentiel pour la conception mobile. Contrairement aux ordinateurs de bureau, les smartphones et les tablettes sont plus souvent utilisés en extérieur ou dans des conditions de faible luminosité : dans les avions, les trains ou les bus, par exemple. En tant que designers, nous devons veiller à ce que l'interface utilisateur soit parfaitement lisible dans tous ces environnements.

Bien que les Règles pour l'accessibilité des contenus web soient principalement conçues pour les ordinateurs de bureau, leurs recommandations en matière de contraste de couleurs sont tout aussi pertinentes pour les appareils mobiles. Elles recommandent un rapport de contraste d'au moins 4,5:1 par rapport à l'arrière-plan pour les petits textes et de 3:1 pour les grands textes. Pour les icônes, le rapport de contraste doit être de 3:1 ou plus.

Quel microtexte est le plus direct ?

• 
• 

Answer explanation

Le débat sur les avantages et les inconvénients de la voix active et passive, ainsi que sur son impact sur les lecteurs, est incessant. Les opposants à la voix passive affirment qu'elle rend le texte peu naturel et ne permet pas d'indiquer clairement qui effectue l'action, ce qui peut entraîner des problèmes d'ergonomie.

Il est important de souligner que les anglophones utilisent la voix passive dans leurs conversations, et que c'est parfois le meilleur choix pour mettre l'accent sur l'action ou le sujet concerné. De plus, la voix passive est bien plus appropriée pour décrire les actions d'un système.

Cependant, la voix active est indéniablement la meilleure solution pour les textes basés sur l'action. Elle incite littéralement les utilisateurs à l'action et leur permet de comprendre plus rapidement ce qui se passe et ce qu'ils doivent faire. Autre point à retenir : il est conseillé d'écrire au présent pour décrire clairement l'action correspondante et simplifier le texte. Écrire à la voix active est encore plus important pour les utilisateurs souffrant de troubles de la lecture ou pour ceux dont l'anglais est la langue seconde.