UX de Onboarding: Cómo acoger a los nuevos usuarios

La semana pasada estuve jugando a The Witcher 3 después de mucho, mucho tiempo.

No mucho después, llegué a la conclusión de que había olvidado por completo cómo utilizar los controles.

No recordaba nada.

Así que empecé a probar los botones (y me mataron varias veces). Pero, de algún modo, conseguí pillarle el truco al cabo de media hora.

Ahora bien, sé que no soy el mejor jugador que existe, y que tal vez otra persona lo habría dominado en cuestión de minutos, pero aún quedan algunas preguntas por hacer:

👉 ¿Sería mejor que el juego se diera cuenta de que he estado fuera demasiado tiempo y ofreciera algún resumen rápido del onboarding inicial del usuario?

Tal vez.

En primer lugar, es un juego. No estaba allí para aprender.

Lo único que quería era jugar.

👉 Pero, por otro lado, ¿me gustaría recibir algunos consejos rápidos sin distraerme del juego en sí?

Absolutamente.

Como en mi caso, el onboarding del usuario depende de cuál sea el producto, de quién lo utilice y de muchos otros factores.

Primero debes reconocer que tu producto SaaS no es un juego.

No todos tus usuarios están deseando utilizarlo.

Para pulir la UX de tu onboarding, tienes que tenerlo todo en cuenta y pensar desde la perspectiva del usuario.

En este artículo examinaremos:

• Qué es la UX de onboarding del usuario
• Por qué es importante
• Cómo elegir el patrón de onboarding correcto
• Cómo diseñar un proceso de onboarding
• Cómo mejorar una UX de onboarding existente
• Mejores prácticas y ejemplos de UX de onboarding

¿Qué es la UX del onboarding?

La UX (experiencia de usuario) de onboarding es un proceso que comienza en el momento en que un usuario entra en tu sitio web, aplicación, herramienta o producto digital. Este proceso, con la interfaz de usuario y la experiencia general de la aplicación, es el primer paso que determinará tu relación con el usuario, y también desempeña un papel en la experiencia general del cliente, las tasas de retención de usuarios y el valor de vida del cliente.

Ahora bien, aunque la UX del onboarding es sin duda crucial para las tasas de captación y retención de clientes, debemos tener en cuenta una cosa.

👉 El onboarding del usuario no consiste sólo en proporcionar a los usuarios guías y tutoriales; es mucho más. Al crear una experiencia de onboarding del producto sin fisuras, especialmente para los usuarios que lo utilizan por primera vez, te aseguras de que los usuarios puedan y quieran tener una experiencia del producto sin errores.

Una experiencia de onboarding con:

✅ Una acogida cálida y amistosa

✅ Fácil navegación

✅ Una buena explicación del valor del producto

Es ideal para cualquier empresa SaaS.

Por supuesto, hay margen de cambio según las especificidades de cada marca y producto, pero eso depende de tu interpretación del proceso de onboarding.

¿Por qué es importante el onboarding para la UX?

Por otra parte, uno no puede evitar preguntarse por qué la UX del onboarding es tan importante.

La respuesta es sencilla:

Primera impresión.

No digo que juzgar un libro por su portada esté bien. Pero a veces acabamos haciéndolo, y debes estar preparado para ello.

La verdad es que el enfoque de una empresa de SaaS respecto a la atención al cliente y las ventas es muy claro en la forma en que realiza el onboarding de sus usuarios.

Recoged las pistas, gente:

👉 ¿No hay tutoriales en la aplicación? Atención al cliente perezosa.

👉 ¿Guías no saltables? Equipo de ventas agresivo.

👉 ¿Demasiados hotspots? Equipo de producto confundido.

Bromas aparte, hay pruebas sólidas de que la UX del onboarding afecta mucho al resto del recorrido del cliente.

Aquí tienes algunas estadísticas:

• El 63% de los clientes afirman que la experiencia de onboarding afecta a su decisión de compra.
• El 80% de los usuarios afirman haber eliminado una aplicación porque no sabían cómo utilizarla.
• El 86% de los usuarios afirma que seguiría comprando a las empresas que emplean un onboarding acogedor y educativo después de la compra.

