Es la característica más solicitada que hemos tenido en meses, y por fin está aquí. BlaBlaNote ahora tiene un modo oscuro adecuado. No es una versión a medias de “simplemente cambiamos algunos fondos”, sino un tema oscuro real, de principio a fin, que cubre cada rincón de la app: tu lista de contactos, detalles de interacciones, modo evento, sincronización con LinkedIn, integraciones de calendario, cadencia de networking, configuración de perfil, cada estado vacío, cada modal, cada insignia.
Si alguna vez te has encontrado entrecerrando los ojos en BlaBlaNote a las 11 de la noche después de un largo día de reuniones, o grabando una nota de voz desde la cama y siendo cegado por una pantalla blanca, esto es para ti.
Tres modos, una decisión
Abre la configuración de tu perfil y encontrarás una nueva sección de Esquema de color con tres opciones:
- Automático sigue el de tu sistema operativo. Si tu Mac, Windows, iPhone o Android está configurado en oscuro, BlaBlaNote es oscuro. Cuando tu SO cambia al anochecer, BlaBlaNote cambia con él. Sin actualizar, sin la fricción de “recargar la página para aplicar los cambios”. Simplemente sucede.
- Claro es el BlaBlaNote clásico que ya conoces. Siempre brillante, siempre igual.
- Oscuro permanece oscuro sin importar lo que esté haciendo el resto de tu dispositivo. Si vives en modo oscuro en todas partes, esta es probablemente tu elección.
Cada opción tiene una pequeña vista previa visual para que puedas ver lo que estás eligiendo antes de comprometerte. La vista previa permanece constante independientemente del tema actual, así que estás comparando peras con peras.
No nos limitamos a invertir los colores
Cualquier diseñador te dirá que el modo oscuro no es “modo claro con un fondo negro”. Cuando inviertes los colores ingenuamente, terminas con texto turbio, estados deshabilitados ilegibles, bordes que desaparecen en el fondo y gráficos que parecen la escena de un crimen. Todos hemos usado apps que hicieron esto mal.
Así que construimos la paleta oscura desde cero. Los fondos utilizan un enfoque de capas: un negro profundo para la página, un tono ligeramente más claro para las tarjetas y paneles, y un tercer nivel para los elementos al pasar el ratón o seleccionados. Esa separación es lo que hace que la interfaz de usuario se sienta sólida en lugar de que todo flote en una sola hoja plana.
Cada color de texto fue auditado según los requisitos de contraste WCAG AA. Eso significa que el gris que se lee como “información secundaria” en modo claro tiene su contraparte dedicada en modo oscuro, elegida para que permanezca cómodamente legible sin golpearte la vista. Lo mismo para botones deshabilitados, texto de marcador de posición, bordes, anillos de enfoque y estados de hover. Dedicamos más tiempo a los casos límite que a las superficies principales, porque ahí es donde el modo oscuro suele fallar.
Los detalles con los que nos obsesionamos
Algunas cosas a las que prestamos especial atención:
- Sin parpadeo al cargar. Cuando abres BlaBlaNote y estás en modo oscuro, no ves un cuarto de segundo de blanco cegador antes de que el tema se active. El tema se aplica antes de la primera renderización, por lo que la app se inicia con los colores correctos inmediatamente.
- Tus pantallas de LinkedIn, Calendario e integraciones. Estas son algunas de las partes más densas visualmente de la app, con muchas tarjetas, avatares, insignias de estado y botones. Cada una de ellas recibió un pase de modo oscuro, incluyendo las complicadas tarjetas de integración que necesitaban mantener alturas coincidentes una al lado de la otra.
- Cadencia de networking y seguimientos. Los botones de radio, las opciones deshabilitadas y los banners de “próximo contacto pendiente” fueron reconstruidos para seguir siendo legibles en modo oscuro. Si usas BlaBlaNote para gestionar tu ritmo de networking, notarás la diferencia el primer día.
- Modo evento e insights pre-evento. ¿Grabando en una conferencia por la noche? Las tarjetas de estadísticas, los estados vacíos y los avatares de invitados se adaptan, así que el networking inteligente de eventos sigue siendo legible cuando las luces se atenúan.
- Colores de marca de relaciones. Nuestro acento azul y dorado de la marca tienen variantes para el modo oscuro para que se mantengan vibrantes sin brillar radioactivamente contra un fondo negro.
- Resúmenes de IA y tarjetas de tareas. Los paneles donde BlaBlaNote muestra tus conversaciones organizadas y elementos de acción extraídos recibieron el mismo tratamiento de contraste cuidadoso, porque son donde realmente lees, no solo echas un vistazo.
Fácil de alcanzar desde cualquier lugar
La configuración está bien, pero a veces quieres cambiar el tema sin tener que sumergirte tres menús. En el escritorio, hay un botón de Tema dedicado en la parte inferior de la barra lateral. Un clic y se abre el selector, mostrando ya en qué modo estás. En el móvil, donde la barra lateral se colapsa, el mismo selector de tema se encuentra en el menú de usuario. De cualquier manera, nunca estarás a más de un toque o dos de distancia.
No importa dónde lo abras, obtienes las mismas tres opciones, eliges una, y toda la app cambia al instante. Sin actualizar, sin botón de “aplicar”, sin esperas.
Por qué “Automático” es probablemente lo que quieres
Si no estás seguro de qué modo elegir, ve con Automático. Aquí te explicamos por qué.
La mayoría de los sistemas operativos modernos ya hacen un gran trabajo cambiando de tema en momentos sensatos: al anochecer, cuando activas un horario de turno de noche, cuando estás en un entorno oscuro. Tu SO sabe mucho sobre tu contexto actual que BlaBlaNote no sabe. Al seguir el sistema, BlaBlaNote se vuelve consistente con todas las demás apps que usas. Se acabaron los momentos de “¿por qué esta app sigue siendo de un blanco brillante?” cuando cambias de tu correo electrónico a tu CRM por la noche.
El modo Automático escucha al sistema continuamente. Si estás a mitad de una reunión y el sol se pone y tu portátil cambia a oscuro, BlaBlaNote también cambia, sin ninguna intervención tuya. Si tienes un horario fijo y prefieres el control total, elige Claro u Oscuro explícitamente. Ambas son opciones válidas. No hay respuesta incorrecta.
Te recuerda
Tu elección se almacena localmente en cada dispositivo. Eso significa que puedes tener BlaBlaNote en tu portátil en modo Automático (para que siga tu jornada laboral), en tu teléfono en Oscuro (porque lo usas principalmente por la noche), y en tu tablet en Claro (porque lees artículos en ella durante el día). Cada dispositivo conserva su propia preferencia.
No sincronizamos esto entre dispositivos a propósito. El modo oscuro es una decisión local y dependiente del contexto. La iluminación de tu oficina no es la iluminación de tu dormitorio, y la app que se ve bien en un monitor externo grande no es la app que se ve bien en un teléfono por la noche. Las preferencias por dispositivo son la respuesta honesta.
Qué sigue
El modo oscuro fue un gran proyecto. Tocó prácticamente cada componente Vue en la app, y lo usamos como una oportunidad para limpiar muchas inconsistencias de color que habíamos acumulado con el tiempo. La app se siente más coherente ahora, en ambos temas, como un efecto secundario.
Algunas cosas que estamos considerando para la próxima iteración:
- Temas programados, donde podrías decir “oscuro después de las 8pm” independientemente de la configuración de tu SO, para personas cuyo sistema operativo no les da un control granular.
- Temas nativos de la barra de estado en móvil, para que la barra de estado superior en iOS y Android también se adapte. Ahora mismo la UI de la app cambia, pero la barra del sistema se mantiene en lo que dicte tu SO. No está mal, pero está a un paso de ser perfecto.
- Algunas opciones más de acento de color para los usuarios que quieran personalizar aún más, una especie de ambiente “BlaBlaNote pero con tus colores”.
Nada de eso está en el calendario todavía. Queríamos lanzar el modo oscuro primero, usarlo nosotros mismos durante unas semanas, y luego ver qué vale la pena construir a continuación basándonos en tu feedback.
Pruébalo esta noche
Si ya eres usuario de BlaBlaNote, abre tu perfil, busca la sección Esquema de color y elige tu modo. Treinta segundos, cero riesgo, alivio instantáneo para tus ojos. Si quieres empezar con Automático, tu SO hará el resto del trabajo por ti.
Si aún no eres usuario y te has estado resistiendo porque BlaBlaNote era “demasiado brillante”, esa excusa está oficialmente retirada. Inicia tu prueba gratuita, elige Oscuro al entrar y prepárate para tu próxima reunión sin derretir tus retinas.
Esperamos que te encante. Y si algo no te parece bien en algún rincón de la app que no hayamos detectado, dínoslo. El modo oscuro es una de esas características donde el último cinco por ciento es invisible hasta que alguien usa la app de verdad y encuentra el caso límite que se nos escapó. Preferimos arreglarlo que pretender que es perfecto.
Feliz toma de notas nocturna.
