Dark UI vs Light UI: ¿Cómo hacer la elección correcta?

Una IU ligera puede parecer una apuesta segura siempre pero, en algunos casos, la IU oscura puede ser la ganadora.

IU oscura v / s IU clara

Fuente: uxdesign.cc

Hace algunos años, mientras estábamos renovando el diseño del sitio web de nuestra empresa, a nuestro Jefe de Diseño se le ocurrió una interfaz de usuario oscura para el sitio. Nuestra versión existente tenía una interfaz de usuario ligera, por lo que nos sorprendió un poco. El diseño se veía bien con gris como color primario y un agradable tono de púrpura como secundario. Todos estuvimos de acuerdo en que el diseño se ve increíble.

Pero nuestro equipo de marketing no estaba muy contento con eso por dos razones:

  • Legibilidad, ya que nuestro sitio tenía mucho texto y un fondo oscuro podría estresar los ojos de los lectores
  • No se alineó con nuestra marca, ya que los colores de nuestra marca eran más claros

Finalmente, la decisión recayó en nuestro CEO, quien dio el visto bueno para el diseño. El equipo de marketing cumplió involuntariamente.

Y pronto se descubrió que eran correctos.

Las métricas clave del sitio web, como la tasa de conversión, la tasa de rebote, etc., comenzaron a caer. Sonaron las alarmas y pronto tuvimos que volver a una interfaz de usuario ligera.

¿La IU oscura funciona? Sí, ya que miles de sitios web, aplicaciones y juegos diseñados con una interfaz de usuario oscura darán testimonio.

¿Es la interfaz de usuario ligera la mejor opción? No siempre.

Como diseñador, debe haber enfrentado este dilema de si usar una interfaz de usuario oscura o una interfaz de usuario clara.

No hay una respuesta clara para eso. Pero hay algunas consideraciones que pueden guiarlo a tomar la decisión correcta entre una IU oscura y una IU clara.

Consideraciones al elegir entre una interfaz de usuario oscura y clara

  • ¿Quien es tu usuario?

Conocer a su usuario potencial y lo que querrán obtener de su sitio web es el primer paso en el diseño de la interfaz de usuario para su aplicación o sitio web. Los adultos preferirían una interfaz de usuario ligera que los ayude a usar intuitivamente su producto, mientras que los más jóvenes preferirían un fondo oscuro que sea emocionante y elegante. Para los niños, una interfaz de usuario ligera con mucha diversión y elementos atractivos hará el truco.

  • ¿Qué hará su usuario en el sitio web?

Fuente: Problogger

Los sitios web de la empresa, sitios web de noticias, blogs, etc., interactúan con los usuarios a través de textos y videos. Los usuarios de dichos sitios web leen mucho texto y, si es relevante, ven un video ocasional. Pero la mayoría de ellos buscará información a través de textos. Pasarán unos minutos, pueden tardar entre 10 y 15 minutos como máximo en buscar información y seguir adelante. Por lo tanto, debe elegir una interfaz de usuario que facilite a sus usuarios leer mucho texto sin forzar la vista. Aquí una interfaz de usuario ligera funciona bien. En una encuesta de problogger, el 47% de los encuestados prefirió una interfaz de usuario clara en un blog, mientras que solo el 10% prefirió una interfaz de usuario oscura.

Pero si está diseñando para un sitio web o un producto donde el usuario pasará mucho tiempo, digamos unas horas, leyendo texto como un libro o trabajando como en un editor de código, entonces un fondo oscuro con texto más claro será útil. La interfaz de usuario oscura con texto claro mejorará la legibilidad y ejercerá menos presión sobre sus ojos, lo que facilitará permanecer durante largas horas.

  • ¿Cuándo utilizarán sus visitantes su aplicación o sitio web?

El tiempo que se utiliza su aplicación / sitio web, de día o de noche, también debe desempeñar un papel en la elección de su diseño de interfaz de usuario. Netflix, Amazon, etc., se ven principalmente en la noche en casa. Allí, los fondos oscuros funcionan bien en entornos oscuros. También brinda a los usuarios una sensación real del medio ambiente.

Del mismo modo, el fondo brillante funciona bien para sitios web de noticias, redes sociales, etc., que obtienen la mayor parte de su tráfico durante el día.

  • ¿Dónde quiere que se centre su usuario?

Habrá situaciones en las que desee que su usuario se centre en un elemento en particular, por ejemplo, en un automóvil y admire su diseño. En tales situaciones, un fondo oscuro hará bien en crear un ambiente libre de distracciones, sacar el diseño y mantener la atención del usuario en el automóvil.

¿Cuándo usar la interfaz de usuario oscura?

  1. Cuando hay poco texto para leer y más imágenes / videos para ver
  2. Cuando hay muy pocos elementos en el diseño y están bien espaciados
  3. Cuando quieras dar a tus usuarios la sensación de un ambiente oscuro como en una película
  4. Cuando desee que el elemento central de la página se destaque y gane protagonismo
  5. Cuando desee reducir la fatiga visual y hacer que sea cómodo para los usuarios permanecer mucho tiempo en su sitio web

¿Cuándo usar la interfaz de usuario ligera?

  1. Cuando su sitio web o aplicación se utilizará principalmente durante el día
  2. Cuando tus lectores leerán mucho texto
  3. Cuando hay muchos elementos en las pantallas
  4. Cuando estás usando diferentes elementos de color

Pensamientos finales

Diseñar UI es creativo. No las reglas lo obliguen. Pero un diseño impresionante también debería ayudar a impulsar la experiencia del usuario y alcanzar los objetivos comerciales. Debería ayudar a sus usuarios a alcanzar su objetivo de manera cómoda y rápida. Así que piense en estas consideraciones y encuentre respuestas a las preguntas antes de elegir entre una interfaz de usuario oscura y clara.

Una IU ligera puede parecer una apuesta segura siempre pero, en algunos casos, la IU oscura puede ser la ganadora. Así que elige sabiamente.

¿Cuáles son sus reglas al elegir entre una interfaz de usuario oscura y clara? Comparta sus pensamientos y experiencias sobre el tema en la sección de comentarios.

Si este artículo le resultó útil, comparta en las redes sociales para ayudar a otros a encontrarlo.

Solucione errores de diseño en el sitio web en vivo sin codificación