Mira esta lectura informativa:
Diseñe un sitio web que convierta utilizando estos patrones UX
Cómo reconocer y crear un buen diseño
Toda esta charla sobre las mejores prácticas de experiencia del usuario puede hacer que te preguntes: ¿qué constituye un buen diseño de todos modos? Excelente pregunta
Un buen diseño debe comunicar tres mensajes centrales. Si bien este principio es cierto para cualquier producto, es especialmente aplicable al diseño de la experiencia del usuario del sitio web.
¿Qué es?
Las imágenes estéticamente agradables son solo una parte de la experiencia del usuario. No importa cuán ingenioso sea un sitio web, si el usuario no comprende su propósito, el diseño falla.
Como me beneficia?
Los humanos están conectados para ser egoístas. En un mundo bombardeado con mensajes, aprendemos a sintonizarnos con los que nos importan e ignorar el resto. Investigue a su público objetivo. Descubra lo que es importante para ellos y comunique cómo su servicio o producto los ayudará a alcanzar sus objetivos.
¿Qué debería hacer después?
Sin una acción continua, su diseño permanece estancado. Comunique a su usuario cuál es el siguiente paso y cómo llegar allí (es decir, desplácese hacia abajo para leer más, consulte nuestros testimonios o regístrese para obtener una prueba gratuita ahora).
La anatomía de un encabezado
Un encabezado es lo primero que ve una persona cuando aterriza en su sitio web. Naturalmente, debería ser atractivo. Además, un buen encabezado debe responder a las preguntas anteriores de buen diseño, así como: comunicar la sensación de la marca, así como la información central sobre el producto … en cuestión de segundos.
Diferentes experimentos que recopilan datos sobre el seguimiento ocular del usuario han demostrado que existen varios modelos comunes que explican el movimiento ocular del usuario. En este artículo, se mencionan y discuten los tres modelos de nombres: diagrama de Gutenberg, patrón Z y patrón F. Estos modelos permiten a los diseñadores de experiencia de usuario del sitio web crear un mapa visual para la acción de sus usuarios. Esta mejor práctica aprovecha la atención inicial del usuario y lo lleva a la siguiente sección relevante del sitio web.
Hablemos de desplazamiento
Su usuario continuará desplazándose mientras:
1. Se indica claramente la dirección en que se espera que se desplace.
2. El contenido continúa agregando valor a su búsqueda.
El desplazamiento de arriba a abajo generalmente se considera una práctica recomendada para la experiencia del usuario del sitio web. Un sitio web en ejecución puede ser beneficioso ya que permite a los usuarios navegar sin hacer clic, simplemente no dejes que se alargue demasiado. Intente establecer un patrón o ritmo visual que ayude al usuario a saber cuándo continuar más abajo.
El caso del contraste
Ya sea que esté diseñando un encabezado o una llamada a la acción (CTA), no tenga miedo de emplear elementos de alto contraste para llamar la atención de los usuarios. Esto puede y debe hacerse yuxtaponiendo color, luz, formas o patrones. Uno de los peores errores de la experiencia del usuario del sitio web es perder un potencial cliente potencial simplemente porque no notaron el botón de registro o suscripción.
Si bien el color es una herramienta crítica para la conversión, siempre diseñe en una paleta que funcione tanto en color como en escala de grises. Nunca se sabe quién podría estar viendo daltónicos.
El diseño de una sola columna
El espacio negativo es una herramienta útil para dirigir la atención. Al diseñar un sitio web, es fundamental llamar la atención de los usuarios para impulsar la acción deseada. Un diseño de múltiples columnas aumenta las posibilidades de que un usuario se distraiga o, lo que es peor, se sienta abrumado. Pegándose a una columna central con “márgenes” vacíos, mantenga la pelota en su cancha, por así decirlo. También dirige a sus usuarios a lo largo de una narrativa lineal de arriba a abajo.
El poder de una narrativa personalizada
¿Recuerdas el sitio web que visitaste que no tenía nada particularmente especial o atractivo? No, probablemente no. Las mejores prácticas de experiencia de usuario del sitio web no podemos recomendar lo suficiente: Dale a tu sitio algo de personalidad. Su sitio web es la cara de su negocio. Vístelo, vístelo: agrega algunas animaciones, videos, imágenes, solo asegúrate de que tu diseño esté causando una impresión duradera.
Intenta evitar las imágenes de stock. Son cursi, redundantes y sobreutilizados. Por supuesto, a veces no se puede evitar debido a la falta de tiempo, recursos y material. Si su presupuesto lo permite, use imágenes e ilustraciones personalizadas. Las imágenes de personas son especialmente destacadas para atraer la atención del usuario. Mostrar a las personas que usan su producto proporciona a los navegadores un punto de identificación.
Campos de formulario: menos es más
La vista de los campos de formato largo implica un esfuerzo, y esto puede hacer que los usuarios cierren antes de tiempo. Evite este escenario minimizando los campos necesarios. Pregúntese si cada campo es realmente necesario y elimine los que no lo son. Si tiene numerosos campos, considere moverlos después del envío del formulario en una página o estado separado.
Tiempo de carga (Realidad vs. Percepción)
No hay ningún paso en falso de la experiencia del usuario del sitio web que exaspere a sus usuarios tan rápido como esperar que se cargue un contenido. Sin embargo, una importante nota al margen de esta afirmación: la percepción del tiempo de carga está bajo el control del diseñador.
La percepción de la velocidad del sitio web se basa en varias señales: tiempo de carga real, comportamiento de carga, tiempos de espera y animaciones. Lo que importa es que el sitio web se sienta rápido, incluso si no lo es. Una de las mejores prácticas de la experiencia del usuario es cargar texto antes de las imágenes para que los usuarios puedan comenzar a leer mientras el resto del sitio está en camino. Además, asegúrese de que las animaciones de carga estén bien ubicadas y se ejecuten sin problemas para darle a su usuario una sensación de control.
Haga clic aquí para leer el artículo completo.
