Ni una app sin dark mode: Descubre todas sus ventajas
modo oscuro desarrollo web

Ni una app sin dark mode: Descubre todas sus ventajas

23/03/2022

El modo oscuro es una función que permite cambiar el fondo de pantalla del blanco habitual a negro ayudando a ver mejor el contenido cuando hay poca luz. Pero no destaca solo por eso, sino que tiene muchos más beneficios, que hacen que cada vez sea una funcionalidad más utilizada. Así que, desarrollador, no te lo pienses ¡tu próxima app debe incluir la posibilidad de activar el dark mode!

La mayoría de las apps más utilizadas, como Whatsapp o Instagram, ya han incorporado el dark mode a su aplicación y algunos de los últimos sistemas operativos ya lo incluyen por defecto. Esta funcionalidad, que fue creada para ser utilizada por la noche, se ha convertido en una de las favoritas de los usuarios para cualquier momento.

Normalmente los desarrolladores siempre elegís trabajar sobre un fondo negro, algo que responde a los mismos motivos por los que los usuarios están respondiendo tan bien al uso del modo oscuro en las aplicaciones, así que ya estarás pensando ¿cómo no se me había ocurrido antes?

La activación del modo oscuro consiste en un cambio temporal de los colores del software y una disminución del brillo de la pantalla, aportando beneficios tanto para la salud del usuario como para la salud de tu dispositivo, ¿todavía no te has convencido? Te dejamos algunas ventajas más:

 

Ventajas del uso del modo oscuro

 

  • Protege la vista: la iluminación oscura protege los ojos en condiciones de baja iluminación y te ayuda a fijar tu mirada en la pantalla evitando llegar a un punto de irritación ocular. Además, evitar la luz blanca previene los daños que el brillo de la pantalla pueda causar en la vista o la fatiga visual en caso de un uso prolongado del dispositivo.

 

  • Consumo de batería: el modo oscuro permite ahorrar batería hasta un 60% en dispositivos con pantalla AMOLED ya que los pixeles blancos consumen más energía que los píxeles negros. Este bajo consumo también es favorable para alargar la vida de los dispositivos, por lo que también conlleva una importante ventaja a largo plazo en cuanto a sostenibilidad.

 

  • Experiencia de usuario: muchos usuarios prefieren el modo oscuro por comodidad o criterios estéticos. Por ejemplo, para aplicaciones como plataformas de streaming siempre se utilizan interfaces oscuras que mejoran la experiencia de usuario por la temática de la app. Desde luego, la mejor opción siempre es dar al usuario la posibilidad de elegir el color de fondo de su app según el momento, esa posibilidad de elección es la que realmente conseguirá satisfacer a los usuarios.

 

¿No te puedes resistir? Te contamos cómo hacerlo

Ahora que ya sabes todas las ventajas de desarrollar tus apps con el modo oscuro, queremos contarte cómo hacerlo. De esta manera vincularás el tema principal de la app con los indicadores de dark mode y la app tendrá un tema oscuro predeterminado.

Para admitir el tema oscuro, debes configurar el tema de la app (normalmente en res/values/styles.xml) para que herede de un tema DayNight:

<style name="AppTheme" parent="Theme.AppCompat.DayNight">

 

Te recomendamos que haya opciones diferentes, para que el usuario pueda elegir sea cual sea el valor predeterminado del sistema:

  • Claro
  • Oscuro
  • Valor predeterminado del sistema (la opción predeterminada recomendada)

Y asignar a cada una de las opciones uno de los modos AppCompat.DayNight:

  • Claro: MODE_NIGHT_NO
  • Oscuro: MODE_NIGHT_YES
  • Establecer por ahorro de batería: MODE_NIGHT_AUTO_BATTERY
  • Valor predeterminado del sistema: MODE_NIGHT_FOLLOW_SYSTEM

Desarrollador, sería una buena idea que empezaras a incluir el modo oscuro en tus aplicaciones, le darás un valor añadido y mejorarás la experiencia de usuario, lo que será clave para el éxito de tu app.

 

Samsung Dev Spain es la comunidad oficial de Samsung para desarrolladores españoles. Si te das de alta, puedes conseguir entrar en nuestro programa de préstamos -y conseguir dispositivos para desarrollar apps para nuestro ecosistema-, acceder a material gratuito como el whitepaper Blockchain: dibujando un futuro descentralizado, participar en promociones como dispositivos por apps o acudir gratis a eventos formativos como Samsung Dev Day.