Así que ya sabes que necesitas esa UX de onboarding impecable que encaje perfectamente con tu marca...

Hablemos un poco de los patrones UX de onboarding y de cómo elegir el adecuado para tu caso de uso.

Patrones de UX de onboarding

No soy jefa de producto ni desarrolladora de UX, pero sé muy bien cómo funciona la UX.

Y si me preguntaras qué sé exactamente, lo primero que te diría sería esto:

👉 Cada producto necesita una UX de onboarding diferente.

No puedes onboarding a los jugadores de Witcher 3 con vídeos porque es un juego, y tiene que ser interactivo.

Del mismo modo, las guías pueden no ser del todo adecuadas para el onboarding de un sitio web sencillo, de una sola página. Por eso tenemos los patrones UX de onboarding.

"Pero, ¿qué es un patrón UX de onboarding?"

Te oigo preguntar. Bueno...

¿Qué es un patrón UX de onboarding?

Un patrón UX de onboarding es un método o tipo específico de diseño UX que los diseñadores utilizan en función del tipo y caso de uso de un producto, así como de las necesidades específicas de los usuarios. Los tours del producto, los hotspots y las guías son diferentes tipos de patrones de UX diseñados según estos criterios. De hecho, se puede decir que cualquier diseño de interfaz de usuario pensado para onboarding puede considerarse un patrón de UX de onboarding.

Como gente de SaaS, aunque no formemos parte del proceso de diseño, estamos en contacto directo con los patrones de UX todos los días, de una forma u otra.

La mayoría de las veces, estamos onboarding y dirigidos por ellos sin darnos cuenta. Así que ahora vamos a ser un poco más conscientes de ellos y a hablar de algunos tipos principales de patrones UX de onboarding.

Tipos de patrones UX de onboarding

Por tanto, las experiencias de usuario como las guías y los recorridos de bienvenida son patrones de UX de onboarding; lo entendemos.

Pero, ¿qué pasaría si clasificáramos adecuadamente estos patrones?

Según nuestro equipo de producto, hay 2 categorías principales de patrones UX de onboarding:

Onboarding de guías y onboarding contextual.

1- Tours de onboarding

El tour de onboarding es uno de los principales tipos de patrones UX de onboarding que suele tener lugar en el onboarding inicial; desde tours del producto y guías por el producto hasta guías interactivas para actualizaciones, hay muchos patrones UX de onboarding dentro de esta categoría.

¿Por qué utilizar tours de onboarding?

El tour de onboarding es posiblemente la mejor forma de incorporar a nuevos usuarios que no tienen ni idea de cómo utilizar tu producto.

Este tipo de onboarding suele utilizar checklists y barras de progreso para eliminar el sesgo hacia la larga duración del patrón.

Pros

• La capacidad de realizar el onboarding completo de los usuarios activos y de reforzar la adopción total del producto. 
• La capacidad de influir en el comportamiento del usuario introduciendo y promocionando las funciones menos utilizadas del producto.
• La capacidad de dejar una buena impresión rápidamente para un mayor éxito del cliente

Contras

• Estigmatizada por su longitud
• Posibilidad de que te salten más
• Molesta a los usuarios existentes que vuelven

2- Onboarding contextual

El onboarding contextual tiene que ver con la segmentación, el lugar y el momento: básicamente, el contexto.

Mientras que el onboarding de visitas guiadas tiene un alcance más amplio sobre el producto, el onboarding contextual se centra en áreas específicas.

Puede que necesites un patrón de onboarding contextual cuando incorpores a los usuarios a una nueva función, les recuerdes un acceso directo o simplemente les anuncies una actualización o una campaña.

Los tooltips, los hotspots y las ventanas emergentes son modelos de onboarding contextual.

¿Por qué utilizar patrones UX de onboarding contextual?

Una guía onboarding UX tiene el potencial de ofrecer un recorrido totalmente manual, pero a veces puede resultar excesivo.

Es entonces cuando sabes que necesitas un onboarding contextual.

