web-dev-qa-db-fra.com

Dans quelle mesure une icône doit-elle être évidente pour que les jeunes lecteurs cliquent pour «en savoir plus»?

J'ai un photoblog que je construis, le prototype est sur CodePen . L'accent mis sur les photos, mais je voulais également inclure un bref ensemble de détails. Mais je voulais que cela soit discret pour les utilisateurs expérimentés qui souhaitent simplement parcourir les photos.

Existe-t-il des études sur le type d'icônes qui seraient universellement comprises? Par exemple, "en savoir plus" devient une douleur oculaire à lire sur un photoblog. C'est ce que j'ai jusqu'à présent

screenshot

Donc, ce public est probablement de l'adolescence au début de la vingtaine qui est plus familier avec l'utilisation de la technologie.

Mais au cas où, devrais-je en quelque sorte attirer davantage l'attention sur la façon d'afficher le texte (savez-vous même quoi faire à ce stade?), Et peut-être que le placement affecte la facilité d'interaction avec l'article?


[~ # ~] modifier [~ # ~]
Version 2

version 2

3
JGallardo

Cette icône n'est pas une icône en savoir plus , il s'agit plutôt d'un menu déroulant ou puce / icône de liste non ordonnée .

La meilleure chose à faire pour afficher et masquer du contenu serait d'utiliser des liens textuels dont la formulation change en fonction de l'état de basculement. Vous pouvez toujours utiliser une icône, mais quelque chose qui est connu pour basculer l'état visible.

Quelque chose comme:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

mockup

télécharger la source bmml

6
Code Maverick

Vous pouvez également utiliser l'icône (i) pour obtenir des informations et simplement avoir une vue sur le contenu que vous exposez. Cette icône pourrait flotter en haut des photos en bas à gauche si vous vouliez sans trop de problème ou mettre en dessous la photo comme vous l'avez fait avec plus/moins d'informations.

2
Mark Sloan