Nunca te llames diseñador de UI: UI es UX

Publicado: 2022-03-11

UI y UX son dos términos de diseño muy comunes; sin embargo, estos términos a menudo aparecen en el contexto equivocado.

Mientras tanto, los títulos de trabajo tradicionales como "diseñador de sitios web" y "diseñador de aplicaciones" son mucho menos comunes hoy en día, a pesar de ser descripciones perfectas de los servicios de diseño que un diseñador podría ofrecer. ¿De qué se trata esta fascinación con la palabra "IU" ? ¿Y por qué algunos diseñadores se llaman a sí mismos “diseñadores de UI” o “diseñadores de UX/UI”?

¿La UI no es parte de la UX?

¿Por qué "UI" se ha convertido en una palabra de moda?

UX frente a IU

Nosotros, como diseñadores (y como seres humanos), estamos obsesionados con cómo se ven las cosas. Sabemos que es "lo que está adentro lo que cuenta", pero aun así desfilamos frente al espejo todas las mañanas, tratando de lucir bien para los extraños al azar que nunca volveremos a ver.

El diseño de la interfaz de usuario no es diferente. Queremos que nuestras interfaces de usuario sean estéticamente agradables y, lo admitamos o no, nos gusta que nuestro trabajo sea admirado y validado. Dado que las cosas que son visualmente atractivas llaman más la atención, esto puede llevar a algunos diseñadores a dedicar más tiempo a cómo se ve una interfaz, en lugar de cómo funciona. La diferencia clave entre UI y UX es que la UI es cómo se ve y la UX es cómo funciona .

Por definición del Grupo Nielsen Norman, "la 'experiencia del usuario' abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos".

Llamarse a sí mismo diseñador de UI es más o menos lo mismo que decir: "Estoy más enfocado en cómo se ve". En realidad, la interfaz de usuario es solo una contribución a la experiencia del usuario. Hay muchos otros factores más allá de la interfaz de usuario que contribuyen a la experiencia general del usuario.

Para nombrar unos pocos:

  • ¿El flujo de usuarios ayuda al usuario a lograr su objetivo rápidamente?
  • ¿Puede cualquier usuario, independientemente de su edad o capacidad física, acceder a la interfaz de usuario?
  • ¿Es la usabilidad lo suficientemente buena como para que el usuario pueda usar el sitio web fácilmente?
  • ¿Las decisiones de diseño están siendo impulsadas por datos sólidos e investigación de usuarios?
  • ¿La aplicación es lo suficientemente intuitiva como para adivinar lo que quiere el usuario?

El diseño visual sigue siendo importante. Los colores siguen siendo importantes, la marca sigue siendo importante y cómo se anima la interfaz de usuario cuando el usuario interactúa con ella sigue siendo importante, pero cuando comenzamos a tomar decisiones de diseño en función de cómo se ve algo, ya no estamos diseñando para los usuarios .

De hecho, ni siquiera estamos diseñando. Estamos haciendo arte.

una imagen que compara ui vs. ux
Experiencia de usuario vs. interfaz de usuario. (Ilustración de Shane Rounce)

Como regla general, la interfaz de usuario es la forma en que interactúa con un producto (p. ej., clics, toques e interacciones de voz) y la UX es la opinión/emoción resultante que siente el usuario (p. ej., es rápido/lento, intuitivo/confuso y /o hace que el usuario se sienta feliz/frustrado).

Por qué no deberías "diseñar para obtener Me gusta"

Las redes sociales son adictivas. Por qué es adictivo es otra historia: en resumen, lo es. La gente comparte cosas en las redes sociales para obtener “me gusta” porque, en definitiva, activa el sistema de recompensas en nuestro cerebro. Buscamos la validación de los demás en forma de me gusta y seguidores tanto como buscamos sexo o comida: se siente bien y, a medida que el sentimiento comienza a desvanecerse, rápidamente lo buscamos nuevamente para satisfacer nuestros deseos. La persona promedio pasa casi dos horas al día en las redes sociales.

Ingrese Dribbble, o más bien, lo que se conoce como "el efecto Dribbble".

Dribbble comenzó como un sitio web de "mostrar y contar" para diseñadores, pero rápidamente se hizo conocido como una forma de mostrar el trabajo de diseño para obtener Me gusta en lugar de comentarios constructivos. Esto llevó a los diseñadores a subir trabajos específicamente para obtener Me gusta, y esta moda no terminó ahí.