Los hotspots y los tooltips son perfectos para pequeños detalles que no caben en el tour del producto inicial, mientras que las ventanas emergentes son lo mejor para un anuncio.

Pros

• Útil y normalmente divertido para los usuarios en la etapa principiante a intermedia del recorrido del usuario
• Bueno para conseguir que los usuarios utilicen más funciones y para la adopción general de funciones
• Puede utilizarse como onboarding inicial para los usuarios que se saltaron la visita guiada

Contras

• Puede ser molesto (especialmente las ventanas emergentes)
• Espacio limitado para contenidos ampliados

¿Cuándo utilizar qué tipo?

Está bastante claro cuándo utilizar un patrón de onboarding de guías o uno contextual por sus definiciones

Sin embargo, elegir entre subcategorías como guías y tours o hotspots y pop-ups puede resultar difícil.

Cuando te encuentres en una situación así, hazte estas 3 preguntas:

❓ ¿Cuál es el contenido?

Al elegir un patrón UX de onboarding, el contenido que ofrecerás a través del patrón es de máxima prioridad.

No puedes diseñar el onboarding inicial de un producto complejo con hotspots. Del mismo modo, todo un tour del producto para un producto más sencillo es innecesario e inútilmente intimidatorio.

Es importante que tengas en cuenta tu objetivo al crear un patrón en primer lugar. No te pases, o peor aún, te quedes corto.

❓¿Quién verá este patrón?

La audiencia o el segmento de usuarios que experimentarán el patrón también es un criterio importante.

Aunque es posible adaptar tu patrón de UX de onboarding de tal forma que sólo sea visible para algunos de tus usuarios, aún depende de ti decidir cuál encajaría mejor con ellos.

Por ejemplo, en una situación en la que tengas que elegir entre un hotspot y un tooltips, lo mejor que puedes hacer es ver a qué segmento corresponde el patrón.

Mientras que un principiante puede necesitar un hotspot, puede ser demasiado molesto para un cliente mayor.

👉 En caso de duda, elige la opción más fácil de usar.

Si el patrón UX no es para segmentos individuales, sino para todos los usuarios, lo menos que puedes hacer es utilizar un lenguaje comprensible y un CTA claro.

❓ ¿Cuándo aparece?

Un patrón UX de onboarding que aparece en el momento equivocado es una receta para el desastre.

Precisamente por eso debes tener en cuenta cuándo se activará el patrón UX a la hora de elegir entre las opciones.

Por ejemplo, la herramienta de onboarding inicial nunca puede empezar demasiado tarde, y es demasiado molesto que aparezca una ventana emergente cuando tienes asuntos urgentes.

👉 Nunca subestimes la psicología del timing. Un error de sincronización basta para desanimar incluso a los clientes más fieles.

¿Cómo diseñar una UX de onboarding eficaz?

Ahora ya sabes qué es la UX del onboarding, por qué es importante y qué tipos de patrones de UX existen.

Es hora de ir al grano.

¿Cómo se diseña una UX de onboarding y se consigue?

Una UX de onboarding exitosa no es un milagro.

De hecho, una vez que conoces bien a tus usuarios y pruebas la UX a menudo, es bastante factible. El truco está en seguir los pasos adecuados.

Por supuesto, los pasos para un buen diseño UX difieren drásticamente de un sector a otro, de una empresa a otra, e incluso de un objetivo a otro.

Aun así, es posible llegar a una pauta general.

Así que, vamos a sumergirnos en ello.

1- Determinar las necesidades y expectativas de los usuarios

¿A quién intentas realizar el onboarding?

Usuarios.

Así que, naturalmente, no es ningún misterio que debes tener en cuenta las necesidades y expectativas de los usuarios.

Aunque no sean conscientes de ellas, los usuarios tienen muchas necesidades cuando entran por primera vez en tu sitio web/aplicación/producto.

👉 Uno de los principales problemas a la hora de determinar las necesidades de los usuarios es que, a veces, estas necesidades y expectativas sólo pueden identificarse en ausencia de un buen diseño UX de onboarding que responda a esas necesidades y expectativas.

