web-dev-qa-db-fra.com

Métaphores d'interface utilisateur pour une collection de livres

L'application Web sur laquelle je travaille présente une collection de livres que l'utilisateur peut lire ou annoter. Ces livres ont tendance à être des documents juridiques ou des offres, pas des romans. À l'heure actuelle, l'utilisateur peut sélectionner un livre en utilisant une arborescence traditionnelle (ce sont des documents structurés) ou une vue de couverture (à la iTunes). Il peut y avoir quelques livres ou des dizaines de livres.

Personnellement, je pense que coverflow est nul pour cela. Tous les livres ont à peu près la même illustration, donc l'utilisateur doit lire le titre du livre qui est imprimé verticalement sur sa colonne vertébrale. Cependant, nos utilisateurs moins techniques adorent ça. Certains de nos utilisateurs n'utilisent jamais un ordinateur et éprouvent des difficultés avec des concepts tels que la fourniture d'un nom d'utilisateur/mot de passe.

Nous procédons à une révision de l'interface utilisateur et le sentiment est que nous devons conserver cette vue de couverture de notre bibliothèque.

Voici donc la question: quelles autres options existe-t-il pour qu'un utilisateur novice se sente chez lui avec la sélection de livres?

Une étagère ne fonctionnerait probablement pas trop bien étant donné que les titres de ces livres sont longs. Je ne pense pas que nous soyons limités aux métaphores traditionnelles du livre. Pour compliquer les choses, nous envisageons une interface pour iPad, il serait donc judicieux d'utiliser un système de navigation similaire pour le Web et l'iPad.

6
dave

Coverflow, étagère et similaires sont essentiellement des gadgets qui ont l'air sympa et impressionnent initialement les utilisateurs, mais ils sont en fait assez difficiles à utiliser.

Si vous supprimez la métaphore du livre, vous vous retrouvez avec un ensemble de données. Alors pourquoi ne pas penser à utiliser une liste à l'ancienne? Amazon en est un parfait exemple: enter image description here

Portez une attention particulière à la façon dont les métadonnées de chaque livre sont représentées à l'écran. Il y a beaucoup d'informations mais la couverture et le titre du livre ressortent très clairement. Une grande icône est utilisée pour attirer l'œil, mais le titre est également mis en évidence par un pliage et un changement de couleur. Le livre peut être sélectionné en cliquant sur l'icône ou le titre.

J'ai conçu plusieurs interfaces comme celles-ci dans le passé et la disposition et la proéminence des différents éléments de métadonnées est la partie la plus difficile à obtenir. Les différences peuvent être très subtiles mais peuvent avoir un effet important sur la lisibilité de chaque élément.

En termes de fonctionnalité, il est très important de considérer l'ordre des livres/documents dans la liste. Avec les recherches, l'ordre est généralement par pertinence, mais vous pouvez également donner à vos utilisateurs la possibilité de modifier cela s'ils le souhaitent.

Vous devrez également considérer la façon dont vous traitez les grands ensembles de résultats, sur le Web, il est acceptable d'utiliser la pagination, sur un iPad/iPhone, cela se fait généralement par un lien "Charger 10 autres" au bas des résultats.

2
ArchieVersace

Je pense que vous pouvez essayer quelque chose comme ça: enter image description here

1
Roland Pokornyik

Je n'utiliserais pas non plus une métaphore de bibliothèque. J'ai été déçu quand j'ai vu Apple l'utiliser dans iBooks sur iPhone et iPad; je pensais qu'ils pouvaient faire mieux.

Coverflow a l'air bien, mais je pense que quelque chose comme l'application Reeder RSS pour iPad pourrait mieux fonctionner:

enter image description here

Vous pouvez améliorer cette vue en tirant parti de vos connaissances spécifiques du domaine. Par exemple. pour les offres, afficher des informations résumées sur l'offre, qui y travaille, la date d'échéance, etc.

0
Hisham