web-dev-qa-db-fra.com

Plusieurs boutons de téléchargement pour un type de fichier

buttons

je conçois une interface utilisateur pour une application Web, il y a plusieurs entrées de type carte dans une liste, chaque élément de la liste peut être

  • téléchargé dans le type de fichier A
  • téléchargé dans le type de fichier A
  • téléchargé dans le type de fichier [~ # ~] b [~ # ~]

quelques mises en garde:

  • type de fichier Un téléchargement/téléchargement est toujours disponible.
  • le type de fichier X a 3 états, indisponible, valide, invalide.

les choses qui me contredisent:

  • quel est un bon moyen de différencier le bouton de téléchargement des types de fichiers A et B
  • le mot "Télécharger" doit-il également apparaître dans le 3e bouton?
  • quelle est une palette de couleurs bonne/acceptée pour les boutons de téléchargement/téléchargement?
  • dois-je utiliser les icônes de téléchargement/téléchargement (A et B ayant la même icône) ou essayer de trouver quelque chose de spécifique par type de fichier si ce dernier, que dois-je faire avec le bouton de téléchargement?
5
avielbt

quel est un bon moyen de différencier le bouton de téléchargement des types de fichiers A et B

En tant que principe général de l'UX, vous devez montrer l'état de manière claire et explicite.

Donc, si l'utilisateur pouvait télécharger par exemple un . Doc et un . Pdf , cela devrait être clair pour eux. Par exemple:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

le mot "Télécharger" doit-il également apparaître dans le 3e bouton?

Si c'est dans l'un, il devrait être dans l'autre, mais de toute façon, comme dans l'exemple ci-dessus, je choisirais "d'extraire" le mot comme facteur commun pour réduire l'encombrement.

quelle est une palette de couleurs bonne/acceptée pour les boutons de téléchargement/téléchargement?

Elle doit reposer sur la conception générale de votre page, et non sur une règle générale. Tout comme un commentaire, les gens sont plus attirés par cliquez sur rouge que sur vert , mais ce n'est pas quelque chose à prendre en compte dans ce cas, car ce sont des boutons fonctionnels et non des boutons de conversion.

dois-je utiliser les icônes de téléchargement/téléchargement (A et B ayant la même icône) ou essayer de trouver quelque chose de spécifique par type de fichier si ce dernier, que dois-je faire avec le bouton de téléchargement?

L'action est la même, donc ça va si les icônes sont les mêmes, comme je l'ai dit dans le premier point, l'important est de s'assurer que les résultats des actions correspondent aux résultats attendus des utilisateurs.

2
Alejandro Veltri

Pour économiser de l'espace, ce que nous avons fait sur notre site Web est de créer une liste déroulante de téléchargement qui ouvre une liste de différents formats dans lesquels le fichier est disponible. Dans notre cas, différentes langues mais vous pouvez utiliser différents formats de fichiers.

Download dropdown

En termes d'icônes et de distinction entre téléchargement et téléchargement, je recommanderais deux icônes distinctes, par exemple celles-ci.

UploadDownload

Pour les couleurs, je suggère de ne pas utiliser le rouge car il est souvent associé à la suppression d'un élément ou à des erreurs. S'il y a une action que vous préférez que les utilisateurs fassent, rendez cette action plus visible.

Accentuate primary actions

1
Martyn