5 GRANDES diferencias entre el diseño de UX y UI

Hacer los mejores brownies involucra UX y UI. No, lo digo en serio. Para comenzar, necesitará una receta, ingredientes, algunos utensilios de cocina y un horno. Luego: mezclar, hornear, cortar, servir, servir y comer.
Pero, ¿qué parte es la UX y cuál es la IU? El proceso de hacer los brownies es la UX y el proceso de colocarlos y servirlos es la UI.
¿Qué hay de comerlos? Ahora que es UX; excepto cuando no lo es. ¿Podría el consumidor tener una experiencia diferente si los brownies fueran servidos directamente de la sartén o bien chapados? Yo diría que sí, lo último sería preferible.
En este artículo compartiré 5 diferencias entre el diseño de UX y UI. Con suerte, al final, comprenderás mejor cada disciplina. Sin embargo, tenga cuidado, ya que observa las características definitorias de cada uno, también puede ser sorprendido por sus congruencias.
Con esa advertencia, echemos un vistazo a algunas de las diferencias entre los dos.

UX no es UI
Diseño UX o diseño de experiencia de usuario, es el proceso por el cual se identifica un punto de dolor o necesidad. Luego se dibuja un prototipo aproximado que luego se valida (o invalida) mediante pruebas. Cuando se validan tanto el modelo de negocio como la propuesta de valor, se construye el producto.
Puede pensar en el diseño de la interfaz de usuario o el diseño de la interfaz de usuario de esta manera:
Diseño de interfaz de usuario = Diseño visual + Diseño de interacción.
El diseño visual es la apariencia del sitio, la personalidad si se quiere; la marca. El diseño de interacción es la forma en que las personas interactúan con su sitio. Cuando alguien hace clic en un botón de su sitio, ¿cambia el botón de manera notable para que sepa que ha tenido éxito?
Aunque tanto los diseñadores de UX como de UI diseñan interacciones, puede pensar en los diseñadores de UX como los arquitectos de las macro interacciones, mientras que los diseñadores de UI, como creadores de micro interacciones, atienden los detalles.
Según el diseñador Nick Babich:
“Los mejores productos hacen dos cosas bien: características y detalles. Las características son las que atraen a las personas a su producto. Los detalles son los que los mantienen allí ”.
Es probable que un diseñador de UX diseñe los flujos de usuarios, los pasos que un usuario tomaría para suscribirse a su boletín, por ejemplo. ¿Cuáles son los pasos que seguirán y cómo sabrán si han tenido éxito?
El diseño se pasa al diseñador de la interfaz de usuario. El diseñador de UI refinará esas interacciones agregando color y énfasis al diseño original, brindando a los usuarios las pistas que necesitan para navegar con éxito el proceso de suscripción al boletín.

UX hace que las interfaces sean útiles
La interfaz de usuario hace que las interfaces sean hermosas
Un producto útil satisface una necesidad que aún no se está satisfaciendo en el mercado. El proceso de investigación de un diseñador de UX implica hacer un análisis competitivo, desarrollar personas y luego desarrollar un producto mínimo viable o más a propósito, un producto mínimo valioso ; un producto que será valioso para su nicho de cliente objetivo. Esto se valida mediante pruebas durante todo el ciclo de vida del producto.
Una vez que el usuario fluye y los wireframes se prototipan y prueban, el rol del diseñador de la interfaz de usuario es hacerlos estéticamente agradables. Esto incluye elegir un esquema de color y una tipografía que sea atractiva y fácil de usar. Sin embargo, las elecciones de color, la tipografía y las interacciones no se basan en la preferencia personal del diseñador, sino en razones claramente articuladas específicas de las personas desarrolladas por los diseñadores de UX. Con esto, los diseñadores de UI implementan una jerarquía visual que servirá como guía para los usuarios, permitiéndoles saber qué hacer y cuándo hacerlo, para cumplir sus objetivos.
Una jerarquía bien diseñada resaltará un objetivo principal por página y dejará en claro al usuario dónde se encuentra en el sitio y qué puede lograr en un momento dado. Lo hará mediante el uso de convenciones o patrones con los que los usuarios ya están familiarizados. Estos patrones actuarán como pistas para el usuario sobre cómo llegar a donde van.

