Splync 1.13: Bedre synlighet i Mørk modus

Som du kanskje vet, kan du endre iPhone-utseendet mellom Lys modus og Mørk modus. Hvis du ikke vet hvordan du bytter, følg disse trinnene: Åpne iPhone-innstillinger, bla nedover og trykk på Skjerm og lysstyrke. Du vil se to forhåndsvisninger merket Lys og Mørk. Trykk på den du foretrekker. Dette lar deg tilpasse skjermen for bedre synlighet og komfort avhengig av miljøet. Lys modus har eksistert siden den første iPhone. Apple introduserte offisielt Mørk modus til iPhone og iPad med iOS 13 / iPadOS 13 i september 2019. Denne funksjonen gledet mange iPhone-brukere med tilpasset brukergrensesnitt. Noen foretrekker Lys modus, mens andre er lidenskapelig opptatt av Mørk modus. Du kan også velge Automatisk, som bytter mellom modusene avhengig av tid på dagen.

En app kan se perfekt ut i Lys modus, men se helt annerledes ut i Mørk modus. Noen ganger kan Mørk modus uforvarende forstyrre utviklerens opprinnelige designintensjoner, og påvirke farger, kontrast og generell estetikk. Dette betyr at utviklere må designe og teste grensesnittene sine nøye i begge moduser for å sikre en konsistent og behagelig opplevelse for alle brukere. En mulig løsning er å forberede separate visninger og bildeelementer for Lys modus og Mørk modus. Men denne tilnærmingen blir raskt overflødig og vanskelig å vedlikeholde, spesielt ettersom appen vokser og nye UI-komponenter legges til. Derfor unngår de fleste utviklere denne metoden og stoler i stedet på mer skalerbare løsninger som automatisk tilpasser seg begge visuelle moduser.

Heldigvis introduserte Apple systemdefinerte farger som automatisk tilpasser seg både Lys modus og Mørk modus. Ved å bruke disse innebygde fargene kan utviklere sørge for at UI-elementene deres justeres sømløst basert på brukerens utseendeinnstillinger. Dette fjerner behovet for manuelt å administrere separate design og bidrar til å opprettholde visuell konsistens på tvers av begge moduser. For eksempel endres farger som label, systemBackground og secondarySystemBackground dynamisk avhengig av det nåværende utseendet, slik at apper forblir lesbare og visuelt balanserte i alle miljøer. Derfor, når du bytter fra Lys modus til Mørk modus, endres standard tekstfarge fra svart til hvit. Imidlertid, hvis en app hardkoder tekstfargen sin til svart, forblir teksten svart selv i Mørk modus, noe som gjør den nesten usynlig mot en mørk bakgrunn. For å forhindre dette problemet stoler utviklere på systemfarger som sikrer at tekst og UI-elementer automatisk tilpasser seg riktig farge for hver modus.

Splync var ikke veldig vennlig mot Mørk modus-brukere til å begynne med. Da en bruker meldte at kategoriikonene var vanskelige å se i Mørk modus, kunne jeg ikke løse det med en gang. Jeg var på den tiden fokusert på å forbedre appens kjernefunksjoner, så jeg prioriterte ikke dette visuelle problemet. Så kom det nye året 2026, og jeg tok endelig en nærmere titt. Det jeg oppdaget var enkelt men viktig: Ikonbildene var i ren svart. Teknisk sett var de fastsatt til fargen #000000. Dette betyr at de forble svarte uansett hvilken modus telefonen brukte. Så i Mørk modus satt svarte ikoner på en mørk bakgrunn som kamuflasje. I tillegg hadde jeg også brukt en fast hvit farge i koden min for å myke opp ikonbakgrunnene. Dette fungerte fint i Lys modus, men i Mørk modus skapte det en vanskelig kontrast og føltes ikke naturlig.

Så her er hva jeg endret. I stedet for å tvinge farger, forteller min reviderte kode appen å la systemet bestemme ikonenes farge automatisk; svart i Lys modus og hvit i Mørk modus. I tillegg forteller koden appen å bruke hver kategoris egen farge som en myk bakgrunnstoning, legge til en subtil kant ved å bruke samme kategorifarge, og holde alt rent og lesbart i begge moduser. Kort sagt stoppet jeg å tvinge farger og lot iPhone håndtere dem intelligent. Takket være denne forbedringen tilpasser kategoriikoner seg nå naturlig til Lys og Mørk modus, noe som gjør dem klart synlige og visuelt konsistente i alle miljøer. Denne fiksen tok ikke mye tid, men jeg bestemte meg for å slippe en oppdatering umiddelbart slik at etterlengtede problemer for Mørk modus-brukere endelig kunne løses så raskt som mulig.

Det finnes ingen «perfekt» estetikk. Alle har en ulik oppfatning av design. Selv den samme personen kan føle annerledes avhengig av dagen — eller til og med tidspunktet på dagen. Det som ser bra ut om morgenen kan føles distraherende om kvelden. Derfor må utviklere fokusere på tilpasning, samtidig som de balanserer det med enkel og intuitiv brukervennlighet. God design handler ikke om å tvinge én stil. Det handler om å la brukere velge det som føles riktig for dem — Det er det jeg tror.