¿Qué es el diseño de UI y UX? ¿Qué es común y diferente?

Hola a todos! Le sugerimos que estudie el material fácil de aprender para comprender mejor la diferencia entre el diseño de la interfaz de usuario (UI) y la interfaz de usuario (UX)

El diseño de interfaz de usuario y el diseño de experiencia de usuario son los dos conceptos más confusos y conflictivos utilizados tanto en el diseño web como en el diseño de aplicaciones. Por lo general, se combinan en un término: diseño de UI / UX y, a primera vista, parece que describen el mismo proceso. A menudo es difícil encontrar una descripción clara para cada uno de ellos individualmente, sin caer en la jerga profesional. ¡Sin embargo, trataremos de hacerlo!

A continuación, hemos preparado material fácil de aprender sobre estos términos.
Al final de este artículo, comprenderá muy bien qué es similar y qué es diferente en ellos. ¡Entonces comencemos!


¿Qué es el diseño de interfaz de usuario?


El diseño de la interfaz de usuario se traduce como diseño de interfaz de usuario. La interfaz de usuario es una estructura gráfica de la aplicación. Consiste en botones en los que los usuarios hacen clic, textos que leen, imágenes, campos de entrada de texto y todos los demás elementos con los que el usuario interactúa. Además, incluye diseño de pantalla, transiciones, animaciones de interfaz y cada micro interacción. Cualquier elemento visual, interacción o animación debe desarrollarse en el proceso de diseño de la interfaz de usuario.

Este trabajo recae en los diseñadores de interfaz de usuario (diseñador de interfaz de usuario). Deciden cómo se verá visualmente la aplicación. Deben elegir esquemas de color y formas de botones: anchos de línea y fuentes utilizadas para el texto. Para resumir, los diseñadores de la interfaz de usuario crean la apariencia de la interfaz de la aplicación.

imagen

Proceso de diseño de interfaz de usuario Ramotion

Los diseñadores de UI son principalmente diseñadores gráficos. Están conectados con la estética y deben asegurarse de que la interfaz de la aplicación sea atractiva, estimule visualmente al usuario y se corresponda con el tema, que a su vez debe corresponder a las metas y objetivos de la aplicación. Por lo tanto, debe asegurarse de que cada elemento visual sea uno, tanto en el sentido estético como en el objetivo.

¿Qué es el diseño UX?


"UX" se traduce como "experiencia del usuario". La experiencia del usuario de la aplicación está determinada por la forma en que los usuarios interactúan con la aplicación. ¿La experiencia del usuario es intuitiva o confusa? ¿La navegación en la aplicación parece lógica o no lógica? ¿La interacción con la aplicación les da a las personas la sensación de que están cumpliendo efectivamente las tareas que se han fijado o es como vagar en un círculo vicioso y sentirse desesperanzadas? La experiencia del usuario está determinada por lo fácil o difícil que es interactuar con los elementos de la interfaz de usuario creados por los diseñadores de la interfaz de usuario.

imagen
Photo CareerFoundry

Al mismo tiempo, los diseñadores de UX también se encargan de la interfaz de usuario de la aplicación, y es por eso que las personas a menudo se confunden sin encontrar la diferencia entre ellas. Pero aunque las IU deben decidir cómo se verá la interfaz de usuario, los diseñadores de UX son responsables de determinar cómo funciona la interfaz de usuario.

Definen la estructura y funcionalidad de la interfaz y cómo todas las partes de la aplicación están organizadas y conectadas entre sí. En términos generales, diseñan el funcionamiento de una interfaz. Si funciona bien, el usuario tendrá una buena experiencia después de interactuar con dicha interfaz. Pero si la navegación es complicada o no es intuitiva, lo más probable es que el usuario se disguste al interactuar con la interfaz. La tarea principal del diseñador UX es evitar el segundo escenario.

¿Cómo trabajan juntos estos diseñadores?


Entonces, como dijimos anteriormente, el diseñador de UX decide cómo funcionará la interfaz de usuario, y el diseñador de UI decide cómo se verá la interfaz de usuario. Este es un proceso paralelo, y dos equipos de diseño tienden a trabajar estrechamente. Mientras que el equipo de diseñadores de UX desarrolla el denominado flujo de aplicaciones y determina cómo todos los elementos navegarán al usuario de acuerdo con sus solicitudes y cómo la interfaz satisfará efectivamente las necesidades de información del usuario, el equipo de diseñadores de UI trabaja en cómo Todos estos elementos de la interfaz se verán directamente en la pantalla.

