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

Para mi aplicación para Android, actualmente proveo 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 completa. Me gustaría integrar estas instrucciones en un tour / tutorial en la aplicación que orienta 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 para Android y / o iPhone que puedas recomendar como ejemplos agradables para ver?

Una pregunta específica: ¿Qué tipo de componentes de interfaz de usuario sería mejor utilizar en Android? Toast y AlertDialog son un poco feos. Tal vez debería de alguna manera piel de un diálogo?

En iOS, Tapbots reúne algunas demostraciones realmente agradables – dependiendo de la aplicación, han hecho tutoriales animados y otras cosas basadas en guías.

Hay algunos sitios que he oído acerca de ayer que incluyen ejemplos de tutoriales en iOS. Mobile UI Patrones y pttrns .

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

Top 6 ayudan a diseñar patrones para aplicaciones iphone

BTW, no tengo ninguna afiliación con el sitio antedicho 🙂

Gran cantidad de pantallas paso a paso que puede encontrar en http://inspired-ui.com/tagged/walk_throughts

Usted menciona tener un manual, pero que es mejor leer 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 utiliza un estilo adecuado para un dispositivo móvil (un ancho de página más estrecho, capturas de pantalla de tamaño para la pantalla del dispositivo, enlaces rápidos en la parte superior de cada sección de manual, etc.), un manual puede ser tan fácil de leer dentro de la aplicación como Está en el escritorio.

Por ejemplo, este es el manual que agrupo dentro de una aplicación iOS de la mía, usando una vista web que carga el HTML local, CSS e imágenes para mostrar esto sin salir a un servidor. He utilizado un estilo que encaja bien con el tamaño de pantalla de un iPhone, o que puede aparecer en un popup agradable 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. Les pido en el primer lanzamiento de la aplicación, para que sepan dónde está el manual, y que parecen leer a través de cuando un problema. He tenido mucho menos gente escribiéndome que no entendía cómo hacer algo en esta aplicación de lo que esperaba. Además, la página de contacto que he colocado en la documentación parece haber alentado a más usuarios a escribir con comentarios y sugerencias que para 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.

Un buen ejemplo que he visto es el tutorial de aplicaciones, si no lo has visto, deberías comprobarlo. Gran cantidad de pantallas paso a paso que puede encontrar en http://www.articletrafficlink.com/ipad-video-lessons

  • ¿Es posible obtener la máxima precisión GPS en el navegador móvil?
  • Llamada de teléfono móvil o mailto no funciona en absoluto
  • Aplicación para móviles: orientada a iPhone, WP7, Android y Blackberry
  • Plugin de androide phonegap ActionBar wrapper
  • Android query failed com.android.internal.telephonyCommandException RADIO_NOT_AVAILABLE
  • Android coverflow
  • JQuery Mobile & PhoneGap deviceReady () no se disparó
  • ¿Hay alguna manera de usar Webkit Inspector Remote Debugging en iPad?
  • JQuery - Permitir teclado Autoshow en móvil
  • ¿Utiliza simultáneamente wifi y la interfaz 3G en Android?
  • Cocos2D-X Literatue
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.