Cuando se revisa un diseño, lo primero que suele llamar la atención es el color, el espacio, la fotografía y la tipografía. Esos elementos importan, pero no bastan para saber si el diseño funcionará en la práctica. Un sitio web debe ayudar a llegar a una consulta o compra sin confusión. Una interfaz de producto debe sostener el uso repetido. Un folleto impreso debe mostrar con claridad el orden de lectura y la importancia relativa de cada información. En cualquier medio, un buen diseño ayuda a entender, actuar y volver.
Este artículo organiza criterios de calidad que sirven para trabajos de web, producto y DTP. El gusto personal no tiene que desaparecer de la conversación, pero no puede ser el único criterio. Cuando el equipo no comparte una forma de evaluar, la revisión se llena de impresiones como moderno, elegante, limpio o con mucho aire. Los mejores criterios conectan las decisiones visuales con la audiencia, la tarea, la accesibilidad, la operación y los resultados esperados.
La calidad empieza por el propósito, no por la decoración
La primera pregunta es directa: ¿para quién es este diseño y qué debería poder hacer esa persona? Una página de reclutamiento, un panel SaaS, una página de información pública y un folleto para eventos pueden verse refinados, pero tienen condiciones de éxito diferentes. En reclutamiento, el diseño debe reducir dudas antes de postular. En un panel, debe permitir terminar tareas repetidas con rapidez y precisión. En un folleto, debe ayudar a retener los puntos principales en poco tiempo.
Antes de comparar rutas visuales, conviene responder estas preguntas:
- ¿Quién es el lector o usuario principal?
- ¿En qué situación encontrará este diseño?
- ¿Qué debería hacer después de verlo, leerlo o usarlo?
- ¿La información necesaria para decidir está completa y bien ordenada?
- ¿Quién lo actualizará después de la publicación y con qué frecuencia?
Cuando estas respuestas están compartidas, la revisión pasa de la preferencia al desempeño. La expresión de marca y la belleza visual siguen siendo importantes, pero deben servir al objetivo en lugar de competir con él.
Cinco criterios comunes para web, producto y DTP
1. La jerarquía de información es evidente
Un buen diseño no da el mismo peso a todos los elementos. Guía la atención desde el título hasta la introducción, la acción principal, los detalles de apoyo y las condiciones o advertencias. En web, esto implica niveles de encabezado, llamadas a la acción y rutas de formulario claras. En producto, implica estado actual, acciones disponibles y siguiente paso. En impresión, implica que el lector sepa rápido por dónde empezar y qué es lo más importante.
Las heurísticas de usabilidad de Nielsen Norman Group destacan la visibilidad del estado del sistema, el lenguaje cercano al mundo del usuario, la consistencia y la prevención de errores. Estas ideas no se limitan a pantallas de software. Ayudan a cualquier diseño a responder una pregunta silenciosa del usuario: dónde estoy, qué significa esto y qué hago ahora.
2. Hay consistencia y las excepciones tienen motivo
Si botones, enlaces, encabezados, tablas, notas y advertencias cambian de significado entre páginas, el usuario debe volver a aprender las reglas. Los equipos web y de aplicaciones pueden reducir ese costo con componentes y tokens de diseño. Los equipos de DTP pueden definir estilos para títulos, cuerpo, pies de imagen, recuadros y avisos. Si hace falta una excepción, la razón debe ser explícita: esta advertencia es crítica, este bloque de campaña debe destacar o esta pieza editorial necesita otro ritmo.
Consistencia no significa monotonía. Un sistema claro hace que las excepciones importantes sean más visibles. Los colores de marca, las reglas de espaciado y el comportamiento de los componentes deben tratarse como herramientas de previsibilidad, no solo como decoración.
3. La accesibilidad no queda para el final
La accesibilidad debe incluirse en planificación, wireframes, diseño visual, implementación y operación. WCAG 2.2 de W3C organiza la accesibilidad en torno a los principios de perceptible, operable, comprensible y robusto. La guía de diseño de WAI también destaca el contraste suficiente, no depender solo del color, elementos interactivos reconocibles, navegación clara, etiquetas, retroalimentación, diseños adaptables y alternativas para imágenes y medios.
No es un tema exclusivo de servicios públicos o sitios grandes. Texto gris demasiado claro, errores marcados solo por color, menús inaccesibles por teclado y textos importantes convertidos en imagen pueden perjudicar incluso una landing page pequeña. En materiales impresos, el tamaño de letra, el interlineado, el contraste, las leyendas de figuras y el orden de lectura afectan directamente la comprensión.
4. El diseño reduce errores y dudas
El diseño debe contemplar estados inciertos o fallidos, no solo el camino ideal. Errores de formulario, falta de stock, interrupciones de pago, límites de permisos, estados de carga, estados vacíos y pantallas de confirmación necesitan palabras y tratamiento visual cuidadosos. Las interfaces de producto necesitan patrones para deshacer, volver, guardar y recuperarse. Los impresos no deberían esconder condiciones críticas en notas diminutas lejos del punto de decisión.
La calidad no consiste en mandar al usuario a leer ayuda después del problema. Consiste en prevenir problemas evitables mediante restricciones claras, ejemplos, puntos de confirmación y mensajes de error específicos.
5. La estructura puede mantenerse después del lanzamiento
El diseño no es solo un entregable; también es el comienzo de la operación. En sitios web, el equipo debe saber qué campos se editan en el CMS, cómo se comportan las proporciones de imagen, qué ocurre con títulos largos y cómo se gestionan etiquetas o enlaces relacionados. En productos, importan los componentes reutilizables, los estados completos y el traspaso al equipo de desarrollo. En DTP, las plantillas para reimpresiones, localización y actualizaciones por evento ayudan a conservar la calidad.
Si la primera publicación es atractiva pero la segunda actualización rompe el diseño, el sistema está incompleto. Un buen diseño deja reglas que editores, desarrolladores y responsables de operación pueden usar de verdad.
Tabla práctica para revisión
| Criterio | Qué revisar | Problema habitual |
|---|---|---|
| Propósito | Quién debe hacer qué después de usar el diseño. | El equipo decide solo por impresión. |
| Arquitectura de información | Prioridad de encabezados, rutas, detalles y advertencias. | La información importante queda enterrada en notas o secciones bajas. |
| Consistencia | Reglas de color, espacio, componentes y lenguaje. | Elementos con el mismo rol se ven distintos entre páginas. |
| Accesibilidad | Contraste, orden de lectura, teclado y alternativas. | La accesibilidad se trata como lista final. |
| Operación | Preparación para actualizaciones, reemplazos, expansión y localización. | El diseño se rompe después del traspaso. |
Cómo aplicarlo en un proyecto
Empieza con un brief de diseño de una página. Debe incluir objetivo, audiencia, medio, información obligatoria, restricciones, indicadores de éxito y responsable después de la publicación. Luego confirma el orden de la información con un wireframe o un boceto antes de pasar al acabado visual. En esta etapa, revisa encabezados, texto, llamadas a la acción y advertencias antes de discutir colores o fotografías.
Al revisar rutas visuales, separa expresión de marca, legibilidad, dirección de la mirada y diseño de estados. En web y aplicaciones, revisa hover, foco, error, estado vacío, carga y textos largos, no solo el estado normal. En impresión, considera tamaño físico, pliegues, encuadernación, papel, distancia de lectura y contexto de uso.
Por último, deja el diseño en una forma operable. Documenta reglas de color y tipografía, nombres de componentes, proporciones de imagen, longitud recomendada de textos, expresiones no permitidas y comprobaciones de actualización. Esa documentación permite que la siguiente revisión conserve el mismo nivel de calidad.
Lo que los clientes suelen pasar por alto
Un error frecuente es tratar el texto y el diseño como líneas separadas. Si el cuerpo es demasiado largo, los encabezados son vagos, las llamadas a la acción son débiles o las notas legales dominan la página, incluso un diseño muy pulido será difícil de usar. La revisión de diseño debe incluir redacción, granularidad de la información y explicaciones necesarias para ventas, legal y soporte al cliente.
Otro error es confundir aprobación interna con valor para el usuario. Cuando cada solicitud departamental recibe la misma prioridad visual, el usuario no distingue lo importante. Definir prioridades no es solo responsabilidad del diseñador; es responsabilidad del proyecto.
FAQ
¿Cuántas opciones de diseño debería pedir un equipo?
Conviene pedir opciones que difieran en intención, no solo en color. Comparar una ruta centrada en información, otra centrada en marca y otra centrada en conversión es más útil que revisar tres variaciones cosméticas.
¿Cuánta accesibilidad es necesaria?
El alcance exacto depende del medio y del contexto normativo, pero contraste, estructura de encabezados, acceso por teclado, texto alternativo y comunicación que no dependa solo del color deben considerarse desde el inicio. Cuanto más tarde se corrijan estos puntos, mayor será el retrabajo.
¿Puede revisarse DTP con los mismos criterios que la web?
No por completo, pero los criterios centrales son compartidos: propósito, jerarquía, consistencia, legibilidad y mantenibilidad. En impresión, añade controles propios del medio, como distancia de lectura, pliegues, encuadernación, papel y contraste impreso.
Referencias
- W3C: Web Content Accessibility Guidelines (WCAG) 2.2
- W3C WAI: Designing for Web Accessibility
- Nielsen Norman Group: 10 Usability Heuristics for User Interface Design
- GOV.UK Service Manual: Making your service accessible