Dark UI vs Light UI: comment faire le bon choix?

Une interface utilisateur claire peut sembler être une valeur sûre, mais dans certains cas, une interface utilisateur sombre peut être gagnante.

Dark UI v / s Light UI

Source: uxdesign.cc

Il y a quelques années, alors que nous réaménagions la conception de notre site Web, notre responsable de la conception a mis au point une interface utilisateur sombre pour le site. Notre version existante avait une interface utilisateur légère, nous avons donc été un peu surpris. La conception avait l'air bien avec gris comme couleur primaire et une belle nuance de violet comme couleur secondaire. Nous avons tous convenu que le design était génial.

Mais notre équipe marketing n’en était pas très satisfaite à deux égards.

  • Lisibilité, car notre site était lourd en texte et qu'un fond sombre pouvait fatiguer les yeux des lecteurs.
  • Cela ne correspondait pas à notre image de marque car les couleurs de notre marque étaient plus claires

Finalement, la décision a été prise par notre PDG qui a donné son feu vert pour la conception. L'équipe marketing s'est pliée à son gré.

Et bientôt ils se sont avérés être corrects.

Les indicateurs clés du site Web tels que le taux de conversion, le taux de rebond, etc., ont commencé à baisser. Les sonneries d'alarme ont sonné et nous avons dû bientôt revenir à une interface utilisateur légère.

Est-ce que l'interface utilisateur sombre fonctionne? Oui, car des milliers de sites Web, d'applications et de jeux conçus avec une interface utilisateur sombre en témoigneront.

L'interface utilisateur légère est-elle le meilleur choix? Pas toujours.

En tant que concepteur, vous devez faire face à ce dilemme de savoir s'il faut utiliser une interface utilisateur sombre ou une interface utilisateur claire.

Il n'y a pas de réponse claire à cela. Mais il existe quelques considérations qui peuvent vous guider pour faire le bon choix entre une interface utilisateur sombre et une interface utilisateur claire.

Considérations lors du choix entre une interface utilisateur sombre et claire

  • Qui est votre utilisateur?

La première étape de la conception d'une interface utilisateur pour votre application ou votre site Web consiste à connaître votre utilisateur potentiel et ce qu'il souhaite obtenir de votre site Web. Les adultes préfèrent une interface utilisateur claire qui les aide à utiliser votre produit de manière intuitive, tandis que les plus jeunes préfèrent un fond sombre à la fois excitant et élégant. Pour les enfants, une interface utilisateur légère avec beaucoup d'éléments amusants et attrayants fera l'affaire.

  • Que fera votre utilisateur sur le site?

Source: Problogger

Les sites Web d’entreprise, les sites d’information, les blogs, etc. interagissent avec les utilisateurs par le biais de textes et de vidéos. Les utilisateurs de ces sites lisent beaucoup de texte et, le cas échéant, regardent une vidéo occasionnelle. Mais la plupart d'entre eux chercheront des informations à travers des textes. Ils passeront quelques minutes, voire 10-15 minutes maximum, à rechercher des informations et à passer à autre chose. Vous devez donc choisir une interface utilisateur qui permette à vos utilisateurs de lire beaucoup de texte sans se fatiguer les yeux. Ici, une interface utilisateur légère fonctionne bien. Dans une enquête par problème, 47% des répondants préféraient une interface utilisateur claire sur un blog, tandis que seulement 10% préféraient une interface utilisateur sombre.

Mais si vous concevez un site Web ou un produit où l'utilisateur passera beaucoup de temps, disons quelques heures, à lire un texte comme un livre ou à travailler dans un éditeur de code, un fond sombre avec du texte plus clair sera utile. L'interface utilisateur sombre avec texte clair améliorera la lisibilité et mettra moins de pression sur les yeux, ce qui facilitera leur séjour pendant de longues heures.

  • Quand vos visiteurs utiliseront-ils votre application ou votre site Web?

Le temps d'utilisation de votre application / site Web - de jour comme de nuit, doit également jouer un rôle dans le choix de la conception de votre interface utilisateur. Netflix, Amazon, etc., sont observés la plupart du temps à la maison. Là-bas, les fonds sombres fonctionnent bien dans les environnements sombres. Cela donne également aux utilisateurs une réelle impression de l'environnement.

De même, un fond brillant convient bien aux sites Web d'informations, aux médias sociaux, etc., qui reçoivent la majeure partie de leur trafic le jour

  • Où voulez-vous que votre utilisateur se concentre?

Dans certains cas, vous voudrez que votre utilisateur se concentre sur un élément particulier, par exemple sur une voiture, et admire sa conception. Dans de telles situations, un arrière-plan sombre convient bien pour créer un environnement exempt de distraction, faire ressortir la conception et garder l'attention de l'utilisateur sur la voiture.

Quand utiliser l'interface utilisateur sombre?

  1. Quand il y a peu de texte à lire et plus d'images / vidéos à regarder
  2. Quand il y a très peu d'éléments dans la conception et qui sont bien espacés
  3. Lorsque vous voulez donner à vos utilisateurs la sensation d'un environnement sombre comme dans un film
  4. Lorsque vous souhaitez que l'élément principal de la page se démarque et gagne en visibilité
  5. Lorsque vous souhaitez réduire la fatigue oculaire et offrir aux utilisateurs la possibilité de rester longtemps sur votre site Web

Quand utiliser l'interface utilisateur légère?

  1. Lorsque votre site Web ou votre application sera principalement utilisé pendant la journée
  2. Quand vos lecteurs liront beaucoup de texte
  3. Quand il y a beaucoup d'éléments sur les écrans
  4. Lorsque vous utilisez des éléments de couleur différents

Dernières pensées

La conception de l'interface utilisateur est créative. Ne laissons pas les règles le lier. Mais un design génial devrait également contribuer à dynamiser l'expérience utilisateur et à atteindre les objectifs de l'entreprise. Cela devrait aider vos utilisateurs à atteindre leur objectif confortablement et rapidement. Alors réfléchissez à ces considérations et trouvez des réponses aux questions avant de choisir entre une interface sombre et claire.

Une interface utilisateur claire peut sembler être une valeur sûre, mais dans certains cas, une interface utilisateur sombre peut être gagnante. Alors, choisissez judicieusement.

Quelles sont vos règles pour choisir entre une interface sombre et claire? Partagez vos réflexions et expériences sur le sujet dans la section commentaires.

Si vous avez trouvé cet article utile, partagez-le sur les réseaux sociaux pour aider les autres à le trouver.

Correction de bugs de conception dans le site Web en direct sans codage