web-dev-qa-db-fra.com

Origine du «cercle de chargement»

Particulièrement répandu depuis Windows Vista, pour autant que je puisse voir, le "cercle de chargement" est maintenant une représentation souvent utilisée de quelque chose en cours de chargement, ou d'une période d'attente non spécifiée.

Generic Loading Circle

Il y a beaucoup d'autres exemples sur Google Images . Je suppose que le "ballon de plage" séculaire d'Apple est un autre exemple, et celui qui utilise la couleur - également le seul exemple rempli dont je suis au courant.

OS X 'Beach Ball'

Je suis curieux de connaître les origines de cette représentation; quand il a remplacé la barre de chargement progressive (qui sert en fait plus d'utilité, car elle montre la distance jusqu'à l'achèvement) comme principale (c'est spéculatif bien sûr, mais je pense que je vois plus de cercles continus que de barres progressives de nos jours, surtout si vous excluez Windows 'installateurs).

Je me demande quelle analyse a été faite de la réaction des utilisateurs à la représentation, à la directionnalité, au gradient (souvent en niveaux de gris comme ci-dessus, mais Vista était bleu), etc.

11
OJFord

Il s'agit d'une version mise à jour d'icônes en attente remontant aux premières interfaces graphiques et navigateurs , qui sont elles-mêmes utilisées pour indiquer l'état du système ou de l'application.

Icônes de curseur pour indiquer l'état du système

La station de travail Xerox Star a utilisé un sablier pour indiquer que la machine est occupée et indisponible pour d'autres activités. La modification du curseur a été choisie pour indiquer l'état d'une interface graphique car les utilisateurs y regardent presque toujours. La tendance à utiliser le curseur pour afficher l'état du système s'est poursuivie jusqu'à Apple Macintosh , Microsoft Windows et d'autres systèmes d'exploitation que vous voyez aujourd'hui.

État indéterminé au niveau du navigateur

Les navigateurs avaient des exigences différentes pour indiquer l'attente car l'utilisateur pouvait interrompre l'action d'un chargement de page. L'une des premières utilisations du " throbber " était le navigateur Mosaic où un graphique s'animait en continu pendant le chargement d'une page. L'utilisation d'une icône animée pour indiquer l'état de téléchargement a été transférée dans Netscape et Internet Explorer. Lorsque AJAX a été introduit et que certaines parties d'une page peuvent être téléchargées séparément, il était logique pour les concepteurs et les développeurs d'utiliser une icône animée dans la partie de la page en cours de téléchargement.

Implications sur UX

La chose importante à retenir est ce que vous essayez de transmettre à l'utilisateur, sans limiter autant que possible le système. En particulier, si vous pouvez donner à l'utilisateur une estimation de l'achèvement, affichez une barre de progression à la place. Voir ces questions supplémentaires sur le dépassement de pile pour certaines implications et considérations de conception.

7
Jonathan Strate