Razlika med UX in UI

Razlika med UX in UI

UX je pojem, ki se pogosto zamenjuje z UI. Načrtovanje UX in UI zahteva zelo različne nabore spretnosti, ne glede na to, da v bistvu opisujeta enako zadevo.

Zmedeni? Niste edini – te fraze slabo razumejo tudi nekateri oblikovalci, ki oglašujejo svoje znanje UX in UI, pa tudi tisti, ki jih zaposlujejo. Da bi vam pomagali razumeti vašo uporabniško izkušnjo (UX – user experience) iz vašega uporabniškega vmesnika (UI – user interface), smo sestavili priročen prispevek.

Začnimo z nekaj preprostimi definicijami, preden se lotimo osnovnih razlik in z dobrimi primeri načrtovanja UX in oblikovanja UI.

 

Kaj je UI?

V začetnih dneh računalništva, uporabniškega vmesnika oz. UI-ja preprosto ni bilo. Niste mogli kupiti računalnika s »fancy« grafiko, privlačnimi gumbi, niti miške ni bilo zraven. Vse je bilo precej dolgočasno, vi pa ste morali vnašati ukaze v navadnem besedilu.

Nato je prišel Xerox Star – prvi računalnik z grafičnim uporabniškim vmesnikom ali »GUI«. Pojavile so se ikone, spustni seznami, okna in vmesnik, ki služi kot osnova za sisteme, ki jih poznamo in uporabljamo danes.

Uporabniki računalnikov so od tedaj lahko odpirali, premaknili in izbrisali datoteke, ne da bi utrujali svoje prste s tipkanjem. Vmesnik ne zgleda fantastično za naše sodobne oči, vendar je takrat sprožil revolucijo v računalništvu.

Ljudje v Apple-u so še naprej razvijali koncept grafičnega uporabniškega vmesnika in leta 1984 je bil predstavljen Macintosh. To je bil prvi komercialno uspešen računalnik, ki je imel miško in sistem »povleci in spusti« (»drag and drop«).

Z rojstvom grafičnega uporabniškega vmesnika se je pojavil nov poklic – oblikovalec uporabniškega vmesnika, katerega naloga je oblikovati vmesnik digitalnega izdelka, ki bo osrečil vsakega zvestega uporabnika.

Seveda je uporabniški vmesnik postal veliko bolj zapleten v naslednjih desetletjih in je zdaj neizogiben del procesa načrtovanja za praktično vsako stvar na spletu.

 

Kaj je UX?

Če UI opisuje način interakcije uporabnika z digitalnim izdelkom, in je oblikovalec UI-ja nekdo, ki oblikuje ta vmesnik, kaj je potem UX? Koncept uporabniške izkušnje izvira iz zgodnjih devetdesetih let. Izraz je ustvaril znanstvenik z imenom Don Norman, ki ga je opredelil kot nekaj kar “zajema vse vidike interakcije uporabnika s podjetjem, njenimi storitvami in izdelki”.

Don Norman je menil, da so bili prejšnji načini za razumevanje vmesnika preveč ozkogledi. V resnici je oblikovanje vmesnika zajemalo veliko več področij, kot jih je bilo podanih z načrtovanjem oblikovanja uporabniškega vmesnika.

Zagotavljanje brezhibne uporabniške izkušnje zahteva sodelovanje različnih področij, od oblikovanja vmesnika, do marketinga in inženiringa.

UX načrtovalci so odgovorni, da kupcu zagotovijo, da lahko s pomočjo izdelka doseže želeni cilj in to na način, ki ustreza njegovim pričakovanjem. To pomeni razumeti, kako potrošnik razmišlja, kaj hoče, in vključiti makro pogled v proces načrtovanja.

 

Razlika med UI in UX

Načrtovanje vsakega koraka celotne potrošniške izkušnje in oblikovanje posebnega digitalnega vmesnika vključuje različne veščine, zato sta UI in UX različna. Toda hkrati med njima ni nobene razlike.

Če sprašujete, kakšna je razlika med UI in UX, je enako, kot da sprašujete za razliko med rdečo barvo in molekulami, ki tvorijo rdečo barvo, ali razliko med čajno vrečko in materialom, ki predstavlja vrečko za čaj.

Razlika ni “resnična”. UI je del UX, vendar to ne pomeni, da je oblikovanje uporabniškega vmesnika preprosto majhna sestavina načrtovanja uporabniške izkušnje. Oba sta velikega pomena, ki imata različne naloge, cilje in zahtevata različna znanja in spretnosti. Da, zveni komplicirano, zato je smiselno predstaviti nekaj razlik med UI in UX, da si razčistimo pojma.

 

Doseganje ciljev in čustveno povezovanje

Načrtovanje uporabniške izkušnje si najprej postavi velika vprašanja. Zakaj ljudje prihajajo na vašo spletno stran? Kaj želijo storiti in kako jim boste pomagali, da to storijo?

Koncept načrtovanja UI

 

