El mundo del diseño es complejo y tiene muchos términos y conceptos. No todos los diseñadores -por no hablar de los no diseñadores- están familiarizados con todos ellos. ¿Es el modo oscuro algo malo? ¿Cuál es la diferencia entre animación y microinteracción? Este conocimiento mejorará tu comunicación con los diseñadores, los clientes y otros miembros del equipo. Además, nunca te avergonzarás diciendo que no hay diferencia entre UI y UX.

Diseño centrado en el ser humano #

El diseño centrado en el ser humano (DCH), también denominado diseño centrado en el usuario, es un enfoque de diseño que da prioridad a los intereses y necesidades de los usuarios y cultiva una profunda empatía hacia ellos. En lugar de centrarse únicamente en los beneficios o la estética, este enfoque implica un puñado de prácticas para comprender las necesidades, los objetivos, los comportamientos y otros aspectos esenciales de los usuarios. Equipados con este conocimiento, los equipos pueden buscar soluciones para resolver los problemas de los usuarios y ofrecer productos de alta calidad y fascinantes.

Accesibilidad #

La accesibilidad en el diseño web significa realizar ajustes especiales para que las personas con discapacidad puedan utilizar tus productos digitales sin barreras. Aunque al principio pueda parecer una limitación importante, existen directrices comprensibles que te ayudarán a hacer tus productos más accesibles.

Para saber más sobre los distintos tipos de discapacidad que requieren un enfoque único para los productos web y cómo hacer que tu producto sea accesible para todas las personas, explora nuestro curso de Diseño para la Accesibilidad.

Usabilidad #

La usabilidad es un atributo de calidad que nos ayuda a evaluar la facilidad de uso de la interfaz de usuario. Aparte de eso, la usabilidad se refiere a la propensión a los errores de un sitio web o una aplicación y a lo agradable que es su utilización.

UI #

UI, que significa Interfaz de Usuario, es el espacio donde se produce la interacción entre los usuarios y los ordenadores o máquinas. Suele incluir pantallas de visualización, teclados, un ratón y un escritorio.

Al interactuar con el software, solemos tratar con el subtipo de IU «GUI» (Interfaz Gráfica de Usuario). Utiliza elementos de IU como texto, enlaces, botones e imágenes que forman la experiencia del usuario.

UX #

Según Donald Norman, el padrino de la UX (siglas de User Experience), la UX abarca todos los aspectos de la interacción entre los usuarios y la empresa, sus servicios y sus productos. Abarca todas las emociones, creencias, preferencias y percepciones de los usuarios, así como las respuestas físicas y psicológicas, los comportamientos y los logros que experimentan antes, durante y después del uso[2].

Animación #

La animación es una serie de imágenes estáticas (ilustraciones o fotos) enlazadas entre sí para imitar el movimiento del mundo real; piensa en ellas como si fueran flipbooks. Percibimos la secuencia de imágenes de ese modo porque el ojo humano puede retener una imagen durante aproximadamente 1/10 de segundo. Ver aparecer varias imágenes en rápida sucesión hace que nuestro cerebro las fusione en una sola imagen en movimiento.

Tradicionalmente, la animación consistía en imágenes dibujadas o pintadas en láminas de celuloide transparentes para ser fotografiadas y presentadas en una película. Hoy en día, la animación se basa principalmente en imágenes generadas digitalmente.

Microinteracción #

Como su nombre indica, una microinteracción es un pequeño momento de interacción entre los usuarios y un producto. Las microinteracciones suelen incluir un desencadenante iniciado por los usuarios o por el sistema y una respuesta a este desencadenante. Por ejemplo, cuando haces clic en el botón «Me gusta» de Instagram, la aplicación responde cambiando el estado del botón con una mínima animación.

Las microinteracciones pueden ser una gran ayuda para comunicar la personalidad de tu marca.

Modo oscuro #

El modo oscuro, también conocido como tema oscuro, es un esquema de color que, en lugar del uso tradicional por defecto de texto oscuro sobre un fondo claro, establece texto, gráficos y otros elementos de la interfaz de usuario de color claro sobre un fondo oscuro.

Algunas teorías sugieren que el modo oscuro, al ser nítido y elegante, no solo crea una sensación atractiva, sino que también aumenta la duración de la batería y mejora la accesibilidad. Descubre si es cierto o no a través de nuestra lección semanal sobre el modo oscuro.

References #

Funciona con BetterDocs