Nous devons faire tout ce que nous pouvons pour rendre nos applications et sites Web aussi rapides que possible, mais il y a des moments où nous ne pouvons rien faire pour accélérer certains processus, et nos clients doivent donc simplement attendre.
Quelles sont les meilleures pratiques ou idées pour améliorer l'UX de ce temps d'attente?
Pour clarifier, je veux dire des situations où:
Il y a beaucoup de choses que vous pouvez faire dans une telle situation. Deux choses évidentes qui me viennent à l'esprit:
Fournissez une animation distrayante (le temps passe plus vite lorsque l'utilisateur est distrait, vérifiez l'animation du Foursquare qu'ils ont utilisée dans leur application iPhone).
Montrez une citation amusante, un fait intéressant ou un conseil qui pourrait être sinon utile, puis divertissant et approprié dans le contexte du contenu de votre site Web.
Les préchargeurs sont les meilleures choses. Il existe de nombreux types de préchargeurs et cela permet de faire comprendre aux utilisateurs que quelque chose se charge et que rien ne plante.
Ensuite, vous pouvez penser à divertir les utilisateurs en montrant un préchargeur amusant ou créatif.
Jetez un oeil ici . Sont basés sur le flash, mais vous pouvez le faire en utilisant d'autres technologies comme jQuery.
Ce document [1] fournit une enquête sur les souhaits des utilisateurs concernant les barres de progression et les activités alternatives.
47% des participants ont mentionné rester inactifs pendant une courte période d'attente (<5s), tandis que 37% des participants ont déclaré avoir opté pour une activité temporaire. Cependant, 65% ont répondu qu'ils passent à d'autres activités pour une attente plus longue (> 15 s). Étonnamment, seulement 50% ont préféré faire autre chose lorsque la période d'attente était supérieure à 1 minute.
Il fournit également des conseils pour des activités alternatives
Activités souhaitées en attente En milieu de travail, 60% de nos participants ont répondu qu'ils préféreraient rester dans leur contexte et effectuer une activité liée au travail ou gérer leur liste de tâches et leur calendrier pendant une attente de plus d'un mètre. Pendant une période d'attente moyenne de 15s, 40% des participants préfèrent effectuer une activité passive telle que l'obtention d'informations sur le programme en attente ou sur la météo ou la circulation. Seulement 15% de nos participants ont indiqué qu'ils effectueraient des activités passives similaires pendant de courtes périodes d'attente. À la maison, 67% de nos participants ont privilégié des activités telles que la lecture de Twitter ou des fils d'actualités, notamment pour les périodes d'attente plus longues.
[1] C. Hurter, A. Girouard, N. Riche et C. Plaisant. 2011. Barres de progression actives: faciliter le passage à des activités temporaires. Dans Proc. de CHI 2011. ACM, New York http://doi.acm.org/10.1145/1979742.197988
Cliquez sur le bouton "Wireframe UI" sur le formulaire de réponse. Balsamiq apparaîtra et pendant son chargement, des citations liées à l'UX s'affichent à l'écran. Je pense que c'est un excellent exemple pour cela.
Je pense que les utilisateurs sont habitués aux barres de progression et cela ne les dérangerait pas de les attendre. Tout ce qui était divertissant, quelque chose qu'ils devaient lire, etc. ne ferait que les distraire. Aussi, comme mentionné, je serais plus contrarié s'il y avait une citation dont je n'ai lu que la moitié.
Je sais que c'est quelque peu pédant à faire, mais vous pouvez toujours montrer divers indices sur la façon d'utiliser efficacement l'application (j'espère que ceux-ci ne sont pas évidents). Je sais que des tonnes de jeux vidéo fournissent des conseils sur le gameplay et la stratégie en attendant qu'une certaine partie du jeu se charge, donc la technique est assez largement utilisée et plus pertinente que le "changer la couleur du sablier rotatif à chaque fois que vous cliquez dessus pour vous vous sentez comme un enfant de dix ans! " type de stratégie.
Évidemment, il existe des applications où cela ne sera pas très efficace, mais pour celles qui sont très riches en fonctionnalités, cela peut rendre votre application beaucoup plus facile à utiliser. De plus, cela ne devrait pas être trop difficile à mettre en œuvre, et vous pouvez toujours montrer fournir une boîte que l'utilisateur peut vérifier s'il ne veut plus les voir.
Comme indiqué ci-dessus, les préchargeurs ou chargeurs qui permettent à l'utilisateur de savoir ce qui se passe sont la voie à suivre. Parfois, une "boucle d'attraction" fonctionnera également, mais c'est plus pour les périodes d'inactivité ou les kiosques.
Une application est un dialogue avec une personne, donc des pauses étranges où l'utilisateur peut être confus ou laissé en attente sans savoir ce qui se passe vont créer une expérience sous-optimale pour l'utilisateur. Cela évolue tous les jours, plus les temps passent, plus l'utilisateur deviendra nécessiteux.
Considérez votre utilisateur comme une petite amie vraiment dans le besoin. Elle a toujours besoin de savoir ce qui se passe. Elle a toujours besoin de réconfort et d'attention. Sinon, elle le trouvera ailleurs ... il y a beaucoup d'applications dans la mer.
Une chose que je peux ajouter à cela est de vous assurer que vous réfléchissez vraiment à la façon dont vous divisez votre contenu et votre chargement. Ne préchargez pas un site entier sauf si vous avez une bonne raison de le faire. Mais en même temps, ne faites pas que chaque petit mouvement charge quelque chose, cela fera une expérience agitée. Je suis toujours penché du côté de ne charger que ce que l'utilisateur veut quand il le veut, ce qui rend l'expérience beaucoup plus vive, en prenant le paradigme Ajax.
Oh, et quant à ce que devrait être le préchargeur ... Vous devriez vraiment fixer des normes élevées. Cela pourrait peut-être être quelque chose d'information qui améliore la convivialité de votre site ou le flux de l'utilisateur actuel. Peut-être que c'est un logo vraiment accrocheur qui imprègne davantage la marque dans l'esprit de l'utilisateur. Peut-être que c'est une animation humoristique ou impressionnante qui se déroule en quelque sorte bien avec le contenu que l'utilisateur attend. Ce n'est pas parce qu'il s'agit d'un préchargeur qu'il doit être ennuyeux ou trop informatif, comme 59% ------>.
Les sites Web de billets d'avion doivent rechercher de nombreuses combinaisons pour trouver les vols les moins chers pour votre ensemble de paramètres. Apparemment, la satisfaction des visiteurs était plus élevée si la page Web transmettait des informations selon lesquelles elle "travaillait dur" pour répondre à votre requête, en montrant des photos de compagnies aériennes recherchées dans un interstitiel.