Je concevons actuellement une longue page de produits; Les tests de convivialité montrent que la monotonie et la haute homogénéité de la page représentent une figurie, une lisibilité et une expérience d'expérience globale. Nous recherchons des moyens de présenter des informations de différentes manières de calculer le chunk et du contenu de groupe tout en augmentant le rythme et la différence visuelle dans la page.
J'ai deux sections que je veux relier ensemble: une sur la cible droite du produit et l'autre sur la manière dont la cible bénéficiera du produit.
J'ai trouvé ce modèle d'interface utilisateur qui semble répondre à la nécessité d'un changement visuel sur la page, tout en permettant une manière différente de consommer des informations et de connecter deux sections de contenu.
1) Comment ce composant est-il appelé? (Nous recherchons d'autres exemples vertueux);
2) Existe-t-il des points forts contre l'utilisation (c'est-à-dire que la lecture de la colonne est plus difficile, une augmentation de l'encombrement visuel, une disposition fractionnée est plus difficile)
PS: laissez-moi savoir si la question est trop large ou aussi superficielle liée à la convivialité
Ce que vous décrivez dans votre question a ce nom en graphisme. Faire une recherche simple dans Google donne de nombreux résultats: Schémas de pros et de consacre .
Si vous recherchez quelque chose de plus élaboré de la recherche Avantages et contre infographie .
À propos de son utilisation, je ne vois aucun point fort contre celui-ci, au contraire, plus graphique la description, mieux il sera réalisé par le récepteur. C'est aussi simple que d'imaginer le contraire: un texte avec des balles décrivant une liste de pros et de contre:
De quoi as-tu besoin:
Ce que vous n'avez pas besoin:
Clairement, votre image est beaucoup plus descriptive que ce texte, plus que suffisamment de raisons qui favorise son utilisation.
Personnellement, je pense que l'image que vous partagez dans votre question est à mi-chemin entre un texte à puces et un bon design. Malgré cela, cela peut être considéré comme un bon point de départ.
Par exemple, l'icône de contrôle est presque imperceptible tandis que l'icône "X" est trop importante en plus de la signification conceptuelle dans UI: tout le monde peut vouloir trouver une fonctionnalité en cliquant dessus pour fermer la page.
Vous trouverez de nombreuses raisons sur l'utilité des schémas de pros et de consacre dans les recherches précédentes telles que celles décrites sur cette page: Comment montrer la comparaison avec les diagrammes de pros et de consacre .