PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchEl UI design, o diseño de interfaz de usuario, es la disciplina que decide qué elementos de interfaz aparecen en un sistema, cómo se seleccionan y combinan, cómo se organizan y cómo responden cuando una persona interactúa con ellos. Una interfaz de usuario (UI, por sus siglas en inglés, user interface) es, según la definición de ISO, el conjunto de componentes de un sistema interactivo que ofrecen información y controles para que las personas realicen tareas. Diseñar esa interfaz no se reduce a elegir colores o a que una pantalla resulte atractiva.
Qué significa UI design
El término describe el trabajo de definir la capa con la que una persona se encuentra al usar un producto digital: botones, campos de formulario, menús, mensajes, iconos, listas o controles de voz y gestos, según el tipo de sistema. Lo que distingue el diseño de la simple decoración es que cada elemento existe para que alguien complete una tarea, y el diseño determina si esa tarea resulta posible, clara y razonablemente rápida.
As an Amazon Associate I earn from qualifying purchases.
La norma ISO 9241-115:2024 parte de una premisa amplia: cada sistema interactivo tiene una interfaz de usuario, tanto si su diseño se planificó, organizó y documentó como si no. La frase original en inglés dice: “Every interactive system has a user interface, regardless of whether or not its design was planned, organized and documented.” Es decir, aunque nadie haya diseñado la interfaz de forma deliberada, existe igualmente y afecta a quien la usa.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitchesQué decide el diseño de UI
Un diseño de interfaz toma cuatro tipos de decisiones que conviene separar, porque cada una produce problemas distintos cuando se descuida.
#1 Best Overall
- Product Condition: No Defects
- Good one for reading
- Comes with Proper Binding
1. Selección de elementos
Antes de dibujar nada hay que decidir qué componentes necesita la persona para su tarea. Un selector de fechas, un campo de texto libre o una lista desplegable transmiten expectativas diferentes y exigen esfuerzos diferentes. Incluir un elemento innecesario añade ruido; omitir uno necesario obliga al usuario a adivinar.
2. Combinación de elementos
Los elementos rara vez funcionan aislados. Un botón de “Enviar” junto a un campo obligatorio sin marcar, o un mensaje de error que aparece lejos del campo al que se refiere, son combinaciones que dificultan la comprensión aunque cada componente, por separado, esté bien construido.
3. Organización de la información y de las acciones
La organización define qué se ve primero, qué se agrupa y qué queda a un clic o a dos de distancia. Aquí entra el diseño de navegación, que ISO describe como la forma en que se accede a elementos y acciones dentro del sistema.
Recommended Free Tools
4. Comportamiento durante la interacción
Una interfaz también es lo que ocurre después de cada acción: qué cambia al pulsar un botón, si aparece un indicador de carga, si un error se corrige sin perder lo escrito. Este es el ámbito del diseño de interacción, que describe las secuencias de pasos entre la persona y el sistema.
UI, UX, usabilidad y accesibilidad: dónde termina cada una
Estas cuatro palabras aparecen juntas con frecuencia, pero no significan lo mismo. La diferencia más útil es el alcance: la interfaz es una parte de la experiencia, y la usabilidad y la accesibilidad son propiedades que la interfaz puede tener o no tener.
| Concepto | Qué describe | Relación con la UI |
|---|---|---|
| UI design | Selección, combinación, organización y comportamiento de los elementos con los que la persona interactúa (ISO). | Es la disciplina que produce la interfaz. |
| UX (experiencia de usuario) | Todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos (Nielsen Norman Group). | Abarca la UI, pero también el servicio, el contenido y la organización. Una interfaz clara no compensa un servicio deficiente. |
| Usabilidad | Grado en que usuarios concretos alcanzan objetivos concretos con efectividad, eficiencia y satisfacción en un contexto definido (ISO). | Puede describir una cualidad de la interfaz, pero no es sinónimo del diseño de interfaz. |
| Accesibilidad web | Posibilidad de que las personas con discapacidad perciban, comprendan, naveguen e interactúen con sitios y herramientas (W3C). | Depende de decisiones de interacción y de diseño visual, y se solapa con la usabilidad. |
Ese solapamiento es real. Unas instrucciones comprensibles o un mensaje de error que indique exactamente qué corregir mejoran la usabilidad y, a la vez, reducen barreras para personas con discapacidad cognitiva o visual que usan lectores de pantalla. Pero una interfaz puede ser accesible y poco útil para una tarea concreta, o muy eficiente para usuarios expertos y casi inaccesible para quien usa teclado.
Diseño de interacción y diseño de navegación
ISO presenta el diseño de interacción y el diseño de navegación como ámbitos relacionados del diseño centrado en las personas, no como sinónimos de la composición visual de una pantalla. Conviene distinguirlos de la UI en sentido estricto:
- Diseño de interacción: describe las secuencias de interacción entre la persona y el sistema, por ejemplo, los pasos de una compra desde el carrito hasta la confirmación.
- Diseño de navegación: organiza cómo se llega a los elementos y acciones, por ejemplo, la estructura de menús o las rutas entre pantallas.
- Diseño de UI: decide qué componentes concretos aparecen en cada pantalla y cómo se presentan, con su comportamiento inmediato.
En la práctica, los tres se diseñan juntos. Un menú bien ubicado no ayuda si sus etiquetas no describen las acciones, y una pantalla bien compuesta no evita que el usuario se pierda entre pasos.
Qué establece ISO 9241-115:2024
La norma ISO 9241-115 se publicó en su primera edición en marzo de 2024. Ofrece orientación sobre el diseño conceptual, el diseño de interacción usuario-sistema, el diseño de interfaz de usuario y el diseño de navegación en sistemas interactivos. Su alcance incluye distintos enfoques de desarrollo, entre ellos el diseño centrado en las personas y los métodos ágiles.
Un punto que suele pasarse por alto es que la norma no prescribe un único método de trabajo. Sirve como marco de referencia para equipos que usan procesos diferentes, por lo que no sustituye la investigación con usuarios ni fija un orden de fases obligatorio.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Un ejemplo para entender el alcance
Imagine un formulario de pago en una tienda online. El diseño de UI decide si los campos aparecen en una o en varias columnas, si la tarjeta se pide con un formato guiado y qué texto acompaña al botón final. El diseño de interacción define qué ocurre si el número de tarjeta es inválido: si la página se recarga y borra los datos, o si el error se marca en el campo sin perder lo escrito. El diseño de navegación determina si el paso de envío es visible desde el carrito o queda enterrado en un menú.
Si el proceso funciona pero el envío tarda tres semanas sin aviso, el problema pertenece a la experiencia de usuario más que a la interfaz. Y si el formulario no se puede completar con teclado o con un lector de pantalla, la cuestión es de accesibilidad, aunque la pantalla se vea impecable.
Qué no se puede afirmar con los datos disponibles
Las definiciones de UI, UX, usabilidad y accesibilidad citadas aquí proceden de documentos normativos y de guías de referencia, no de estudios sobre resultados de negocio. No hay cifras de adopción, impacto o rendimiento que puedan atribuirse con fiabilidad al diseño de interfaz en general, así que este artículo no las incluye. Cuando se hable de beneficios concretos, conviene buscar estudios que midan un caso específico, con su metodología y su fecha.
Las fuentes principales para profundizar son la norma ISO 9241-115:2024, publicada por la Organización Internacional de Normalización; la guía de accesibilidad y usabilidad del W3C, a través de su iniciativa WAI; y el artículo de Don Norman y Jakob Nielsen “The Definition of User Experience (UX)”, publicado por Nielsen Norman Group el 8 de agosto de 1998, que sigue siendo la referencia habitual para el término UX.
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.
