web-dev-qa-db-fra.com

Des couleurs vives sont-elles nécessaires pour inciter les utilisateurs à une interface utilisateur simple (par exemple, des applications de productivité)?

Il s'agit d'une capture d'écran d'une application de productivité du Windows Store appelée OneCloudDrive . Comme il s'agit d'une application de productivité, j'ai essayé de garder l'interface utilisateur simple et agréable aux yeux.

Est-ce vraiment une bonne approche?

Avons-nous toujours besoin de couleurs vives pour attirer les utilisateurs?

Est-ce que garder l'interface utilisateur trop simple avec des couleurs subtiles, rend une interface utilisateur ennuyeuse et terne?

enter image description here

3
Jack_2060

Une conception efficace est plus importante qu'une conception passionnante

S'il s'agit d'un système que vous souhaitez que les utilisateurs se sentent à l'aise d'apprendre et d'utiliser fréquemment, votre objectif principal devrait être de fournir une interface (y compris un ensemble de couleurs) qui permet aux utilisateurs de manipuler leurs fichiers cloud aussi rapidement et aussi efficacement que possible.

Une fois cet objectif atteint, vous pouvez décider d'un objectif secondaire de la manière de fournir des détails (couleurs, animations, etc.) qui peuvent améliorer l'attrait marketing du produit.

Si vous choisissez des couleurs vives et un contraste élevé juste pour attirer l'attention, vous pouvez violer les objectifs principaux car votre interface devient visuellement distrayante pour les utilisateurs qui essaient simplement de faire une manipulation de fichier simple mais qui doivent maintenant lire un blanc éclatant sur un bleu brillant texte ou icônes.

Vous pouvez toujours utiliser la couleur efficacement pour attirer l'attention tout en remplissant un objectif .

  • Dans votre capture d'écran, les icônes sont bleu vif, ce qui crée beaucoup de distraction visuelle car il y a beaucoup de fichiers. Le bleu ne remplit en réalité aucun autre but que d'attirer l'attention.
  • Au lieu de cela, vous pouvez utiliser le bleu pour afficher les fichiers survolés, les fichiers glissés, les titres de page, etc. Dans chacun de ces cas, vous utilisez des couleurs vives de manière fonctionnelle plutôt que purement décorative (et potentiellement distrayante).

Un exemple canonique de conception d'interface efficace mais frappante/séduisante est l'iPod d'origine, qui n'avait pas besoin de couleurs vives pour attirer les utilisateurs, mais fournissait plutôt des formes élémentaires (carré, cercle) et un minimalisme fonctionnel pour attirer l'attrait tout en conservant un accent particulier sur la convivialité.

3
tohster

La différenciation est essentielle

Vous n'avez pas besoin de couleurs "vives" pour le faire. Dans votre exemple, le bleu est agréable et lumineux, mais la vue d'ensemble est terriblement monotone et terne. Il va dans la bonne direction avec des icônes de type de fichier, mais l'impact est atténué car ils sont tous délimités par le même carré de couleur (tous sauf un). En tant qu'utilisateur, je serais enclin à abandonner cette application avant de creuser.

La couleur serait un facteur de différenciation clé dans cette vision. Si chaque type de fichier avait sa propre icône et couleur (même des variations de bleu comme le document Word), l'analyse des fichiers pour une chose particulière serait plus rapide.

Peu importe que vous utilisiez des couleurs vives, des pastels ou des tons de terre, c'est la différenciation qui le fera fonctionner.

0
plainclothes

Ne créez pas trop de simplicité pour que l'utilisateur ne puisse pas trouver les fichiers facilement (dans votre cas) ou ne puisse pas différencier les différentes zones de votre application. couramment utilisé dans APP UI Design

Comme dans votre exemple, je ne peux voir que deux types de fichiers bleu et violet, mais qu'en est-il des icônes d'image là-dedans. Les fichiers image et audio se ressemblent ...

Je suis un concepteur d'interface utilisateur, je commence normalement avec une couleur primaire, une couleur secondaire, puis à partir d'ici, vous pouvez créer différentes nuances et teintes de ces mêmes couleurs pour obtenir plus de couleurs dans vos mains ...

Vous avez peut-être vu 2 ou 3 nuances de gris différentes dans les dernières tendances de conception d'applications ....

Le choix de la couleur dépend également du fait que la durée pendant laquelle votre utilisateur va utiliser votre application

0
Ahsan Idrisi