Recommended Free Tools
iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
El UI design, o diseño de interfaz de usuario, es la disciplina que decide qué elementos aparecen en una pantalla o en un sistema interactivo, cómo se seleccionan, combinan y organizan, y cómo responden cuando una persona los usa. Su objetivo es que alguien pueda completar una tarea con esos elementos. No se reduce a elegir colores o a que una pantalla sea atractiva, aunque la apariencia forme parte del trabajo.
Qué dice la definición oficial
La norma internacional ISO define la interfaz como el conjunto de componentes de un sistema interactivo que proporcionan información y controles para que las personas realicen tareas. A partir de esa definición, el UI design consiste en decidir qué componentes existen en cada pantalla o paso, cómo se combinan entre sí y qué ocurre cuando alguien actúa sobre ellos.
La norma ISO 9241-115:2024, cuya primera edición se publicó en marzo de 2024, ofrece orientación sobre el diseño conceptual, el diseño de la interacción entre usuario y sistema, el diseño de la interfaz de usuario y el diseño de la navegación. Su alcance abarca distintos enfoques de desarrollo, entre ellos el diseño centrado en las personas y los métodos ágiles, por lo que no impone un único proceso de trabajo.
Free tools Windows power users keep installed
One-click scans. No signup required.
En su introducción, la norma lo formula de forma directa:
#1 Best Overall
- Product Condition: No Defects
- Good one for reading
- Comes with Proper Binding
“Every interactive system has a user interface, regardless of whether or not its design was planned, organized and documented.”
(Traducción libre: todo sistema interactivo tiene una interfaz de usuario, se haya planificado, organizado y documentado su diseño o no.)
Dicho de otro modo, cualquier sistema interactivo tiene una interfaz, esté o no diseñada de forma deliberada. El UI design es la decisión consciente sobre esa interfaz.
Qué decisiones incluye
Diseñar una UI implica cuatro tipos de decisiones. Conviene separarlas, porque cada una produce efectos distintos sobre la forma en que la persona usa el producto.
- Selección de elementos: qué controles y piezas de información necesita la tarea, como campos de texto, botones, menús, listas o mensajes.
- Combinación: cómo se agrupan esos elementos entre sí, por ejemplo, qué campos van juntos dentro de un formulario.
- Organización: en qué orden y jerarquía aparecen, y por qué caminos se llega a ellos.
- Comportamiento: qué responde el sistema cuando la persona interactúa, por ejemplo al validar un dato, mostrar un error o confirmar una acción.
Tomemos como ejemplo ilustrativo un formulario de inicio de sesión. El diseñador decide si la contraseña se oculta, dónde aparece el mensaje cuando el usuario se equivoca y si el botón de envío se desactiva mientras se procesa la petición. Ninguna de esas decisiones es solo estética, y todas influyen en si la persona consigue entrar.
UI frente a UX, usabilidad, accesibilidad e interacción
Estos términos se usan a menudo como sinónimos, pero describen cosas distintas. El eje más útil para compararlos es el alcance: la interfaz es una parte de la experiencia total, no la experiencia completa.
| Concepto | Qué describe | Relación con la UI |
|---|---|---|
| UI (diseño de interfaz de usuario) | La selección, combinación, organización y comportamiento de los elementos que median la interacción, según ISO 9241-115:2024. | Es el objeto del diseño: la parte del sistema que la persona ve y controla. |
| UX (experiencia de usuario) | Los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos, según la definición de Don Norman y Jakob Nielsen publicada por Nielsen Norman Group el 8 de agosto de 1998. | Alcance más amplio: incluye la interfaz, pero también el servicio, el contenido y la organización. Una interfaz clara no compensa por sí sola un servicio deficiente. |
| Usabilidad | Si usuarios concretos pueden alcanzar objetivos concretos con efectividad, eficiencia y satisfacción en un contexto definido, según ISO. | Es una cualidad que se evalúa en la interfaz. Puede describir un resultado, pero no es sinónimo de diseñarla. |
| Accesibilidad | La posibilidad de que las personas con discapacidad perciban, comprendan, naveguen e interactúen con sitios y herramientas, según la guía del W3C WAI. | Se solapa con la usabilidad. Las instrucciones comprensibles y los mensajes de formulario útiles pueden mejorar la experiencia y reducir barreras. |
| Diseño de interacción y de navegación | El diseño de interacción describe secuencias de interacción; el de navegación organiza cómo se accede a elementos y acciones. Ambos aparecen en ISO 9241-115:2024. | Ámbitos relacionados del diseño centrado en las personas. No equivalen a la composición visual de una pantalla. |
Cómo se relaciona con el proceso de diseño
Como ya se ha señalado, ISO 9241-115:2024 trata el diseño de interfaz como parte de un proceso más amplio y no fija un método concreto. Eso permite aplicar sus criterios tanto a equipos que trabajan con diseño centrado en las personas como a equipos que usan métodos ágiles. Lo relevante para el lector es que la UI no es una fase final de maquetación: las decisiones sobre elementos, organización y comportamiento se toman desde el inicio, aunque el proceso concreto varíe de una organización a otra.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Para entender si una interfaz funciona, la pregunta que suele importar es si usuarios concretos alcanzan sus objetivos con eficacia y satisfacción. Esa pregunta conecta el UI design con la usabilidad y, a través de ella, con la experiencia global del producto.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
