web-dev-qa-db-fra.com

Affichage d'un message "en attente de téléchargement" dans une application iPad

Je conçois une application qui nécessitera que les données soient extraites de nos serveurs principaux, et lors de la première utilisation de l'application, il y a un écran qui prendra quelques minutes pour toutes les données à charger. J'ai cherché des exemples de messages "en attente de téléchargement" dans une application iPad et je n'ai rien trouvé. Plus précisément, j'aimerais savoir:

  • Existe-t-il une icône standard pour l'affichage du message? Nous voulons que nos utilisateurs sachent que des progrès sont en cours, et idéalement, nous aimerions afficher une icône de spinner (nos ingénieurs craignent de pouvoir refléter les résultats avec une barre de progression).
  • Si nous utilisons cela, je n'ai trouvé aucun exemple de fileur avec un message texte. Nous aimerions leur faire savoir que cela pourrait éventuellement prendre quelques minutes. Existe-t-il un moyen de transmettre un message texte plus long ainsi qu'une icône "en attente" sans que l'écran ne semble trop occupé?

J'apprécierais toutes suggestions ou exemples de la façon dont d'autres ont abordé ce problème. Merci!

2
Christine Ketterlin

Existe-t-il une icône standard pour l'affichage du message?

Non. Les icônes, en général, n'ont pas de sens et ne sont pertinentes que sur la base d'une expérience précédente de l'utilisateur avec elles. Vous ne devez jamais utiliser seulement une icône pour transmettre des informations importantes.

Nous voulons que nos utilisateurs sachent que des progrès sont en cours, et idéalement, nous aimerions afficher une icône de spinner (nos ingénieurs craignent de pouvoir refléter les résultats avec une barre de progression).

Si vous souhaitez afficher la progression, affichez une barre de progression. Un spinner implique pour l'utilisateur que quelque chose se passe, mais si rien ne se passe pendant un certain temps, il peut facilement atteindre le point où il pense que rien ne se passe réellement et abandonnera son action.

La barre de progression doit afficher la progression réelle si possible, en utilisant une barre de progression à état déterminé:

enter image description here

Mais s'il y a une incertitude dans le processus, il existe des normes pour les barres de progression indéterminées:

enter image description here

Des barres indéterminées s'animent pour représenter les progrès en cours, mais que l'application n'est pas totalement sûre de la durée. Les filateurs tournent simplement.

Vous pouvez également attribuer une valeur à une barre indéterminée. Donc, si vous pouvez faire une "meilleure estimation" des progrès réalisés jusqu'à présent, vous pouvez le représenter tout en affichant une durée indéterminée.

(Source: OSX HIG )

Si nous utilisons cela, je n'ai trouvé aucun exemple de fileur avec un message texte. Nous aimerions leur faire savoir que cela pourrait éventuellement prendre quelques minutes. Existe-t-il un moyen de transmettre un message texte plus long ainsi qu'une icône "en attente" sans que l'écran ne semble trop occupé?

En supposant que votre application doit télécharger ces informations avant d'être utile, il n'y a aucune raison pour que vous ne puissiez pas présenter un message plein écran leur disant exactement ce qui se passe. Les tablettes ne sont pas petites - vous avez beaucoup d'espace pour un message très clair .

Vous devez inclure ces messages pour montrer que l'utilisateur est clair sur ce qui se passe.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Cependant, si votre application peut être utilisée, mais uniquement dans une capacité limitée, vous devez laisser l'utilisateur entrer. Ne les empêchez pas de faire des choses dont le téléchargement n'est pas nécessaire.

Dans ce cas, vous pouvez simplement désactiver les actions qui nécessitent que le téléchargement soit terminé. Si l'utilisateur les tape, vous pouvez ignorer l'action ou afficher un message indiquant que vous attendez la fin du téléchargement. Une autre option consiste à utiliser une petite partie de l'écran pendant le téléchargement.

mockup

télécharger la source bmml

Si l'utilisateur est capable de jouer avec certaines options, mais pas toutes, assurez-vous qu'il comprend pourquoi celles avec lesquelles il ne peut pas travailler ne sont pas disponibles.

2
Evil Closet Monkey

Les deux façons courantes de le faire ont déjà été présentées dans votre question. Essentiellement, vous affichez une barre de progression avec un message ou un spinner avec un message. L'un ou l'autre est une solution décente. La question de savoir à quoi ils devraient ressembler est plus un problème de conception qu'un problème UX tant que le message est clair et clairement associé au spinner ou à la barre de progression.

Les ingénieurs évitent souvent les barres de progression car ils ne peuvent pas les prédire avec précision, mais souvent lorsque vous abandonnez l'exigence d'une prévision précise, il existe des données faiblement corrélées qui peuvent se substituer à un indicateur de progression. L'important est que la barre de progression indique un mouvement vers un objectif au fil du temps, et non que le mouvement soit constant.

S'il n'y a aucun moyen d'obtenir des informations utiles qui pourraient être présentées dans une barre de progression, alors un spinner avec un message est votre seule option. Cependant, ici, il y a peu de différence entre une application bloquée et une application qui prend du temps, donc si vous vous attendez à ce que cela prenne quelques minutes, assurez-vous de le communiquer aux utilisateurs afin qu'ils sachent à quoi s'attendre.

2
JohnGB