Proč vytvořit aplikaci v tmavém režimu a na co si dát pozor

Dark mode je jeden z nejžádanějších prvků na mobilech, jeho popularita stále stoupá a s ní i počet podporujících aplikací. Věděli jste ale, že tento motiv není žádnou novinkou? U prvních počítačů bylo totiž černé rozhraní s vyzařovaným textem běžné. S vývinem barev se od něj opustilo a vznikl světlý režim, který více připomínal prvky každodenního života. 

Jaktože je najednou tmavý režim tolik populární? A má tento “návrat ke kořenům” smysl i při vývoji vaší aplikace?

Co je dark mode?

Dark mode, neboli tmavý režim je přenastavení uživatelského rozhraní operačního systému ze světlého schématu do tmavého. Jinými slovy mění světlé pozadí na tmavé a tmavý text na světlý.

Zdroj: Microsoft

Šetří baterii?

Tmavý motiv opravdu šetří vaši baterii, ale jen pokud máte displej OLED nebo AMOLED. Oproti displejům LCD jsou obrazové body znázorňující černou deaktivovány a díky tomu šetří energii telefonu. 

Kolik díky tmavému režimu můžete ušetřit energie zkoumala firma Mobile Enerlytics. Průměrně se mobil se světlým režimem vybije, když tmavý má ještě 30 % baterie. Vše ale samozřejmě záleží na spuštěné aplikaci.

Zdroj: Mobile Enerlytics

Je pro oči zdravější?

Noční režim není pro naše oči špatný, či dobrý. Záleží totiž na situacích, ve kterých ho použijeme. Například pro delší čtení a psaní je pro nás přirozenější světlý režim. Naše zornice se zúží a vidíme ostřeji. V opačném případě by se nám schopnost čtení zhoršila zhruba o 26 %, a s tím by klesla i naše produktivita.

I přesto, že večerní sledování obrazovky bez okolního osvětlení není pro naše oči vhodné nikdy, tmavé odstíny jsou jednoznačně šetrnější než zářivě světlé barvy. No jen se podívejte, co by s vámi udělala tato dávka světla.

Zdroj: uxdesign.cc

Asi by vás úplně nepotěšila, že? Už asi chápete, proč se tmavý režim stal tak populární. 

Na co si dát pozor při vytváření mobilní aplikace v tmavém režimu? 

I přesto, že se vývoj aplikace v tmavém režimu může zdát jednoduchý, je potřeba se řídit základními pravidly. Neberu v potaz to, jestli programujete vlastní aplikaci pro android nebo apple, v obou případech se může snadno stát, že uživatelskou zkušenost spíše zhoršíte, než zlepšíte. Jak tedy vytvořit aplikaci v dark mode správně?

Jak vytvořit mobilní aplikace efektivně? Odpovědi najdete v článku 5 kroků, jak z nuly vytvořit funkční aplikaci

1. Není černá jako černá

100% kontrast může způsobit bolest očím a být namáhavější k přečtení. Proto se místo černé barvy (#000000) doporučuje použít tmavě šedá –⁠ nejčastěji #121212. Pomůže nám nejen snížit kontrast a s tím i spojenou námahu očí, ale také vyjádřit širší rozsah barev, výšek a hloubek. Stíny totiž lépe znázorníme na šedé než na černé. 

Inspirace: mindinventory.com

2. Písmo není čistě bílé

Asi už tušíte, že stejně jako u černé barvy, bílé písmo nebude čistě bílé. Jasná barva by mohla znesnadnit čtení, a proto se u ní nejčastěji snižuje opacita.

Zdroj: material.io

3. Převracení barev

Tmavý režim nemusí a nemůže být vyvinutý přesně podle světlého režimu. Lidský mozek vnímá barvy odlišně na různých barevných podkladech. Není tedy možné prostřednictvím stejné barvy komunikovat stejnou emoci. Na místo toho zkuste najít alternativu a využijte toho, že barvy na tmavém podkladu vypadají živěji. 

Zdroj: dribbble.com

4. Vyhněte se sytým barvám

Syté barvy mohou sice vypadat skvěle na světlém podkladu, ale na tmavém zhoršují čitelnost a celkový dojem. Doporučuje se volit světlejší tóny v rozsahu 200–50.

Zdroj: material.io

5. Ilustrace a animace

Při vytvoření aplikace v dark mode se nevyhnete ani designovým úpravám ilustrací a animací. Každý element vaší aplikace musí nejen odpovídat nové paletě barev, ale být také čitelný/viditelný.

Zdroj: uxdesign.cc

6. Možnost volby

Jak už jistě víte, tmavý režim se nehodí na vše, a právě proto by uživatelé měli mít možnost volby. Aplikací pouze v tmavém režimu byste mohli ztratit své věrné zákazníky, protože byste jim odepřeli příležitost ovlivnit jejich vlastní uživatelskou zkušenost.

7. Testování

Mobilní aplikaci je potřeba pořádně otestovat. To platí vždy. Tentokrát byste se kromě testování responzivního rozhraní a funkcionalit měli také zaměřit na otestování obou režimů. Jejich vzhled nezapomeňte vyzkoušet i při sníženém jasu či svitu slunce.

Vyvíjet aplikaci v tmavém režimu? Ano, nebo ne?

I přesto, že tmavý režim není vždy ten nejvhodnější, má své charisma a může u vašich zákazníků vyvolat emoce spojené např. s odvahou, sílou a luxusem. Většině uživatelů čtení v tomto režimu nedělá žádný problém, a proto je nezbytnou volbou pro jejich každodenní práci na mobilech a tabletech.

Pokud máte tmavý režim navržený správně, zvýší vám celkovou uživatelskou přívětivost aplikace, oblibu u zákazníků, a tím posune vaši firmu kupředu. Dark mode by měl být samozřejmostí hlavně u aplikací, které jsou často navštěvované v nočních hodinách. 

Příprava je klíčová

Důležité je neopomínat přípravu. Pokud chcete vytvořit aplikaci v tmavém režimu, počítejte s tímto krokem už od počátku samotného vývoje. Zadejte designerovi přípravu barevné palety pro oba režimy, projděte si wireframy v tmavém provedení a ujistěte se, že se uživatelské rozhraní aplikace nijak nezhoršilo. A především konzultujte tento krok s odborníky. Není nic horšího, než zjistit, že jste na nějaký krok zapomněli a aplikace nefunguje, jak by měla.

Vyvíjíte aplikaci v tmavém nebo světlém režimu? Napište mi, rád poradím a provedu vás celým procesem vývoje mobilních aplikací krok za krokem. Nebo vyplňte tento formulář a získejte 30minutovou konzultaci vašeho projektu zdarma.