La lista completa de 25 trucos de diseño UX

La idea detrás del diseño UX es simple: los usuarios felices y seguros tienen más probabilidades de comprarle. Es más probable que confíen en usted, se registren en sus listas de correo o descarguen su aplicación.


A menudo pienso en el diseño de la experiencia del usuario (o diseño UX) como psicología en lugar de desarrollo.

Un buen diseño UX se trata de entrar en la cabeza de tus visitantes.

Anticipa cada uno de sus movimientos y crea un sitio web que sea simple, intuitivo y agradable de usar..

Desafortunadamente, no hay una respuesta fácil o una bala de plata para un buen diseño de UX. Es la culminación de muchos pequeños ajustes. Cada uno mejora la experiencia en su sitio web.

Con eso en mente, he redondeado una lista de verificación de 25 ajustes pequeños (y fáciles) que harán brillar su diseño UX.

1. velocidad

La velocidad del sitio web es su primera oportunidad para causar una buena impresión. Es tu primer obstáculo UX.

Velocidad del sitio web

(fuente de imagen)

Demasiado lento y sus visitantes ya están agitados y es menos probable que confíen en usted. Instintivamente asociamos velocidad con profesionalismo, y la mayoría de los visitantes esperan que su sitio web se cargue en dos segundos.

Algo más lento que eso, y es una experiencia de usuario pobre, desde el principio.

Asegúrese de que la velocidad de su servidor esté a la altura y reduzca el peso de su sitio para que se abra rápidamente.

2. ¿Quién eres y qué haces??

Su próximo gran desafío es informar rápidamente a sus visitantes. ¿Quién eres tú? ¿Qué haces? ¿Y qué valor puedes darles??

Valor de Netflix prop

Esto se llama una propuesta de valor, y es tan importante que escribimos una publicación de blog completa sobre ella. Solo tienes unos segundos para convencer a tus visitantes, así que haz que cuente!

Pruébelo ahora: resuma todo su sitio web en una oración y señale dónde quiere que vayan los visitantes a continuación.

3. Asegúrese de que los visitantes puedan ponerse en contacto con usted

Una parte central del diseño de UX es eliminar cualquier preocupación o ansiedad que sus visitantes puedan tener.

Una de las mayores preocupaciones para los nuevos visitantes es si deben confiar en ti o no, especialmente si eres un nuevo sitio web.

Una forma de eliminar esta ansiedad es mostrándoles que hay una persona real detrás de escena. Agregue una dirección comercial, un número de teléfono y una dirección de correo electrónico real. (NO es un formulario de contacto; las personas tienden a desconfiar de ellos en comparación con una dirección de correo electrónico directa).

Aún mejor, use un cuadro de chat en vivo para que los usuarios puedan hacer preguntas al instante.

Tagove Live Chat

Si algo sale mal, es bueno saber que pueden ponerse en contacto fácilmente.

4. Siempre dale a los visitantes un camino de regreso a casa

Todos nos hemos perdido en sitios web antes. Sigues enlaces y terminas en una madriguera de conejo.

Si esto sucede, sus visitantes se agitan y frustran. Pulsarán instintivamente el botón “X” para cerrar el navegador.

En su lugar, asegúrese de que haya un botón de “inicio” claro y definido, para que siempre puedan comenzar de nuevo. Por lo general, los usuarios esperan que su logotipo también se vincule a la página de inicio, así que asegúrese de que lo haga.

5. Aún mejor, deja migas de pan para que sepan dónde están

Además de darles un reinicio rápido, use ‘breadcrumbs para explicar dónde se encuentran en el proceso.

Las grandes barras de progreso son excelentes para esto. Si es durante el proceso de pago, por ejemplo, informe a su usuario exactamente dónde se encuentra y qué queda por hacer.

checkout-barra de progreso

(fuente de imagen)

De nuevo, esto es psicología simple. Por ejemplo, salir a caminar es mucho más agotador cuando no sabes dónde está el final. Nos sentimos mucho más cómodos cuando tenemos un mapa. La misma idea se aplica en línea..

6. Eliminar cualquier acción repetitiva

Es muy frustrante ingresar los mismos datos dos veces en un formulario (como una dirección de facturación y una dirección de envío). Intente deshacerse de cualquier acción repetitiva que ralentice el proceso de compra..

Son cosas como esta las que conducen al abandono del carrito. Tus visitantes buscarán en otro lado.

Aún mejor, cree un sistema que recuerde las preferencias de sus clientes. Los sorprenderá y deleitará cuando todo esté allí esperándolos nuevamente. Es algo simple que mejora las posibilidades de que los clientes regresen.

7. Usa consejos sobre herramientas para ayudar a los novatos (¡pero no impidas a los expertos!)

Algunos de sus visitantes serán asiduos. Explosarán tus hojas de registro y el proceso de compra. Otros serán completamente nuevos, y pueden tener algunas preguntas en el camino.

