Felhasználói felületek fejlesztése sötét mód olvashatóságának figyelembevételével

Sötét mód fejlesztés

A Sötét mód fejlesztés akkor jó döntés, ha a felületet sokan hosszabb ideig használják, este is megnyitják, és fontos a kényelmes olvashatóság. Ilyenkor nem elég egyszerűen sötétre színezni a hátteret. A színek viszonya, a gombok kiemelése, a hibajelzések láthatósága és a tartalom hierarchiája együtt adja a használható eredményt. Ezen az oldalon magánmegbízók számára írok arról, hogyan érdemes online szakembert keresni ilyen feladatra, mire figyeljen a megrendelő, és milyen költségekkel lehet számolni.

Én azt látom, hogy a legtöbb ügyfél gyors javítást szeretne, de valójában átgondolt felületmunka kell. Egy sötét téma kialakítása sokszor érinti a teljes kezelőfelületet. Nem csak a háttér és a betűszín változik, hanem az űrlapok, a kártyák, a lebegő elemek, az ikonok, a figyelmeztetések és az állapotok is. Ezért fontos, hogy ne csak kódoló embert keressen, hanem olyan fejlesztőt, aki érti a használhatóságot is. A Qjob.hu felületén is az segít jól dönteni, ha a megrendelő nem egyetlen szót ír le, hanem röviden összefoglalja a célt, a jelenlegi gondot és a várt eredményt.

Mikor hasznos a sötét mód kialakítása

A válasz röviden az, hogy akkor, ha a felhasználó valós előnyt kap tőle. Egy tartalmas felületnél ez lehet kisebb szemterhelés gyenge fényben, nyugodtabb vizuális élmény és jobb fókusz a lényeges elemekre. De nem minden feladatnál ez a legerősebb szempont. Van, ahol inkább az számít, hogy a rendszer egységesebbnek hasson több eszközön, vagy hogy a már meglévő világos nézet mellé kerüljön egy jól működő sötét változat.

Szerintem akkor éri meg belevágni, ha a felhasználók visszajelzései már jelzik az igényt. Ilyen lehet az esti használat, a hosszan olvasott tartalom, vagy az a panasz, hogy a képernyő túl erős. De az is valós helyzet, amikor egy alkalmazás vagy webes felület már kinőtte a korábbi megjelenését, és a sötét felületfejlesztés része lesz egy nagyobb rendrakásnak. Ilyenkor az online specialista nem csupán új színeket állít be, hanem felméri az összes állapotot és összefüggést.

Tapasztalatom szerint a megrendelők sokszor azt hiszik, hogy ez csak látványkérdés. Pedig a kontraszt, az olvashatóság és a kezelhetőség közvetlenül hat arra, hogy a felhasználó mennyire bízik a felületben. Ha egy gomb eltűnik, ha a hibalista beleolvad a háttérbe, vagy ha a grafikon nehezen érthető, az egész fejlesztés értéke csökken. Ezért a sötét téma kialakítása mindig több egy egyszerű színcserénél.

Sötét mód fejlesztés árak

Az ár attól függ, mekkora a felület, hány képernyőt kell átvezetni, és van e kész terv vagy minden részletet most kell kitalálni. Kisebb megbízásnál elegendő lehet néhány alapnézet és egy kapcsoló létrehozása. Nagyobb rendszernél már külön munka az állapotok, komponensek, ikonok és ellenőrzés rendezése. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Ez nem azért van, mert minden szakember drága, hanem mert az apró hibák javítása sok időt visz el.

Az alábbi táblázat tájékoztató. Magánügyfeleknek ad kapaszkodót. A végső összeg mindig a feladatleírástól, a képernyők számától és a javítási körök mennyiségétől függ.

Én azt látom, hogy a reális megbízások többsége nem a legalsó sávban mozog. Ha valaki teljes felületet kér, de csak jelképes díjat ajánl, abból rendszerint vita lesz. A fejlesztő ilyenkor vagy kihagy fontos ellenőrzéseket, vagy menet közben derül ki, hogy több idő kell. Jobb már az elején kimondani, hogy mi fér bele az összegbe, és mi számít külön tételnek.

Hogyan válassz sötét mód szakembert

A legfontosabb válasz az, hogy ne csak árat nézz. Olyan szakembert keress, aki mutat korábbi felületmunkát, érthetően kérdez, és nem ígér túl sokat túl gyorsan. Egy jó szabadúszó általában rákérdez a jelenlegi rendszerre, a felhasználók szokásaira, a használt eszközökre és arra is, hogy készült e már valamilyen terv. Ez jó jel. Aki mindent azonnal vállal, részletek nélkül, annál nagyobb a kockázat.

Sokan ott hibáznak, hogy csak egy szép képernyőképet kérnek referenciának. Ennél több kell. Nézze meg, volt e a szakembernek összetettebb kezelőfelülete, tud e beszélni az űrlapokról, az állapotokról, a hibajelzésekről, a kontrasztról és a képi elemekről. Egy megbízható online szakember általában azt is elmondja, miért nem használ tiszta feketét mindenhol, miért kell visszafogni a túl erős kiemelést, és mikor érdemes külön kezelni az ikonokat vagy az illusztrációkat.

