web-dev-qa-db-fra.com

Comment rendre ce système de téléchargement de photos complexe facile à utiliser?

J'ai une tâche assez complexe à accomplir pour changer un système de téléchargement de photos existant pour un site Web.

Situation actuelle:

Le site Web comporte un certain nombre de zones dans lesquelles les utilisateurs peuvent télécharger des photos (par exemple: galerie, concours, groupes, etc.). Actuellement, l'utilisateur doit accéder à une page de téléchargement dédiée pour chaque zone de téléchargement de la photo vers cette zone.

Les utilisateurs ont également des portefeuilles qui affichent actuellement les photos qu'ils ont téléchargées dans la zone de la galerie.

Situation requise:

Je voudrais maintenant permettre aux utilisateurs de télécharger des photos directement dans leur portfolio, puis "ajouter" la photo dans chacune des zones comme ils le souhaitent. Ainsi, leur portefeuille est plus une collection de téléchargements que ce qu'ils ont téléchargé dans la zone de la galerie. L'idée principale est de permettre aux utilisateurs une plus grande flexibilité de téléchargement dans leurs portefeuilles.

Lorsqu'un utilisateur décide d'ajouter une photo à la galerie (par exemple), je voudrais lui donner la possibilité de choisir parmi une photo de son portfolio OR à partir de son ordinateur. S'ils choisissent 'depuis l'ordinateur' l'image sera également ajoutée à leur portfolio.

Il est important que lorsque vous parcourez une photo dans le portfolio, il existe un moyen de référencer les zones auxquelles la photo a été ajoutée sur le site Web.

Comme je l'ai dit, c'est assez complexe et c'est tellement important que cela soit fait de manière simple et facile à utiliser. Je ne veux vraiment pas irriter les utilisateurs existants.

La question:

J'aimerais des commentaires constructifs, des suggestions, des idées, des commentaires!

2
David

Si je vous comprends bien, l'objectif est d'avoir un stockage de photos commun et de partager ses photos entre les zones. De plus, le nouveau design ne doit pas confondre les anciens utilisateurs.

1) Modifier la page du portfolio: les utilisateurs peuvent partager les mêmes photos dans d'autres zones: utilisez les cases à cocher près de la photo

[Portfolio]
 _____________  
|             |   Share photo to: 
|             |   [x]  gallery          <- users can share photos via portfolio
|    photo    |   [x]  competitions     <- 
|             |   [x]  groups           <- 
|_____________|    ....

2) Les utilisateurs peuvent toujours télécharger des photos depuis d'autres zones, par exemple depuis la galerie. Vous pouvez donc voir ces photos dans le portfolio:

[Portfolio]
 _____________  
|             |   Share photo to: 
|             |   [x]  gallery   <- it means that image was uploaded from gallery 
|    photo    |   [ ]  competitions 
|             |   [ ]  groups
|_____________|    ....

3) Ajoutez [option] à chaque zone près du bouton de téléchargement pour permettre aux utilisateurs de choisir des photos dans le stockage (portfolio) ou de télécharger des photos depuis la source externe (URL Web ou fichier local, etc.). Si l'utilisateur choisit [télécharger depuis le portfolio], votre interface utilisateur devrait afficher une liste de photos qui n'ont pas été partagées pour cette zone, et l'utilisateur peut vérifier les photos pour les partager dans cette zone.

[Competitions] Choose to place at this area
     _____________       ____________
    |             |     |            | 
    |             |     |            |
    |   photo1    |     |   photo2   |
    |             |     |            |
    |_____________|     |____________|    ...        

     [x] place           [ ] place 
1
igor

Assurez-vous d'abord que les utilisateurs comprennent les différences entre "Portfolio" et "Domaines". Cela peut prêter à confusion - votre conception doit indiquer clairement que "Portfolio" est un type d'objet différent d'une "Galerie" ou d'un "Concours".

Ensuite, je pense que vous avez les trois cas d'utilisation suivants:

1) Je souhaite télécharger une photo dans mon portfolio

Pour une première itération, je ferais du Portfolio le seul endroit où les utilisateurs peuvent télécharger, éditer ou supprimer des photos. Cela simplifie considérablement le téléchargement. ajouter une option à l'interface utilisateur de téléchargement pour "Partager la photo sur ..." dans une zone.

2) Je suis dans le Portfolio et je veux ajouter une photo précédemment téléchargée dans une zone

Une fois qu'un utilisateur a téléchargé une photo, il peut choisir de la partager avec les autres zones du site (similaire au premier diagramme d'igor) à l'aide de cases à cocher ou de balises. À ce stade, nous sommes toujours dans le portefeuille.

) Je suis dans une zone et je souhaite ajouter/télécharger une photo

Lorsque l'utilisateur souhaite ajouter une photo à une zone, les ramène à une vue du Portfolio . Il n'est pas nécessaire que ce soit l'écran de niveau supérieur de Portfolio, mais il doit être suffisamment familier pour que l'utilisateur associe ce Portfolio à l'endroit où son "compartiment" d'images est stocké.

Si l'image qu'ils doivent ajouter n'est pas actuellement téléchargée, le bouton de téléchargement doit offrir une interface utilisateur aussi proche que possible du cas d'utilisation 1 (c'est-à-dire "Je télécharge une image dans le portefeuille et en ajoutant à la galerie 'pas' Je suis téléchargeant une image dans la galerie '). Cochez automatiquement la case (ou ajoutez la balise) pour la zone dans laquelle se trouvait l'utilisateur.


Un autre point à noter - pensez aux téléchargements par lots et aux opérations par lots. Toutes les opérations ci-dessus doivent être prises en charge au niveau du lot. Par exemple. permettez-moi de sélectionner plusieurs photos du portfolio et de les ajouter à la galerie.

1
Jon White

Pensez au codage couleur (en gardant à l'esprit le daltonisme). Associez des "zones" à une certaine couleur dominante, le téléchargement vers cette zone doit également avoir cette couleur. En plus des icônes, de nombreuses informations visuelles cohérentes avec les sections.

0
Stefano