¿Qué es? Esta es la técnica más común. Es su “primera línea de defensa” y, a menudo, se utiliza en congruencia con otras técnicas. Es una serie de pantallas que se superponen sobre su producto. Se utiliza mejor para comunicar valores de nivel superior y no características específicas; y a menudo se usa simplemente para decir “bienvenido” o para explicar el diseño general. Es genial para móviles.
Ventajas: Es fácil, puede utilizar un tercero como Appcues, Chameleon o Userpilot e iterar constantemente. Es una gran oportunidad de marca. Es fácil de implementar en dispositivos móviles.
Contras: La mayoría de los usuarios hacen clic en él y, una vez que están en el producto, piensan: “espera… ¿necesitaba eso? ¿donde esta ahora?'
Primer vistazo al escritorio: Hive utiliza el recorrido para darle la bienvenida a su CEO y explicar la interfaz: https://www.appcues.com/blog/best-practices-for-an- Effective-product-welcome-page
Primer vistazo al recorrido móvil: cientos de ejemplos sobre dribble: https://dribbble.com/search/onboarding
¿Qué es? Una ligera mejora con respecto a un recorrido de primer vistazo: la única diferencia es que los modales apuntan a las partes de su aplicación a las que se refieren. Por esta razón, el valor que se expresa en cada modal debe vincularse directamente a un elemento de la interfaz. Por lo general, se utiliza para guiar a los usuarios a través de un conjunto de acciones paso a paso que deben realizar para lograr un resultado específico.
Ventajas: También puedes hacerlos rápidamente en Appcues, Chameleon, UserPilot u otros.
Contras: Son tan descartables como la gira de primer vistazo, pero esa no es razón para no hacerlo.
Ejemplo de recorrido guiado: InVision
¿Qué es? A diferencia de una experiencia de “primer vistazo”, estos consejos aparecen a medida que el usuario explora el producto (característica por característica o vista por vista). Cada consejo se ofrece como un modal descartable por única vez que puede explicar el valor de esa característica/sección o explicar cómo usarla. Esta técnica espera a que el usuario realice una acción y presenta el valor en ese mismo momento. Al igual que el recorrido, generalmente se implementa como superposición o modal.
Ventajas: La información sobre herramientas está en contexto, por lo que solidifica el emparejamiento característica-valor, lo que reduce la carga cognitiva. Esto también se puede crear con terceros como Appcues o Chameleon.
Contras: Es posible que algunos nunca sean descubiertos.
Ejemplo de información sobre herramientas en contexto: Humanidad (Fuente: https://www.appcues.com/blog/the-5-best-walkthrough-examples)
Ejemplo de información sobre herramientas en contexto: Airtable (más consejos de Appcues aquí sobre las mejores prácticas)
¿Qué es? Piense en cada sección/vista aún no completa de su producto como un espacio para impulsar al usuario a crear contenido. Utilice ese espacio para educar al usuario sobre qué tipo de contenido va allí, cómo agregarlo, cuánto tiempo podría llevar y qué valor agregará.
Ventajas: Es un gran uso del espacio negativo. Es persistente hasta que lo reemplazan con contenido. ¡No hay nada más desalentador que una hoja de papel en blanco! Aprovecha las tendencias completistas de la gente.
Contras: Puede que por sí solo no sea suficiente.
Ejemplo de asana de diseño de pizarra en blanco
Ejemplo de pizarra en blanco: Slack
¿Qué es? Un paso mejor (en mi opinión) que el diseño de pizarra en blanco es el contenido de demostración real o contenido de ejemplo. Junto con otras soluciones, crear un estado precargado de su producto para que los usuarios jueguen con él es la técnica arquetípica de “mostrar, no decir”.
Ventajas: Es el ejemplo definitivo de “mostrar, no contar”. Sus usuarios ganarán inmediatamente memoria muscular y comprenderán las metáforas internas de su producto.
Contras: Podría requerir mucho trabajo construirlo. Puede ser difícil crear contenido que resuene inmediatamente entre los usuarios, a menos que puedas aprovechar tu producto de una manera meta, como los ejemplos de Trello y Asana a continuación.
¿Qué es? Airtable básicamente inventó esto. Es un vídeo con puntos de pausa integrados que el usuario puede tocar para continuar, manteniéndolo interesado. Es rico en información, rico en marcas y puede explicar temas complejos como nivel de característica y nivel de valor.
Ventajas: El vídeo es memorable. Tiene “alta densidad de información”.
Contras: Si no tienes un camarógrafo o animador en tu plantilla, no empezaría con esto.
Ejemplo de video táctil: Airtable (Míralo aquí)
¿Qué es? Una lista ordenada de sus experiencias de mayor valor, que permanece persistente hasta que se completa. Las mejores implementaciones incluyen el tiempo que lleva completar cada tarea y el valor que agrega al usuario. Es prescriptivo, ludificado si lo haces bien y puede dividir conceptos grandes y desalentadores en pasos manejables. Úselo no solo para la incorporación inicial y los “momentos ajá”, sino que también es excelente para productos que requieren una configuración pesada o para educar a los usuarios sobre funciones de energía ocultas.
Ventajas: Utiliza poderosos principios psicológicos completistas. Es gamificable y te permite celebrar y emocionar al usuario al finalizar cada tarea. Además, es persistente. Además, Appcues también tiene esta característica.
Contras: Podría resultar complicado construirlo usted mismo, dependiendo de la estructura de su código.
Ejemplo de lista de verificación: Quora. Lo utilizan como una lista de verificación para “completar el perfil”.
Ejemplo de lista de verificación en dispositivos móviles: la aplicación móvil de Acorns tiene una lista de verificación de incorporación de 8 pasos, con una barra de progreso y un porcentaje en la parte superior de la pantalla, lo que permite a los usuarios saber qué tan lejos están en el proceso.
¿Qué es? Justo lo que parece: una experiencia simulada de su producto. Esto es especialmente valioso para software basado en colaboración como Mural, Asana o Outpost (¡el producto de mi equipo!). Si necesita que los usuarios tengan alguien con quien interactuar para ver el valor de su producto, la simulación podría ser lo que necesita. Las simulaciones son una pesada tarea de ingeniería, pero pueden ser una técnica impresionante de “mostrar, no decir”.
Ventajas: Para algunas plataformas, expresar el valor es muy difícil de explicar, y solo hay que tener un usuario falso con quien chatear, asignarle cosas, dibujar, etc.
Contras: Es muy pesado de construir y realmente podría fracasar a menos que puedas sumergir al usuario por completo en cualquier trama de simulación que hayas creado. ¡Mantenlo simple! Y hazlo sólo después de haber probado otras técnicas.
Ejemplo de simulación: Front tiene un usuario falso que ha escrito correos electrónicos y responderá automáticamente a su primer correo electrónico y charlará con usted.
¿Qué es? Aprovechando cualquiera de las técnicas anteriores, se agrega una capa adicional de complejidad para permitir a los usuarios “elige tu propia aventura' con tu incorporación. Es decir, pregúnteles un poco sobre ellos mismos y luego impulse una experiencia de incorporación que sea adecuada para ellos. La personalización es cada vez más esperada por los usuarios y les encanta, haciéndoles percibir tu marca como más impactante, sofisticada y personal. La segmentación es un excelente enfoque para productos ricos en funciones que cubren muchos casos de uso diferentes.
Pro: Está demostrado que reduce el abandono y el usuario siente que le estás haciendo una experiencia más personal. Te han dado información, por lo que están más interesados en ver qué les devuelves. Si lo hace bien, es posible que los usuarios quieran regresar y seguir otros caminos (como en el ejemplo de espacio de cabeza a continuación).
Contras: Puede ser mucho trabajo por poca recompensa. Algunos productos realmente no tienen propuestas de valor diferenciadas, por lo que esto no se aplica.
Lea más sobre esto aquí.
Ejemplo de segmentación
Ejemplo de segmentación: Headspace. Según sus elecciones, la aplicación recomienda un conjunto diferente de ejercicios de meditación para que los usuarios completen cada día, creando una experiencia de producto más personalizada.
Ejemplo de segmentación: el recorrido por el producto de Typeform se ramifica dependiendo de si el usuario quiere empezar desde cero o utilizar una plantilla.