Diseño UX: que tu cliente encuentre lo que busca y te escriba

El dueño de una empresa de fumigación en Iztapalapa revisa su página con orgullo: tiene fotos profesionales, un video de la flota y una sección de historia que escribió él mismo. Un día le pide a su sobrina que busque cuánto cuesta fumigar una casa en su propio sitio, sin ayudarle. Ella entra, baja, sube, abre "Servicios", ve una lista de plagas, regresa al inicio, busca "precios", no lo encuentra, abre "Contacto" y se topa con un formulario de nueve campos. A los dos minutos le dice: "Tío, yo ya me hubiera ido". La página no tenía nada roto. Simplemente no estaba pensada desde quien la usa.

El diseño UX (de user experience, experiencia de usuario) es eso: diseñar tu página a partir de lo que tu cliente viene a hacer, no de lo que tú quieres contar. Para un negocio de servicios, la meta es concreta: que la persona encuentre rápido lo que busca, confíe y te contacte sin batallar.

No necesitas un equipo de investigadores ni un presupuesto de corporativo para aplicar diseño UX en tu sitio. Necesitas unos cuantos principios, ganas de observar a gente real usando tu página y disposición para quitar lo que estorba. En esta guía vemos los principios prácticos, cómo probar tu página barato y una tabla de los problemas más comunes y lo que te cuestan en ventas.

Qué es el diseño UX, explicado para dueños de negocio

UX no es lo mismo que "que se vea bonito". Lo visual (colores, tipografía, fotos) es parte del diseño de interfaz. La experiencia de usuario es más amplia: abarca si el visitante entiende lo que ofreces, si encuentra lo que busca, si la página carga rápido, si el formulario es fácil y si después alguien le contesta.

Piénsalo como el recorrido de un cliente que entra a tu local:

• Llega desde Google, un anuncio, una recomendación o un enlace por WhatsApp.
• Se orienta: ¿estoy en el lugar correcto?, ¿esto es para mí?
• Busca el dato que le importa: servicio, zona, precio aproximado, tiempos.
• Decide si confía lo suficiente.
• Actúa: escribe, llama o llena un formulario.

Cada paso donde se atora es un cliente menos. El diseño UX consiste en encontrar esos atorones y quitarlos.

Principios prácticos de UX para la página de un negocio

Claridad arriba

Lo primero que se ve, sin bajar, debe decir qué haces, para quién y dónde, con un botón de acción. "Fumigación para casas y negocios en el oriente de la CDMX, con visita el mismo día" contesta más que "Expertos en control de plagas". Si alguien tiene que leer tres párrafos para entender qué vendes, ya perdiste a una parte de tus visitas. Hay ideas para escribir ese mensaje en textos para página web.

Un objetivo por página

Cada página debería tener una acción principal. En la página de un servicio, esa acción es pedir cotización o escribir por WhatsApp. Si en la misma pantalla compiten "Síguenos en Instagram", "Suscríbete al boletín", "Descarga nuestro catálogo" y "Cotiza", el visitante no sabe qué hacer y muchas veces no hace nada. Las acciones secundarias pueden existir, pero más discretas.

Navegación simple y con nombres que el cliente entiende

Menús de cinco o seis opciones, con palabras que tu cliente usaría. "Soluciones", "Ecosistema" o "Nuestro ADN" no dicen nada. "Servicios", "Precios", "Zonas que atendemos" y "Contacto" sí. Si tienes muchos servicios, agrúpalos por tipo de cliente o de problema, no por cómo se organiza tu empresa por dentro. Para ver qué secciones suelen hacer falta, revisa partes de una página web.

Formularios cortos

Cada campo extra es una razón más para abandonar. Nombre, WhatsApp y qué necesita suele bastar para iniciar la conversación. Si de verdad necesitas más información para cotizar, pídela después, en la conversación. Y cuida los detalles: teclado numérico en el teléfono, mensajes de error claros y una página de gracias que diga qué pasa después. Lo detallamos en formulario de contacto para página web.

Velocidad

Una página lenta es mala experiencia aunque esté perfectamente diseñada. El visitante no ve tu diseño si se cansa de esperar. Comprime imágenes, evita videos automáticos y quita complementos que no usas.

Pensada para el celular

La mayoría de tus visitantes probablemente te ve desde el teléfono. Los botones deben poder tocarse con el pulgar, el texto leerse sin zoom y el contacto estar siempre a la mano. Si tienes dudas, sigue la prueba de diseño web responsive.

Accesibilidad básica

Diseñar para que más personas puedan usar tu página no es un extra: también mejora la experiencia de todos. Lo mínimo:

• Contraste suficiente entre texto y fondo.
• Tamaño de letra legible y que se pueda ampliar sin romper la página.
• Textos alternativos que describan las imágenes importantes.
• Botones y enlaces con texto claro, no "clic aquí".
• Formularios con etiquetas visibles, no solo texto gris dentro del campo que desaparece al escribir.
• Que se pueda navegar con teclado, para quien no usa ratón.
• No depender solo del color para comunicar algo, por ejemplo un error marcado únicamente en rojo.

Existe un estándar internacional de referencia, las pautas WCAG, que detalla estos criterios si quieres ir más a fondo.

Cómo probar tu página sin gastar mucho

La forma más barata y reveladora de mejorar la experiencia de tu sitio es ver a personas reales usándolo. No necesitas laboratorio.

