Qu'est-ce que c'est? Création d'une commande: plusieurs images, plusieurs tailles d'impression

Question

J'ai une application dans laquelle les utilisateurs sélectionnent les images qu'ils souhaitent imprimer, les tailles d'impression qu'ils souhaitent pour chaque image et une quantité pour chaque paire image/taille d'impression.

Je me demande quel type d'interface graphique je peux utiliser pour bien faire ça. Je dois autoriser les 'batch add' - c'est-à-dire que les clients sont souvent des photographes professionnels et peuvent imprimer un grand nombre d'images à plusieurs tailles, donc je ne veux pas créer un flux où ils doivent sélectionner une image Là.

Actuellement, j'autorise la sélection d'images et de formats d'impression indépendamment, avec un champ de quantité et un bouton 'ajouter'. Cela fonctionne bien pour l'ajout, mais j'ai besoin d'une autre interface pour éditer/supprimer des éléments, et cela ne représente pas bien l'état de la commande.

Des idées? Merci.

Answer 1

Bien sûr, ce quelque chose comme ceci:

alt text http://fullahead.org/work/stackoverflow/gui-print-ordering.png

Dans un premier temps toutes les vignettes d'images auraient le bleu lien Commander des tirages. Au clic, cela créerait une liste déroulante Taille et un champ de texte Quantité.

Une fois que l'utilisateur est entré dans les deux champs, un "X" rouge apparaît à côté de lui, leur permettant de supprimer cet ordre spécifique.

L'utilisateur peut également continuer à cliquer sur Commander des tirages sur une seule vignette pour ajouter plusieurs commandes de taille/quantité pour une seule image.

Comme une fonctionnalité d'utilisation agréable, vous pouvez ajouter un indicateur sélectionné subtil aux vignettes qui ont une demande d'impression sur eux. Cela permet à vos utilisateurs de voir rapidement quelles sont les images en attente d'impression.