¿Cuáles son algunos de los mejores flujos de información en un sitio web o aplicación móvil?

Este artículo cubre los mejores tutoriales utilizados para aplicaciones web. Compruébalo para ver imágenes y explicaciones completas.

Aquí hay una descripción general de los 5 mejores:

Fluir

  • El tutorial progresa a medida que los usuarios toman medidas: cada consejo requiere que el usuario haga clic en el elemento en la página a la que apunta. El enfoque basado en la acción facilita a los usuarios a través de su configuración inicial.

Tumblr

  • El recorrido por el producto de Tumblr requiere que haga clic en ‘Siguiente’ para avanzar cada consejo. Este enfoque (sobre uno impulsado por la acción como el de Flow) funciona bien para impulsar el compromiso con la plataforma.

Bandeja de entrada

  • La serie modal de Google comunica la funcionalidad de Inbox de manera integral. Incluye solo unas pocas palabras de texto, algunos íconos simples y una captura de pantalla plana en cada diapositiva. Incluso leer cada uno de ellos daría a los nuevos usuarios una mejor idea de lo que está por venir.

Bynder

  • Bynder usa Appcues para construir sus recorridos. Y aunque Appcues es una herramienta de terceros, sus tutoriales se ven increíbles y nativos de su marca.

Piloto automático

  • El piloto automático atrae a los usuarios a ingresar al tutorial. Pero si hace clic, hay un meneo que muestra un error … esto lo dirige de nuevo.

Esta es una gran pregunta, lo más probable es que hayas visto que hay muchas herramientas de tutorial disponibles para aplicaciones web y opciones limitadas para dispositivos móviles

Soy fundador de Pointzi y ayudamos a los gerentes de producto a desarrollar tutoriales para aplicaciones móviles sin código.

Cuando piense en tutoriales informativos para dispositivos móviles, le sugiero que considere:

  1. Quién creará el tutorial. ¿Desea que los gerentes de producto diseñen tutoriales para que no necesite distraer a los desarrolladores?
  2. ¿Desea modificar / actualizar el tutorial móvil sin lanzamientos de aplicaciones? Para que pueda iterar sin perderse en la hoja de ruta del producto
  3. ¿Desea medir la efectividad y ejecutar pruebas A / B para la mejora continua? Esto significa que puede ajustar su tutorial para que pueda probar qué información y presentación está impulsando la mejor activación del usuario

Si desea diseñar recorridos informativos que puedan medirse y mejorarse con el tiempo, le sugiero que no se enrede en un proceso de desarrollo y utilice una herramienta como Pointzi.

Además, debe tener en cuenta la función y el propósito del tutorial.

Para dispositivos móviles, los Tutoriales generalmente terminan en carruseles de pantalla completa, que todo usuario ve independientemente del segmento en el que se encuentren. El enfoque de carrusel ahora se considera de bajo valor en comparación con la incorporación contextual o, a veces, se denomina “incorporación progresiva”

El papel y el valor del progreso progresivo en el abordaje están cubiertos en nuestra publicación de nuestro blog

Las 4 formas en que las aplicaciones de citas seducen con la incorporación progresiva

O vea cómo los consejos están reemplazando a los carruseles como guía de las funciones de la aplicación

Integración progresiva de Google con consejos / recorridos

“Lo mejor” es complicado porque realmente depende de qué tipo de tutorial está buscando y cuántos datos de fondo / investigación necesita.

Sin embargo, uno de los mejores que he visto para una revisión de la interfaz de usuario de alto nivel centrada específicamente en los escenarios de primera ejecución / incorporación es este:

Un compendio actualizado con frecuencia de experiencias de primera ejecución de aplicaciones web

More Interesting

¿Cuál es la mejor manera de usar acordeones JavaScript en una página web móvil?

¿Por qué los enlaces profundos móviles son diferentes de los enlaces profundos web? ¿En qué se diferencian? ¿Hay cosas que debo tener en cuenta cuando permito que mi aplicación sea de enlace profundo?

¿Qué podría considerarse una técnica estándar para la detección / redirección móvil de un sitio web y cómo se implementaría de manera típica?

¿Qué pequeño sitio web, aplicación móvil o herramienta de software siempre quisiste que alguien construyera?

Creado un sitio web y una aplicación únicos, ¿cuál es el siguiente paso?

¿Usar una aplicación de Android o iPhone siempre es útil en lugar de acceder al sitio web directamente desde el navegador web de un teléfono?

¿Existe un sitio web de administración de fotos en línea con edición no destructiva?

¿Cuál es la diferencia entre un sitio web receptivo y un sitio móvil?

¿Cómo construir un juego para Android e iOS? ¿Cuáles son los pasos y el costo involucrados?

¿Cuál simplifica mejor sus objetivos comerciales, un sitio web móvil o una aplicación?

¿Cuál es el mejor software / sitio web para hacer videos de ventas profesionales?

¿Qué servicio verifica si los usuarios que se registran en mi aplicación móvil (Android e iOS) o sitio web son genuinos?

¿La aplicación web AJAX en dispositivos móviles consume más batería?

¿Qué año de PC es este para dispositivos móviles?

¿Por qué Twitter aloja su sitio móvil en mobile.Twitter.com en lugar de Twitter.com?