Bons exemples de visites guidées/tutoriels/visites guidées sur Android ou iPhone

Question

Pour mon application Android, je propose actuellement aux utilisateurs un didacticiel d'introduction sur une page Web distincte. Il comprend des captures d'écran et est facile à lire, mais il s'agit toujours d'un document distinct qui est mieux lu sur un ordinateur à part entière. Je souhaite intégrer ces instructions dans un didacticiel ou une visite in-app qui guide les nouveaux utilisateurs à travers les fonctionnalités. Je pense à une série d'alertes pop-up ou de bulles avec des flèches pour pointer différentes parties de l'interface.

Une question générale: y a-t-il des applications Android et/ou iPhone que vous pouvez recommander comme exemples à regarder?

Une question spécifique: Quelle sorte de composants de l'interface utilisateur serait préférable d'utiliser dans Android? Toast et AlertDialog sont un peu moche. Peut-être que je devrais peaufiner un Dialog?

Answer 1

Sur iOS, Tapbots rassemble des démos vraiment sympa - selon l'application, ils ont fait des pas à pas animés et d'autres trucs basés sur des guides.

Il y a quelques sites dont j'ai entendu parler hier qui incluent des exemples de procédures pas à pas sur iOS. Mobile UI Patterns et pttrns.

Answer 2

Vous mentionnez avoir un manuel, mais qu'il est préférable de le lire sur le bureau. Dans mon expérience, un manuel HTML en-application (un qui ne nécessite pas une connexion réseau pour lire) peut bien fonctionner dans une application mobile. Si vous utilisez un style adapté à un appareil mobile (largeur de page plus réduite, captures d'écran dimensionnées pour l'affichage de l'appareil, liens rapides en haut de chaque section manuelle, etc.), un manuel peut être aussi facile à lire dans l'application comme sur le bureau. Par exemple, this est le manuel que je regroupe dans une de mes applications iOS, en utilisant une vue Web qui charge le HTML, le CSS et les images locaux pour afficher ceci sans sortir vers un serveur. J'ai utilisé un style qui correspond bien à la taille de l'écran d'un iPhone, ou qui peut apparaître dans une belle fenêtre sur un iPad. Un formatage similaire serait également applicable à la plupart des appareils Android.

Beaucoup plus d'utilisateurs de mon application ont lu ce manuel que toute autre documentation fournie avec un logiciel. Je les invite au premier lancement de l'application, afin qu'ils sachent où se trouve le manuel, et ils semblent lire quand ils rencontrent un problème. J'ai eu beaucoup moins de gens qui m'écrivaient qui ne comprenaient pas comment faire quelque chose dans cette application que je ne l'avais prévu. Aussi, la page de contact que j'ai placée dans la documentation semble avoir encouragé plus d'utilisateurs à écrire avec des commentaires et des suggestions que pour d'autres produits similaires qui n'ont pas ce genre de manuel.

Je cherche maintenant à incorporer ce type de documentation dans mes autres applications mobiles.

Answer 3

Je cherchais un exemple semblable et m'a pris un certain temps pour trouver cette ressource:

top 6 help design patterns for iphone apps

BTW, je n'ai aucune affiliation avec le site ci-dessus :)

Answer 4

numéro énorme de procédure pas à pas écrans que vous pouvez trouver à http://inspired-ui.com/tagged/walk_throughts

Answer 5

Un bon exemple que j'ai vu est le tutoriel dans l'application, si vous ne l'avez pas déjà vu, vous devriez le vérifier.Un grand nombre d'écrans pas à pas vous pouvez trouver à www.articletrafficlink.com/ipad-video-lessons