Cuatro técnicas de diseño de UX para fomentar el compromiso del usuario
Alentar a los usuarios a permanecer y utilizar un sitio web no siempre implica un código más delgado o gráficos más bonitos. Algunos de los diseños más simples como Reddit aún mantienen a los usuarios absortos en el contenido y encantados de interactuar con el sitio.
El secreto está en la experiencia del usuario y la consideración de cómo funciones de un sitio web. Las interacciones se derivan de elementos de página y flujos de acción que se mueven de una página a la siguiente..
En este post voy a echar un vistazo a algunas Técnicas de diseño de UX. que se puede aplicar a mejorar la experiencia del usuario y aumentar la participación del usuario. Tenga en cuenta que estas no siempre son aplicables a todos los sitios web y que es más importante entender por qué estas técnicas funcionan para que pueda usar su propio criterio..
El tema de la experiencia del usuario es vasto y requiere paciencia para comprenderlo completamente. Pero cuanto más practiques, más entenderás.
Lo mejor que puedes hacer es juega en los sitios web que te gustan y descifrar qué te gusta a cerca de ellos. A partir de sus experiencias, puede extrapolar ideas coherentes y descubrir qué es lo que lo mantiene a usted (y quizás a otros) comprometidos en un sitio web..
1. Usa el contraste para llamar la atención
Cada sitio está construido con un puñado de elementos creados para la interacción del usuario. Hipervínculos, botones, campos de entrada, widgets de la barra lateral, la lista sigue y sigue. Pero no todos los elementos deben ser creados iguales.. Algunos son naturalmente más importantes para la participación de los visitantes y deben diseñarse con mayor contraste Destacar de otros elementos de la página..
Esta idea se deriva del alto contraste de color y la forma en que los humanos procesan los datos visuales en patrones. Cuando algo se destaca de su entorno, ya sea por color, tamaño, forma o espacio en blanco, puede Aparecen más importantes según el contexto..
Use el contraste para llamar la atención hacia ciertos elementos de la página que involucran a los visitantes en una tarea en particular. Si su objetivo es crear más suscripciones a boletines, su caja de suscripción puede tener un botón de suscripción animado brillante o un icono de vector único.
El objetivo es captar la atención mediante la construcción de una interfaz que atraiga a los visitantes a realizar algunas acciones deseadas.
Si tiene el tiempo, podría valer la pena ejecutar algunos estudios de casos A / B para ver qué colores / elementos se combinan mejor juntos. Las estadísticas son difíciles de identificar pero se sorprenderá de lo mucho que se puede aprender de una simple prueba dividida.
2. Animación de buen gusto UI / UX
Recientemente me topé con una publicación titulada ¿Qué sabe Disney acerca de la animación de la interfaz? Cubre los puntos vitales de la animación y cómo estos juegan a la psique de los usuarios que interactúan con una pantalla plana 2D..
Diferentes tipos de animaciones pueden implicar ciertos comportamientos. Por ejemplo, cuando se desplaza sobre un botón, puede rebotar para mostrar que se puede hacer clic. Los mensajes de error a menudo tiemblan para llamar la atención del usuario..
Recuérdalo La animación de UX debe ser visible pero sutil. Las animaciones más extravagantes son más para TV y películas que para interfaces.
Pero eso no significa que sus interfaces deban permanecer planas. De hecho, la mayoría de los usuarios más bien tener algún tipo de animación porque da la ilusión de una experiencia más suave. El diseño digital es en parte sobre creando una interfaz ilusoria, pero el mas realista Aparece, cuanto más quieran interactuar tus usuarios..
3. Diseño responsivo como un requisito
Es justo decir que una buena parte de los usuarios de Internet navegan desde sus teléfonos móviles. Los enlaces que se comparten en sitios sociales como Facebook y Twitter a menudo se visitan directamente en teléfonos inteligentes y tabletas..
Esto significa que todos los sitios web deben estar optimizados para dispositivos móviles de alguna manera, preferiblemente con un diseño completamente sensible.
Cuando estas obligado a considerar el tamaño de la pantalla, eso coloca características críticas en una luz completamente nueva. Como diseñador, debe elegir qué características son las más importantes y cómo deben aparecer en pantallas más pequeñas. Esta estrategia de diseño receptivo requiere tiempo para aprender, pero la mejor manera es estudiar otros sitios web y elegir técnicas que le gusten..
La verdad es trabajos de diseño responsivo y es cada vez más aceptado por la comunidad de diseño con cada año que pasa.
Los usuarios también esperan que los sitios web sean completamente receptivos, por lo que se ocuparán de la pantalla de cualquier dispositivo. Cuando un sitio no encaja bien en un navegador web móvil, puede ser desagradable para la experiencia del usuario.
4. Simplificar el proceso de interacción
Smashing Magazine publicó recientemente una de las mejores publicaciones que he leído en apoyo de simplificación para diseño de interfaz. Afirma que nadie quiere saltar a través de aros para usar su sitio web o aplicación. A la gente solo le interesa el resultado final, y el medios más rápidos para llegar allí.
Me gusta crear diagramas de flujo de UX para cada elemento de página interactiva cada vez que estoy dibujando wireframes. Estos ayudan a concebir visualmente cómo debe verse el sitio. y función.
Pero en verdad no importa cómo planee la experiencia. Solo asegúrate de que estás planeando La experiencia más rápida y sencilla posible.. Cuando se trata de fomentar la actividad, querrás que las cosas importantes sean implícito por el diseño.
Si alguien aterriza en su aplicación web y no entiende cómo registrarse de inmediato, ese es un gran problema.. Debe ser descaradamente obvio para el usuario qué hace su sitio y cómo pueden ser parte de él.
El mejor lugar para comenzar es investigar el diseño de UX y el proceso de cómo los usuarios interactúan con una interfaz. Desde allí, podrá extraer conclusiones relevantes para sus propios proyectos y, idealmente, simplificar sus interfaces a su mayor potencial..
Para la lectura relacionada sobre el tema de actividad del usuario, Echa un vistazo a estos mensajes:
- Rompiendo las convenciones de diseño web = Rompiendo la experiencia del usuario
- Archivos de usabilidad y experiencia de usuario en la revista Smashing
- Conceptos de diseño web para atraer la interacción del usuario
Envolver
No hay una respuesta única sobre cómo diseñar (o arreglar) sitios web para mejorar la usabilidad. Sí, hay algunas cosas que puedes probar, pero cada sitio es un poco diferente y el estudio del diseño de UX es muy complicado..
Espero que este artículo pueda ayudarte a comenzar a pensar en algunas técnicas comunes para crear interfaces altamente utilizables. Lo mejor que puede hacer es ponerse en el lugar de un usuario típico e intentar determinar los principales defectos de una interfaz. Y una vez que reconozca un problema, ya está a mitad de camino de la solución.!