Quand utiliser le principe gestalt de région commune?
L'image ci-dessous, qui peut être vue sur this l'article moyen utilise des lignes pour séparer divers graphiques, mais pourrait également utiliser différents arrière-plans, ce qui est assez courant lors de la conception de tableaux de bord. Ma question est la suivante: le principe de proximité ne serait-il pas suffisant pour regrouper les images et le texte associés et les séparer des autres éléments? Quand utilisons-nous ce principe?
Le principe de proximité utilisé comme trame fonctionne correctement lorsqu'il y a au moins deux ou trois éléments générant les limites virtuelles du conteneur:
Cela fonctionne plus comme une loi de fermeture :
Ou le contenu a un axe visuel central suffisamment fort pour conduire à l'interpréter comme un élément unique:
Après cela, le texte du haut est parfait car il y a quatre éléments de délimitation définissant le cadre du conteneur:
Mais dans le cas des images, l'irrégularité du contenu modifie la loi de proximité en isolant les axes de référence en un seul élément, le texte inférieur/droit, ce qui nous rapproche dangereusement de la quatrième option du graphique supérieur de cette réponse:
Solutions possibles
1 - Augmentez exagérément les marges pour isoler autant que possible chaque image afin qu'elle soit interprétée comme des éléments groupés uniques:
2 - Ajoutez des éléments graphiques ou info pour récupérer le deuxième ou/et le troisième point de référence:
3 - Utilisez un fond, cela fonctionne comme un récipient irrégulier
4 - Renforce l'axe central du contenu:
Je n'ai jamais vu de règle pour cela et je pense qu'il est très difficile de créer une règle pour cela car cela dépend de la conception, des polices, des couleurs et du tapez les informations que vous y montrez.
Par exemple:
- Si vous avez juste des graphiques sans légende, les espaces devraient être suffisants pour séparer
- Si vous n'avez que des tableaux, ils se sépareront automatiquement en raison de la conception, mais si votre tableau n'a pas de ligne, aucun arrière-plan ne pourrait ressembler à un seul tableau.
- Si vous avez un mélange de tableaux et de graphiques, vous aurez besoin des lignes div pour ne pas ressembler à un gâchis.
La meilleure façon est de créer des variantes de conception et de comparer. Est difficile de décider sans design et de regarder le réel.
En cherchant quelques exemples (mauvais et bon), vous pouvez voir que cela ne devrait pas affecter l'expérience utilisateur.
Il vaut mieux s'occuper de:
- Quel type de graphique utiliserez-vous
- Les ordres de montrer des données
- Les données que vous y montrerez
- Les couleurs et comment vous mettrez en valeur ce qui compte
- Comment éviter un écran pollué