Al igual que con todas las adicciones, los diseñadores comenzaron a encontrar más formas de alimentarlo, incluida la creación de clientes falsos y conceptos de aplicaciones solo para tener algo que "pudiera gustar" a los Dribbblers.

Suscríbete al blog de diseño de Toptal y recibe nuestro eBook

¿Qué está mal con eso?

El diseño se trata de resolver los problemas que enfrentan los usuarios. Si no estamos diseñando pensando en un usuario, entonces no hay problema que resolver. Si no hay ningún problema , solo estamos visualizando las UI por el simple hecho de hacerlo. No solo terminaremos con algo poco práctico, sino que diseñar para ideales imaginarios no nos ayudará a mejorar como diseñadores.

Echemos un vistazo a algunos desastres de diseño en Dribbble.

Aunque este primer ejemplo no forma un resumen/cliente de diseño real, y el fondo exagerado le resta algo al diseño en sí, lo que hace que esto sea aún menos realista es que los elementos visuales se extienden más allá de la ventana gráfica, como un una especie de efecto de "romper la cuarta" pared. Si bien el diseño pretende ser “bonito”, no es un diseño que funcione .

tendencias de diseño versus diseño significativo
En este ejemplo, el diseño sacrifica significado y valor por elementos visuales poco prácticos.


diseñar para usuarios reales con dispositivos reales
En este ejemplo, la interfaz de usuario está diseñada para un dispositivo que ni siquiera existe.


una interfaz de usuario 3d del futuro
Este ejemplo se ve impresionante como obra de arte, pero actualmente ningún dispositivo nos permite ver las interfaces de usuario de esta manera.


un diseño de sitio web bellamente presentado
Este ejemplo es mucho mejor ya que muestra un diseño real y viable sin campanas ni silbatos.

¿De dónde viene esta obsesión por el diseño visual?

Diseñar para gustar a menudo se deriva del amor por una tendencia de diseño específica que se ha convertido en la corriente principal; por ejemplo, el uso de diseño plano y minimalismo de Apple que efectivamente vio el final del skeuomorphism. Si bien, por supuesto, no hay nada de malo en ninguna de esas estéticas visuales, diseñar algo puramente para implementar una tendencia limita con la descripción del trabajo de un artista, no de un diseñador, y ciertamente no abarca UX.

En cambio, en primer lugar, los diseñadores de UX deberían buscar cómo mejorar las experiencias de los usuarios, y si una tendencia de diseño visual llena ese vacío, entonces, y solo entonces, deberíamos usarla.

Como se mencionó anteriormente, recopilar "me gusta" activa el sistema de recompensas en nuestro cerebro. Más precisamente, las recompensas aumentan el nivel de dopamina en nuestro cuerpo, y la dopamina actúa como un neurotransmisor, enviando un mensaje al cerebro cuando nos recompensamos a nosotros mismos. El cerebro, enormemente agradecido, nos hace sentir bien a cambio como recompensa por nuestras acciones.

Esto hace que los "diseñadores" perezosos eviten diseñar para los usuarios y, en su lugar, implementen tendencias que darán como resultado una gran cantidad de Me gusta. Esto provoca conceptos erróneos sobre lo que realmente es el diseño, lo que hace que los clientes piensen lo mismo. Este es un gran perjuicio para la industria del diseño de UX y los diseñadores de UX que quieren diseñar los mejores productos.

Principios de diseño de UX

Es imposible explicar todos los conceptos de UX a la vez, pero estos son los factores fundamentales que contribuyen a una experiencia de usuario efectiva, en pocas palabras:

  • Velocidad
    • ¿La aplicación o el sitio web son lentos (o se sienten lentos)?
    • ¿El usuario debe hacer clic/desplazarse/interactuar más de lo necesario?
    • ¿Hay demasiadas distracciones y/o decisiones que tomar?
    • ¿Hay fricción que impide/retrasa que el usuario obtenga lo que quiere?
  • Intuición
    • ¿Es obvio para el usuario lo que tiene que hacer a continuación?
    • ¿Podemos determinar lo que quiere el usuario y mostrar el contenido en consecuencia?
  • Accesibilidad
    • ¿Puede el usuario acceder a la UI, independientemente de su edad o discapacidad?
    • ¿Hemos pensado en los diferentes tipos de daltonismo?
  • usabilidad
    • En los dispositivos móviles, ¿tienen los objetivos táctiles un tamaño adecuado?
    • ¿Los objetivos son fácilmente accesibles para los pulgares?
    • ¿El diseño es responsivo? ¿Se adapta a todos los dispositivos?