Por eso los patrones de UX de onboarding se rediseñan y mejoran constantemente.

Si estás rediseñando una UX de onboarding existente, determinar las necesidades y expectativas de los usuarios no es difícil. Puedes realizar análisis de datos, entrevistas con los usuarios, o simplemente utilizar una encuesta de satisfacción del cliente o NPS.

Pero si estás empezando desde cero con el diseño de tu UX de onboarding, lo más probable es que no tengas datos reales. En momentos así, puedes

• Realiza un estudio de mercado
• Busca casos prácticos de productos similares
• Ponte en contacto con clientes existentes mediante entrevistas o con clientes potenciales en foros de usuarios

Busca soluciones en cualquiera de estas opciones, o simplemente atrévete a adivinar; asegúrate de determinar las necesidades del cliente antes de empezar el diseño de tu UX de onboarding.

2- Traza un recorrido del usuario

Igual que un artista dibuja un esquema, los diseñadores de UX tienen que dibujar un mapa de viaje para asegurarse de que se alcanzan todos los objetivos del onboarding, y de que no hay ningún contratiempo en el plan.

Esta hoja de ruta puede incluir distintos objetivos y personas usuarias para distintos procesos de onboarding, pero aún así es posible hacerse una idea aproximada de cómo funciona la creación de hojas de ruta.

🧩 Decidir el rango y el perfil de usuario

Para crear un mapa del recorrido del usuario adecuado, debes saber dónde tiene lugar exactamente el recorrido.

Al fin y al cabo, es un mapa.

Por ejemplo, la UX de onboarding puede abarcar todo el producto, una página de un sitio web, o simplemente sólo una función del producto.

Entonces es el momento de decidir sobre un perfil de usuario, que es una parte crucial de cualquier mapa del recorrido del usuario.

Es típico que un viaje de usuario gire en torno a un personaje de usuario, y por eso exactamente tienes que empezar a onboarding el diseño UX con la investigación de usuarios.

Utilizando los datos de la investigación inicial, los diseñadores pueden crear un personaje usuario que represente al público.

🧩 Contar con las necesidades, expectativas e intenciones del usuario

Tienes un mapa de alcance y una persona, pero ése no es el único caso de uso de tu investigación inicial de usuarios.

La investigación de usuarios ideal profundiza en las necesidades, expectativas e intenciones de los usuarios, y todos estos son factores que deben tenerse en cuenta en el mapa de viaje.

Algo que a menudo se pasa por alto en este paso es cómo se siente el usuario en cada parte del proceso de onboarding.

¿Te preguntas por qué son molestos los procesos de onboarding?

Porque no tienen en cuenta los sentimientos de los usuarios.

Nosotros también tenemos sentimientos, ¿sabes?

🧩 Listado de puntos de contacto

Una vez que sepas dónde tiene lugar el onboarding y todo lo que necesitas saber sobre tus usuarios, es hora de empezar a crear el proceso de onboarding con sus principales puntos de contacto.

Lo ideal es que estos puntos de contacto estén alineados de forma que también muestren las emociones del usuario.

Por ejemplo, mira esta plantilla de mapa del recorrido del usuario: ⬇️

Después de estos pasos (y algunos más que varían según el escenario) tienes un mapa del recorrido del usuario que puedes utilizar para tu UX de onboarding.

3- Considera las opciones móviles y basadas en la web

Cualquier diseñador de UX con experiencia sabrá que la UX de onboarding funciona de forma muy diferente en el móvil y en la web.

Por supuesto, principalmente, ambos sirven para lo mismo.

Sin embargo, técnicamente hay diferencias, y puede que quieras plantearte construir UX para uno de ellos o para ambos si tienes los recursos.

Si realmente necesitas opciones móviles y basadas en la web, lo que realmente importa es que puedas clavar ambas.

Mira la UX de onboarding de la web y la aplicación móvil de Duolingo, por ejemplo: ⬇️

La calidad de ambas UX de onboarding es de primer nivel, y no te sentirás perdido cuando elijas entre las opciones.

❓¿Por qué diseñar el onboarding de una aplicación móvil?

