És la funció més sol·licitada que hem tingut en mesos, i finalment ja és aquí. BlaBlaNote ara té un mode fosc com cal. No una versió a mig fer de “hem canviat uns quants fons”, sinó un tema fosc real, de cap a cap, que cobreix cada racó de l’aplicació: la teva llista de contactes, els detalls d’interacció, el mode d’esdeveniment, la sincronització amb LinkedIn, les integracions de calendari, la cadència de xarxes, la configuració del perfil, cada estat buit, cada modal, cada insígnia.
Si alguna vegada t’has trobat fent ulleres a BlaBlaNote a les 11 de la nit després d’un llarg dia de reunions, o gravant una nota de veu des del llit i t’ha enlluernat una pantalla blanca, això és per a tu.
Tres modes, una decisió
Obre la configuració del teu perfil i trobaràs una nova secció anomenada Esquema de colors amb tres opcions:
- Automàtic segueix el teu sistema operatiu. Si el teu Mac, Windows, iPhone o Android està configurat en fosc, BlaBlaNote és fosc. Quan el teu sistema operatiu canvia al capvespre, BlaBlaNote canvia amb ell. Sense actualitzacions, sense la fricció de “torna a carregar la pàgina per aplicar els canvis”. Simplement passa.
- Clar és el BlaBlaNote clàssic que ja coneixes. Sempre brillant, sempre igual.
- Fosc es manté fosc independentment del que facin la resta dels teus dispositius. Si vius en mode fosc a tot arreu, aquesta és probablement la teva elecció.
Cada opció té una petita previsualització visual perquè puguis veure què estàs triant abans de comprometre’t. La previsualització es manté constant independentment del tema actual, així que estàs comparant pomes amb pomes.
No només vam invertir els colors
Qualsevol dissenyador et dirà que el mode fosc no és “el mode clar amb un fons negre”. Quan inverteixes els colors de manera ingènua, acabes amb text borrós, estats deshabilitats il·legibles, vores que desapareixen al fons i gràfics que semblen una escena del crim. Tots hem utilitzat aplicacions que ho van fer malament.
Així que vam construir la paleta fosca des de zero. Els fons utilitzen un enfocament per capes: un negre profund gairebé per la pàgina, un to lleugerament més clar per a targetes i panells, i un tercer nivell per a elements sobre els quals es passa el ratolí o seleccionats. Aquesta separació és el que fa que la interfície d’usuari sembli sòlida en lloc de que tot floti en una sola fulla plana.
Cada color de text va ser auditat segons els requisits de contrast WCAG AA. Això significa que el gris que es llegeix com a “informació secundària” en mode clar té una contrapartida dedicada en mode fosc, escollida perquè es mantingui còmodament llegible sense molestar-te. El mateix per a botons deshabilitats, text de marcador de posició, vores, anells d’enfocament i estats de sobrevol. Vam passar més temps en casos límit que en les superfícies principals, perquè és on el mode fosc sol fallar.
Els detalls que ens van obsessionar
Algunes coses a les quals vam prestar especial atenció:
- Sense parpelleig en carregar. Quan obres BlaBlaNote i estàs en mode fosc, no veus un quart de segon de blanc enlluernador abans que el tema s’activi. El tema s’aplica abans del primer dibuix, de manera que l’aplicació s’inicia amb els colors correctes immediatament.
- Les teves pantalles de LinkedIn, Calendari i integracions. Aquestes són algunes de les parts més visualment denses de l’aplicació, amb moltes targetes, avatars, insígnies d’estat i botons. Cadascun d’ells va rebre una passada de mode fosc, incloses les complicades targetes d’integració que necessitaven mantenir alçades iguals l’una al costat de l’altra.
- Cadència de networking i seguiments. Els botons de ràdio, les opcions deshabilitades i els bàners de “pròxim contacte pendent” van ser tots reconstruïts per mantenir-se llegibles en mode fosc. Si utilitzes BlaBlaNote per gestionar el teu ritme de networking, notaràs la diferència des del primer dia.
- Mode d’esdeveniment i informació prèvia a l’esdeveniment. Gravant en una conferència de nit? Les targetes d’estadístiques, els estats buits i els avatars dels convidats s’adapten tots, de manera que el networking intel·ligent en esdeveniments es manté llegible quan les llums s’apaguen.
- Colors de marca de relació. El nostre accent blau i daurat de la marca tenen variants per al mode fosc perquè es mantinguin vibrants sense brillar de manera radioactiva sobre un fons negre.
- Resums d’IA i targetes de tasques. Els panells on BlaBlaNote mostra les teves converses organitzades i elements d’acció extrets van rebre el mateix tractament de contrast acurat, perquè són on realment llegeixes, no només mires de passada.
Fàcil d’accedir des de qualsevol lloc
La configuració està bé, però de vegades vols canviar el tema sense haver de navegar per tres menús. A l’escriptori, hi ha un botó de Tema dedicat a la part inferior de la barra lateral. Un clic i s’obre el selector, mostrant ja quin mode estàs utilitzant. Al mòbil, on la barra lateral es col·lapsa, el mateix selector de tema es troba al menú d’usuari. De qualsevol manera, mai estàs a més d’un o dos tocs de distància.
No importa des d’on l’obris, tens les mateixes tres opcions, en tries una, i tota l’aplicació canvia a l’instant. Sense actualització, sense botó “aplicar”, sense esperes.
Per què “Automàtic” és probablement el que vols
Si no estàs segur de quin mode triar, opta per Automàtic. Aquí t’expliquem per què.
La majoria dels sistemes operatius moderns ja fan una gran feina canviant de tema en moments adequats: al capvespre, quan actives una programació de mode nocturn, quan ets en un entorn fosc. El teu sistema operatiu sap molt sobre el teu context actual que BlaBlaNote no sap. Seguint el sistema, BlaBlaNote es torna consistent amb totes les altres aplicacions que utilitzes. S’acaben els moments de “per què aquesta aplicació encara és blanca brillant” quan canvies del teu correu electrònic al teu CRM de nit.
El mode Automàtic escolta el sistema contínuament. Si estàs en plena reunió i el sol es pon i el teu portàtil canvia a fosc, BlaBlaNote també canvia, sense que hagis de fer res. Si tens un horari fix i prefereixes el control total, tria Clar o Fosc explícitament. Ambdós són vàlids. No hi ha una resposta incorrecta.
Es recorda de tu
La teva elecció es guarda localment en cada dispositiu. Això significa que pots tenir BlaBlaNote al teu portàtil en mode Automàtic (perquè segueixi la teva jornada laboral), al teu telèfon en Fosc (perquè l’utilitzes principalment al vespre), i a la teva tauleta en Clar (perquè hi llegeixes articles durant el dia). Cada dispositiu conserva la seva pròpia preferència.
No sincronitzem això entre dispositius a propòsit. El mode fosc és una decisió local i dependent del context. La il·luminació a la teva oficina no és la il·luminació a la teva habitació, i l’aplicació que es veu bé en un monitor extern gran no és l’aplicació que es veu bé en un telèfon de nit. Les preferències per dispositiu són la resposta honesta.
Què ve ara
El mode fosc va ser un projecte gran. Va afectar pràcticament tots els components de Vue de l’aplicació, i el vam utilitzar com una oportunitat per netejar moltes inconsistències de color que havíem acumulat amb el temps. L’aplicació se sent més coherent ara, en ambdós temes, com a efecte secundari.
Algunes coses que estem considerant per a la pròxima iteració:
- Temes programats, on podries dir “fosc després de les 8 de la tarda” independentment de la configuració del teu sistema operatiu, per a les persones el sistema operatiu de les quals no els ofereix un control granular.
- Tematització nativa de la barra d’estat al mòbil, perquè la barra d’estat superior d’iOS i Android també s’adapti. Ara mateix la interfície d’usuari de l’aplicació canvia, però la barra del sistema es manté segons el que dicti el teu sistema operatiu. No és incorrecte, però li falta una passada de poliment per ser perfecte.
- Algunes opcions més de color accent per als usuaris que vulguin personalitzar encara més, una mena de “BlaBlaNote però amb els teus colors”.
Res d’això està encara al calendari. Volíem llançar el mode fosc primer, utilitzar-lo nosaltres mateixos durant unes setmanes i després veure què val la pena construir a continuació segons els vostres comentaris.
Prova-ho aquesta nit
Si ja ets usuari de BlaBlaNote, obre el teu perfil, busca la secció Esquema de colors i tria el teu mode. Trenta segons, risc zero, alleujament instantani per als teus ulls. Si vols començar amb Automàtic, el teu sistema operatiu farà la resta per tu.
Si encara no ets usuari i t’has resistit perquè BlaBlaNote era “massa brillant”, aquesta excusa queda oficialment retirada. Inicia la teva prova gratuïta, tria Fosc en entrar, i prepara’t per a la teva pròxima reunió sense fondre’t les retines.
Esperem que t’encanti. I si alguna cosa no es veu bé en un racó de l’aplicació que no vam detectar, digues-nos-ho. El mode fosc és una d’aquelles funcions on l’últim cinc per cent és invisible fins que algú utilitza l’aplicació de veritat i troba el cas límit que vam passar per alt. Preferim arreglar-ho que pretendre que és perfecte.
Feliç presa de notes nocturna.