Ko je načrtovanje interakcije vzpostavljeno, oblikovalci uporabniških vmesnikov ugotovijo, kako narediti čustveno povezavo z uporabnikom, tako da ustvarijo brezhiben in zabaven vmesnik. Hkrati se UX osredotoča na notranjo dinamiko uporabnika. Raziskave so pomemben del naloge načrtovalca uporabniške izkušnje, ki želi ugotoviti, kaj najbolj pritegne potrošnika.

 

UX naredi uporabno, UI naredi čudovito

Ko je mrežna struktura (»wireframe«) določena in preizkušena ter so tokovi uporabnikov vzpostavljeni, lahko oblikovalec uporabniškega vmesnika začne z delom in naredi projekt estetsko privlačen.

To pomeni lepe barve in pisave, vendar ti detajli niso izbrani na podlagi tega, kar oblikovalec meni, da je lepo. Izbira barv in pisav bo oblikovana glede na vizualno hierarhijo, ki jo predstavi načrtovalec UX. Ta hierarhija je namenjena temu, da bo vmesnik služil kot vodilo uporabnikom, jim dajal namige o tem, kje naj kliknejo in kam naj gredo, da dosežejo svoje cilje.

 

Najprej UX

Če razmišljate o UX kot načrtovanju na makro ravni in UI za oblikovanje na mikro ravni, potem je smiselno, da načrtovalci UX prvi opravijo svoje delo. UX načrtovalci opravljajo raziskave osnovnih idej izdelka, s testiranjem razvoja izdelka.

UX načrtovalec bo razvijal uporabniške tokove in postavil obrise procesa, ki bo uporabnika pripeljal recimo do naročila na e-obveščanje (»newsletter«). Nato bo proces prevzel oblikovalec UI, ki bo izboljšal oz. polepšal te interakcije, z zastavljeno UX v mislih.

 

UX je širši pojem

Ko govorimo o oblikovanju UI, se nanašamo le na vmesnik, vendar to ni nujno edina stvar pri načrtovanju UX.

Seveda vmesniki niso omejeni le na grafične uporabniške vmesnike računalnikov, tu so tudi ure, pralni stroji, številne mobilne naprave itd. Načrtovalci UX bodo v teh primerih imeli veliko bolj pomembno vlogo kot UI oblikovalci pri iskanju odgovora na to, kakšna bo interakcija uporabnika z njihovim izdelkom.

 

Težko je biti strokovnjak za UX in UI

Mnogi ljudje danes trdijo, da so specializirani tako za načrtovanje UX in oblikovanje UI, vendar je resnično redkost biti strokovnjak za obe področji.

Če rečete, da ste strokovnjak za “vse”, je to jasen znak tistim, ki vedo, da ste strokovnjak v ničemer. 🙂 Dober UX načrtovalec ima trdne raziskovalne in strateške sposobnosti ter razumevanje informacijske arhitekture in načrtovanja interakcij. Njihovo delo je zasnovano na scenarijih in glavno vodilo je načrtovanje zasnove interakcije z upoštevanjem potreb uporabnikov.

Čeprav ima dober UI oblikovalec tudi veščine v zasnovi interakcije, se ta bolj osredotoča na oblikovanje blagovne znamke, informacij in gibanja. Njihovo razmišljanje je kreativno in konvergentno, njihov proces temelji na potrebah naročnika, njihove sposobnosti oblikovanja pa so predvsem vizualne.

 

Dobri primeri UI

Dobro UX in UI delo pogosto govori zase, zato je tukaj nekaj dobrih primerov UX in UI, ki vam pomagajo razločiti razlike med obema.

Mailchimp je odličen primer dobrega oblikovanja UI. Upravljanje e-novic sicer ni najbolj vznemirljiva naloga na svetu, vendar nam lep dizajn Mailchimp-a delo spremeni v zabavo in zadovoljstvo.

Mailchimp

 

Vidimo veliko belega prostora na vmesniku in veliko jasnih pozivov k dejanju (»call to action«), ki ga vodi animirani kazalec.

Najbolj očiten in prepoznaven primer dobrega uporabniškega vmesnika je Googlova domača stran. Ne bi mogla biti enostavnejša, niti uspešnejša.

 

Dobri primeri UX

Če želimo pohvaliti načrtovanje UX, je spletna stran Graze dober primer. Največji minus slabega UX je nejasnost, čemu je spletna stran namenjena.

Graze vmesnik

 

Pri Graze potrošnik natančno ve, kaj je rdeča nit spletnega mesta. Izbira izdelka je pravo veselje, z enostavnim »korak za korakom« procesom, kar potrošniku omogoča brezhibno uporabo.

 

Za konec se vrnimo na primer Googla. Velik del Googlovega načrtovanja UX je funkcija takojšnjega iskanja. Predstavljajte si, da bi nalaganje rezultatov trajalo petnajst sekund – lahko bi imeli popolnoma enak vmesnik, vendar bi bila uporabniška izkušnja povsem drugačna.

 


Načrtujete novo spletno stran? Pošljite nam sporočilo ali nas pokličite na 059 308 406.
Z veseljem vam bomo pomagali.