Aunque las aplicaciones móviles parecen más fáciles de navegar y aprender ahora que todos somos zombis con una pantalla brillante, los tecnicismos y el funcionamiento de cada flujo pueden ser diferentes en la UX del onboarding móvil.

Aunque la pantalla pequeña puede ser un obstáculo, la naturaleza flexible de las aplicaciones móviles puede utilizarse como una ventaja.

❓¿Por qué utilizar el onboarding basado en la web?

En el mundo profesional, el tipo de onboarding al que todos estamos acostumbrados es el onboarding basado en la web.

Con soluciones innovadoras como Slack y muchas otras herramientas originalmente basadas en la web, parece que nos hemos alejado del onboarding basado en la web.

Pero, por supuesto, no es así.

El onboarding basado en la web acaba de empezar a mejorar 💪

Hace sólo 10 años, todavía intentábamos leer los manuales de usuario.

Retrocedamos 5 años, y estaríamos dando vueltas en laberintos de bases de conocimiento sólo para averiguar cómo utilizar una función de una herramienta.

Pero hoy en día, la educación de los usuarios basada en la web es mejor que nunca, con un pico histórico de satisfacción de los usuarios.

"Espera, ¿pero qué es exactamente lo nuevo? ¿Qué ha cambiado?"

Todo.

✅ Los tours de productos que llevan de la mano a los usuarios en tours del producto están cambiando las reglas del juego.

✅ Las guías interactivas son el futuro del onboarding de los usuarios.

✅ Los checklists de onboarding son sólidos métodos de gamificación y compromiso del usuario para mejorar las experiencias de producto.

✅ Los tooltips, los hotspots y los mensajes in-app hacen que el proceso sea más proactivo que nunca.

✅ Las encuestas NPS son perfectas para comprobar la satisfacción de tus usuarios.

✅ Los centros de recursos están ahí para guiar a los usuarios a través de artículos y guías, sin salir de la página principal.

"¿Y dónde puedo encontrar todo esto?"

Aquí mismo, en la herramienta de onboarding de usuarios UserGuiding.

👉Prueba UserGuiding GRATIS 👈

4- Perfeccionar el diseño final

Tras elegir el medio para la UX de tu onboarding y desvelar algunos pasos que pueden diferir de un proyecto a otro, prácticamente tienes un diseño terminado.

Llegados a este punto, sólo te falta pulir un poco y dar algunos retoques finales.

👉 Antes de poner en marcha la UX de onboarding, nuestro equipo de producto recomienda repasar el mapa del recorrido del cliente una última vez para asegurarse de que no hay ningún problema sin resolver.

5- Realizar pruebas de usuario

Las pruebas de usuario son un paso que puede situarse en cualquier otra posición de la lista, gracias a todos los diferentes tipos de métodos de pruebas de usuario.

Este paso sirve para detectar problemas en la UX del onboarding y mejorarlos.

Cuando pruebes a los usuarios con tu prototipo de producto o diseño final, lo primero que debes hacer es determinar los objetivos. Por ejemplo, puede que quieras ver

• Cuánto tiempo se tarda en terminar el onboarding
• Cuál es el estado mental y emocional del usuario
• Si el usuario alcanza fácilmente los objetivos finales
• Si hay alguna sugerencia para mejorar la UX del onboarding

Después, en función de la envergadura del proyecto y de tu presupuesto para el mismo, llega el momento de elegir un método de prueba.

🧩 Tipos esenciales de pruebas de usuario

Entrevistas con usuarios: Con este tipo de pruebas con usuarios, los diseñadores pueden conseguir que cualquiera utilice el producto y se incorpore a él. Las entrevistas son individuales, y por tanto hay un margen de error por la falta de un entorno de laboratorio.

Pruebas A/B: En las pruebas A/B, se muestran a los usuarios dos versiones diferentes de una UX de onboarding, y se utiliza la mejor, mientras que las partes que gustan de la otra versión pueden añadirse a la versión mejor.