Los pequeños iconos de “información sobre herramientas” (a menudo identificados con un signo de interrogación) ayudarán a los novatos a comprender lo que deben hacer. Pero al mismo tiempo, no se interponen en el camino de sus expertos..

información sobre herramientas

(fuente de imagen)

Incluso puede proporcionar accesos directos o vías rápidas para ayudar a acelerar a los expertos. A menudo verá enlaces “omitir esto” en la mayoría de los explicadores de sitios web y aplicaciones, por ejemplo.

8. Crea un llamado a la acción grande y audaz

Un llamado a la acción le dice a su visitante exactamente qué hacer: “Registrarse” o “Comprar ahora”, por ejemplo. Asegúrese de que sea ordenado, directo y explique el valor de hacerlo.

CTA

(fuente de imagen)

Mejor aún, conviértalo en un color claro y audaz (los verdes y las naranjas hacen maravillas aquí) y cúbralo con espacios en blanco. Eso debería atraer la atención de sus usuarios, dándoles una clara indicación de que esto es lo que quieren que hagan..

9. Haga una distinción clara entre los llamados a la acción primarios y secundarios

Con muchas llamadas a la acción, verá dos opciones. “Enviar” y “cancelar”, por ejemplo. O “descargar ahora” y “prueba gratuita”.

spotify-cta

Está claro qué acción desea que realice el visitante, así que asegúrese de que lo sepa. Mira la página de inicio de Spotify. Han hecho que el botón “ir premium” sea llamativo y llamativo. Han hecho que el botón “Jugar gratis” se desvanezca en el fondo.

Esto es simplemente psicología simple otra vez. De manera sutil, dejas que tus usuarios sepan en cuál hacer clic.

10. Use la jerarquía para mostrar a los usuarios a dónde ir después

Con suerte, debe tener en mente un “viaje de usuario” claro. Supongamos que imparte cursos en línea a través de su sitio web. Un viaje de usuario simple podría verse así:

Leer el último blog > descargue un informe gratuito y regístrese en la lista de correo > inscribirse en su curso en línea pagado.

Si tiene un viaje claro, puede crear una jerarquía visual para dirigir a los usuarios a donde los quiere. En este caso, deberías asegurarte de que tu blog fue lo primero que vieron. Luego, comenzará a incluir muchos enlaces a su lista de correo.

11. No te metas con los elementos esperados!

A menudo es difícil resistir el impulso de ser creativo con diseños y elementos. Pero la cuestión es que todos sabemos cómo se supone que debe ser una tienda en línea. Esperamos que los productos se distribuyan en categorías simples. Esperamos descripciones de productos, revisiones y un proceso de compra familiar..

pago y envío de manzana

¡No intentes reinventar la rueda con estos aspectos cruciales! Mantenlo simple.

12. Apégate a una paleta simple de 3 colores

Una vez más, se trata de resistir el impulso de complicar demasiado las cosas. Combinar más de 3 colores primarios es difícil y a menudo confundirá a los usuarios..

paleta

(fuente de imagen)

El color también es muy útil para dar forma a la experiencia de su usuario, ya que está estrechamente relacionada con la psicología y la emoción. Por ejemplo, asociamos el azul con la confianza (¡hay una razón por la cual Facebook usa el azul!)

Haga coincidir su paleta de colores con su producto.

13. ¿Por qué recibo un error? Y que hago ahora?

A veces, las cosas salen mal y los errores 404 son inevitables. Sin embargo, puedes convertir esto en una experiencia de usuario positiva.

Explique exactamente por qué reciben este error creando páginas personalizadas 404 y 504. La “ballena falsa” de Twitter fue famosa por esto.

Twitter falla ballena

Para errores desconocidos, asegúreles a los usuarios que está trabajando en ello y diríjalos a su sitio web..

Los callejones sin salida, como las páginas de error, son peligrosos. Los usuarios naturalmente alcanzan la cruz. Tranquilízalos y envíalos de vuelta.

14. Otorgue un puntaje alto a los usuarios cuando completen algo

Los seres humanos son impulsados ​​por un sentido de logro y finalización. Cuando completen una tarea, hágales saber y muéstreles a dónde ir después..

Puede hacerlo después de que envíen su dirección de correo electrónico, después de que compren un producto, después de que agreguen algo a su carrito, o simplemente cuando lleguen al final de una publicación de blog.

Es una experiencia simple, fácil y positiva. También les da a los usuarios un sentido de colaboración; como si realmente los estuvieras ayudando a alcanzar sus objetivos.

15. Se adhieren a solo dos familias de fuentes

La consistencia y la marca son clave para una buena experiencia de usuario.

Es muy confuso si la fuente de su logotipo es Futura, el texto de su cuerpo es Times New Roman, su llamado a la acción es Comic Sans y sus encabezados son Windings …

fuentes

Se adhieren a solo dos familias de fuentes. Es más fácil de leer y se ve más profesional y confiable..

16. Use mensajes de alerta distintos y consistentes

