Le moyen le plus intuitif d'organiser les images en albums?
Je dois créer une interface dans laquelle un utilisateur peut rapidement classer quelques-unes de ses photos dans des albums.
Contraintes
- 1 photo peut faire partie de plusieurs albums.
- Il y a presque 15-20 photos et 5-6 albums.
- Chaque photo est détaillée, donc une vue complète est requise avant de pouvoir être catégorisée dans n'importe quel album (c'est-à-dire que les vignettes ne fournissent pas suffisamment de commentaires)
Quelle est l'interaction la plus intuitive qui conviendrait au cas ci-dessus, afin que l'utilisateur n'ait pas à basculer entre les écrans?
Solution rudimentaire
Voici une solution de glisser-déposer à laquelle j'ai pensé: -
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Problème
Le problème avec le flux de travail ci-dessus est que pour classer toute image, l'utilisateur doit effectuer 3 étapes:
- Cliquez sur la vue complète pour afficher l'image dans une visionneuse.
- Fermez la lightbox.
- Déplacer une image vers l'album via un glisser-déposer (répétition)
Cela devient très fastidieux s'il y a beaucoup d'images.
Voici une solution qui pourrait être ajoutée aux fonctionnalités que vous avez décrites.
Lorsque l'utilisateur ouvre l'image dans une visionneuse, disposez une série de boutons sous l'image représentant chaque album. L'utilisateur peut ensuite cliquer sur le bouton pour ajouter l'image ouverte à cet album spécifique, ou cliquer à nouveau pour la supprimer, comme une case à cocher. Un double-clic pourrait à la fois ajouter l'image à l'album et ramener l'utilisateur à la vue miniature, augmentant ainsi l'efficacité du flux de travail.
Vous pouvez également afficher une info-bulle sur les albums auxquels appartient une image lorsque vous passez la souris sur la vignette.