Diseñar el Modo Oscuro

En ocasiones, la gente piensa en el Modo Oscuro como una opción entre una pantalla blanca o negra, pero esta función involucra un amplio espectro de gradientes de color y de escala de grises.

Es una metáfora adecuada de por qué amamos el Modo Oscuro: las necesidades humanas se desarrollan en un espectro igual de amplio. Ya sea que quieran reducir la fatiga visual, mejorar la vida de la batería, o tan solo tener un atractivo estético, el Modo Oscuro ejemplifica nuestra capacidad de crear experiencias simples y poderosas en Microsoft 365 que les brindan opciones y flexibilidad.

Las opciones para el cliente fue la razón por la que primero trajimos un tema más oscuro de UI a las aplicaciones de escritorio en Office 2010, y desde entonces lo hemos llevado a más experiencias Microsoft, como Teams, debido a su popularidad.

Una colaboración de diseño entre la compañía nos impulsa a llevar el Modo Oscuro, de manera fluida, a la más amplia suite de productos de M365, ¡Y queremos compartir el inicio de la distribución del Modo Oscuro en Outlook para iOS y Android, así como para Office.com!

Diseñar el Modo Oscuro para Outlook móvil y Office.com

El rápido y fluido mundo actual difumina de manera constante las líneas entre trabajo y vida, y creemos en alcanzar a la gente justo donde están. Nuestras herramientas son utilizadas para mantenerse al día en todo desde comunicaciones de trabajo, a eventos personales que incluyen a amigos y familiares, a cambios en documentos compartidos. Esto por lo general significa ver emails, calendarios, o archivos en lugares donde el modo blanco por defecto podría ser el menos adecuado, como en cabinas de aviones con poca luz, salas de cine, o en cama en la noche.

Nuestra investigación de diseño se enfocó en específico en esos contextos donde las personas quisieran utilizar el Modo Oscuro, y la respuesta fue bastante positiva. Si bien algunas experiencias de Modo Oscuro pueden ser neón o demasiado brillantes, la gente sintió que Outlook móvil mantuvo el tipo de sensación relajada que ustedes podrían desear en una sala de estar o dormitorio con poca luz. Describieron la experiencia como cómoda, nítida, clara, y agradable a nivel estético, un guiño a cómo el Modo Oscuro puede reducir la fatiga visual.

El Modo Oscuro también podría ahorrar vida de la batería cuando viajan o están en movimiento por períodos largos de tiempo. Construimos capacidades para que en la siguiente ronda de lanzamientos de OS en iOS y Android, Outlook cambie a Modo Oscuro de manera automática, de acuerdo con la preferencia que hayan establecido. Por el momento, Outlook para Android cambia de manera automática a Modo Oscuro cuando elijen el modo de Ahorro de Batería. Todos estos beneficios aplican para el Modo Oscuro en Office.com.

Una cultura de diseño de colaboración creativa

La fluidez y flexibilidad que construimos en los sistemas de diseño de Microsoft 365 reflejan nuestro propio proceso creativo fluido. Reunimos a diseñadores de toda la compañía para crear una experiencia común de Modo Oscuro para todas nuestras aplicaciones móviles y web. La energía creativa que viene de intercambiar ideas y colaborar con nuevos colegas fue una de las partes más divertidas de todo este esfuerzo.

Al comenzar desde cero y utilizar la nueva paleta gris para Fluent, nuestros equipos de aplicaciones comenzaron a alinearse a la paleta única. Esto incluyo incrementar el contraste, la saturación del color de marca, y la consistencia entre detalles como dónde y cómo usamos sombras en el Modo Oscuro.

Exploramos cientos de opciones de color contra varios fondos antes de seleccionar estas categorías de colores apagados.

Próxima distribución de Modo Oscuro en aplicaciones de Microsoft 365

Estamos emocionados por llevar el Modo Oscuro a más de nuestra suite de productos Microsoft 365, y comenzaremos con experiencias móviles adicionales. El Modo Oscuro llega a Word, Excel, y PowerPoint para móvil con el lanzamiento de iOS 13, así como para iPad, donde sabemos que mucha gente elige utilizar esas aplicaciones. Ese mismo lanzamiento llevará Modo Oscuro a SharePoint, OneDrive, OneNote, Planner, y To-Do en móvil.

Seguirán más experiencias – Modo Oscuro para todos los clientes Outlook, Planner y OneDrive en web llegarán pronto – así que estén pendientes para esas fechas de distribución. Mientras tanto, ¡Queremos escuchar sus ideas y comentarios!

Para estar al tanto de Microsoft Design, síganos en Dribbble, Twitter y Facebook, o únanse al programa Windows Insider. Y si están interesados en unirse a nuestro equipo, vayan a aka.ms/DesignCareers.

Este texto fue publicado en Medium, pueden visitarlo aquí.