web-dev-qa-db-fra.com

Quelle est la façon la plus simple de représenter le menu "historique"?

J'ai testé une application mobile (iOS) qui vous permet d'accéder aux actions passées. J'utilise actuellement une icône comme celle-ci https://cdn1.iconfinder.com/data/icons/material-core/21/history-128.png pour accéder à la page, et l'icône est situé dans le coin supérieur droit de l'écran. Presque tous mes testeurs ont pensé qu'il s'agissait d'un bouton d'actualisation ou de retour. Des suggestions sur la façon de rendre plus clair qu'il s'agit d'un bouton d'historique?

3
atnatn

Jetez un œil au rapport Nielsen/Norman sur les icônes . Cela pourrait résonner avec vos conclusions.

Ce bit est votre réponse: "Toujours inclure une étiquette de texte visible."

1
Ken Mohnkern

Lors des tests, je trouve toujours que les utilisateurs connaissent peu d'icônes et finissent par avoir à comprendre ce qu'ils signifient. Si je peux, je vais avec du texte. "L'histoire" va être beaucoup plus claire, surtout compte tenu de l'association de la flèche vers l'arrière avec le rafraîchissement, le retour (comme vous l'avez mentionné) et aussi l'annulation. Le texte peut également être internationalisé, en évitant une inadéquation des associations avec des objets particuliers.

Cela dit, il peut s'agir d'un problème d'espace ou vous pouvez avoir une tonne de palettes à apprendre pour vos utilisateurs. La façon dont vous représentez les actions peut être modifiée avec une autre icône pour indiquer le passé. Ou vous pouvez retirer une page du livre d'Adobe Adobe Photoshop's History palette button .

2
Jeff

Peut-être quelque chose comme this ?

Je viens d'utiliser la fonction d'empilement de Font Awesome.

0
adriennetacke

Le problème principal avec l'icône que vous utilisez est qu'il fait un cercle complet, ce qui est représentatif de l'icône de "rafraîchissement" commune trouvée sur la plupart des navigateurs.

Une autre option serait de rechercher des icônes "précédentes", telles que l'icône d'annulation commune. Vous devrez ajouter une indication qu'il existe plusieurs options, telles que:

  • Un nombre indiquant le nombre d'étapes précédentes disponibles
  • Une pile

Voici une maquette de base que j'ai faite:

Stacked undo button

Une autre idée:

enter image description here

0
Alan