web-dev-qa-db-fra.com

Comment présenter une liste de phrases d'une manière belle et utile

Cela pourrait être non seulement une question d'expérience utilisateur, mais aussi une question de conception.

Je conçois un site Web d'entreprise et mon manager n'a pas vraiment aimé la première idée que j'ai présentée.

Je dois montrer une liste de phrases et le titre de la section avec son sous-titre.

Je voulais afficher la liste des phrases dans un style plus convivial pour le Web plutôt que dans l'ancien style séquentiel et "documents texte". J'ai donc utilisé un curseur:

Grande image Image with large title text and small subtext overlayed on top. Sentence one is in a box below the image with arrows to either side indicating the ability to navigate to other sentences

De son point de vue, la liste des phrases la perd car elle est affichée phrase par phrase et il préfère tout montrer ensemble. Sa suggestion était de déplacer le titre de la section vers le bas et d'utiliser l'espace ci-dessus pour afficher les phrases dans une sorte de boîte. Voici ce que j'ai trouvé (que je trouve personnellement horrible):

Grande image Image with a blue box containing sentences overlayed on the image. Large title text and small subtitle text in a box below the image.

Non seulement je pense que c'est un pire design, mais je pense aussi que le titre de la section devrait être tout en haut, tout comme le texte principal que les utilisateurs devraient lire.

Que recommanderais-tu? Existe-t-il un autre moyen possible d'afficher une liste de phrases plus conviviale et utile?

1
Steve

La question est: en quoi cette copie (les phrases) est-elle pertinente pour les utilisateurs de ce site?

Si ce sont des informations qui sont très intéressantes pour eux, alors montrez-les par tous les moyens en même temps; ne le cachez pas aux utilisateurs.

Cependant, d'après l'apparence de vos images, il semble que cette page présente une section de votre site Web. Dans ce cas, je dirais: gardez la copie courte et précise; une phrase devrait suffire pour introduire une section.

Ne vous attendez pas à ce que les utilisateurs explorent vos `` phrases '' à l'aide des flèches - ils sauteront simplement cette zone et feront défiler vers le bas de la page pour voir s'il y a du contenu intéressant/pertinent pour eux.

5
Saskia Idzerda

Tout d'abord, je recommanderais de ne pas utiliser de carrousel: http://shouldiuseacarousel.com/

Surtout dans le contexte dans lequel vous l'utilisez. Il semble que vous ayez une barre de navigation en haut qui agisse comme des liens d'ancrage pour faire passer l'utilisateur à différentes sections de ce que je suppose être une longue page pleine de contenu. Cacher du contenu à l'intérieur d'un carrousel à mi-chemin d'une page n'a tout simplement aucun sens.

Si le contenu mérite d'être montré, trouvez un moyen de l'inclure dans votre mise en page. Et assurez-vous que ce n'est pas la façon dont votre patron le demande, parce que est horrible. ;)

5
Sullivan

Le texte pourrait être placé comme sur cette image.
enter image description here

Mais la plupart des gens ne le liront pas, il est donc préférable de ne pas avoir de texte du tout.
De belles grandes images détaillées attirent l'attention, les grands titres courts sont lus rapidement, donc chaque diapositive communique aux utilisateurs.

Avoir beaucoup de texte:

  • Augmente la charge cognitive, car les utilisateurs essaient de lire le texte mais une image est un attracteur plus puissant. Il pourrait donc être difficile de se concentrer sur le texte.
  • Augmente considérablement le temps d'affichage de chaque diapositive, de sorte que le carrousel perd son effet publicitaire. Pour calculer le temps pour chaque diapositive regardez la réponse .

Les inconvénients pourraient probablement convaincre le manager.

2
Alexey Kolchenko