Guía · Diseño y UX
Auditoría de diseño UI/UX: qué revisar antes de rediseñar un sitio web
La mayoría de los rediseños empiezan con la sensación de que algo no funciona y terminan con una superficie nueva sobre la misma estructura. Una auditoría convierte esa sensación en una lista: qué es confuso, qué es lento, qué falla, y cuál de esas cosas conviene resolver primero.
¿Qué es una auditoría de diseño UI/UX?
Una auditoría UI/UX es una revisión estructurada de un sitio o producto existente, contrastada con cómo lo usa la gente en la práctica. Examina la interfaz —maquetación, jerarquía, tipografía, componentes, estados— y la experiencia que la rodea: si la estructura tiene sentido, si los recorridos se completan y dónde es probable que alguien se atasque.
El resultado no es una opinión sobre el gusto. Es un conjunto documentado de observaciones, cada una ligada a una pantalla o flujo concreto, con un juicio sobre su gravedad y el esfuerzo que requiere resolverla. Ese documento es lo que debería usarse para acotar el alcance de un rediseño.
Por qué auditar antes de rediseñar
Rediseñar sin auditar significa reconstruir sobre suposiciones. El lenguaje visual cambia, pero los problemas de fondo se mudan de casa. Si las etiquetas de navegación eran confusas, lo siguen siendo con otra tipografía. Si un formulario pedía demasiado, sigue pidiéndolo.
Una auditoría también protege lo que ya funciona. Todo sitio tiene páginas, patrones y textos que cumplen bien su función; una reconstrucción completa suele descartarlos por accidente. Una revisión hace explícitas esas partes antes de tocar nada.
Por último, acota el trabajo con honestidad. Algunos hallazgos son correcciones de una línea. Otros requieren una nueva arquitectura de la información. Conocer esa distinción antes de comprometerse es lo que separa una mejora puntual de un proyecto sin final definido.
Qué revisar durante una auditoría UI/UX
Usabilidad
¿Puede una persona que llega por primera vez entender qué es esto, para quién es y qué hacer a continuación, sin tener que desplazarse para averiguarlo? Comprueba que los elementos interactivos parezcan interactivos, que las etiquetas digan lo que va a ocurrir, que los errores expliquen cómo resolverlos, y que nada importante dependa de que el visitante adivine.
Navegación y arquitectura de la información
Enumera cada página y pregúntate dónde vive y a quién sirve. Busca categorías que se solapan, secciones que existen por razones internas, páginas huérfanas sin enlaces entrantes y etiquetas de menú tomadas del vocabulario interno. Una estructura funciona cuando alguien puede predecir dónde estará algo antes de hacer clic.
Flujos de usuario
Recorre los dos o tres recorridos más importantes —consulta, compra, registro, reserva— de principio a fin, en un dispositivo real, como lo haría un desconocido. Cuenta los pasos, anota cada punto donde la siguiente acción no está clara, y registra todo lo que obligue a volver a una pantalla anterior.
Jerarquía visual
En cada plantilla clave, identifica el elemento más importante y comprueba que el tamaño, el peso, el contraste y la posición concuerden con esa decisión. El énfasis competitivo es el fallo de jerarquía más habitual: cuando tres cosas gritan a la vez, la página se lee como ruido y el visitante no elige ninguna.
Tipografía y legibilidad
Comprueba el tamaño del texto en un teléfono, no en un monitor grande, mide la longitud de línea, revisa el interlineado y confirma el contraste entre texto y fondo. Busca encabezados que saltan de nivel, párrafos largos sin ningún corte y pesos decorativos usados donde un texto sencillo se leería más rápido.
Experiencia móvil y responsive
Trata la pantalla pequeña como un diseño propio, no como una versión comprimida del de escritorio. Comprueba el tamaño y el espaciado de los objetivos táctiles, elementos fijos que tapan contenido, tablas y gráficos que se desbordan, menús que atrapan el foco e interacciones pensadas solo para el ratón sin equivalente táctil.
Accesibilidad
Navega el sitio solo con el teclado y confirma que haya un indicador de foco visible en todo momento. Revisa el contraste de color, el texto alternativo en imágenes con significado, las etiquetas de formulario vinculadas a sus campos, el orden correcto de los encabezados y si alguna información se transmite únicamente mediante el color. Los hallazgos de accesibilidad suelen mejorar la claridad para todo el mundo, no solo para quien usa tecnología de asistencia.
Formularios y rutas de conversión
En cada formulario, cuestiona cada campo: ¿es necesario para completar este paso, o es simplemente cómodo para alguien de dentro? Revisa la claridad de las etiquetas, los tipos de entrada en teclados móviles, la validación en línea, mensajes de error que nombren la solución, el comportamiento del estado deshabilitado y qué ve el visitante después de enviar. El camino desde el interés hasta el contacto merece el mismo escrutinio que la página de inicio: la página de contacto es a menudo donde un sitio bien diseñado pierde gente en silencio.
Rendimiento e interacción
El rendimiento es una propiedad de la experiencia. Comprueba cuánto tarda en aparecer el contenido significativo, si la maquetación se desplaza mientras cargan imágenes y tipografías, si la animación retrasa el momento en que la página se vuelve utilizable, y si las acciones se confirman con rapidez. El movimiento debe ayudar a comprender, no interponerse.
Coherencia y claridad del contenido
Reúne todos los botones, tarjetas y campos de formulario del sitio y busca variantes involuntarias. Después, lee el texto en voz alta: encabezados que describen en lugar de insinuar, frases que alguien nuevo puede seguir, y ningún término usado con dos sentidos distintos en dos páginas distintas.
Problemas de UX habituales que revela una auditoría
- Etiquetas de navegación escritas en lenguaje interno en lugar de las palabras que usan los visitantes.
- Varias llamadas a la acción compitiendo en una misma pantalla, de modo que ninguna se lee como principal.
- Texto de cuerpo demasiado pequeño, demasiado ligero o demasiado ancho para leerse con comodidad.
- Maquetaciones móviles que son un escritorio comprimido en lugar de una disposición pensada aparte.
- Formularios que piden información que no hace falta para completar el paso actual.
- Elementos interactivos sin estado visible de foco, hover, carga o error.
- Contenido que describe la oferta de dentro hacia fuera en lugar de fuera hacia dentro.
- Componentes inconsistentes: tres estilos de botón, cuatro estilos de tarjeta, ninguna regla compartida.
Cómo priorizar los problemas de UX
Una auditoría que enumera todo por igual es difícil de accionar. Puntúa cada hallazgo de dos formas: cuánto afecta a alguien que intenta completar una tarea principal, y cuánto trabajo exige la corrección. Eso da cuatro grupos y un orden razonable.
- Alto impacto, poco esfuerzo — resuélvelos primero; suelen cambiar la experiencia en cuestión de días.
- Alto impacto, mucho esfuerzo — este es el alcance real de un rediseño, y merece planificarse en condiciones.
- Bajo impacto, poco esfuerzo — agrúpalos en el mantenimiento habitual.
- Bajo impacto, mucho esfuerzo — regístralos y sigue adelante.
Da más peso a cualquier cosa que se encuentre en un recorrido principal frente a lo que esté en una página a la que llega poca gente, y trata las barreras de accesibilidad con más prioridad de la que sugiere su tráfico: excluyen a las personas de plano, en lugar de simplemente ralentizarlas.
¿Cuándo está un sitio web listo para un rediseño?
Un rediseño se justifica cuando los hallazgos son estructurales y no cosméticos: la arquitectura de la información ya no corresponde a lo que hace el negocio, la oferta ha cambiado y el sitio sigue describiendo la anterior, la interfaz ha acumulado tantas variantes que la coherencia no puede restaurarse de forma incremental, o la base técnica hace que los cambios más ordinarios resulten caros.
Si los hallazgos son sobre todo claridad, jerarquía y textos en plantillas existentes, una ronda de correcciones bien enfocada suele llevarte más lejos, más rápido. Puedes ver cómo se estructuran proyectos terminados en el trabajo seleccionado, y cómo funciona el propio proceso de diseño en la página de servicios de diseño UI/UX.
Preguntas frecuentes
¿Cuál es la diferencia entre una auditoría UI y una auditoría UX?
+
Una auditoría UI examina la superficie: tipografía, espaciado, color, coherencia de componentes y estados. Una auditoría UX examina la experiencia que la rodea: si la gente puede encontrar las cosas, entenderlas y completar lo que vino a hacer. Las auditorías más útiles cubren ambas, porque una interfaz clara construida sobre una estructura confusa sigue fallando.
¿Cuánto dura una auditoría UI/UX?
+
Depende del número de plantillas y del número de recorridos de usuario distintos, no del número de páginas. Un sitio de marketing pequeño con pocas plantillas es una revisión breve. Un producto con áreas de cuenta, paneles y flujos transaccionales lleva más tiempo porque cada flujo hay que recorrerlo de principio a fin.
¿Necesito datos de analítica para hacer una auditoría?
+
No, pero ayuda. Una revisión heurística puede identificar problemas por sí sola. La analítica te dice cuáles de esos problemas están en los caminos que la gente realmente usa, lo cual cambia el orden en que conviene resolverlos.
¿Puede una auditoría sustituir a un rediseño?
+
A veces. Una auditoría suele revelar un conjunto de correcciones puntuales —etiquetas de navegación, campos de formulario, jerarquía en las plantillas clave— que resuelven la queja original sin reconstruir nada. Un rediseño se convierte en la respuesta correcta cuando el problema está en la estructura de fondo, no en la superficie.
¿Quién debería participar en la auditoría?
+
Quien sea responsable del resultado, además de quien escucha directamente a los clientes. Las conversaciones de soporte y ventas suelen describir la misma fricción que encuentra la auditoría, con otras palabras, y ayudan a decidir qué importa más.
Sobre el autor
Escrito por Anas Essam, consultor tecnológico y director creativo que trabaja en sistemas de IA, diseño web, branding y crecimiento digital. Con base en Egipto, trabaja con equipos de todo el mundo.
Primero la auditoría, después el rediseño
Trae la página con la que estés menos satisfecho y podemos revisarla juntos. Más textos en Ideas, incluida una guía sobre ejemplos de automatización con IA para el lado operativo del mismo problema.
Empezar una conversación