Pruebas de usabilidad a distancia: Al igual que en las entrevistas a usuarios, las pruebas de usabilidad a distancia tienen lugar fuera de un entorno de laboratorio y pueden ser moderadas o no moderadas. Puede utilizarse por razones de rentabilidad.

Pruebas de guerrilla: También es un buen método para realizar pruebas de usuarios con poco presupuesto, las pruebas de guerrilla consisten en elegir a personas al azar para que prueben el producto en cualquier lugar. Los usuarios pueden recibir un pequeño premio por su contribución, por lo que es un método popular para las startups.

Seguimiento del movimiento de los ojos: Un método más específico y orientado a los detalles, el seguimiento del movimiento de los ojos utiliza herramientas para rastrear hacia dónde miran principalmente los usuarios durante el proceso de onboarding.

Después de realizar las pruebas de usuario, sólo queda analizar los datos.

Puesto que el usuario es la variante más importante del proceso de onboarding, este paso puede desempeñar un papel importante en todo el diseño de la UX del onboarding, por lo que se aconseja realizar pruebas de usuario en grupos lo más grandes posible, e idealmente más de una vez durante la fase de diseño.

¿Cómo se mejora el proceso de onboarding en UX?

"Ahora ya sé cómo crear una UX de onboarding, gracias, adiós."

Podría ser lo que estás pensando ahora mismo.

Pero déjame decirte que tanto el onboarding como la UX están siempre cambiando, tanto a nivel de industria como a nivel de empresa.

Júntalos y tendrás un ciclo interminable de actualizaciones y mejoras.

Divertido, ¿verdad? 🤩

Lo más probable es que no estés satisfecho con los índices de éxito del onboarding en comparación con tus expectativas del mapa del recorrido del usuario, o que lo hagas mejor de lo que esperabas y empieces a buscar formas aún mejores de diseño de UX del onboarding.

En cualquier caso, te tenemos.

Hablemos de lo que puedes y debes hacer para mejorar la UX de tu onboarding actual.

1- Reducir la carga cognitiva

Según nuestro equipo de producto, lo peor que puedes hacer en un proceso de onboarding es poner demasiada carga cognitiva en tus usuarios.

"¿Pero qué quieres decir exactamente con carga cognitiva?", te oigo preguntar.

La carga cognitiva se refiere a la teoría de la carga cognitiva de John Sweller, y significa la cantidad de información que tu cerebro asimila a la vez.

👉 Según esta teoría, existen tres tipos de cargas cognitivas:

Intrínseca, extrínseca y pertinente.

1- Carga cognitiva intrínseca

La carga cognitiva intrínseca se refiere a la dificultad de aprendizaje existente de un concepto determinado.

Por ejemplo, entender 2+2 y entender cómo funciona la codificación son dos cosas distintas con dificultades diferentes.

Sin embargo, que algo sea innatamente más difícil de entender no significa que no puedas hacerlo más fácil.

Y ése es nuestro principal objetivo cuando diseñamos un proceso de onboarding.

2- Carga cognitiva extrínseca

Cuando haces que algo sea mucho más difícil de entender de lo necesario, creas una carga cognitiva superflua.

Esto, por supuesto, provoca más irritación y menos compromiso por parte del usuario.

No hables de lo que es una manzana cuando puedes mostrarlo.

3- Carga cognitiva pertinente

La carga cognitiva pertinente es el propio esfuerzo y voluntad para comprender nuevas habilidades y conceptos.

Por tanto, todo se reduce a la voluntad de los usuarios. Sin embargo, conseguir que los usuarios tengan ganas de aprender es otro truco que puedes lograr mediante una buena UX de onboarding.

👉 Para garantizar una menor carga cognitiva, necesitas minimizar la carga extrínseca, maximizar la carga pertinente y gestionar la carga intrínseca. Esto significa deshacerse de la información innecesaria, aumentar la disposición de los usuarios a aprender y asegurarse de que nada sea más complejo de lo necesario.

2- Analiza los datos, luego profundiza

Si la UX de onboarding no alcanza las cifras que pensabas, puede que haya un problema con la UX de onboarding.

Y la mejor forma de identificarlo es observando algunos datos.

