web-dev-qa-db-fra.com

Meilleure façon de montrer des livres d'affilée

Je dois définir une zone sur le site avec la plupart des livres téléchargés et je suis confronté au problème suivant:

  • Les couvertures de livres peuvent avoir un rapport largeur/hauteur différent, ce qui signifie que tous les livres n'ont pas de bords proportionnels.
  • Il y a un système de grille en place et je suis limité à afficher 3 livres par ligne

Au début, j'ai des vignettes recadrées aux mêmes dimensions (par exemple 400x300), mais ce n'est pas non plus une bonne idée car les couvertures de livres peuvent avoir des données importantes sur elles comme le visage des acteurs, le titre, etc., etc.

En rétrécissant, j'ai créé 3 scénarios différents, mais je ne sais pas lequel est le plus utilisable pour l'utilisateur final.

Question: Selon vous, laquelle devrait fonctionner le mieux et avez-vous peut-être une autre solution?

layout

23
RhymeGuy

Du point de vue de l'utilisabilité, le choix optimal serait probablement n ° 2, car il ne laisse aucun doute sur la liaison entre le titre du livre et sa couverture (voir le principe de proximité de la Gestalt).

Un exemple de www.barnesandnoble.com: demo screenshot

Cependant, vous devez choisir une limite de rapport vertical afin d'éviter les rangées trop élevées: si un couvercle est trop haut, vous devez fixer sa hauteur à une certaine valeur et laisser un espace vide sur ses côtés.

enter image description here

52
Stefano

Vous pouvez utiliser le centrage, avec la boîte aux lettres ou le pilier dessiné dans une couleur tirée de l'image, de sorte qu'il la remplit naturellement.

1
JDługosz