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

El diseño de interfaz de usuario (UI) es el proceso que utilizan los diseñadores para crear interfaces en software o dispositivos computarizados, centrándose en la apariencia o el estilo. Los diseñadores tienen como objetivo crear interfaces que los usuarios encuentren fáciles de usar y agradables. El diseño de la interfaz de usuario se refiere a interfaces gráficas de usuario y otras formas, por ejemplo, interfaces controladas por voz.

Diseño de interfaces de usuario para usuarios

Las interfaces de usuario son los puntos de acceso donde los usuarios interactúan con los diseños. Vienen en tres formatos:

1. Interfaces gráficas de usuario (GUI): los usuarios interactúan con representaciones visuales en paneles de control digitales. El escritorio de una computadora es una GUI.
2. Interfaces controladas por voz (VUI): los usuarios interactúan con ellas a través de sus voces. La mayoría de los asistentes inteligentes, por ejemplo, Siri en iPhone y Alexa en dispositivos Amazon, son VUI.
3. Interfaces basadas en gestos: los usuarios interactúan con los espacios de diseño 3D a través de movimientos corporales: por ejemplo, en juegos de realidad virtual (VR) .

Para diseñar mejor las interfaces de usuario, debe considerar:

• Los usuarios juzgan los diseños rápidamente y se preocupan por la usabilidad y la simpatía.
  • No se preocupan por su diseño , sino por hacer sus tareas fácilmente y con el mínimo esfuerzo.
  • Por lo tanto, su diseño debe ser “invisible”: los usuarios no deben centrarse en él, sino en completar tareas: por ejemplo, pedir pizza en la aplicación Domino’s Zero Click.
  • Por lo tanto, comprenda los contextos y los flujos de tareas de sus usuarios (que puede encontrar, por ejemplo, en los mapas de viaje del cliente ), para ajustar las mejores y más intuitivas IU que brindan experiencias perfectas.
• Las IU también deben ser agradables (o al menos satisfactorias y sin frustraciones).
  • Cuando su diseño predice las necesidades de los usuarios, estos pueden disfrutar de experiencias más personalizadas e inmersivas. Deleítalos y seguirán regresando.
  • Cuando sea apropiado, los elementos de gamificación pueden hacer que su diseño sea más divertido.
• Las interfaces de usuario deben comunicar los valores de la marca y reforzar la confianza de los usuarios.
  • El buen diseño es un diseño emocional . Los usuarios asocian los buenos sentimientos con las marcas que les hablan en todos los niveles y mantienen viva la magia de las experiencias placenteras y fluidas.

Diseño de interfaz de usuario frente a experiencia de usuario (UX)

A menudo confundido con el diseño UX , el diseño de la interfaz de usuario se preocupa más por la superficie y la sensación general de un diseño . El diseño de la interfaz de usuario es un oficio en el que usted, el diseñador, crea una parte esencial de la experiencia del usuario. El diseño de UX cubre todo el espectro de la experiencia del usuario. Una analogía es imaginar el diseño UX como un automóvil con el diseño UI como consola de conducción.

“Las interfaces se interponen en el camino. No quiero concentrar mis energías en una interfaz. Quiero concentrarme en el trabajo “.

– Don Norman, gran anciano del diseño de UX

Cómo crear excelentes interfaces de usuario

Para ofrecer GUI impresionantes, recuerde: los usuarios son humanos, con necesidades como la comodidad y un límite en sus capacidades mentales . Debes seguir estas pautas:

1. Haga que los botones y otros elementos comunes funcionen de manera predecible (incluidas respuestas como pellizcar para hacer zoom) para que los usuarios puedan usarlos inconscientemente en todas partes . La forma debe seguir a la función.
2. Mantenga una alta visibilidad . Etiquete claramente los iconos e incluya prestaciones bien indicadas : por ejemplo, sombras para botones.
3. Mantenga las interfaces simples (con solo elementos que ayuden a los propósitos de los usuarios ) y cree una sensación de “invisible” .
4. Respete la mirada y la atención del usuario con respecto al diseño . Centrarse en la jerarquía y la legibilidad:
   1. Utilice la alineación adecuada. Por lo general, elija la alineación del borde (sobre el centro).
   2. Llame la atención sobre las características clave mediante :
      • Color, brillo y contraste. Evite incluir colores o botones en exceso.
      • Texto mediante tamaños de fuente, negrita / ponderación, cursiva, mayúsculas y distancia entre letras. Los usuarios deben captar significados con solo escanear.
5. Minimice el número de acciones para realizar tareas, pero concéntrese en una función principal por página . Guíe a los usuarios indicando las acciones preferidas. Facilite las tareas complejas mediante el uso de la divulgación progresiva.
6. Coloque controles cerca de los objetos que los usuarios quieran controlar . Por ejemplo, un botón para enviar un formulario debe estar cerca del formulario.
7. Mantenga informados a los usuarios sobre las respuestas / acciones del sistema con comentarios .
8. Utilice patrones de diseño de interfaz de usuario adecuados para ayudar a guiar a los usuarios y reducir las cargas (p. Ej., Formularios de llenado previo). Tenga cuidado con el uso de patrones oscuros, que incluyen casillas de verificación de suscripción / exclusión voluntaria precargadas y difíciles de ver y elementos que se introducen a escondidas en los carritos de los usuarios.
9. Mantenga la consistencia de la marca .
10. Siempre proporcione los siguientes pasos que los usuarios puedan deducir de forma natural , sea cual sea su contexto .