Cómo diseñar el proceso ideal de personalización del sitio web (con ejemplos) – Usabilidad web y seo

Cómo diseñar el proceso ideal de personalización del sitio web (con ejemplos)

Vistas: 94
0 0
Tiempo de lectura:5 Minutos, 38 Segundos


Piense en la última vez que descargó una nueva aplicación o visitó un nuevo sitio web. ¿Sabías exactamente qué hacer? ¿Le ayudó el diseño a interactuar de manera constructiva con el sitio? Un proceso de incorporación simple puede ser fundamental.

Es importante pensar en el diseño de su sitio web y su aplicación en términos de atraer visitantes para crear la mejor experiencia posible. Esto puede incluir cualquier cosa, desde ayudar a alguien a encontrar un artículo en su tienda en línea y comprender cómo realizar una compra, hasta jugar juegos o registrarse para recibir un correo electrónico.

La incorporación es el proceso de integrar a cualquier usuario nuevo en el proceso de diseño para que pueda interactuar mejor con su sitio web, aplicación o producto o servicio digital. Así es como lo diseñas (con ejemplos de inspiración).

Diseño para flujo visual

conexión al sitio

Una buena experiencia de incorporación tiene un principio, un desarrollo y un final que son fáciles de identificar visualmente.

El usuario sabe por dónde empezar si necesita ayuda o desea información. Suelen ser imágenes grandes con una línea de texto introductoria. (Piense en su carácter).

Luego, se deben tomar medidas, como completar un formulario o trabajar con una guía o guía paso a paso. Termine con una notificación de que la acción se completó y el usuario se acerca al éxito. (Este sentido de comprensión y logro puede ayudar a los usuarios a permanecer conectados).

La notificación final debe incluir una acción que los usuarios puedan realizar, como “ahora está listo para jugar” o “haga clic aquí para comenzar”.

Muestre a los usuarios lo que quiere que hagan

conexión al sitio

El proceso de adaptación debe ser sencillo y directo. Esto es especialmente importante si su sitio web o aplicación utiliza plantillas personalizadas inusuales o funciones desconocidas.

Aquí es donde debe mostrarle al usuario qué hacer. Utilice información sobre herramientas o un breve vídeo que explique cómo funciona la interacción. Explique el objetivo o resultado esperado y cómo los usuarios pueden lograrlo.

El Milanote que se muestra arriba hace un gran trabajo al hacer esto en la página de inicio del sitio web. En el área de la imagen principal, hay una pantalla de computadora que muestra la aplicación en uso. Ya sea que lo vea durante unos segundos o todo el ciclo, este breve video muestra a todos los que visitan el sitio cómo interactuar con la herramienta y la aplicación asociada.

No digas lo obvio

conexión al sitio

Cuando empiezas a pensar en instrucciones y experiencias de incorporación, es fácil dejarse llevar. Resistir la tentación.

Las mejores instrucciones son simples y solo aparecen cuando es necesario.

Proporcione instrucciones e información solo para actividades o navegación desconocidas. (No es necesario explicar el icono de la hamburguesa o la estructura general de los botones).

Al exagerar las interacciones obvias, corre el riesgo de frustrar a los usuarios al extender el proceso de incorporación de una manera que no sucede. Las mejores instrucciones son simples y solo aparecen cuando es necesario.

El sitio web de Elizabeth Taylor tiene un control deslizante de lado a lado en la parte superior con instrucciones visuales sobre cómo usarlo, gracias a las flechas. Esto facilita que los usuarios interactúen con el contenido a su propio ritmo.

Escribe una copia que silba

conectarse a la aplicación

Una copia aburrida simplemente no lo hará. Cada pequeño cuadro de diálogo, incluso si contiene varias palabras, debe ser interesante y divertido. Utilice un lenguaje común en la misma voz que el resto del diseño de su sitio web o aplicación.

Use verbos activos e instrucciones directas en un tono amigable. Slack, como se muestra arriba, hace un gran trabajo con un bot que se siente como un humano (incluso cuando sabes que no lo es).

¿No estás seguro por dónde empezar? Tenemos 10 consejos para escribir excelentes microcopias. Utilice esto como una guía para escribir cuadros de diálogo e información para personalizar usuarios.

Aclare si los usuarios necesitan registrarse

conectarse a la aplicación

¿Debe registrarse un nuevo usuario en su sitio o aplicación? ¿Funcionarán las funciones si no lo hacen?

Primero, tenga claro lo que espera y los beneficios de registrarse. Luego, ofrezca una “prueba” gratis para que las personas se interesen en la aplicación o el sitio web.

Luego, solicite el registro para obtener acceso a funciones o contenido adicionales. Y mantenga esta pregunta simple usando un formulario que solo requiera información básica. (Siempre puede pedir a los usuarios más detalles más adelante).

Proporcionar un tutorial

conectarse a la aplicación

Planifique el proceso desde el primer acceso a su página o aplicación hasta el éxito. (Si es necesario, dibuje un diagrama de bloques).

Crear un tutorial lo ayudará a comprender si su diseño es simple o complejo.

Esto puede ayudarlo a comprender si su diseño es simple o complejo. También puede proporcionar una hoja de ruta para un posible tutorial que muestre a los usuarios exactamente qué hacer y cómo interactuar con el diseño.

Ryan Osilla conoce bien cómo los sitios web convencionales crean rutinas de personalización ideales (y diagramas de flujo). Los ejemplos lo guían a través de los pasos para crear cuentas y comenzar con herramientas populares como LinkedIn, GitHub, UpWork y Twitter. (Le resultará difícil encontrar mejores ejemplos de flujos de adaptación de mapas).

Si bien todos los ejemplos que describe Osilla son simples, puede usar esta información para crear un tutorial con instrucciones más específicas para acciones desconocidas. Una vez que haya creado el diagrama de flujo, puede crear fácilmente un tutorial.

Muestra una función a la vez

conectarse a la aplicación

Un buen proceso de incorporación funciona si incluye instrucciones paso a paso que sean fáciles de seguir (u omitir). Recuerde, el objetivo es generar interés y comprensión del producto digital para que desee que los usuarios superen el proceso de manera efectiva.

Dime cuánto durará el ejemplo de adaptación. Muestra la barra de progreso para tutoriales multipantalla o información con botones para avanzar o retroceder.

Recuerde centrarse en los beneficios para el usuario. ¿Qué hace que su sitio web o aplicación sea interesante? ¿Por qué deberían querer completar el proceso de incorporación y continuar? Venda este beneficio a todos los que visiten su sitio.

Conclusión

El objetivo del proceso de incorporación es proporcionar a los usuarios información que les ayudará a comprender e interactuar mejor con su sitio web o aplicación. Recuerde explicar en qué consiste, mostrar a los usuarios qué hacer cuando sea posible y proporcionar navegación.

Simplifique el proceso con excelentes imágenes y microcopias y recompense a los usuarios por completar las tareas de personalización.

La incorporación es todo lo que hace para mantener a los usuarios interactuando con su sitio. Puede ser un juego o un formulario, pero también puede ser una inmersión más profunda en el contenido. Crea lo que les gusta para que sea lo más cómodo posible.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Por qué y cómo pasar por un enfoque detallado
Next post Lo que sabemos sobre la indexación de Google Passage

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta