En las profesiones de diseño web y de la aplicación, escuchará dos términos utilizados muy a menudo: UI y UX. A veces, se usan indistintamente, a veces no, y a menudo parecen referirse a aspectos muy similares del diseño de un producto.
Entonces, ¿qué son, exactamente? ¿Hay incluso una diferencia entre la UI y UX, o son básicamente los mismos? Ese debate ha estado ocurriendo durante bastante tiempo en el espacio de diseño, pero la mayoría de las personas están de acuerdo en que son dos aspectos distintos del diseño. Echemos un vistazo a lo que son esas distinciones.
¿Qué son ui y ux, realmente? [dieciséis]
Piensa en la tecnología que usas todos los días. Su teléfono inteligente, computadora portátil, escritorio, incluso electrodomésticos como un termostato inteligente. Hay dos elementos principales para cada uno: el interfaz de usuario (Ui) y el experiencia de usuario (UX).
Adobe describe La interfaz de usuario, o UI, como el lugar donde las personas interactúan con las máquinas. Eso abarca todo, desde su pantalla de teléfono inteligente hasta el teclado en su computadora portátil. Es lo que usas para operar esa máquina para lograr su objetivo, ya sea que esté cambiando la temperatura en su casa o en el doomscrolling. La interfaz de usuario incluye todos los aspectos de cómo nos interactuamos con productos.
La experiencia del usuario, o UX, es un poco más difícil de precisar. UX se ocupa más de los intangibles de un producto, como cómo se siente y lo que está pensando durante el proceso de usarlo. La idea fue acuñada por Don Norman durante su tiempo en Apple en los años 90, y él es ya que lo describió Como "todo lo que toca tu experiencia con un producto". Todos los aspectos de la interacción de alguien con una empresa, desde sus servicios hasta el producto final, se pueden categorizar bajo UX.
Sitio web de entrenamiento de diseño CarreraFoundry define la diferencia Entre la UI y UX de esta manera: la UI se trata de cómo las interfaces de un producto se ven y funcionan, mientras que UX se trata de la sensación general de la experiencia.
Cómo trabajan UI y UX juntos [dieciséis]
Ambos elementos son necesarios para el diseño de cada producto. Por ejemplo, cuando usa un diseñador web diseño de respuesta Entonces, su sitio se adapta a la pantalla en la que se está viendo, afecta a la UI y UX. La interfaz funciona con mayor suavidad, lo que le da al usuario una mejor experiencia utilizando ese sitio web.
La UI y UX también afectan a un sitio web accesibilidad . Si alguien con una discapacidad no puede usar un sitio web, es una mala experiencia de usuario causada por una interfaz de usuario incorrecta. Afortunadamente, más diseñadores que nunca están entendiendo y se acercan a la UI y el diseño UX con accesibilidad en mente.
Diseño de ui y ux [dieciséis]
Al construir una nueva aplicación, sitio web o producto, un diseñador de UI y UX tendrá que hacer ciertas preguntas durante el desarrollo. Mirando lo que hace cada diseñador puede proporcionar información sobre las diferencias entre la UI y la UX.
Tareas típicas de trabajo de un diseñador de UI [sesenta y cinco]
Un diseñador de la UI se preocupará por el aspecto, la sensación, la capacidad de respuesta y la interactividad de un producto. Algunas de las tareas que podrían hacer en el trabajo incluyen:
- Haciendo investigaciones de diseño para obtener información sobre las últimas tendencias de diseño y las expectativas de las personas con un buen diseño.
- Desarrollo de diseño visual que incluye elementos gráficos, colores, fuentes, iconos y más.
- Diseñar sistemas como guías de estilo y bibliotecas de patrones para asegurarse de que el diseño del producto permanezca consistente con su marca.
- Mirando la interactividad como un elemento de diseño para mejorar la capacidad de respuesta. Eso puede incluir animaciones y transiciones que hacen que una página o una aplicación fluya más suavemente.
El trabajo no se detiene allí. Una vez que el producto está lo suficientemente lejos, un diseñador de UI también puede prototipo y probarlo para ver cómo funciona en el mundo real.
Tareas típicas de trabajo de un diseñador UX [sesenta y cinco]
Jonathan Widawski, CEO de la compañía de pruebas de usuario Maze, dice que "UX comienza con un problema y termina con un estructura de alambre o prototipo". Algunas cosas que un diseñador UX podría incluir:
- Investigación de usuarios para determinar qué problemas enfrentan las personas al usar productos similares, y cómo resolverlos.
- Arquitectura de información (IA), la práctica de organizar los elementos de una aplicación o sitio web de manera fácil y intuitiva de encontrar. La buena organización ayuda a crear una experiencia sin fricción para la persona que usa un producto.
- Planificación del proyecto para garantizar que todos en el equipo de diseño del producto se encuentren en la misma página.
Los diseñadores de UX también construirán estructuras de alambre: versiones de Barebones de la interfaz de un producto: para ver cómo funcionarían en el mundo real y anticiparían la experiencia del usuario.
¿Por qué IMPORTANTE UI y UX IMPORTANTE? [dieciséis]
Desde un punto de vista competitivo, el producto con la mejor UX es a menudo la gente que elija cuando se ofrecen varias opciones similares. Según McKinsey and Company, las empresas centradas en el diseño van el crecimiento de los ingresos. dos veces más rápido Como los que no lo son.
En una escala más amplia, la UI y UX van a los productos que cada uno de nosotros usa todos los días. Imagínese si el acto de conducir un automóvil en un área dependiente del automóvil fuera tan difícil que no podías hacerlo. O si las señales de tráfico no funcionaron de manera eficiente, o si tardaron diez pasos para iniciar sesión en su correo electrónico. La razón por la que todas esas cosas funcionan de la forma en que lo hacen son años de investigación y pruebas en la experiencia del usuario y el diseño del usuario.
Ojalá, tiene un conocimiento de los conceptos básicos de la UI y UX después de leer esto. Si aún no entiende los puntos más finos, no se preocupe, las definiciones de UI y UX se actualizan constantemente, y el campo continúa evolucionando.
RELACIONADO: ¿Qué es el "diseño sensible" y cómo lo usas?