No me refiero necesariamente a pruebas de usuario.

Las pruebas de usuario pueden y deben realizarse antes y después del lanzamiento.

Aun así, antes de lanzarte a ello, hay otras formas de intentar captar lo que ocurre exactamente en el proceso de onboarding, como el aprendizaje automático y las herramientas de análisis.

Deberías investigar:

• Cuánto tarda un usuario en completar un recorrido o una guía.
• Cuánto tarda un usuario en interactuar con una ventana emergente.
• Si los usuarios interactúan o no con los hotspots.
• Qué patrones UX se activan y cuáles no.

Estos son sólo algunos ejemplos de lo que puedes hacer con un poco de ciencia de datos.

Una vez que respondas a estas preguntas, la respuesta empezará a tomar forma en tu cabeza. Además, puede que obtengas una visión adicional sobre cómo mejorar la UX además de cómo resolver los problemas.

3- Deja de hacérselo tragar a la fuerza

¿Recuerdas cuando dije que nuestro equipo de producto dice que demasiada carga cognitiva es lo peor?

Bueno, para mí, una guía forzada es aún peor. 👎 

Afortunadamente, las empresas de SaaS están empezando a deshacerse de ese infernal patrón de UX, además de otra cosa que podría sorprenderte:

Tours del producto.

En algún momento, un genial diseñador de UX debió darse cuenta de que, bueno, no nos importa todo el producto.

Por eso, cada vez más aplicaciones y sitios web emplean patrones de UX recortables, y ésa es la mejor noticia de UX de la década.

Mira esta adorable checklist, por ejemplo: ⬇️

4- Piensa como el usuario

Uno de nuestros diseñadores de productos, Selcen Kökcü, me dijo una vez:

"El onboarding es como un paso de peatones. Los usuarios pueden ver cuánto tiempo les queda en el semáforo y caminar por las líneas del suelo. Si quitas el semáforo, no sabrán cuánto tiempo les queda; les puede entrar el pánico y acabar parados. Si quitas las líneas del suelo, no sabrán por dónde cruzar la calle."

– Selcen Kökçü, Diseñador de Producto, UserGuiding

La cuestión es que no quieres que tus usuarios sufran accidentes de tráfico.

Así que comprende que necesitas tanto los semáforos, un indicador de tiempo, como las líneas en el suelo, algo que les dirija hacia dónde deben dirigirse.

5- Volver al principio

Después de todo, ¿todavía hay algo que no encaja?

Vuelve al principio.

Si las cosas no salieron como esperabas a partir de tu hoja de ruta inicial, o tal vez todo funcionó demasiado bien, lo que quieres hacer es volver atrás y comprobar dónde cometiste un error o dónde tomaste una decisión acertada.

Es la única manera de resolverlo o de preservarlo de una vez por todas.

Puesto que el mapa del recorrido del usuario es la pieza de información más organizada que tienes, tal vez quieras revisarlo.

Pero ten cuidado: a veces los problemas pueden tener su origen en una comprensión errónea o inadecuada de las necesidades y expectativas de los usuarios.

Puede que tengas que rediseñar toda la UX del onboarding o simplemente desatascar un par de problemas, pero es seguro que el mejor lugar para buscar problemas en el diseño final suele ser el principio.

Las 3 mejores prácticas y ejemplos de UX de onboarding

¿Recuerdas que dije que podías librarte de la carga cognitiva superflua mostrando en lugar de contando?

Pues bien, ha llegado el momento de deshacerse de toda esa carga.

Sin más preámbulos, veamos algunos ejemplos y buenas prácticas de UX de onboarding con éxito.

1- Slack

Un favorito de los fans y un excelente comienzo para cualquier lista de UX de onboarding, en primer lugar tenemos Slack.

Con su iniciativa de siempre y su onboarding fácil de usar, Slack lo hace muy bien para ser una herramienta de comunicación en equipo. Echa un vistazo.

La UX de onboarding de Slack presenta un gran "bienvenido", con la cantidad justa de amabilidad en la fuente y el punto.

