UX vs. UI: ¿Cuál es la gran diferencia?

Publicado: 2022-08-31


UX y UI son dos condiciones que a menudo se mencionan en la misma oración, pero eso no sugiere que sean intercambiables. UX y UI se combinan con tanta frecuencia que podrías encontrarte con una publicación de trabajo para un diseñador de UX donde la descripción del trabajo describe erróneamente las responsabilidades de un diseñador de UI y viceversa.
Aunque UX y UI son prácticas distintivas, se superponen y se complementan prácticamente entre sí. Por esta razón, puede ser complicado reconocer qué los hace diversos y cómo operan uno al lado del otro para generar excelentes productos.

Descargue nuestro kit gratuito de investigación y prueba de UX

UX y UI son dos disciplinas que funcionan de la mano para crear un producto, una empresa o un sitio web que sea agradable e intuitivo de usar para los compradores.
La interfaz de usuario (UI) se relaciona con las propiedades estéticas de un producto electrónico, que incluye la apariencia, la sensación y el estilo de todas las funciones con las que una persona puede interactuar. Mientras tanto,
Person Knowledge (UX) es mucho más fotográfico y conceptual. UX considera el viaje de un usuario al participar con su producto, cómo resuelve su dificultad y cómo puede hacerlo sentir realmente. UX sin UI es como un motor sin el vehículo que lo rodea. Necesitas tener la misma cantidad para llegar a donde quieres ir.
Para reconocer aún más la variación entre UX y UI, comencemos con un ejemplo: YouTube.

Ejemplo de UX y UI usando la página de inicio de Youtube

Simplemente realice una búsqueda en la página web de vivienda de YouTube. Todos los factores visibles en el sitio web son la función de un diseñador de interfaz de usuario. Eso incluye la barra de búsqueda en la parte superior, la selección de fuentes y colores, el espaciado entre videos, la marca, la barra de "Suscripciones" a la izquierda y todo lo demás que puede ver o interactuar en el sitio. Las opciones estéticas que conforman la apariencia del sitio y la forma en que se presentan los datos están incluidas en la interfaz de usuario. No obstante, cuando tenemos en cuenta qué información mostrar en la primera área y cómo funciona el producto o servicio cuando interactúas con la interfaz de usuario, comenzamos a ingresar al ámbito de UX.
Considere todos y cada uno de los videos en línea de YouTube en los que hace clic en cientos poco a poco. Considere que busca "gatos" y no aparece casi nada. Piensa en que simplemente no puedes buscar por nombre de usuario, por lo que es difícil para ti encontrar a esa chica que cantó una versión acústica de tu canción favorita de Lizzo.
Los resultados anteriores resultan en una mala experiencia de trabajo del consumidor (UX). Si el producto o servicio no ofrece la resolución que espera, entonces hay un diseñador de UX en algún lugar con ella que puede hacer el trabajo por ella.
El científico cognitivo Don Norman, quien inicialmente
acuñó la frase UX en la década de 1990, y Jakob Nielsen, cofundador de la
Nielsen Norman Group, describe la
diferencia entre UX y UI de esta manera:
“Considere un sitio de Internet con testimonios de películas. Incluso si la interfaz de usuario para encontrar una película es la mejor, la experiencia de usuario será débil para un usuario que desee obtener información sobre un lanzamiento imparcial modesto si las bases de datos subyacentes solo tienen películas de los estudios importantes”.
En este caso concreto (y en todas las soluciones muy buenas), la UX y la UI aparecen juntas para crear una experiencia práctica holísticamente placentera. Incluso la interfaz de usuario más sorprendente que se pueda imaginar no podrá apreciarse si los productos no funcionan de la manera que el consumidor desea.
Definamos UX y UI con mayor profundidad ahora, para aclarar aún más la distinción entre los dos.
Mientras que la interfaz de usuario es visible, la experiencia de usuario es conceptual y se centra en establecer y mejorar el viaje de un usuario para resolver un problema.
Un diseñador de UX es responsable de todos los aspectos de la conversación de un usuario; esto indica que un diseñador de UX no es completamente responsable de las tecnologías en la parte posterior de un producto. Son responsables de cómo una persona interactúa con una corporación tanto dentro como fuera de línea, como el proveedor del cliente y otros lados.
En primer lugar, un diseñador de UX deberá responder a la pregunta: "¿Cómo puede el producto de mi empresa satisfacer mejor las demandas de nuestros usuarios?"
Ahora, ¿qué le queda por hacer a un diseñador de UI?
¿Alguna vez ha frecuentado un sitio y se ha imaginado: "Vaya, este negocio es increíble y tiene buenos productos, pero lo que me comercializó fue la estructura intuitiva y moderna de su sitio web?"
Lo cual se debe principalmente a su diseñador de interfaz de usuario.
Ahora que hemos explorado UX y UI de forma independiente, veamos cómo funcionan en colaboración.

¿Cómo funcionan juntas UX y UI?

Supongamos que su corporación desea adquirir una aplicación en ejecución, por lo que su director ejecutivo contrata a un diseñador de UX. El diseñador de UX primero investigará las aplicaciones de la competencia y los factores de dolor de su usuario.
Con estos detalles, determinará las funciones principales de la aplicación ("debe verificar la cantidad de corazones y el kilometraje") y verificará
person personas en profundidad para construir un mapa del sitio web y un primer prototipo.
A partir de ahí, un diseñador de UX generará wireframes, que examinará, refinará y transformará en maquetas. Luego, el diseñador de UX llevará a cabo un análisis y refinará la solución para el mercado. En todas las fases, el diseñador de UX se concentra en el marco y el beneficio del elemento y cómo ese elemento cumple o no con los deseos del usuario.
Hacia la conclusión del desarrollo, un diseñador de interfaz de usuario tomará el mando sobre la apariencia visual de la aplicación, como tipos en pantalla, fotografías, botones, enlaces entrantes e íconos.
La principal gran diferencia entre UX y UI son sus objetivos: un diseñador de UX está enfocado en el viaje completo de los usuarios al trabajar con un producto o servicio para solucionar su dilema o satisfacer sus necesidades. Esto incluye cualquier cosa que pueda motivarlos o frustrarlos, por qué les encantaría o no el producto y qué debe incorporar el producto para que sea una experiencia placentera.
A un diseñador de interfaz de usuario se le ofrecen todas esas restricciones: se le explica qué cosas debe incluir y excluir la aplicación, y cómo va a funcionar. Utilizando estas restricciones como guía, diseña una interfaz que es intuitiva de usar y materializa todas las necesidades de los usuarios en la pantalla.
No se puede crear una solución extraordinaria sin la UX y la UI por igual. Sin un diseñador de UX, YouTube se vería hermoso y agradable, pero completamente inutilizable. Y, desprovisto de un diseñador de interfaz de usuario, YouTube sería una excelente estrategia en idea, pero sería complicado y desconcertante para navegar en la pantalla.
Nota del editor: este artículo se publicó originalmente en junio de 2018 y se ha actualizado para que esté completo.
plantillas de experiencia de usuario
{slideInCta('4bf6af99-b34d-4c32-bac3-5950cf96059d')