Buenos ejemplos de recorridos/tutoriales/tutoriales en la aplicación en Android o iPhone

Question

Para mi aplicación para Android, proporciono a los usuarios un tutorial introductorio en una página web separada. Incluye capturas de pantalla y es fácil de leer, pero sigue siendo un documento separado que se puede leer mejor en una computadora en toda regla. Me gustaría integrar estas instrucciones en un recorrido/tutorial integrado en la aplicación que haga avanzar a nuevos usuarios a través de la funcionalidad. Estoy pensando en una serie de alertas emergentes o burbujas con flechas para señalar diferentes partes de la interfaz.

Una pregunta general: ¿Hay alguna aplicación de Android y/o iPhone que pueda recomendar como buenos ejemplos para ver?

Una pregunta específica: ¿Qué tipo de componentes de la interfaz de usuario sería mejor usar en Android? Toast's y AlertDialog son algo feos. Tal vez debería de alguna manera desollar un Diálogo?

Answer 1

En iOS, Tapbots reúne algunas demostraciones realmente agradables: según la aplicación, han realizado recorridos animados y más material basado en guías.

Hay algunos sitios que escuché ayer que incluyen ejemplos de tutoriales en iOS. Mobile UI Patterns y pttrns.

Answer 2

Menciona que tiene un manual, pero que se lee mejor en el escritorio. En mi experiencia, un manual HTML en la aplicación (uno que no requiere una conexión de red para leer) puede funcionar bien en una aplicación móvil.

Si usa un estilo apropiado para un dispositivo móvil (un ancho de página más angosto, capturas de pantalla de tamaño similar a la pantalla del dispositivo, enlaces rápidos en la parte superior de cada sección manual, etc.), un manual puede ser tan fácil de leer dentro de la aplicación tal como está en el escritorio.

Por ejemplo, this es el manual que adjunto dentro de una aplicación de iOS mía, usando una vista web que carga el HTML local, CSS e imágenes para mostrar esto sin tener que salir a un servidor. He usado un estilo que se adapta bien al tamaño de la pantalla de un iPhone, o que puede aparecer en una bonita ventana emergente en un iPad. Un formato similar también sería aplicable a la mayoría de los dispositivos Android.

Muchos más usuarios de mi aplicación han leído este manual que cualquier otra documentación que he enviado con un producto de software. Los solicito en el primer lanzamiento de la aplicación, para que sepan dónde está el manual, y parecen leer cuando encuentran un problema. He tenido muchas menos personas que me escriben que no entendieron cómo hacer algo en esta aplicación de lo que esperaba. Además, la página de contacto que coloqué en la documentación parece haber alentado a más usuarios a escribir comentarios y sugerencias que a otros productos similares que no tienen este tipo de manual.

Ahora estoy buscando incorporar este tipo de documentación en mis otras aplicaciones móviles.

Answer 3

que estaba buscando un ejemplos similares y me llevó un tiempo encontrar este recurso:

top 6 help design patterns for iphone apps

Por cierto, no tengo ninguna afiliación con el sitio anterior :)

Answer 4

número enorme de tutorial pantallas que puede encontrar en http://inspired-ui.com/tagged/walk_throughts

Answer 5

Un buen ejemplo que he visto es el tutorial de la aplicación en la que, si aún no lo ha visto, debería verificarlo.Gran cantidad de pantallas de recorrido que puedes encontrar en www.articletrafficlink.com/ipad-video-lessons