Luego, hay un botón para iniciar el proceso de onboarding, lo que me parece genial, ya que algunos no queremos empezar de inmediato para perder toda la información cuando termine.

Sin embargo, probablemente la mejor parte sea el botón "saltar tutorial" para usuarios familiarizados con el producto.

Por si fuera poco, puedes terminar el tutorial en cualquier momento y saltarte también las ventanas emergentes. No tienes que pasar por una pesadilla de Ikea con Slack.

No olvidemos al Slackbot.

El onboarding comienza tras interactuar con él y continúa con su orientación. Un gran toque personal para una sensación más cercana.

Y por último, Slack es el mejor utilizando pizarras en blanco.

Añadiendo un consejo rápido, información o incluso una broma, la UX se hace mucho más personal y amigable.

Buenas prácticas ✍️ 

• No olvides dar la bienvenida a tus usuarios
• Deja que los usuarios inicien el recorrido por sí mismos
• No obligues a los usuarios a hacer el recorrido
• Haz que parezca lo más manejable posible; los robots pueden ser una buena opción
• Las pizarras en blanco son geniales para el onboarding indirecto y para conseguir que los usuarios utilicen nuevas funciones

2- Notion

Una de mis herramientas favoritas, y su enfoque de la UX y el onboarding desempeña un papel importante en ello.

Tanto en el sign-up onboarding como en el in-app onboarding, Notion es de lo más sencillo y divertido.

Veámoslo.

Al registrarte, Notion sigue un proceso de 4 pasos que sólo te llevará unos minutos y unos pocos clics.

Siempre puedes pasar el ratón por encima de los hotspots para obtener más información.

Aparte de los hotspots de la aplicación que se encargan de algunos de los procesos de onboarding para los nuevos usuarios del espacio de trabajo, Notion también presenta a los recién llegados una página privada para que se acostumbren a las funciones, ¡también en forma de checklist!

Buenas prácticas ✍️ 

• Haz que el proceso de registro inicial sea breve y que los usuarios sepan que lo es
• Para mantener las cosas al mínimo, utiliza hotspots - durante el proceso de registro e in-app
• Deja que los usuarios trabajen en un entorno sandbox si tu producto lo permite
• Los checklists no tienen por qué seguir patrones convencionales; también puedes utilizarlos en una página en blanco

3- ClickUp

Entre las mejores opciones si buscas una herramienta de gestión de equipos, pero hoy estamos aquí para hablar de sus inmaculados patrones UX de onboarding.

Así que vamos a ello.

Mi onboarding inicial en ClickUp fue uno de mis favoritos, porque ClickUp no sólo utiliza checklists, sino también tutoriales en vídeo, ya que es mucho más difícil para ClickUp crear un entorno sandbox.

No sólo eso, sino que también indican cuántos minutos dura cada paso.

En cuestión de 7 minutos, ya estás listo.

Como ClickUp no intenta onboarding en todas sus decenas de funciones clave, el resto de las funciones se presentan a menudo a los usuarios como tooltips.

Lo realmente divertido de estas herramientas es que a menudo muestran un pequeño gif para asegurarse de que sabes lo que puedes hacer con la función.

Buenas prácticas ✍️ 

• Dependiendo de tu producto, puedes optar por un videotutorial y seguir presentándolo en forma de checklist
• Los indicadores de progreso y tiempo, incluso en su forma más simple, son cruciales para mantener a tus usuarios comprometidos
• No tienes que mostrar todas las funciones de una sola vez, puedes utilizar tooltips para educar a los usuarios a medida que utilizan más partes del producto.
• Si no puedes ofrecer interactividad total, los gifs funcionan igual de bien

Conclusión

La UX del onboarding requiere interminables esfuerzos de investigación, análisis y actualizaciones periódicas del diseño.

Aun así, si consigues dar con un diseño que funcione, el resto son mejoras y añadidos. Nada que no puedas manejar después de haber llegado a la conclusión de este artículo.

Recuerda, la UX de onboarding es un paso de peatones.

Si no lo diseñas con el máximo cuidado, puede que tus usuarios nunca lleguen a cruzarlo. ¡Mantenlos seguros y felices!