Un simple recherche d'images Google affichera un grand nombre d'icônes liées à "Annuler et Rétablir", et de manière intéressante, la plupart d'entre elles, sinon toutes, sont rondes. Jetez un œil à ceux que Microsoft Office utilise:
Et un autre de Google:
Le titre dit la question, mais en voici un peu plus:
Pourquoi l'annulation/la restauration est-elle apparemment standardisée en tant que flèches courbes/rondes?
N'est pas rembobinage associé à une flèche droite pointant vers la gauche et vers l'avant associé à une flèche droite pointant vers la droite ? Pourquoi Annuler/Rétablir est-il différent?
Et pour finir, si je fais des flèches droites mes icônes défaire/refaire, est-ce moins compréhensible?
Aucun de mes 5000 utilisateurs ne s'en est vraiment plaint pour le moment, mais l'un d'eux m'a suggéré de le rendre sinueux et cela m'a fait réfléchir.
Voici une capture d'écran rapide de mon application pour donner un peu de contexte:
J'ai fait une recherche sans résultat spécifique, je répondrai donc en tenant compte des principes d'utilisation et de l'historique du logiciel:
La fonction d'annulation était déjà ici dans les années 7 mais ce n'est qu'à l'apparition et à l'expansion des interfaces graphiques et à la popularité croissante des ordinateurs de bureau qu'elle a obtenu son identité d'icône.
À cette époque, les utilisateurs n'utilisaient pas beaucoup d'applications, étant les processeurs de texte les plus populaires. Sans aucun doute, l'un des logiciels les plus populaires de l'époque était Microsoft Word.
Jetez un œil à son icône en 1993:
C'est un problème courant avec les icônes (et autres composants logiciels): il est très peu probable qu'ils changent au fil du temps une fois qu'ils sont établis et reconnaissables pour la plupart des utilisateurs. C'est la même raison pour laquelle nous continuons à utiliser le clavier QWERTY au lieu d'un clavier avec une autre disposition qui permet de meilleures performances: Familiarité .
Cela permet à l'utilisateur de continuer à utiliser de nouveaux systèmes sans aucune douleur et permet aux entreprises d'éviter une question difficile de répondre: "Auront-ils cela?".
Les flèches droites sont principalement utilisées pour la navigation et en raison de sa simplicité peuvent être utilisées pour de nombreuses actions de "mouvement", y compris l'action d'annulation, ce qui permet de revenir à l'état précédent de ce que nous modifions.
Mais cela ne fonctionne pas dans l'autre sens. Les flèches courbes ne sont pas utilisées aussi fréquemment.
Si vous placez un bouton d'annulation entièrement arrondi dans une barre de navigateur, il pourrait facilement être mal interprété comme un bouton Actualiser car l'icône est presque la même. Donc, ma recommandation dans un contexte où une action d'actualisation pourrait être possible dans l'esprit des utilisateurs serait de rester avec quelque chose d'arrondi mais PAS complètement arrondi, pour éviter la confusion des utilisateurs. Bien sûr, dans un contexte spécifique, ce ne sera pas un problème tandis que l'apparence de l'icône Annuler reste sous la forme d'une flèche clairement incurvée.
Je crois qu'il est censé représenter une horloge analogique, où la fonction Undo montre l'heure qui recule, tandis que la fonction Redo montre à nouveau l'heure qui avance.
Je crois que c'est pour faire la différence entre le "bouton précédent" et le "bouton avant" qui est généralement représenté par une flèche droite.
Les boutons Précédent (et avant) représentent et une action qui naviguera vers l'arrière vers un endroit différent , c'est-à-dire la page sur laquelle vous vous trouviez avant celle en cours.
Le bouton Annuler est rond car il revient à un état précédent mais ne navigue pas vers un nouvel endroit, il vous ramènera au même endroit juste à un point précédent dans le temps. Le cercle à 360 degrés représente l'utilisateur qui revient mais qui revient au même point où il a commencé.
Vu ici dans Consignes de mise en miroir de la bidirectionnalité de Google :
Parfois, la direction horizontale et circulaire du temps est impliquée dans une icône. Par exemple, les boutons de rétablissement et d'annulation de Google Docs ont à la fois une direction horizontale et une direction circulaire.
Dans LTR, ceux-ci pointent vers la même direction dans les représentations circulaires et horizontales du temps. Dans RTL, choisissez d'afficher la direction circulaire ou horizontale.
Amadou:
Police impressionnante: (utilisée sur de nombreux sites)
http://fortawesome.github.io/Font-Awesome/icon/undo/
Adobe Ideas Iphone:
REMARQUE: ils semblent avoir les icônes les moins arrondies dans certaines versions, je ne sais pas s'il s'agit d'une version plus récente/ancienne ou d'une version de bureau, mais il serait intéressant de savoir pourquoi ils ont changé.
Le bouton Annuler est généralement appelé une flèche remontant sur lui-même. Si vous avez déjà pris un mauvais virage à une intersection, la première réaction serait de faire demi-tour et de revenir à l'intersection pour réessayer. Le bouton de rétablissement serait vraisemblablement conçu comme tout le contraire de l'annulation. Il s'agit essentiellement d'un bouton demi-tour. Les boutons droits gauche ou droit peuvent facilement être confondus avec la page précédente/la page suivante. Il n'est utilisé que dans les navigateurs Web où il peut être confondu avec le bouton d'actualisation (un 360, donc vous revenez d'où vous venez, mais toujours assez similaire pour être utilisé accidentellement).
L'idée derrière ces icônes est de représenter visuellement une chose qui revient dans un cercle. Désormais, les icônes ont été principalement popularisées par Microsoft car elles sont devenues courantes avec la popularité de son package bureautique. Du point de vue de la convivialité, les icônes ne sont pas si mauvaises que cela, mais vous devez les accompagner d'étiquettes qui indiquent clairement le mot "Annuler" et "Rétablir". Sinon, ils deviennent difficiles à remarquer et à tuer l'UX.
En fait, Apple n'a pas les deux icônes dans sa suite iWork populaire et utilise des légendes pour décrire "Annuler" et "Rétablir".