¿Cuándo usar Light mode?
- Cuando tenemos mucho texto que el usuario leerá.
- Si tenemos muchos elementos.
- Cuando utilicemos diferentes elementos de color.
- Si la app se usará principalmente de día.
Introducción
Qué aprenderás para diseñar en modo oscuro
Ponte en contexto: para quién es este curso de diseño en modo oscuro
Fundamentos del Darkmode
Historia de los modos de las interfaces
¿Cómo vemos los humanos?
Ventajas del darkmode
Diseño claro vs. diseño oscuro
Ejemplos de diseño en darkmode
Quiz: Fundamentos del Darkmode
Diseñar en Darkmode
Consideraciones previas
Buenas prácticas en el diseño en darkmode
Darkmode para Android
Darkmode para iOS
Quiz: Diseñar en Darkmode
Despedida
Cómo diseñar en modo oscuro
Autoevaluación del Curso de Diseño en Modo Oscuro
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
meri Fernández
Aportes 19
Preguntas 1
¿Cuándo usar Light mode?
¿Cuándo usar Dark mode?
Les recomiendo una extensión web, que funciona en varios navegadores, se llama Dark Reader, con ella puedes personalizar el color de todos los sitios web y transformarlos en dark mode.
☑️ Tenemos que considerar un Dark Mode para las aplicaciones.
☑️ Siempre deberíamos darlo como una opción, no obligación.
En Linux, los temas dark y/o mode oscuro son una realidad y completos para el 99% de la UI, mientras que en Windows es parcial y poco personalizable. Esperemos que esto se solucione en Windows11.
En mi caso particular (con déficit visual), en modo dark puedo estar leyendo texto horas enteras sin ninguna fatiga visual significativa, sin embargo, en modo light en menos de 30 minutos empiezan mis problemas.
Hay un detalle del dark mode que no es mencionado acá: ayuda a ahorrar batería, lo cual es especialmente notorio en dispositivos móviles, aun más con pantallas OLED, dejo el estudio sobre el tema aqui
#TeamDarkMode Definitivamente soy fan del modo oscuro, ya que paso muchas horas frente a la pc aprendiendo 🤓 y después más horas frente a mi celular socializando o relajándome. El cansancio de la vista es muchísimo menor y estoy más cómoda utilizando una interfaz oscura sin importar la hora del dia.
Incluir el modo dark, los usuarios lo piden
Tiene que ser una opción, no una obligación
Beneficios:
Soy darkmode lover, suelo tener problemas de fatiga con mi visión, la mayoría de mis redes sociales tiendo a usarlas en modo dark por lo mismo, es mucho más cómodo por mi vista, y no se cansa demasiado.
Yo soy foto sensible, el dark mode me ha salvado la vida. 😂 Concuerdo con todo lo visto, las sensaciones que genera son increíbles. Me declaro darkmode lover. 😋
Me gusta el modo oscuro de WhatsApp e Instagram. En general casi cualquier app con modo oscuro me agrada y me acostumbro a ella. La única excepción es Notion, siento que podría ser mejor
Esta clase esta muy buena. Es cierto, las apps o páginas que tienen mucho texto, tienden a ser más efectivas en modo light. Pero si hay aplicaciones que resultan mejores en modo oscuro.
La profesora dice que el modo dark debe ser una opciòn, pero en platzi es la ùnica opciòn. 😅
En síntesis, el Modo Oscuro:
.
Da una sensación de innovación y distinción al producto digital.
Deja que sea una experiencia personalizable para el usuario, dándoles la sensación de que los estás “consintiendo” al ofrecerles otra versión o “sabor” diferente de tu producto que puede adaptarse más a lo que buscan o que es de un nivel más exclusivo, profesional o “premium”.
Diseño universal: todos se pueden beneficiar de las ventajas, no sólo los usuarios con problemas de la vista.
Hay algo que no cuadra, según lo que dice Meri, el modo oscuro está más usado para darle más importancia al contenido, y el modo claro está más centrado para elementos que tengan mucho contenido, como texto, funciones especiales tec. Pero repasando por algunas apps que me gustan mucho, pude notar que estas apps usan el modo oscuro, y en su interfaz tienen mucho contenido como texto, y esas cosas, un ejemplo perfecto para dar validación a mi punto son: Discord y Notion…
Estas dos apps funcionan tan bien en modo oscuro, que es incomodo usarlas en modo claro.
muy bueno este curso!
Mi conclusión para mi App favorita que en este caso en Microsoft To Do es que dependiendo del modo que se seleccione se focalizan mas en los colores y fondos o el contenido y texto.
Me encanta el modo dark en casi todos los sitios, sin embargo me molesta mucho ruido cuando aplican el dark mode en páginas con mucho texto, me cansa la vista e incluso abandono la página. Más allá de solo implementarlo por moda debemos considerar el contexto en el que se desarrolla
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?