UX ayuda a los usuarios a lograr sus objetivos
UI hace conexiones emocionales
La gente viene a tu sitio para hacer cosas. Ya sea que esté investigando el mejor tipo de compañero para perros para vivir en un apartamento pequeño o pagando sus impuestos (¡ay!). Los primeros pueden ser más divertidos, sin embargo, en cualquier caso, vienen a su sitio con un objetivo en mente.
El lado UX de las cosas podría mirar a las personas como amantes de los perros y tratar de descubrir qué es importante para ellos. ¿Qué es lo que valoran o necesitan cuando buscan ayuda para elegir a su próximo amigo peludo? Entonces, se ponen a trabajar para resolverlo. Hacen preguntas, observan a las personas, entrevistan a las personas, pueden hacer prototipos y hacer un poco de pruebas de guerrilla para ver si pueden validar sus propuestas de valor de productos y negocios.
Una vez que tenga el derecho básico de usabilidad, según el autor de Aarron Walter de Designing for Emotion , es realmente la personalidad de su interfaz lo que generará lealtad en sus usuarios. Las personas pueden sentirse atraídas a su sitio debido a su diseño llamativo, pueden quedarse por un tiempo si les permite hacer cosas. Sin embargo, una vez que hacen una conexión personal, se enganchan. ¿Tu interfaz los hace reír? ¿Les “atrapa”? ¿Es descarado? Aaron dice: “La gente perdonará sus defectos, seguirá su ejemplo y cantará sus alabanzas si los recompensa con emoción positiva”. Ahí es donde entra en juego la experiencia del diseñador de UI.

El diseño UX se hace primero
El diseño de la interfaz de usuario se realiza en segundo lugar … (a veces)
Dentro del proceso de diseño, ¿cómo trabajan juntos los diseñadores de UX y UI?
Normalmente, el diseño y la investigación de UX es el primer paso cuando se decide si crear un producto o aplicación. Los diseñadores de UX manejan gran parte de la investigación que validará o invalidará las ideas iniciales del producto y guiará el desarrollo del producto.
Una vez que el prototipo ha pasado por varias iteraciones y se ha finalizado en gran medida (por ahora), el diseñador de la interfaz de usuario interviene y comienza a trabajar en el diseño visual y las micro interacciones.
Sin embargo, esto puede no ser siempre un camino lineal. Depende de muchos factores. Por ejemplo:
- ¿Quién maneja la UX y la IU?
- ¿Es la misma persona o una persona o equipo diferente?

UX se emplea en productos, interfaces y servicios.
La interfaz de usuario solo pertenece a las interfaces
El diseño de la experiencia del usuario es un campo amplio y cada día es más popular. Ahora, no solo las empresas con presencia en la web, sino muchas otras que desarrollan productos o prestan servicios, se están dando cuenta del valor de comprender a sus usuarios y validar sus hipótesis antes de construir.
El diseño de la interfaz de usuario es, bueno, solo para interfaces de usuario. Esto no significa que esté limitado a las interfaces gráficas de usuario de computadoras, tabletas y dispositivos móviles. También estamos viendo interfaces en muchos otros productos en estos días como relojes, lavadoras, tableros de automóviles, máquinas expendedoras, quioscos de boletos y muchos más.
Hace poco leí acerca de una aplicación en el iPhone que abre la puerta de su automóvil. Resulta que este conjunto de interacciones toma muchos más pasos que simplemente usar su llave para desbloquear la puerta del automóvil. Ya sea que diseñamos para interfaces o experiencias, debemos tener cuidado (una vez más) de mantener a nuestros usuarios en el centro de nuestro proceso de diseño.

Comida para llevar
Es casi imposible extraer la UX de la UI o la UI de la UX.
Sin embargo, si intentáramos, podríamos concluir que:
- El diseño de UX ayuda a los usuarios a realizar tareas significativas en plataformas y servicios.
- El diseño de la interfaz de usuario crea interfaces atractivas y estéticamente agradables que se conectan con los humanos.
Ahora conoce algunas de las diferencias entre UX y UI.
Ahora sobre esos brownies …
¿Cómo le gustaría que fueran horneados y servidos?
Me gusta el mío horneado a la perfección (crujiente por fuera y chocolateoso y pegajoso por dentro) servido en un elegante plato con azúcar en polvo, una hoja de menta verde brillante y una sola frambuesa.
… porque uno no es tan bueno sin el otro.
Sourse: 5 grandes diferencias entre UX y UI Design