web-dev-qa-db-fra.com

Codage couleur de nombreuses sections importantes d'un site Web

enter image description here J'ai donc un site Web qui se compose de 15 modules principaux ou manque de meilleures sections de terme. Chacun de ces objectifs se compose d'objectifs très différents. L'un présente des nouvelles l'autre vous montre une liste d'emplois et ext. Je pensais coder par couleur chacune de ces sections et leur donner des icônes uniques pour aider l'utilisateur à naviguer plus facilement par association. Je me demande simplement si c'est une mauvaise idée car il y a tellement de sections. Cela nécessiterait que j'insère 15 couleurs différentes. En ce moment, j'utilise seulement 6 couleurs et je les prolifère dans les 15 sections principales, ce qui signifie qu'il faut reproduire la même couleur pour différentes sections. Le problème que j'ai avec cela est qu'il ne lie pas chaque section à une couleur différente, ce qui pourrait dérouter l'utilisateur. Que devrais-je faire? À l'intérieur de cette image, j'ai une maquette grossière en haut et ma configuration de nuance en bas.

4
Thomas Martinez

La meilleure règle de base est de ne jamais encoder les informations nécessaires avec la seule couleur. Donc, si ces 15 échantillons sont le seul moyen de trouver chaque segment dans la mise en page ou de dire à quel segment un article appartient, vous allez avoir des problèmes d'utilisation.

Au-delà de cela, le plus grand risque est que le codage des couleurs soit associé à d'autres considérations, comme l'identité de la marque ou le succès/l'échec, etc. Des couleurs trop proches de celles-ci peuvent prêter à confusion. Cela vaut également si l'un de vos 15 échantillons est difficile à distinguer. Ce nombre semble important pour commencer.

Avez-vous envisagé des regroupements logiques? Il semble que le marché, les petites annonces, les maisons à vendre, les appartements à louer, etc. aient tous beaucoup plus en commun que les emplois et les vidéos, mais cette dernière paire est plus proche en couleur. La liaison thématique peut vous donner une marge de manœuvre pour des couleurs plus proches les unes des autres, voire réutilisées. D'un autre côté, un lien accidentel entre des segments disparates pourrait créer de la confusion.

Enfin, la maintenabilité est quelque chose à considérer. 15 échantillons est beaucoup pour la mise en œuvre pour garder une trace fiable. Si vous voulez les changer, ce pourrait être une corvée à traquer, même avec des précompilateurs modernes. Vos programmeurs sont également des utilisateurs de votre conception, de manière abstraite. Mais ces considérations sont mineures par rapport aux autres.

6
Nathan Christie

J'ai utilisé plusieurs discussions et réponses pour comprendre ce qui devait arriver. Donc, en suivant la suggestion de Nathan "lire le commentaire ci-dessus". Je vais regrouper les sections liées avec une couleur dominante comme le rouge, le vert, le bleu, l'ext. Ensuite, chacune de ces sections à l'intérieur de cette couleur dominante aura des variations de cette couleur choisies. Ex: News, les blogs seront de deux types différents de bleu. Non seulement je vais colorier par regroupement, mais j'utilise également des icônes pour donner à chaque section un attribut unique pour les distinguer les unes des autres.

2
Thomas Martinez