¿Qué aplicaciones web muestran tutoriales interactivos antes de usar?

La respuesta a la pregunta está abajo; Creo que el que hace la pregunta podría estar interesado en esta discusión antes de decidir usar un tutorial interactivo:

John Gruber, un sofisticado usuario de Internet y bloguero dice que un ” usuario debería ser capaz de descubrir cómo funciona una aplicación con solo mirarla “: Si ve un tutorial de la interfaz de usuario, lo explotaron. Para mí, una declaración demasiado amplia como esa es similar a decir “Un usuario debería poder volar un avión simplemente mirando los controles” … o incluso “Un usuario debería poder conducir un automóvil con solo mirarlo”. Necesitamos tener expectativas realistas de las interfaces que usamos y ser más precisos sobre lo que estamos construyendo si alguna vez vamos a evolucionar el diseño de interacción.

Los productos se dividen en múltiples categorías según los patrones de uso y la audiencia prevista .

Algunos productos son productos de uso diario / pesado que deberían optimizarse para el usuario experto . Estos productos deben diseñarse de manera que, una vez que el usuario comprenda cómo navegar y comprender la funcionalidad del producto, pueda realizar acciones regulares con facilidad.

Ejemplos: una lista de Todo, una aplicación meteorológica o una aplicación para resultados deportivos y las noticias en un teléfono móvil. Un sistema de punto de venta (POS) en el que el operador tiene tiempo suficiente para la capacitación [Tenga en cuenta que los sistemas de POS están diseñados para transacciones rápidas para mantener las líneas cortas y moverse sin problemas].

Otros productos son utilizados muchas veces por diferentes usuarios, con poca frecuencia . Estas interfaces deben diseñarse de manera que sean intuitivas, requieran el menor agarre posible y deben ofrecer el 80% del beneficio por el 20% del esfuerzo. Además, ese 20% del esfuerzo debería ser posible para casi todas las personas que participan en la experiencia.

Ejemplos : un quiosco fotográfico en la farmacia local, un mostrador de pedidos de comida rápida con un iPad o un sistema de autopago en una tienda de comestibles.

¿Qué tiene esto que ver con los tutoriales de la interfaz de usuario? Debido a que la primera clase de productos no está diseñada para ser * intuitiva * en el primer uso, necesitan andamios (forma extrema de transmitir esto es una “muleta”) para que el usuario entienda su protocolo de operación. Una vez que el usuario comprenda cómo funciona el sistema, podrá utilizar el producto de forma rápida y eficaz de forma repetida.


¿Son malvados los tutoriales de IU?
Si ve un tutorial de UI, lo explotaron
Y la discusión correspondiente sobre HN: si ve un tutorial de UI, lo arruinaron .
Aquí hay una compañía, Kera, que se enfoca en hacer que los recorridos de la interfaz de usuario tengan peso en la discusión: Cinco principios para tutoriales de interfaz de usuario efectivos
y la toma de Techcrunch: repensar la aplicación móvil “Tutorial

Aquí hay algunas discusiones interesantes: el autor del primer artículo usa un lenguaje fuerte, sugiriendo que “los tutoriales de la interfaz de usuario son malos” (para ser justos, una actualización posterior del blog aclaró que no todos los tutoriales son malos). El artículo afirma que los recorridos de la interfaz de usuario son confusos , presentados en un momento en que un usuario carece de contexto o no recordará todo sobre el recorrido lo suficiente como para conocer sus facetas, y ese recorrido molesta a los usuarios impacientes .

La mayoría de estos problemas pueden resolverse fácilmente con una buena ejecución : un recorrido mínimo combinado con una divulgación progresiva a medida que el usuario experimenta cada vez más la aplicación a través de su uso de por vida es una excelente manera de aprender más sobre el producto con el tiempo.

Ahora, a algunos ejemplos:

(a través de Max Rudberg)
Claro , el software Realmac es una aplicación de tareas basada en gestos

(a través de Max Rudberg)
Subir:

(a través de Max Rudberg)
Solar:

Legumbres:

Float Reader (a través de techcrunch)

Pose (vía techcrunch)


Y finalmente, esto podría ayudar: patrón de diseño de UI Tour

Quora User es un buen caso para los recorridos interactivos frente a los puritanos UX. En 2013, incluso escribí un artículo en defensa de los tutoriales, resonando muchos de los argumentos de Ash: ¿Problemas con las guías de incorporación de SaaS? Lo estás haciendo mal.

Dicho esto, debe tenerse en cuenta que la práctica de los ataques a distancia ha retrocedido un poco en los últimos años. Los titanes de la industria como Google y Faceboook, que supuestamente son los reyes coronados de UX, comenzaron a incorporar tutoriales en sus productos:

En algún momento, el miedo y el odio a los recorridos se disolvieron y poco después los recorridos se volvieron legítimos e incluso una solución bienvenida para muchas interfaces y características de recién nacidos.

Salesforce también ofrece un tutorial en algunos productos. Google los tiene en todas partes, y cada vez que implementan actualizaciones de la interfaz de usuario en su Administrador de AdWords , se acompaña de un tutorial. Craft ahora ofrece un breve tutorial la primera vez que inicias sesión.

Siempre puede acceder al sitio web de Iridize y echar un vistazo a nuestra lista de clientes 🙂

Recientemente escribí un artículo en profundidad sobre tutoriales interactivos en la aplicación en LinkedIn.

Y afortunadamente, apareció en LinkedIn Pulse y las críticas fueron increíbles. Tanto, que condujo a muchas discusiones sobre esta tecnología naciente que está alcanzando las plataformas web / móviles.

Y, francamente, algunas de las respuestas aquí fueron una verdadera inspiración. Dedicando este artículo a todas las personas increíbles que respondieron aquí:

¡La próxima gran cosa para las aplicaciones web, tutoriales interactivos!

¡Lee y dame tu opinión! Gracias. 🙂

Si integra la extensión del navegador de Whatfix en su aplicación web, puede ver fácilmente recorridos interactivos en ellos.

Por ejemplo, consideremos la aplicación web Salesforce

El GIF anterior muestra cómo se ve un tutorial interactivo integrado en la aplicación Salesforce, por lo que, según la pregunta, la aplicación web de Salesforce muestra un tutorial interactivo antes de usarlo, si usa una pequeña mejora con él.

Se puede hacer el mismo tipo de recorridos interactivos para otras aplicaciones web como ServiceNow, SuccessFactors, etc.

Si desea crear tutoriales similares para su sitio web / aplicación web, regístrese para obtener una prueba gratuita de inmediato.

Divulgación: trabajo en Whatfix.

Me gustan los tutoriales interactivos de las aplicaciones NuVo Player y Mediatap.

Este artículo muestra algunos de los mejores recorridos guiados y tutoriales para aplicaciones: excelentes recorridos, tutoriales y recorridos de aplicaciones para iPhone.

Los buenos incluyen:

  • Camino
  • Facebook
  • rdio
  • flipboard

Los malos suelen ser solo una superposición de pantalla oscura con algo de escritura garabateada en todas partes. Debe llevar al usuario a través de diferentes pasos y ser relevante para su primera experiencia. Intenta mostrarles un flujo en lugar de la aplicación completa.

En Kera (una plataforma para crear recorridos interactivos) estamos compilando videos de sitios web que usan tutoriales interactivos para incorporar a los usuarios en nuestra lista de reproducción de YouTube aquí: Kera Customer Showcase

Se actualiza constantemente y encontrará muchos ejemplos de aplicaciones web que utilizan tutoriales interactivos.