Suponga que en alguna etapa del proceso de desarrollo se decidió que se deben agregar botones adicionales a la pantalla. Naturalmente, esto cambiará el orden de organización de los botones y puede requerir un cambio en su forma o tamaño. El equipo de UX determinará la mejor manera de colocar los botones, mientras que el equipo de UI adaptará su diseño para adaptarse al nuevo diseño. La comunicación y colaboración constantes entre el equipo de diseño de UI y UX asegura que la interfaz de usuario final se vea lo mejor posible, mientras trabaja de manera eficiente e intuitiva.

La investigación es la clave del éxito.


La investigación es un proceso vital para los diseñadores de UI y UX. Para ambas áreas, es importante recopilar tanta información útil como sea posible, lo que los ayudará en el proceso de desarrollo de proyectos relevantes. Al mismo tiempo, ambas direcciones se adhieren a un enfoque similar.

Naturalmente, los diseñadores de UI y UX explorarán lo que los usuarios quieren. A saber, ¿qué esperan de las aplicaciones desarrolladas? Este estudio se repite con cierta frecuencia e incluye sesiones de las llamadas pruebas de usabilidad, donde los usuarios reales interactuarán con versiones escaladas de algunas funciones específicas de la aplicación para determinar si los diseñadores se están moviendo en la dirección correcta. La retroalimentación se integra con cada iteración.

Este proceso incluye la creación de prototipos, como la visualización de elementos de interfaz con marco de alambre, que es necesario para medir con mayor precisión la respuesta del usuario a la funcionalidad probada. También puede incluir prototipos visuales rápidos y pruebas A / B de varias versiones posibles del aspecto de la interfaz para determinar qué versión prefieren los usuarios.

imagen
Tweet por LukeW

En todos los casos descritos, la investigación ayuda a los diseñadores en la toma de decisiones final. Sin embargo, la información que buscan los diseñadores de UI y UX es muy diferente.

Investigación en diseño de IU.


En primer lugar, los diseñadores de UI deben asegurarse de que su lenguaje visual coincida con la clase de aplicación. Si su equipo está desarrollando una aplicación de viaje, es importante saber cómo se han desarrollado otras aplicaciones de viaje en el pasado. ¿Cuál de ellos ha resuelto su problema? De las decisiones que otros equipos han tomado antes, puede aprender una buena lección para comenzar a diseñar su aplicación.

Por ejemplo, los estudios pueden determinar que las personas prefieren los iconos de línea a los iconos rellenos. Esta es una taquigrafía visual que es conveniente y agradable para las personas.

La estética exacta que eligen depende de ellos, pero las "reglas" básicas o la necesidad de cumplir con las expectativas del usuario es algo que los diseñadores ignoran bajo su propio riesgo y riesgo.

Los diseñadores de interfaces de usuario desean que su diseño de interfaz se destaque y sea memorable. Pero esto debe ser equilibrado para que las personas entiendan el propósito de los elementos que coloca en la pantalla.

Investigación en diseño UX


Aquellos que trabajan en diseño UX están más interesados ​​en las expectativas del usuario. Todos los eventos e interacciones que los usuarios han tenido con cada aplicación anteriormente en su vida ayudan a establecer sus expectativas sobre cómo deberían funcionar las interfaces. Si un diseñador de UX no está familiarizado con estas expectativas, puede diseñar inadvertidamente una interacción de interfaz que les parezca lógica, pero que viole la sabiduría convencional. A los usuarios no les gusta cuando la interfaz se comporta de una manera completamente diferente de lo que esperaban, y esto puede afectar negativamente su trabajo.

Si un diseñador de experiencia de usuario decide hacer otra cosa, debe tener una muy buena razón, porque romper el comportamiento esperado probablemente hará que las personas hagan lo incorrecto.

Por ejemplo, a la mayoría de la gente le gusta la idea de que si hace doble clic en un archivo para abrirlo, y una vez para seleccionarlo.

UI y UX: dos disciplinas completamente diferentes que funcionan en armonía


El diseño de UI y el diseño de UX incluyen diferentes conjuntos de habilidades, pero son una parte integral del éxito del otro. Un diseño hermoso no puede guardar una interfaz que es incómoda y confusa para navegar, y una interfaz de usuario brillante y perfecta puede verse afectada por una interfaz visual deficiente, lo que hace que el uso de la aplicación sea estéticamente desagradable para el usuario.

Tanto el diseño de UI como el diseño de UX deben ejecutarse sin problemas y estar perfectamente alineados con las expectativas de los usuarios preexistentes para crear una mejor experiencia de usuario. Y solo cuando estas dos "estrellas coinciden", los resultados pueden ser sorprendentes.

Enlace a la versión en inglés

Source: https://habr.com/ru/post/460259/


All Articles