La prueba con cinco personas

Una recomendación clásica de quienes estudian usabilidad es que, con unas cinco personas, ya aparecen la mayoría de los problemas grandes de una página. Después, los hallazgos se empiezan a repetir. El método:

1. Elige a cinco personas que se parezcan a tus clientes y que no conozcan tu página a fondo. Evita a tu socio o a tu diseñador.
2. Dales una tarea concreta, no "dime qué te parece". Por ejemplo: "Averigua si fumigan en Tláhuac y cuánto cuesta más o menos" o "Pide una cotización para una oficina".
3. Pídeles que hablen en voz alta mientras lo hacen: qué buscan, qué esperan encontrar, qué les confunde.
4. No les ayudes. Si se atoran, anota dónde y en qué momento. Ese atorón es el hallazgo.
5. Hazlo en su celular, no en tu computadora.
6. Anota y ordena los problemas: los que impidieron completar la tarea primero, los que solo la hicieron más lenta después.

Quince o veinte minutos por persona bastan. Si las cinco se atoran en el mismo lugar, ya sabes qué arreglar.

Grabaciones de sesiones y mapas de calor

Hay herramientas que graban, de forma anónima, cómo se mueven los visitantes por tu página y generan mapas de calor: dónde hacen clic, hasta dónde bajan, dónde se detienen. Hay opciones gratuitas, como Microsoft Clarity, y otras como Hotjar que tienen un plan gratis limitado y planes de pago. Sirven para ver patrones que no aparecen en una prueba con cinco personas: botones que nadie toca, zonas donde la gente hace clic pensando que es un enlace, secciones que casi nadie alcanza a ver.

Dos cuidados: configura la herramienta para que oculte lo que la gente escribe en formularios y menciona en tu aviso de privacidad que usas herramientas de medición. Y no te ahogues en grabaciones: mira las de personas que no te contactaron y busca el momento en que se fueron.

Pregúntale a quien contesta los mensajes

Tu recepcionista o tu vendedor sabe qué pregunta la gente después de ver tu página. Si todos preguntan por precios, zonas o tiempos de entrega, esa información falta o está escondida. Es la investigación de usuarios más barata que existe.

Problemas de UX frecuentes y lo que te cuestan

Ninguno de estos problemas sale en una revisión técnica. La página "funciona". Pero cada uno filtra clientes en silencio.

Errores comunes al intentar mejorar la experiencia

• Rediseñar por gusto. Cambiar colores y fotos sin haber visto a nadie usar la página rara vez resuelve el problema real.
• Preguntar opiniones en lugar de observar. "¿Te gusta?" produce respuestas amables. "Encuentra cuánto cuesta" produce hallazgos.
• Agregar en lugar de quitar. Muchas mejoras de UX consisten en eliminar secciones, campos y botones.
• Olvidar lo que pasa después del clic. Si el formulario llega a un correo que nadie revisa, la experiencia del cliente es mala aunque la página sea perfecta. Por eso conectamos formularios y botones con WhatsApp y el CRM, para que cada contacto tenga seguimiento.
• Cambiar todo a la vez. Si mueves diez cosas al mismo tiempo, no sabes cuál funcionó. Mejor pocos cambios y medir.

Preguntas frecuentes

¿Cuál es la diferencia entre diseño UX y diseño UI?

UI (interfaz de usuario) es la parte visual: botones, colores, tipografía, íconos. UX es la experiencia completa: si el visitante entiende, encuentra, confía y actúa. Una página puede tener una interfaz muy bonita y una experiencia mala, y lo contrario también pasa.

¿Necesito contratar a un especialista en UX para mi página?

Para la página de un negocio de servicios, normalmente no hace falta un especialista dedicado. Lo que sí necesitas es que quien diseñe tu sitio pregunte qué quieres que hagan tus visitantes, pruebe la página con personas reales y mida resultados. Si tu sitio es una plataforma compleja, como un portal de clientes o un sistema de reservas, ahí sí vale la pena un especialista.

¿Cada cuánto debo revisar la experiencia de mi página?

Haz una prueba con cinco personas antes de lanzar y otra cada vez que cambies algo importante, como el menú o el formulario. Revisa mapas de calor o grabaciones cada mes o dos, y escucha de forma continua lo que pregunta la gente por WhatsApp.

¿Cómo sé si una mejora de UX funcionó?

Compara antes y después con datos: cuántas visitas terminan en un mensaje, una llamada o un formulario enviado. Para eso necesitas tener medidos esos eventos en tu analítica. Hay más detalle en landing page que convierte, donde la medición de conversiones es central.

Por dónde empezar

1. Define la acción principal de cada página importante de tu sitio.
2. Escribe tres tareas que un cliente real vendría a hacer y prueba con cinco personas en su celular.
3. Pregúntale a quien contesta los mensajes cuáles son las dudas más repetidas.
4. Ordena los problemas con la tabla de esta guía y corrige primero los que impiden contactarte.
5. Instala una herramienta de mapas de calor y mide cuántas visitas terminan en contacto antes y después de cada cambio.

Si prefieres hacerlo con nosotros, en Emproyecta trabajamos el diseño de páginas web en CDMX a partir de lo que tu cliente viene a hacer, con WhatsApp y formularios conectados para que ningún contacto se pierda.