← Blog Diseño · 6 min

3 leyes de UX que hacen que tu sitio convierta más visitas en clientes

Tu sitio puede verse bien y aun así perder clientes. Tres principios de diseño, con ejemplos, que puedes revisar hoy desde tu celular.

Un sitio no pierde clientes solo por verse anticuado. Muchas veces se ve bien, pero la persona no encuentra el menú, no le atina al botón o no sabe cuál de cinco opciones tocar, y se va sin escribirte. Las leyes de UX (experiencia de usuario) son principios que vienen de la psicología y de décadas de pruebas con usuarios; Jon Yablonski las recopiló en lawsofux.com. Aquí van tres que puedes revisar hoy desde tu celular.

1. Ley de Jakob: que tu sitio funcione como los que ya conocen

Tus clientes pasan casi todo su tiempo en otros sitios, y esperan que el tuyo funcione igual: el logo arriba a la izquierda, el menú arriba y el botón de contacto a la vista. Cuando algo está en un lugar inesperado, gastan su atención buscándolo en vez de decidir si te compran.

Cómo mejora tu página:

• El menú se ve también en el celular, no solo en la computadora.
• Usas patrones que ya conocen: el logo regresa al inicio, el teléfono se toca para llamar y el botón de contacto dice lo que hace.
• La creatividad se queda en tu marca y tu contenido, no en dónde esconder la navegación.

2. Ley de Fitts: lo importante, grande y a la mano

El tiempo que tardas en tocar algo depende de qué tan lejos está y de qué tan grande es. En un celular eso se traduce en tres reglas: botones de al menos 44 píxeles de alto, separados entre sí y colocados donde llega el pulgar.

Cómo mejora tu página:

• Menos toques equivocados y menos frustración, sobre todo en personas mayores o con prisa.
• El botón de agendar, llamar o comprar se ve completo en la primera pantalla, sin tener que bajar.
• Los enlaces del pie de página, como el teléfono y el correo, se pueden tocar sin hacer zoom.

3. Ley de Hick: menos opciones, decisiones más rápidas

Cada opción extra hace que la persona tarde más en decidir. Si tu portada ofrece cinco botones con el mismo peso, ninguno parece el importante, y lo más fácil es no tocar ninguno. No se trata de quitar información, sino de dejar claro cuál es el siguiente paso.

Cómo mejora tu página:

• Una sola acción destacada por pantalla, y las demás como enlaces discretos.
• El mismo botón dice lo mismo en todo el sitio, para que nadie piense que son cosas distintas.
• Más visitas llegan a la acción que de verdad te trae ventas.

Así las apliqué en mi propio sitio

Revisé este sitio con las mismas leyes y encontré lo mismo que veo en muchos negocios:

• Jakob: en el celular el menú desaparecía por completo y no había nada en su lugar. Ahora se ve una fila con Trabajo, Servicios, Blog y Contacto.
• Fitts: el botón principal quedaba cortado al final de la primera pantalla y los enlaces del pie medían unos 22 píxeles de alto. Ahora el botón se ve completo al abrir la página y los enlaces miden 44.
• Hick: el mismo botón aparecía con tres nombres distintos. Ahora dice lo mismo en todas partes y hay una sola acción destacada al abrir la página.

Revísalo tú en cinco minutos

1. Abre tu sitio en el celular. ¿Ves el menú y la forma de contactarte sin buscar?
2. Toca cada botón con el pulgar. ¿Le atinas a la primera?
3. Cuenta los botones de la primera pantalla. Si hay más de dos, ¿queda claro cuál es el importante?

Si alguna respuesta fue “no”, ahí hay clientes que están entrando a tu sitio y saliéndose sin escribirte.