Página principal » Diseño web » Diseñar un proceso de incorporación que realmente ayude a los usuarios a aprender

    Diseñar un proceso de incorporación que realmente ayude a los usuarios a aprender

    Saltar a una nueva aplicación por lo general viene con una lucha por aprender cómo funciona. Es posible que aprendas rápidamente, pero siempre hay un proceso de aprendizaje. El objetivo de embarcar Es para introducir nuevos usuarios a un sitio web, programa o aplicación. Con la incorporación, debes enseñar sobre Características individuales, cómo funcionan., y cómo la aplicación ofrece valor al usuario.

    En un post reciente cubrimos Pantallas de incorporación móvil que se centran en diseños y estilos de contenido. En este post, quiero compartir consejos para la experiencia del usuario y el proceso de marketing de guiar a un usuario a través del proceso de incorporación.

    Usa imagenes y diagramas.

    Gráficos y elementos visuales. Puede explicar una experiencia de usuario mucho mejor que las palabras. Confíe en los elementos visuales para ayudar guiar a los usuarios a través del proceso según sea necesario. Esta es una estrategia valiosa porque llama la atención sobre el proceso de incorporación y aclara la intención. Con visuales tu objetivo es mostrar en lugar de decir.

    Puedes hacer esto de muchas maneras diferentes con Capturas de pantalla completas, iconos pequeños o ilustraciones / gráficos vectoriales que encajan en el flujo de trabajo de diseño. Tomemos, por ejemplo, esta pantalla incorporada del diseñador Salman Shah.

    Él usa iconos vectoriales para visualmente cada diapositiva. Los iconos funcionan como metáforas para cada punto, y ayudar vender las características al usuario.

    Si no tienes habilidades para diseñar íconos desde cero, siempre puedes usar paquetes de iconos gratis para su ventaja Muchos diseñadores lanzan su trabajo gratis, y usted puede fácilmente Incorpore estos iconos en sus pantallas de integración..

    Puedes ir más allá de los iconos estáticos para incluir animacion también. Tomemos, por ejemplo, el proceso de incorporación basado en las finanzas creado por Iaroslav Zhmak.

    Él utiliza muchos iconos pero también coloca animaciones en cada sección. Aprendes lo que hace la aplicación a través de señales visuales. que animan a llamar tu atencion.

    Tenga en cuenta que cada diapositiva de incorporación tiene una descripción de texto también. Esta es la verdadera fuente del mensaje porque les dice a los usuarios lo que pueden en realidad hacer con la aplicación. A veces una página de solo texto puede sentir como un libro de texto de la universidad congestionada aunque. Use elementos visuales y animaciones para animar cada parte del proceso de incorporación.

    Mostrar características en acción

    Intentar evite indicar las características obvias o obligar a los usuarios a memorizar todas las partes individuales de la aplicación. Tambien intenta evitar declaraciones básicas que guían a los usuarios alrededor de la aplicación como “Este es el menú principal, esta es la pantalla de amigos.”, En su lugar, trate de centrarse en lo que estas cosas puede hacer, y como el usuario Puede interactuar con estas áreas..

    Esta estrategia es una reminiscencia del viejo adagio de marketing. “no vendas la carne, vende el chisporroteo”. Quieres vender la app A través de sus beneficios para el usuario., no a través de características arbitrarias y elementos de menú.

    Por ejemplo, este diseño creado por Prakhar Sharma lo guía a través de un proceso completo de trabajo en su cuenta bancaria.

    El diseño ofrece un flujo natural para ayudarlo a comenzar y guiarlo en cada paso del camino. Este proceso de incorporación obliga a los usuarios a tomar acción que es en última instancia el objetivo principal.

    Tu también puedes mostrar las características en acción a través de una demostración, o puede ayudar a los usuarios Actuar a través del proceso de incorporación.. Cualquiera de los metodos fomenta la acción sobre el consumo lo que generalmente conduce a usuarios más comprometidos.

    Encontré otro buen ejemplo de una pantalla de incorporación de aplicaciones de estilo YouTube creada por Riko Sapto Dimo. Utiliza imágenes e íconos para transmitir un mensaje, pero también ayuda al usuario Actúa antes de sumergirte en la aplicación..

    Después de la “Cómo funciona” pantalla que puede elegir configurar notificaciones Con el clic de un botón. Esto es un gran estrategia Porque muchos usuarios se olvidarán completamente de la aplicación, pero con notificaciones emergentes ellos van a eventualmente usarlo de nuevo (o deshabilitar notificaciones).

    También puedes añadir Botones para activar o desactivar funciones. en cualquier punto del proceso de incorporación. Estas características podrían relacionarse con las suscripciones a boletines, siguiendo otras cuentas, o incluso suscribiéndose a las actualizaciones. Sólo involucrar a los usuarios, y ayudarlos empezar a actuar. A partir de ahí, se vuelve más fácil mantenerlos enganchados.

    Mostrar una característica a la vez

    La mayoría de las pantallas de integración muestran ciertas características y lo mueven a través de un proceso de principio a fin. No apuren a los usuarios, y definitivamente no metas mucha información en la pantalla a la vez.

    La clave para mantener a los nuevos usuarios interesados ​​y entusiasmados es mantener el enfoque y mostrar una característica a la vez. Si pones demasiado en la pantalla, los usuarios pueden sentirse abrumado. Si el proceso de incorporación es demasiado aburrido, la gente se aburrirá y abandonará.

    Cada pantalla debe tener al menos una nueva pieza de información Eso es valioso para el usuario. También puedes hacer esto en la web con un ventana modal / enfoque de cuadro de diálogo. Sin embargo, todavía debe mantener centrarse en un tema a la vez llamar la atención donde pertenece.

    El equipo de Dropbox está planeando una nueva aplicación de escritorio con integración, y Wes O'Haire compartió este ejemplo en su cuenta de Dribbble.

    Todo sobre esta pantalla de incorporación. se siente muy natural. Tienes una barra azul que indica ¿Qué tan avanzado en el proceso de incorporación? te has ido. Entonces también tienes instrucciones claras para moverse paso a paso a través del proceso. También hay un botón de retroceso en caso de que el usuario olvide algún paso anterior, o simplemente quiera un resumen.

    Atención es el nombre del juego, y este diseño mantiene a los usuarios enfocado en las acciones. Al final de este proceso de incorporación, los nuevos usuarios deberían poder usar cómodamente La aplicación Dropbox en el escritorio para cargar, descargar y realizar cualquier otra acción que necesiten..

    Y recuerda que Los beneficios se venden mejor que las características.. Explique lo que el usuario obtiene de la aplicación en lugar de lo rápido que se ejecuta o cuántos perfiles puede tener.

    El ejemplo anterior presenta un par de pantallas de una aplicación de citas médicas / médicas llamada Qikwell. Cada diapositiva muestra una característica importante orientado hacia el beneficio del usuario (disponibilidad de cita y número total en linea).

    La última diapositiva también tiene una pequeña “Empezar” enlace a guiar a los usuarios sobre el siguiente paso. Aumentaría la visibilidad de ese enlace para fomentar el compromiso, pero solo tenerlo es una gran idea.

    Recuerda guardar todo simple y directo. Cada paso del proceso. debería tener un objetivo enseñar al usuario o ayudarlo a avanzar en la aplicación.

    Envolver con una acción

    Al final del proceso de incorporación, debe tener usuarios que conozcan Lo que ofrece la aplicación, lo que pueden hacer., y por qué deberían usarlo. Sin embargo, podrían necesita un empuje para realmente tomar acción y hacer algo.

    Termine siempre su incorporación con algún tipo de enlace o botón que lleva al usuario a comenzar en algún lugar. Esto podría ser una página de configuración, una página de perfil, una pantalla de flujo de usuario o algo similar.

    El mejor las acciones recomendadas variarán Basado en los objetivos de tu aplicación. Una aplicación de nutrición podría alentar a los nuevos usuarios a comenzar a registrar sus alimentos por un día, pero una aplicación de redes sociales podría enviar a los usuarios a una pantalla de perfil o a una lista recomendada de usuarios seguir.

    En esta aplicación diseñada por Oktafian Nugraha, notarás una gran naranja. “Empecemos!” Botón en la parte inferior de la última diapositiva. Esto es super brillante y muy difícil de perder..

    Este botón de acción final puede llevar a cualquier parte siempre que el objetivo final es la retención de usuarios. Pegue este botón en su proceso de incorporación, y asegúrate de que sea visible. Si los usuarios completan la incorporación, y no ven un botón para finalizar, pueden sentirse atrapado y acaba de salir.

    Es bastante difícil arruinar esto, así que solo planificar un flujo de usuario típico, y asegúrate de que enlace a una página apropiada Al final del proceso de incorporación. Si la incorporación hizo su trabajo, los nuevos usuarios ya deberían saber que hacer desde ahi.

    Una mirada final

    Cada nuevo proyecto debe tener algún tipo de guía de ayuda o proceso de incorporación para nuevos usuarios. Es la forma más rápida de guiar a los nuevos usuarios, y para mantener a más personas comprometidas con su aplicación móvil, sitio web o programa de escritorio.

    Estetica de diseño Son importantes pero la experiencia del usuario triunfa sobre todo. Cuando se realiza correctamente, el proceso de incorporación debe ser educativo y ojalá un poco divertido!