Significado de UI
Sigla del inglés. Sustantivo femenino: la UI. Se lee deletreada, «u-i».
UI es la sigla de User Interface («interfaz de usuario»): el conjunto de pantallas, botones, iconos y demás elementos visuales con los que una persona interactúa al usar un programa, una aplicación o un dispositivo.
Es la parte de un producto digital que se ve y se toca, distinta de la experiencia global que vive el usuario al utilizarlo, que corresponde a la UX.
Qué es la UI
La UI es todo lo que una persona ve y toca al usar un programa, una aplicación o una página web: los botones, los menús, los iconos, la tipografía, los colores y la disposición de cada elemento en la pantalla. Diseñar la UI de un producto significa decidir cómo se presenta visualmente cada función, para que resulte reconocible y fácil de usar.
La UI no incluye solo el aspecto estético: también abarca cómo responde cada elemento a la interacción, por ejemplo, cómo cambia un botón cuando se pulsa. Un buen diseño de UI facilita que el usuario entienda de un vistazo qué puede hacer en cada pantalla.
Origen de la sigla UI
Viene del inglés User Interface, expresión que describe la interfaz, es decir, el punto de contacto, entre el usuario y el sistema. Se usa en español sin traducirse en la práctica cotidiana del diseño y la programación.
El concepto de interfaz de usuario ganó importancia con la llegada de los sistemas operativos con ventanas e iconos, que sustituyeron a las pantallas de texto donde apenas existía diseño visual con el que interactuar.
Elementos de la UI
| Elemento | Ejemplo |
|---|---|
| Componentes interactivos | Botones, menús desplegables, campos de formulario. |
| Elementos visuales | Colores, tipografía, iconos, espaciado entre elementos. |
| Estructura de la pantalla | Cómo se organizan los elementos dentro de cada vista. |
| Retroalimentación visual | Cambios de color o de estado que confirman una acción del usuario. |
Ejemplos de uso de la sigla UI
El término aparece sobre todo en el diseño y el desarrollo de aplicaciones y páginas web.
El equipo rediseñó la UI de la aplicación para simplificar el menú principal.
Contrataron a un diseñador especializado en UI para la nueva versión del producto.
Los usuarios se quejaron de que la UI era confusa en el móvil.
Cómo se escribe UI
- Se escribe con mayúsculas y sin puntos: UI, no U.I.
- El plural no cambia la sigla; lo marca el artículo, aunque suele usarse en singular por nombrar un concepto de diseño: la UI.
- Es de género femenino, porque su núcleo traducido es «interfaz»: la UI.
- Se lee deletreada, «u-i», aunque en el uso técnico oral también es frecuente pronunciarla a la inglesa, «yu-ai».
- Su desarrollo, al ser una expresión inglesa, se escribe en cursiva: User Interface.
Preguntas frecuentes sobre la UI
¿Qué diferencia hay entre la UI y la UX?
La UI es lo que el usuario ve y toca: los elementos visuales de la pantalla. La UX es la experiencia completa que vive al usar el producto, incluida la facilidad para lograr lo que busca, más allá del aspecto visual. Una UI atractiva no garantiza por sí sola una buena UX.
¿Un diseñador de UI también diseña la UX?
No siempre. Son dos disciplinas relacionadas, y algunas personas dominan ambas, pero suele haber roles distintos: un diseñador de UI se centra en el aspecto visual, y un diseñador de UX, en la estructura y el flujo de uso completo.
¿La UI solo se aplica a aplicaciones digitales?
Es un término propio del diseño digital, aunque el concepto de interfaz también existe en dispositivos físicos con pantallas o controles, como un cajero automático o un electrodoméstico.