A veces, tus usuarios van a equivocarse. Tal vez ingresaron su contraseña incorrectamente y no pudieron iniciar sesión. Quizás olvidaron incluir un código postal en la hoja de registro.

alertas

(fuente de imagen)

En estos casos, querrá un mensaje de error o alerta simple pero distinto. Asegúrese de que sea distinto en color y estilo a cualquier otra cosa en su sitio. Da una indicación clara de que algo necesita acción.

También debe hacer que estos mensajes de alerta sean coherentes en todo su sitio. No use un color, estilo o ubicación diferente, ya que se vuelve confuso.

17. TEXTO DE BLOQUEO DE MAYÚSCULAS

Es molesto.

En realidad, hay razones más importantes que eso. En realidad, leemos el texto en mayúsculas más lento que en minúsculas. Por lo tanto, es mucho más difícil escanear la lectura (que es así como generalmente leemos Internet).

Reserve el bloqueo de mayúsculas para cuando realmente necesite causar un impacto.

18. Agrupe elementos relacionados

Esto es específicamente para sitios web de comercio electrónico, pero funciona en todos los ámbitos.

Intenta mantener elementos similares y relacionados en el mismo lugar. Significa que sus visitantes y clientes obtienen un servicio mucho más personalizado, casi como si hubiera anticipado sus necesidades..

artículos agrupados

Puede hacerlo con productos físicos, como la selección de Amazon “más como esto”. También puede hacer algo similar con publicaciones y artículos de blog, utilizando una sección de contenido relacionado.

Mantiene a los visitantes navegando por su sitio, reduce su tasa de rebote y crea una experiencia más personal.

19. Mantenga todo consistente

Lo último que desea es que un visitante haga clic en un enlace y sienta que ha navegado a un sitio web diferente.

Asegúrese de que su barra de navegación permanezca en el mismo lugar, sin importar dónde se encuentre en el sitio. Asegúrese de que su logotipo esté siempre visible y que la paleta de colores permanezca igual.

20. Diseñe el diseño para el escaneo ocular

No leemos sitios web como leemos un libro. Nuestros ojos saltan y escanean la información importante.

Patrón F

Por lo general, leemos sitios web en un patrón F, pero también se sabe que las imágenes en negrita y los llamados a la acción llaman la atención primero.

21. Genere confianza con testimonios y pruebas sociales

La mayoría de los visitantes de su sitio web llegan con la guardia alta. Son naturalmente cautelosos con los nuevos sitios, y ciertamente todavía no están listos para comprarle.

Como dije, una parte clave del diseño de UX es eliminar estas barreras y hacer que las personas se sientan cómodas en su sitio web. Unos pocos testimonios y datos reales bien ubicados harán que las personas se sientan más a gusto. Nos gusta ver que otras personas (idealmente grandes nombres) han usado su producto y servicio, y lo aprueban..

22. Deje a los usuarios saber con qué pueden jugar!

Los sitios web generalmente están compuestos por dos partes: Número uno: contenido: es estático y no podemos interactuar con él. Y número dos: controles: estas son cosas en las que podemos hacer clic y jugar e interactuar con.

interacciones

Twitter es genial en esto. Texto negro simple para contenido. El texto azul indica en qué puede hacer clic e interactuar. Los iconos se llenan de color cuando pasas el mouse para mostrar con qué puedes jugar.

Invita a personas a jugar con tu sitio web!

23. Crea una curva de aprendizaje suave

A nadie le gusta quedarse atrapado en un sitio web confuso y difícil.

Intenta dar a tus visitantes una victoria rápida casi de inmediato. Facilítelos y hágalo simple, especialmente si está ofreciendo una propuesta comercial complicada.

24. Encuentra una manera de empatizar con tu visitante rápidamente

La experiencia del usuario se trata de imitar una relación humana y establecer una conexión con su usuario. La empatía es una gran parte de esto: ¿cuáles son los objetivos y sueños de sus visitantes? ¿Qué los ha estado frenando hasta ahora??

Hágales saber de inmediato que comprende su problema. Puede hacer esto con una imagen con la que se puedan relacionar o con una oración que resuma sus mayores problemas..

Su visitante pensará “¡este sitio web me atrapa!”, Que es una gran experiencia de usuario para crear.

Intente proporcionar comentarios a su usuario en cada pequeña parte del viaje. Creará una comunicación y una relación real a la que los usuarios responden.

Puede hacer esto con copia, como “¡Buen trabajo!” “Pensamos que te podría gustar esto”, “¿te gustaría hablar con un experto?”

barra de progreso

O pequeños gráficos y visuales, como un pulgar hacia arriba, una cara sonriente o un reloj en una página de carga.

———

Combine estos pequeños ajustes y creará una experiencia de usuario que generará confianza, se conectará con su público objetivo y los hará sentirse felices y con una sensación de logro..

¿Estás utilizando alguno de estos trucos de diseño UX? ¡Me encantaría saber de cualquier cosa que me haya perdido! Déjame saber en la sección de comentarios.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map