web-dev-qa-db-fra.com

Existe-t-il un moyen de représenter les informations avec une icône dans l'interface utilisateur plate ou doivent-elles être toujours exploitables?

Je voudrais représenter l'état d'un fichier (c'est-à-dire "doit être revu", "fait", etc.) à travers une icône. Cependant, dans l'interface utilisateur plate, vous ne pouvez pas distinguer une icône actionnable d'une icône non actionnable en raison d'un manque d'accessibilité comme certains chrome.

Jusqu'à présent, je crois que je dois m'en tenir à des informations représentées par du texte qui viennent avec une mise en page plus immobilière et plus turbulente en raison de différentes longueurs de texte. J'ai pensé à mettre un peu de chrome autour des icônes exploitables, mais cela violerait la conception matérielle de Google que nous utilisons comme brouillon pour nos propres conventions d'interface. De plus, je crois que l'interface utilisateur plate est ici pour rester donc je ne veux pas trop briser les conventions.

Jusqu'à présent, ma conclusion est que j'ai perdu la possibilité de représenter des informations par le biais d'icônes car elles doivent maintenant être toujours utilisables ou quelqu'un a-t-il une idée de la façon de résoudre ce dilemme?

2
Alexej Froehlich

Je ne comprends pas votre conclusion selon laquelle les icônes ne peuvent pas donner lieu à une action. Mon programme de messagerie électronique distingue les courriels que j'ai lus de ceux que je dois encore lire en utilisant des photos d'enveloppes fermées ou non fermées. Une icône avec une enveloppe fermée est pour moi un appel à l'action pour l'ouvrir. De plus, je peux définir des drapeaux sur mes e-mails avec différentes couleurs.

Pourquoi ne pouvez-vous pas mettre un point d'exclamation rouge sur les fichiers qui nécessitent une action? Quelque chose comme ça: http://www.iconarchive.com/download/i60520/custom-icon-design/pretty-office-9/file-warning.ico

Le besoin de planéité ne signifie pas que vous ne pouvez pas superposer des marques d'annotation comme une étoile, un point d'exclamation, un point, etc.

1
Mishax

Il existe des conventions visuelles dans les interfaces utilisateur plates pour offrir des moyens. Vous n'avez pas à vous fier à chrome ou à la conception skumorphic pour le faire.

Par exemple: j'ai vu cette petite icône de flèche utilisée sur les interfaces utilisateur plates pour indiquer qu'un certain élément est interactif.

Arrow icon on Strapline

Une solution serait de superposer une icône plate similaire sur vos éléments interactifs et d'utiliser l'absence de l'icône pour signaler des objets visuels non interactifs.

0
Racheet