20 heurísticas de usabilidad
Susan Weinschenk y Dean Barker (Weinschenk y Barker 2000) investigaron pautas y heurísticas de usabilidad de muchas fuentes (incluyendo Nielsen, Apple y Microsoft) y generaron este conjunto de 20 heurísticas de usabilidad para verificar.

El diseño visual sigue siendo importante

El diseño visual juega un papel muy importante en el diseño de la experiencia del usuario, por lo que no debemos comparar la interfaz de usuario con la experiencia de usuario: la interfaz de usuario es parte de la experiencia de usuario. Llamarse a sí mismo diseñador de UI solo llama la atención sobre los aspectos más glamorosos del diseño de UX, mientras que le da menos importancia a UX en su conjunto y cómo se puede usar para cumplir con los objetivos comerciales.

Estos son los principios de diseño de UX que se enumeran anteriormente, solo que esta vez, mencionaremos cómo el diseño visual influye en las cosas:

  • Velocidad
    • ¿Puede el usuario identificar rápidamente dónde necesita mirar e interactuar, utilizando el contraste , el color y el espaciado como señales visuales?
    • ¿La interfaz de usuario o el contenido de la mitad superior de la página se muestran inmediatamente, explican lo que el usuario debe hacer en dicha pantalla y tienen una llamada a la acción clara?
  • Accesibilidad
    • ¿Las opciones de color crean suficiente contraste?
    • ¿Es la interfaz de usuario lo suficientemente grande para aquellos con dificultad para ver?
  • usabilidad
    • ¿Existe una jerarquía visual que ilustre la importancia de cada elemento?
    • ¿Estamos transmitiendo visualmente confianza y seguridad cuando corresponde?
    • ¿Estamos implementando microinteracciones que se sienten naturales y aclaran la acción que está tomando el usuario?

Es importante pensar en la interfaz de usuario como una herramienta que se puede usar para mejorar la experiencia de usuario, en lugar de una capa brillante que puede hacer que la experiencia de usuario "se vea mejor". Tomemos como ejemplo a Amazon: ganan más de cien mil millones de dólares cada año, y aunque su interfaz de usuario y su experiencia de pago son obviamente intuitivas, no son convencionalmente atractivas en términos de estética visual.

Amazonas
Amazon ganó $ 1.9 mil millones durante los últimos tres meses de 2017, pero no lo hubiera adivinado por su diseño de interfaz de usuario.

El diseño de UX/UI debe ser impulsado por datos

El diseño de UX (que incluye UI) debe estar impulsado por la investigación del usuario (análisis de seguimiento, entrevistas con usuarios, encuestas de clientes), pruebas de usabilidad, un flujo de trabajo de UX ajustado (que incluye creación de prototipos, comentarios internos y envío regular) y cualquier otra cosa que ofrezca datos. y conocimientos sobre cómo los usuarios interactúan con la interfaz (o el negocio en su conjunto).

Si una aplicación o sitio web no está funcionando según los estándares esperados, estos métodos de investigación de usuarios cualitativos y cuantitativos pueden ayudar a los diseñadores de UX a tomar decisiones de diseño más efectivas, ya sea una decisión relacionada con el flujo de usuarios o solo con los colores. Es este enfoque de diseño basado en datos lo que hace que UI y UX sean una misma cosa.

Conclusión

No hay nada de malo en ser llamado diseñador web o diseñador de aplicaciones, o incluso diseñador de aplicaciones de voz o diseñador de dispositivos portátiles. Describe lo que eres, y los clientes podrán comprender lo que haces más rápidamente. A los clientes no les importa si tiene un puesto de trabajo moderno o cuántos me gusta tiene un diseño en Dribbble. Todo lo que los clientes quieren saber es que sabe cómo resolver las experiencias de los usuarios de manera efectiva, teniendo en cuenta los objetivos comerciales de la empresa y tomando decisiones de diseño basadas en datos en lugar de gustos y tendencias.

Por otro lado, tampoco hay mucho de malo en el término “diseñador de UX”, es decir, si te consideras un diseñador que diseña todo tipo de interfaces. Sobre todo, es importante que, como diseñador, elija un puesto de trabajo con el que realmente se identifique.

• • •

Lectura adicional en el blog de diseño de Toptal:

  • eCommerce UX: una descripción general de las mejores prácticas (con infografía)
  • La importancia del diseño centrado en el ser humano en el diseño de productos
  • Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores
  • Principios heurísticos para interfaces móviles
  • Diseño anticipatorio: cómo crear experiencias de usuario mágicas