Volt olyan eset, amikor egy ügyfél azért cserélt szakembert, mert az első vállalkozó két nap alatt késznek mondta a munkát, de a menü, a táblázatok és a figyelmeztető üzenetek olvashatatlanok lettek. A második fejlesztő először listát készített az elemekről, utána egyeztette a sorrendet, és csak ezután nyúlt a kódhoz. Lassabbnak tűnt, de a végeredmény használható lett. Szerintem ebből jól látszik, hogy a jó kiválasztás nem a leggyorsabb ígéretet jelenti, hanem a tiszta munkamenetet.

A sötét mód fejlesztés menete

A folyamat akkor működik jól, ha rövid és pontos. Először a megrendelő összegyűjti a jelenlegi felület linkjét, képernyőképeit, hibáit és elvárásait. Ezután az online specialista felméri, mi változik biztosan és mi az, ami csak ajánlás. A következő lépés rendszerint egy közös lista a képernyőkről és elemekről. Utána jön a megvalósítás, majd az ellenőrzés több nézeten és eszközön.

De a kommunikáció legalább ilyen fontos. Érdemes előre rögzíteni, hol zajlik az egyeztetés, milyen gyakran jön visszajelzés, mikor érkezik köztes állapot, és milyen formában kapja meg az ügyfél az eredményt. A távoli munka akkor marad átlátható, ha a feladatok kis részekre vannak bontva. Ilyen lehet például az alapszínek rendezése, a gombok javítása, a táblázatok átállítása, majd a teljes nézet ellenőrzése.

Tapasztalatom szerint a legtöbb fennakadás nem a kódban, hanem a pontatlan kérésben van. Ha a megrendelő csak annyit ír, hogy legyen modernebb és sötétebb, abból nehéz jól dolgozni. Sokkal jobb, ha azt írja le, melyik képernyő zavaró, mi olvashatatlan, hol tűnik gyengének a kontraszt, és milyen eredményt vár. Egy jó fejlesztő ebből már tud reális ütemezést adni. Az átadás történhet forráskódban, pontos módosítási listában vagy kész beépítéssel, attól függően, mire szól a megbízás.

Tipikus hibák sötét felületnél

A rövid válasz az, hogy a legtöbb probléma a túl egyszerűsítésből jön. Sokan azt hiszik, hogy elég sötét háttérre világos szöveget tenni. Ettől még nem lesz jó a felület. Gyakori hiba a túl erős kontraszt, a vakító fehér szöveg, a szürke árnyalatok összecsúszása, az eltűnő szegély és a bizonytalan kattinthatóság. Ha a felhasználó nem érzi azonnal, mire lehet nyomni, a felület fárasztó lesz.

Másik gyakori gond az, amikor a megrendelő minden régi vizuális elemét változtatás nélkül át akarja vinni az új nézetbe. De egy logó, egy ikon vagy egy fényes kép nem mindig működik jól sötét környezetben. Ilyenkor nem a szakember akadékoskodik, hanem a használhatóságot védi. Én azt látom, hogy a visszafogottabb, rendezettebb megoldások hosszabb távon jobban működnek, mint a túl díszes és erősen világító elemek.

Sokan ott hibáznak, hogy nem számolnak javítási körrel. Pedig egy sötét nézetnél gyakran csak használat közben derül ki, melyik elem túl halvány, melyik üzenet túl erős, vagy melyik kártya veszti el a határát. Ezért érdemes eleve beleírni a megbízásba legalább egy ellenőrzési és javítási kört. Így kevesebb a vita, és a végeredmény sokkal nyugodtabb lesz.

Mit adj át a szakembernek a jobb eredményhez

A jó eredményhez az kell, hogy a szakember ne találgasson. Küldjön linket vagy képernyőképet a jelenlegi felületről, írja le a fő gondokat, sorolja fel a legfontosabb képernyőket, és jelezze, hogy csak látványbeli módosítást vár, vagy teljes sötét mód fejlesztés a cél. Ha vannak példák, amelyek tetszenek, azokat is érdemes megmutatni. Nem másolás miatt, hanem azért, hogy a hangulat és az elvárás világos legyen.

Hasznos az is, ha előre leírja a határidőt, a rendelkezésre álló költségkeretet és azt, hogy ki fog visszajelezni. Egy magánmegbízásnál gyakran maga az ügyfél dönt, de néha több érintett is beleszól. Ilyenkor különösen fontos, hogy egy helyen gyűljenek a megjegyzések. Ezen a felületen az ilyen tiszta indulás sokat számít, mert a szabadúszó könnyebben tud pontos ajánlatot adni.

Szerintem a legjobb együttműködés egyszerű. Kevés kör, világos cél, reális határidő. Ha a megrendelő tudja, mit akar javítani, és a fejlesztő érthetően jelzi, mi fér bele, akkor a sötét mód fejlesztés nem húzódik el feleslegesen. És ez végül nem csak szebb felületet ad, hanem nyugodtabb közös munkát is.