UX a UI dizajn

UX a UI dizajn: Aký je medzi nimi rozdiel a ktorý je ten správny?


Stretli ste sa už so skratkami UX a UI? V grafickom svete sú pomerne populárne. Označujú dva prístupy k dizajnérskej tvorbe, koré sa pri správnom používaní spravidla odrazia na dokonalom výsledku – v appke, ktorá sa jednoducho používa, vo forme webovej stránky, kde hneď nájdete to, čo potrebujete, či v letáku, ktorý lahodí zraku – laickému aj odbornému.

UX je skratka User experience, čo v preklade znamená používateľská skúsenosť. UI je User Interface, teda používateľské rozhranie.


UX dizajn na základe skúsenosti

UI a UX, tieto dva segmenty grafickej tvorby, využívajú pri práci rozdielne prístupy – UX sa orientuje na používateľa, dizajnuje na základe prieskumu, vytvára tzv. wireframes, teda logické rozmiestnenia jednotlivých prvkov webu či letáku tak, aby bolo všetko na správnom mieste = teda tam, kde to bude používateľ hľadať na základe predchádzajúcej skúsenosti. Zamysleli ste sa nad tým, prečo je zvyčajne na e-shopoch nákupný košík vpravo hore? A listovanie produktov väčšinou dole? Lebo UX!


Na čo je teda UI dizajn?

Dizajnér, ktorý sa špecializuje na UI dizajn, si dáva záležať najmä na farebnej škále, hrá sa s typografiou, kombinuje rôzne typy fontov a rozvrhnutia jednotlivých grafických prvkov na webovej stránke, plagáte či letáku. Takýto dizajn môže na prvý pohľad pôsobiť síce dokonale premyslene, no o jeho funkčnosti napovie až dôkladné testovanie.

Je nesmierne dôležité, aby UI dizajnér nestratil kontakt s realitou a neprodukoval grafické riešenia, ktoré sú sice krásne a oku lahodiace, no v konečnom dôsledku nepoužiteľné pre bežného jednotlivca – ak máte na webe ikonu nákupného košíka vľavo dole, len preto, že tam dobre vyzerá a nesplýva s pozadím, to je v skratke nesprávne použitý UI dizajn. Správne uchopený UI dizajn musí mať jasne zadefinované zobrazenie funkcií a zabezpečiť rýchle zorientovanie návštevníka na webe či v appke.


UX: hrnček doplnený uškom, aby sa lepšie držal, ak si doň nalejte horúci nápoj


UI: hladký hrnček v tvare dokonale vyváženého valca – takmer ako umelecké dielo


A opäť MUSÍ a MUSÍ:

Dizajn musí byť vyvážený, musí mať UX aj UI namiešané v správnom pomere. Krásna minimalistická webová stránka (UI) s prezentáciou fotografií vám bude ako fotografovi nanič, ak používateľ nebude vedieť, že KONTAKT na vás nájde až po prejdení celej slideshow… Dobrý grafický dizajnér vie, ako pracovať s vizuálnou aj funkčnou stránkou produktu tak, aby ponúkol estetické riešenie, ktoré dokonale spĺňa funkciu a umožňuje používateľovi pochopiť produkt na prvú šupu a aj si ho obľúbiť.