web-dev-qa-db-fra.com

Choix entre une image ou une entrée vidéo

Je dois faire un back-office pour une application où l'utilisateur peut ajouter des carrousels. Dans le carrousel, il y a à la fois des images et des vidéos (de YouTube ou Vimeo).

Les champs sont ajoutés dynamiquement via ajax lorsque l'utilisateur clique sur "Ajouter une diapositive vidéo" ou "Ajouter une diapositive d'image".

Mais l'utilisateur ne peut pas ajouter plus de 10 diapositives. Comment mettriez-vous cela en œuvre? J'ai pensé à faire des liens une couleur différente lorsque le maximum est atteint.

J'ai également pensé à afficher un lien "supprimer" lors du survol des champs.

Voici ma maquette:

enter image description here

1
onimojo

En tant qu'utilisateur, je déteste courir dans les limites après avoir investi du temps. Par exemple, disons que j'ai téléchargé 50 photos en pensant pouvoir faire un diaporama avec les 50 photos. S'il y a une limite de 10 diapositives et que je ne découvre cette limite que lorsque je vais ajouter la 10e ou la 11e diapositive, je serai mécontent. Donc, ma première suggestion est d'indiquer dès le début quelle est la limite supérieure. (Notez que si la limite supérieure est simplement pour empêcher le ridicule, comme 1000 ou 10000 diapositives, cela ne s'applique pas.)

En ce qui concerne la façon d'indiquer quand ils ont atteint la limite et de les empêcher d'en ajouter plus, je pense que changer ou griser les liens est acceptable. La partie la plus importante est de ne plus les rendre cliquables.

Pour les boutons, cela signifie généralement que le texte est gris et que le biseau est supprimé pour qu'il soit plat.

Pour les liens, cela signifie changer la couleur (le gris est un bon choix pour la plupart des jeux de couleurs) et supprimer le soulignement. Assurez-vous que la couleur du survol est la même que la couleur sans survol et que le curseur ne se transforme pas en doigt. Vous pouvez y parvenir en remplaçant le lien par du texte brut ou en modifiant le style du lien.

Quant à avoir un lien "Supprimer", je suis d'accord pour que vous en ajoutiez un. Je recommanderais également une méthode pour réorganiser les diapositives. Il peut s'agir de glisser-déposer ou de flèches vers le haut et vers le bas.

4
mouseas