Estás ajustando una web y el problema parece pequeño: una tipografía que cansa o unos colores que no terminan de encajar. Las especialidades del diseño suelen distinguirse por el problema que resuelven y el soporte en que trabajan, aunque una web casi siempre mezcla varias.
Cada área responde a un problema distinto
- Diseño gráfico: organiza mensajes e identidades visuales.
- Diseño UX: estudia la experiencia y el recorrido de las personas.
- Diseño UI: da forma a los elementos con los que se interactúa.
- Diseño de producto, espacios y moda: trabaja sobre objetos, lugares y prendas.
- La historia del diseño muestra que sus fronteras cambian con la industria y la tecnología.
La Bauhaus unió talleres artesanales y producción industrial
Una silla, un cartel y una página web parecen pertenecer a mundos separados, pero la historia del diseño cuenta otra cosa: las disciplinas se han ido formando alrededor de nuevos materiales, medios y necesidades. La Bauhaus, fundada en 1919, reunió talleres de metal, carpintería, tejido, tipografía y otras prácticas bajo una idea educativa común.
Su enseñanza tampoco fue idéntica durante toda su existencia. Según el recorrido histórico de Bauhaus Kooperation, el curso preliminar de Johannes Itten puso el acento en la exploración artística; cuando László Moholy-Nagy asumió esa enseñanza, el foco se desplazó hacia cuestiones técnicas. En 1923, la escuela empezó a orientar su trabajo con más fuerza hacia la producción en serie.
Ese cambio ayuda a desmontar una imagen simplificada: la Bauhaus no fue solo una fábrica de muebles sobrios. Sus talleres conectaban materiales, forma y comunicación, una lógica que reaparece hoy cuando una identidad visual debe funcionar en una web, en un envase y en un espacio físico.
Décadas después, la Hochschule für Gestaltung de Ulm llevó el diseño hacia sistemas y productos de uso cotidiano. Su trabajo en la imagen de Lufthansa y en objetos como la vajilla apilable TC 100 muestra dos escalas distintas: una identidad que organiza señales y un objeto pensado para fabricarse y usarse. La especialidad depende tanto del resultado como de las decisiones que hay que tomar para llegar a él.
El soporte y la tarea separan unas disciplinas de otras
Cuando una marca pide “un diseño”, puede estar hablando de un logotipo, de una página o del envase de un producto. El nombre general no basta para decidir qué área interviene; conviene mirar qué va a cambiar para quien recibe o usa la solución.
- Diseño gráfico: construye mensajes visuales, como una identidad, un cartel o una campaña. La tipografía y el color ayudan a darles tono y jerarquía.
- Diseño editorial: ordena textos e imágenes para que se lean con claridad en libros, revistas o publicaciones digitales. Una portada atrae; la retícula y los estilos de texto sostienen la lectura.
- Diseño UX: estudia cómo se vive un producto o servicio completo, desde encontrar una opción hasta terminar una tarea.
- Diseño UI: define la interfaz visible e interactiva, como botones, campos, iconos y estados de una página.
- Diseño de producto o industrial: resuelve objetos físicos, su forma, uso y fabricación. Una botella, por ejemplo, exige decisiones sobre agarre, apertura y envase.
- Diseño de interiores: organiza espacios para actividades concretas, desde una vivienda hasta una tienda.
- Diseño de moda y textil: desarrolla prendas, complementos y tejidos, donde el material y el movimiento condicionan la forma.
- Diseño de servicios: ordena los pasos y puntos de contacto de una experiencia que puede incluir una web, atención al cliente y procesos internos.
En un equipo pequeño, varias de estas responsabilidades pueden recaer en una misma persona; en una organización grande, suelen repartirse. UX y UI se solapan en algunos puestos, pero describen enfoques diferentes: uno mira el recorrido completo y el otro, la interacción con la interfaz.
Si falla la lectura, revisa primero la jerarquía visual
En una web, el síntoma visible no siempre señala el área que debe resolverlo. Un botón difícil de encontrar puede parecer un problema de color, aunque la causa sea que la página no prioriza bien la información. Esta distinción evita rediseñar elementos que no solucionan la dificultad de fondo.
| Situación en la web | Causa probable | Qué revisar |
|---|---|---|
| Los textos largos cansan o se pierden en la página | Jerarquía editorial débil, cuerpo pequeño o poco contraste | Prueba estilos de título, ancho de línea y contraste antes de cambiar toda la identidad |
| La página se ve atractiva, pero cuesta completar una tarea | El recorrido UX tiene pasos confusos o información fuera de lugar | Traza la tarea desde el inicio hasta el final y elimina decisiones innecesarias |
| Un botón no parece interactivo o no se distingue del fondo | La interfaz UI no comunica bien su función o estado | Revisa forma, contraste, etiqueta y respuesta visual del control |
| La marca parece distinta en cada página | La identidad gráfica carece de reglas compartidas | Define usos coherentes para tipografías, colores, iconos y espaciados |
Si estás afinando una página, yo empezaría por el síntoma que impide leer o completar una acción y después decidiría qué disciplina debe intervenir. Cambiar el color de un botón no arreglará un recorrido mal planteado, aunque ambos problemas puedan aparecer juntos.
El doble diamante ayuda a separar el problema de la solución
Una petición como “haz la web más moderna” invita a abrir el programa de diseño de inmediato. El doble diamante del Design Council propone frenar antes: primero se explora el problema y se define el reto; luego se exploran soluciones y se prueban antes de entregarlas.
En un sitio web, eso puede traducirse en observar dónde se detienen las personas, precisar qué tarea se les complica, proponer cambios de estructura y probarlos con una versión sencilla. El modelo se creó para explicar un proceso de diseño, no para imponer una receta fija; si las pruebas revelan que el problema estaba mal definido, el equipo puede volver atrás.
La regla práctica es directa: si aún no sabes qué impide avanzar, investiga antes de pulir la interfaz; si el obstáculo ya está claro, prueba una solución pequeña antes de rediseñar todas las páginas. Así, cada especialidad entra cuando su conocimiento puede resolver una parte concreta del problema.
Una web coherente nace de varias decisiones bien conectadas
Los ámbitos del diseño se distinguen por el trabajo que hacen, pero las webs los reúnen: la identidad da personalidad, la edición ordena la lectura y UX/UI convierte esa estructura en acciones comprensibles. Sinceramente, prefiero empezar por lo que una persona necesita hacer y dejar que la forma visual responda a esa tarea; así la tipografía y el color apoyan el mensaje en vez de competir con él.