Dan za danom preplavljeni smo ogromnim protokom informacija, i offline i online. Zahvaljujući novim tehnologijama i brzim internetskim vezama, ljudi stvaraju više sadržaja nego što su fizički sposobni potrošiti. Uz više web-mjesta i aplikacija, korisnici ne čitaju sve što vide riječ po riječ – oni prvo pregledavaju stranicu kako bi vidjeli što bi im moglo biti korisno. Zadatak da se sučelje učini čitljivim jedan je od glavnih čimbenika u postizanju upotrebljivosti.
Što je čitljivost sučelja?
Čitljivost je način predstavljanja sadržaja i navigacijskih elemenata u izgledu koji se lako može skenirati i stoga čitati. Prilikom interakcije s web-mjestom, osobito po prvi put, korisnici se brzo pomiču kroz sadržaj kako bi analizirali što im je potrebno. Bilo koji dio sadržaja može postati udica u ovom procesu: riječi, rečenice, slike ili .
Inače, takvo ponašanje nije ništa novo: desetljećima su ljudi često radili istu stvar s novim časopisom ili novinama, prelistavajući ih prije nego što pažljivo pročitaju članke. Štoviše, čitanje s ekrana puno je zamornije nego s papira, pa su korisnici izbirljiviji.
Zašto je to važno? Prije otprilike deset godina Jacob Nielsen je na pitanje o tome kako ljudi čitaju na internetu odgovorio: “Ne znaju. Ljudi rijetko čitaju web stranice riječ po riječ; umjesto toga prelistaju stranicu, birajući pojedinačne riječi i rečenice.” Interakcija se od tada nije puno promijenila: nismo spremni ulagati svoje vrijeme i trud u učenje o web stranici osim ako nismo sigurni da odgovara našim potrebama. Dakle, ako oko ne može uhvatiti oko od prvih trenutaka interakcije, veliki je rizik da će korisnik otići. Bez obzira na vrstu web stranice, čitljivost je jedan od najvažnijih čimbenika korisničkog iskustva.
Kako možete provjeriti je li web stranica čitljiva? Pokušajte to sagledati iz ugla novog korisnika i odgovorite na dva pitanja:
- Odgovara li ono što vidite u prvim trenucima interakcije očekivanoj publici na ovoj stranici?
- Možete li shvatiti koje se informacije nalaze na stranici unutar prvih nekoliko sekundi?
Ako niste sigurni jesu li oba odgovora potvrdna, možda je vrijeme da razmislite o načinima poboljšanja web stranice. Vrijedi uložiti vrijeme jer dobro pročitane stranice postaju mnogo učinkovitije u sljedećim aspektima:
- korisnici brže izvršavaju svoje zadatke i postižu svoje ciljeve;
- korisnici manje griješe pri traženju sadržaja koji im trebaju;
- korisnici brže razumiju strukturu i navigaciju web stranice;
- smanjena je stopa odbijanja;
- web stranica izgleda i djeluje uvjerljivije.
Popularni obrasci čitanja
Vitalni čimbenici koje bi dizajner sučelja trebao uzeti u obzir su obrasci čitanja, koji pokazuju kako korisnici stupaju u interakciju s web stranicom u prvim sekundama. Kada shvatite KAKO ljudi skeniraju stranicu ili zaslon, možete dati prioritet sadržaju i usmjeriti pozornost na najvidljivija područja.
Različiti eksperimenti prikupljanja podataka o praćenju očiju pokazali su da postoji nekoliko tipičnih obrazaca u kojima posjetitelji obično pregledavaju web stranicu.
Z-obrazac je prilično tipičan za web stranice s ujednačenom prezentacijom informacija i slabom vizualnom hijerarhijom.
Drugi izgled ima cik-cak uzorak, tipičan za stranice s vizualno odvojenim blokovima sadržaja. Opet, oči čitatelja idu s lijeva na desno, počevši od gornjeg lijevog kuta, krećući se preko cijele stranice do gornjeg desnog kuta.
Drugi model je F-uzorak, predstavljen u istraživanju Nielsen Norman Group, koji pokazuje da korisnici često koriste sljedeći tijek interakcije:
- Korisnici prvo čitaju vodoravnu traku, obično na vrhu područja sadržaja. Ovaj početni element čini gornju traku F.
- Korisnici se zatim malo pomiču po stranici i pregledavaju je drugim vodoravnim prelaskom prsta, što obično pokriva kraće područje od prethodnog. Ovaj dodatni element čini donju traku F.
- Konačno, korisnici gledaju lijevu stranu sadržaja okomitim pokretom. Ponekad je ovo prilično sporo i sustavno skeniranje koje izgleda kao čvrsta traka na karti praćenja očiju. U drugim slučajevima, korisnici se kreću brže stvaranjem toplinske karte. Ovaj posljednji element čini stupac F.
Načini da se sučelje učini čitljivim
1. Vizualna hijerarhija
napisao:
Stručnjak za dizajn, razvoj, web analitiku
Razvoj korisničkih sučelja s kompetentnim pristupom izgrađen je na način da bude što atraktivniji i praktičniji za optimizaciju interakcije s korisnikom.
Programeri web sučelja u bilo kojem projektu suočeni su sa zadatkom stvaranja korisničkog sučelja. Međutim, to nije uvijek tako jednostavan zadatak kao što se na prvi pogled može činiti, a ponekad zahtijeva značajno iskustvo u dizajnu. Glavni zahtjevi ovdje su praktičnost, praktičnost i intuitivnost. U ovom trenutku dolaze do izražaja koncepti poput UX-a i UI dizajna, koji se često brkaju. Razmotrimo svaki od njih zasebno i definiramo njihove ključne točke.
UX dizajn (UX dizajn)
Dizajn korisničkog iskustva prevedeno znači "iskustvo interakcije" i uključuje različite UX komponente: informacijsku arhitekturu, dizajn interakcije, grafički dizajn i sadržaj.
Općenito, UX dizajn podrazumijeva integrirani pristup interakciji korisnika sa sučeljem, bilo da se radi o web stranici, mobilnoj aplikaciji ili bilo kojem drugom programu. Osoba koja radi ovaj posao je UX dizajner(u posljednje vrijeme sve češće možete čuti imena UX arhitekta, UX inženjera ili stratega, budući da je riječ "dizajn" u ovom kontekstu više obična imenica od onoga što smo zapravo shvaćali kao značenje ove riječi ) - pri razvoju sučelja treba uzeti u obzir što je više moguće sve sitnice, počevši od korisničkog okruženja i vrste elektroničkog uređaja pa sve do načina unosa i prikaza informacija.
Jednostavan primjer: recimo da ste uložili impresivnu količinu novca kako biste svoj resurs promovirali u prve redove tražilica, ali njegova praktičnost ostavlja mnogo da se poželi. U ovom slučaju, impresivan broj korisnika jednostavno će napustiti stranicu, a učinak će biti minimalan. Zato je potrebno stalno analizirati radnje posjetitelja resursa, poboljšavati svoju stranicu i pratiti aktualne trendove.
Ključna pitanja koja rješava UX dizajn:
- Postavljanje ciljeva i zadataka – što na kraju trebamo postići?
- Odabir prikladnih UX alata za postizanje ciljeva
- Razvoj proizvoda koji je jednako prikladan i lak za percepciju ciljne publike
- Analiza krajnjeg rezultata – ispunjava li proizvod očekivanja kupca i koliko je visoka razina zadovoljstva korisnika.
Kompetentna promišljenost svih detalja u ovim fazama omogućit će vam stvaranje vojske obožavatelja vašeg proizvoda. Najbolji primjer ovdje je Apple, koji je krenuo ovim putem i osvojio srca tisuća i milijuna.
UI dizajn
Dizajn korisničkog sučelja ili korisničkog sučelja je uži koncept koji uključuje određeni skup grafički oblikovanih tehničkih elemenata (gumbi, potvrdni okviri, birači i druga polja). Njegova je zadaća pomoći korisniku u organizaciji interakcije s programom/stranicom. Trenutno ih ima Pravila dizajna korisničkog sučelja:
- Organizacija elemenata sučelja. To znači da moraju biti logički strukturirani i međusobno povezani.
- Grupiranje elemenata sučelja. Podrazumijeva grupiranje logički povezanih elemenata (izbornika, obrazaca).
- Poravnanje elemenata sučelja. Teško je zamisliti da loše usklađeno sučelje može biti prilagođeno korisniku!
- Jedinstven stil elemenata sučelja. Styling igra važnu ulogu, jer je pohranjen u memoriji korisnika.
- Dostupnost slobodnog prostora. To vam omogućuje da razgraničite informacijske blokove, usredotočujući se na jednu stvar.
Korisničko sučelje razvijeno prema svim pravilima značajno povećava učinkovitost resursa i daje mu konkurentsku prednost.
Informacijska arhitektura (IA)
Zasebno, želio bih reći nekoliko riječi o Informacijska arhitektura (IA). Djelatnost je usmjerena na organizaciju podataka, odnosno kako su informacije strukturirane u smislu korisnika, a ne tehničkih ili sustavnih pravila. Određuje smještaj elemenata na stranici, povezanost samih stranica. Nadležnost IA je prije izbornik i navigacija i njihova kompetentna provedba.
Ukratko, želio bih napomenuti da u različitim izvorima UX dizajn znači različite stvari, ali općenito svi oni znače rad na proizvodu opisanom u članku. Što za vas znači UX?
Za određivanje vrijednosti nekretnine koriste se tri pristupa:
Pristup trošku.
Pristup trošku- skup metoda za procjenu vrijednosti predmeta procjene, na temelju utvrđivanja troškova potrebnih za reprodukciju ili zamjenu predmeta procjene, uzimajući u obzir dotrajanost i zastarjelost. Troškovi reprodukcije objekt procjene su troškovi potrebni za stvaranje točne kopije objekta procjene korištenjem materijala i tehnologija korištenih za izradu objekta procjene. troškovi zamjene objekt procjene su troškovi potrebni za izradu sličnog objekta korištenjem materijala i tehnologija u uporabi na dan procjene.
Troškovni pristup primjenjuje se kada je moguće zamijeniti predmet procjene drugim objektom koji je ili točna kopija predmeta procjene ili ima slična korisna svojstva. Ako predmetna nekretnina ima tendenciju pada vrijednosti zbog fizičkog stanja, funkcionalne ili ekonomske zastarjelosti, troškovni pristup mora uzeti u obzir amortizaciju i sve vrste zastarjelosti.
Komparativni pristup.
Komparativni pristup- skup metoda za procjenu vrijednosti objekta procjene, na temelju usporedbe objekta procjene s analognim objektima predmeta procjene, za koje su dostupni podaci o cijenama. Analogni objekt predmetom procjene za potrebe procjene priznaje se predmet sličan objektu procjene po glavnim ekonomskim, materijalnim, tehničkim i drugim karakteristikama koje određuju njegovu vrijednost.
Usporedni pristup koristi se kada postoje pouzdane i dostupne za analizu informacije o cijenama i karakteristikama analognih objekata. U primjeni komparativnog pristupa vrednovanju, procjenitelj bi trebao:
a) odabrati jedinice usporedbe i provesti komparativnu analizu objekta procjene i svakog objekta-analoga za sve elemente usporedbe. Za svaki analogni objekt može se odabrati nekoliko jedinica za usporedbu. Izbor jedinica za usporedbu mora biti opravdan od strane ocjenjivača. Procjenitelj mora obrazložiti odbijanje korištenja drugih jedinica usporedbe usvojenih tijekom procjene i koje se odnose na čimbenike ponude i potražnje;
b) prilagoditi vrijednosti jedinice usporedbe za analogne objekte za svaki element usporedbe, ovisno o omjeru karakteristika objekta procjene i objekta-analoga za ovaj element usporedbe. Prilikom usklađivanja, procjenitelj mora unijeti i obrazložiti ljestvicu usklađivanja te dati objašnjenje pod kojim će se vrijednostima uvedenih prilagodbi razlikovati. Ljestvica i postupak prilagodbe jedinice usporedbe ne bi se trebali mijenjati s jednog analognog objekta na drugi;
c) dogovoriti rezultate prilagodbe vrijednosti jedinica usporedbe za odabrane analogne objekte. Procjenitelj mora potkrijepiti shemu za usklađivanje prilagođenih vrijednosti jedinica usporedbe i prilagođenih cijena analognih objekata.
prihodovni pristup.
prihodovni pristup- skup metoda za procjenu vrijednosti predmeta procjene, na temelju utvrđivanja očekivanog prihoda od korištenja predmeta procjene.
Prihodovni pristup primjenjuje se kada postoje pouzdane informacije koje omogućuju predviđanje budućih prihoda koje je predmet procjene u mogućnosti donijeti, kao i troškova povezanih s predmetom procjene. Prilikom primjene dohodovnog pristupa, procjenitelj utvrđuje visinu budućih prihoda i rashoda te trenutke njihovog primitka.
Prilikom primjene dohodovnog pristupa na procjenu, procjenitelj mora:
a) postaviti razdoblje prognoze. Pod razdobljem predviđanja podrazumijeva se razdoblje u budućnosti za koje se od datuma procjene predviđaju kvantitativne karakteristike čimbenika koji utječu na iznos budućih prihoda;
b) istražiti sposobnost objekta procjene da generira tok prihoda tijekom razdoblja predviđanja, te također donijeti zaključak o sposobnosti objekta da generira tok prihoda u razdoblju nakon razdoblja predviđanja;
c) odrediti diskontnu stopu koja odražava povrat ulaganja u objekte ulaganja usporediv s predmetom procjene u smislu razine rizika, koja se koristi za dovođenje budućih tokova prihoda do datuma procjene;
d) provesti postupak pretvaranja tijeka očekivanog prihoda tijekom razdoblja predviđanja, kao i prihoda nakon razdoblja predviđanja, u vrijednost na datum vrednovanja.
Procjenitelj radi dobivanja konačne vrijednosti procijenjenog objekta koordinira (generalizira) rezultate izračuna vrijednosti procijenjenog objekta različitim pristupima procjeni i metodama procjene. Ako je u okviru primjene bilo kojeg pristupa procjenitelj koristio više od jedne metode vrednovanja, rezultati primjene metoda vrednovanja trebaju biti konzistentni kako bi se utvrdila vrijednost procijenjenog predmeta, utvrđena primjenom pristupa.
Prilikom usklađivanja rezultata obračuna troška procijenjenog predmeta treba uzeti u obzir vrstu vrijednosti koja je navedena u zadatku procjene, kao i prosudbe procjenitelja o kvaliteti rezultata dobivenih u okviru primijenjenih pristupa. Odabrana metoda usklađivanja od strane ocjenjivača, kao i sve prosudbe, pretpostavke i informacije koje ocjenjivač koristi prilikom usklađivanja rezultata, moraju biti opravdani. Ako se za usklađivanje koristi postupak ponderiranja, ocjenjivač mora obrazložiti izbor korištenih pondera.
Koja je upotreba vaše stranice ili aplikacije? Je li to samo za prikupljanje informacija s njim? Ili kupite jednim klikom i primite isporuku robe sutra? Ili je važnije brzo pronaći odgovore na prava pitanja?
Razmislite o ljudima koji su razvili ovu stranicu ili aplikaciju. Što im je bio cilj?
Pokušali su napraviti web resurs koji bi imao sve zbog čega bi ga voljeli. Stranica jednostavna za korištenje koja vam brzo daje informacije koje tražite i pomaže vam u donošenju informiranih odluka.
UX, ili korisničko iskustvo, obuhvaća percepcije i emocije koje programski proizvod ili usluga izaziva. UX karakterizira jednostavnost korištenja, pristupačnost i praktičnost. O UX-u se često govori u kontekstu elektroničkih uređaja, pametnih telefona, računala, softvera ili web stranica. Ali takav koncept nije nov; to je nešto što se brzo mijenja potaknuto tehnološkim napretkom, novim interakcijama i potrošačkim trendovima.
Korisnici traže munjevito brze načine rješavanja problema, stoga je UX iznimno važan. Provjerite je li stranica jasna i laka za razumijevanje korisnicima.
Ako korisnici ne smatraju da je resurs koristan i jednostavan za korištenje, brzo će se odjaviti. Većina korisnika u roku od jedne minute odlučuje hoće li zatvoriti stranicu.
U ovom članku govorimo više o UX industriji u nastajanju, kakve dizajnere tvrtke zapošljavaju i zašto promišljen dizajn koristi svakom poslu.
Što je UX dizajn?
UX dizajn, ili dizajn korisničkog iskustva, ono je što određuje koliko će korisnik biti zadovoljan softverskim proizvodom ili uslugom; ovaj proces uključuje poboljšanje funkcionalnosti, upotrebljivosti i praktičnosti. UX dizajn je izrada softverskih proizvoda s promišljenim i relevantnim korisničkim iskustvom. Područje UX dizajna pokriva mnogo pododjeljaka koje vrijedi razmotriti.
1. Interaktivni dizajn
Dizajn interakcije, ili IxD, je pododjeljak UX dizajna koji definira interakciju između korisnika i proizvoda; svrha ovih interakcija je dobro korisničko iskustvo.
2. Vizualni dizajn
Vizualni dizajn koristi ilustracije, fotografiju, tipografiju i sheme boja kako bi poboljšao iskustvo krajnjeg korisnika. U vizualnom dizajnu važno je slijediti principe umjetničkog oblikovanja. Među njima su ravnoteža, prostor, kontrast... Boja, oblik, veličina i drugi elementi također utječu na dizajn.
3. Istraživanje korisnika
Ovo je posljednji od građevnih blokova UX dizajna koje tvrtke koriste kako bi shvatile očekivanja svojih kupaca. Uspješan web projekt ima određenu svrhu i rješava specifične probleme, stoga je važan korak saznati što potrošaču treba. Bez toga, dizajn se temelji samo na nagađanjima i pretpostavkama.
4. Informacijska arhitektura
Dizajneri koriste informacijsku arhitekturu za strukturiranje i označavanje sadržaja na specifičan način kako bi korisnicima olakšali pronalaženje informacija koje su im potrebne. Informacijska arhitektura se primjenjuje u web razvoju, razvoju pametnih telefona, aplikacija, a promatra se u mnogim fizičkim objektima. Jednostavnost korištenja i pristupačnost dva su glavna aspekta informacijske arhitekture.
Za ilustraciju, razmotrite kartu njujorške podzemne željeznice. Inače, ovo je dobar primjer informacijske arhitekture koja pomaže ljudima da od uvjetne točke "A" dođu do točke "B". I, kako zvuči postulat Instituta za informacijsku arhitekturu, "ako radiš nešto za druge, primjenjuješ informacijsku arhitekturu."
Komponentni procesi UX dizajna
Postoje tri faze UX dizajna:
1. traženje ciljane publike
2. razumijevanje ciljeva tvrtke – kako takvi ciljevi utječu na korisnika
3. izvan okvira razmišljanja
UX dizajn obično ima pristup usmjeren na korisnika – stvaranje pravog krajnjeg proizvoda u tri koraka.
Jednostavno rečeno, treba uzeti u obzir potrebe onih za koje se dizajn razvija. Primjenjuje se puno rješenja za uklanjanje svih vrsta složenosti i hrapavosti; prototipovi se izrađuju i testiraju na korisnicima.
Na temelju rezultata rada odabire se najbolja od razvijenih opcija. Ako na stvari gledate s gledišta korisnika i dizajnirate prema njegovim preferencijama, rezultat će se svima svidjeti.
Načela UX dizajna
Industrija UX dizajna se brzo mijenja, ali temeljna načela ostaju ista. Dizajneri moraju razumjeti što im je potrebno u smislu vizualne ravnoteže. Kratkoća i jasnoća su važne nijanse; ovdje vrijedi princip – što manje, to bolje. Nastojte da dizajn bude intuitivan, i što je još važnije, da uzmete u obzir interese i potrebe korisnika.
Opseg UX-a obično je ograničen na nove tehnologije, ali u središtu svega su stari principi koji pomažu dizajnerima riješiti sve vrste problema kroz dosljednu i predmetnu metodologiju.
Uzmite u obzir kontekst: Korisnik mora znati gdje se trenutno nalazi. Ne bi trebao postojati osjećaj preopterećenosti informacijama ili da je izgubljen. Vaš zadatak je potaknuti i usmjeriti pravi smjer.
Budi čovjek: Nitko ne voli osjećaj interakcije sa strojem. Vjerojatnije je da ćete izgraditi povjerenje ako pokažete ljudsku stranu svoje tvrtke.
Dostupnost: Nitko ne želi gubiti vrijeme. Uspješan UX dizajn poboljšava navigaciju.
Olakšati: Dosljednost i jednostavnost dizajna je uvijek dobra. Gradite odnose s korisnicima kroz prikladan UX.
Jednostavnost: Nema pogrešnih proračuna ili nepotrebnih opisa. Idite ravno na glavnu točku.
Ishod UX
Kada je UX projekt gotov, dizajner i tim pokazuju klijentu i njihovom timu popis onoga što je učinjeno. Potrebno je prikazati proces rada, popis implementiranih ideja.
Ovo je važan dio cjelokupnog procesa. To olakšava UX dizajnerima da pronađu ono što traže, pokažu svoju viziju i objasne određene preporuke za poboljšanje.
1. Istraživanje korisnika
Potrebe, trendovi i motivacije korisnika otkrivaju se kroz različite korisničke studije. To mogu biti kvantitativni i kvalitativni podaci dobiveni tijekom testova, na primjer, uz sudjelovanje fokus grupa; detaljan opis procesa registracije, uključivanja i zahtjeva korisničkoj službi. Cilj je dobiti detaljnu analizu onoga što se nalazi na stranici i što se još može poboljšati – sve ideje se testiraju na stvarnim korisnicima.
Istraživači stvaraju portrete potrošača na temelju stvarnih podataka o ljudima, što pomaže da se točno odredi tko će komunicirati s web-mjestom ili aplikacijom.
Kroz istraživanje korisnika dizajneri pronalaze i definiraju svog korisnika.
2. Ocjenjivanje natjecatelja
Procjena snaga i slabosti konkurenata je način da proširite vlastitu UX strategiju. Najbolje je djelovati uz pomoć analitičkih izvješća koja naglašavaju konkurentska događanja. Zapravo, ovo je detaljna analiza interaktivnog dizajna konkurenata, popis slabosti, pogrešnih proračuna i propusta, općenito, ono što može postati konkurentska prednost.
3. Interaktivni dizajn
Opis interakcija korisnika može biti u obliku prototipa - tako je lakše razumjeti kako će korisnici obavljati ključne zadatke, pronaći informacije i općenito koristiti proizvod. Opisan je proces traženja informacija i koliko je prikladan razvoj. Prototip bi trebao biti što je više moguće pojednostavljen i bliži konačnoj verziji.
4. Informacijska arhitektura
IA je proces preuzimanja informacija i pretvaranja u probavljiv oblik, što je posebno važno za velike stranice. Važno je razumjeti kontekst u kojem će ljudi koristiti dizajn. Krajnji rezultat može biti karta web-mjesta s savjetima ili uzorak korisničkog toka koji pokazuje kako se posjetitelji kreću po web-mjestu.
Što je dizajn korisničkog sučelja?
Kada je Apple predstavio navigacijsku komponentu Click Wheel za iPod, stvar je bila intuitivna i vrlo funkcionalna - da ne spominjemo vizualnu. Ovo je dobar primjer uspješnog korisničkog sučelja ili korisničkog sučelja. UI je način na koji komunicirate s računalima, strojevima, web stranicama, aplikacijama, nosivim uređajima itd. Dizajn korisničkog sučelja ono je što sve ove stvari čini jednostavnijim i učinkovitijim.
UI vs. UX
UX, korisničko iskustvo, odnosi se na kretanje korisnika na web stranici ili u aplikaciji. UX dizajneri rade na obliku i funkciji proizvoda ili tehnologije. UI, ili korisničko sučelje, fokusira se na to kako izgleda i funkcionira vanjska ljuska proizvoda. Opseg UI dizajnera su opipljive i vidljive komponente ovog procesa.
Opći elementi korisničkog sučelja
UX i UI imaju puno zajedničkog, ali važno je napomenuti ključne razlike između ta dva predmeta. Opet, korisničko sučelje je usredotočeno na vanjsku stranu proizvoda, dok je UX više o tome kako ljudi komuniciraju s web-mjestom ili aplikacijom. Evo najčešćih elemenata korisničkog sučelja o kojima trebate znati kako biste bolje razumjeli razlike:
Informacijske komponente: UI dizajneri koriste informacijske komponente za proširenje tzv. čitateljsko iskustvo – prenijeti više informacija. Primjeri informacijskih komponenti su indikatori statusa, obavijesti i okviri za poruke. Sve se to koristi kao potvrda: korisnik je izvršio određeni zadatak. Ili da obavijesti da je s njegove strane potrebna određena radnja.
Navigacija putem krušnih mrvica
To je dizajnerski alat koji vizualno poboljšava upotrebljivost web stranice.
Ovako ljudi vide svoju lokaciju na web stranici, u njenoj hijerarhijskoj strukturi. Nikakvi otmjeni elementi dizajna nisu potrebni, samo trebate pokazati u kojem se dijelu stranice korisnik nalazi. Obično se takve veze postavljaju na vrh web stranice internetskih trgovina ili na druge resurse.
Kontrole za unos: Korisnicima se daje više opcija za odgovor na postavljeno pitanje. To mogu biti potvrdni okviri, padajući popisi i radio gumbi. Informacije trebaju biti kratke i sažete kako bi lakše razumjeli potrebe.
Istraživanje iskustva
Bez istraživanja neće biti moguće učiti o potrebama i preferencijama ljudi. UX istraživanje je pronalaženje onoga što korisnici žele; dobiveni podaci čine osnovu UX dizajna. Tvrtke i dizajneri koriste istraživanja kako bi izvukli zaključke o tome što funkcionira i što treba promijeniti. Postoji nekoliko opcija za UX istraživanje.
Testiranje upotrebljivosti
Svrha takve studije je otkriti koliko je proizvod uspješan; korisnici sudjeluju u testiranju. Na taj način tvrtke dobivaju stvarne informacije o tome kako ljudi koriste proizvod ili sustav ili kako taj proizvod ili sustav funkcionira. Postoje dva glavna načina testiranja.
Testiranje upotrebljivosti na slučajnim korisnicima je brz i jeftin način za tvrtke i istraživače da dobiju informacije od ljudi koji možda ne znaju za njihov proizvod. Slučajni ljudi koriste proizvod i dijele svoje mišljenje.
Daljinsko testiranje upotrebljivosti omogućuje tvrtkama da provode istraživanje dok su korisnici u svom prirodnom okruženju (na primjer, kod kuće ili u uredu).
Alati za testiranje upotrebljivosti
Takvi alati omogućuju vam da saznate mišljenje korisnika, analizirate povratne informacije i napravite određene promjene na temelju podataka. Ako tražite alat koji će vam pomoći da shvatite koliko je vaša web-lokacija ili aplikacija jednostavna za korištenje, imate dvije mogućnosti:
Adobe Fireworks CS6 omogućuje web dizajnerima izradu grafike za web stranice bez potrebe za zadiranjem u zamršenosti koda ili dizajna. Adobe Fireworks ima niz prednosti. Ovaj alat ima impresivnu točnost piksela, opcije kompresije slike (JPEG, GIF, itd.), omogućujući korisnicima stvaranje funkcionalnih web stranica i izradu vektora.
S Adobe XD možete dizajnirati web stranice i mobilne aplikacije, kao i prototipove, žičane okvire i vektorsku grafiku. Interaktivne prototipove možete dijeliti na više platformi, uključujući Windows, Mac, iOS i Android – alat je savršen za timski rad.
Axure RP Pro je još jedan odličan alat za UX dizajn, i to besplatno. Axure ima nekoliko opcija, uključujući izradu prototipa i dokumentacije. Možete čak stvoriti korisničku navigacijsku kartu i karte web mjesta. Idealan za izradu web i desktop aplikacija, Axure korisnicima pruža mogućnost brzog izvoza u PDF ili HTML.
Ovo je složen softver s mnogo specifičnih funkcija, uklj. nedestruktivno uređivanje (što znači da Sketch neće promijeniti gustoću piksela slike s kojom radite). Izvoz koda, točnost piksela, izrada prototipa, vektorsko uređivanje - to su glavne prednosti Sketcha.
6. Softver za Storyboarding
Možda se pitate zašto UX dizajnu treba storyboard. Ali to je dobar način da vizualno predvidite kako će korisnik komunicirati s vašim proizvodom u širem kontekstu. Postoji nekoliko alata za pisanje priča, s različitim značajkama i razinama težine.
Storyboarder je besplatan razvojni program s osnovnom funkcionalnošću koji je prikladan za sve dizajnere, bez obzira na njihovu razinu vještine. Ovaj softver brzo stvara skice ili figure za opisivanje plana ili ideje. Drugi alat je Toon Boom Storyboard Pro. Kombinira funkciju crtanja, animacije, upravljanja kamerom i mnoge druge opcije – uz godišnju ili mjesečnu naknadu. Široka funkcionalnost za sofisticirano pripovijedanje i detaljne pripremne radove. Sve je to izvrsno za dizajnere koji traže priliku da vizualno ispričaju svoju priču putem sučelja.
Kako postati UX dizajner?
Ako volite dizajn, istraživanje i rad s ljudima—slušajući druge o njihovim iskustvima—onda bi možda vrijedilo razmisliti o karijeri u UX dizajnu. U takvom slučaju, morat ćete se usredotočiti na konceptualne aspekte dizajna; stvoriti kvalitetno korisničko iskustvo za druge korisnike.
Nekoliko je važnih koraka na putu da postanete UX dizajner. Mnoga sveučilišta diljem svijeta nude svoje tečajeve, ali za upis na njih obično je preduvjet 4 godine obrazovanja iz područja dizajna. Postoje fleksibilniji programi poput Diplomski program Sveučilišta Quinnipiac u dizajnu korisničkog iskustva. Postoje i programi certificiranja za profesionalce. Mnogo ovisi o trajanju treninga i stupnju obuke.
Ako ste spremni ispuniti svoj san da postanete UX dizajner, trebat će vam životopis i živopisan portfelj. Resursi poput Dribbblea ili Behancea dobro dolaze. Svoj rad možete prikazati na vlastitoj web stranici izrađenoj uz pomoć graditelja poput SquareSpacea.
Ne gubite iz vida sljedeće nijanse:
vizualna privlačnost
Prezentacija je sve. Rad bi trebao govoriti sam za sebe...pokaži, ne pričaj! Izbor boja, tipografija - sve je važno.
Dodajte stranicu o stranici
Zašto bi vas netko trebao zaposliti? Što novo možete donijeti bilo kojoj organizaciji? Pokažite regruterima svoju jedinstvenu viziju ili ono što vas inspirira.
Zaposlenik vaše tvrtke iz snova ne bi trebao imati poteškoća s kretanjem po web-stranici s portfeljem. Dodajte odjeljke kao što su kontakti, životopis, portfelj, o meni itd. u izbornik. kako bi olakšali navigaciju.
Objasnite kako stvarate svoj UX
Vaš budući poslodavac želi razumjeti vaš način razmišljanja. Dodajte informacije koje regruteru govore o vašem UX istraživanju, razmišljanju, procesu dizajna ili izradi prototipa.
Napravite dodatni portfelj
Koristite druge alate da svoj rad učinite dostupnim na web resursima gdje dizajneri i oni koji ih žele angažirati provode svoje vrijeme,
Ishod
Bilo da ste grafički dizajner, bloger, developer ili bilo što drugo, UX dizajn je nešto što može pomoći vama i vašoj tvrtki da rastete. Sretan korisnik je ključ uspjeha, ali bez promišljenog UX dizajna to neće biti moguće.
Tehnologija se sve više infiltrira u svakodnevni život, a uspješan UX dizajn uklanja sve barijere između korisnika i njegovog uređaja (ili aplikacija). UX dizajn sada je važniji nego ikad - pridružite se ovom pokretu i iskoristite prednosti za svoje poslovanje.
UX dizajn - što je to? Industrija korisničkog sučelja trenutno raste velikom brzinom, ali UX dizajn je još uvijek potpuno novi svijet za većinu rukovoditelja i menadžera. Ovo područje ima za cilj povećati zadovoljstvo korisnika s proizvodom, poboljšati upotrebljivost, pristupačnost i interakciju. Kombinira tradicionalni dizajn interakcije čovjeka i računala i uzima u obzir sve aspekte interakcije korisnika s proizvodom ili uslugom.
UX dizajneri preuzimaju vodstvo u poboljšanju osnovnih potreba krajnjeg korisnika i pokušavaju stvoriti proizvod koji čini publiku sretnom. To, zauzvrat, dovodi do zdravog povrata ulaganja i pomaže u podršci rastućoj tvrtki ili organizaciji.
Što radi UX dizajner?
UX dizajneri proučavaju i procjenjuju kako se korisnici osjećaju o sustavu, gledajući na stvari kao što su jednostavnost korištenja, percipirana vrijednost sustava, korisnost, učinkovitost u izvršavanju zadataka.
UX dizajneri također razmatraju podsustave i procese unutar sustava. Na primjer, mogu pogledati postupak naplate na web-mjestu e-trgovine kako bi vidjeli koliko je jednostavno i pristupačno dovršiti proces kupnje proizvoda s web-mjesta. Oni mogu ući u komponente podsustava, kao što je vidjeti koliko je korisničko iskustvo učinkovito i ugodno kada ispunjavaju polja za unos na web obrascu.
UX dizajn - što je to? Koncept tehnologije
Važan koncept u UX dizajnu je proces kojim korisnici stvaraju iskustva. Kada se potrošač prvi put susreće s proizvodom, stvara se trenutni dojam koji se mijenja tijekom vremena. U tom se procesu percepcija, djelovanje, motivacija i spoznaja spajaju kako bi oblikovali korisničko iskustvo. Ovaj proces izaziva emocionalne odgovore koji uvelike određuju je li iskustvo pozitivno ili negativno.
UX dizajneri imaju za cilj stvoriti čimbenike koji utječu na proces namjerno. Da bi to učinio, UX dizajner razmatra tri kategorije pitanja: što, zašto i kako.
Zašto- podrazumijeva motiviranost korisnika da prihvate proizvod i želju da ga posjeduju.
Što- tiče se onoga što ljudi mogu učiniti s proizvodom i njegovom funkcionalnošću.
kako odnosi se na dizajn funkcionalnosti na pristupačan i estetski ugodan način.
UX dizajn počinje s razlogom, zatim što i na kraju kako stvoriti proizvode s kojima korisnici mogu imati smislena iskustva.
Povijesna retrospektiva
U usporedbi s mnogim drugim disciplinama, posebice web sustavima, UX dizajn je relativno nov. Pojam "korisničko iskustvo" skovao je dr. Donald Norman, istraživač kognitivne znanosti koji je također bio prvi koji je opisao važnost dizajna usmjerenog na korisnika, ideju da se odluke o dizajnu trebaju temeljiti na potrebama potrošača. Objavljivanjem ovog koncepta započela je povijest UX dizajna.
Bilo da radi za startup ili veliku korporaciju, UX dizajner izravno je uključen u stvaranje proizvoda korisnim i ugodnim za korištenje za ciljno tržište tvrtke. Proces stvaranja proizvoda sadrži nekoliko važnih koraka:
istraživanje potrošača;
dizajn proizvoda;
testiranje;
provedba.
Razmotrimo svaki od njih detaljnije.
Istraživanje potrošača: odakle početi kao ambiciozni dizajner?
Analiza potrošačke publike i identifikacija potreba podrazumijeva komunikaciju sa stvarnim korisnicima na ciljnom tržištu. Ako predmet istraživanja postoji samo hipotetski i još nije stvoren, slični proizvodi konkurentskih tvrtki, njihove prednosti i nedostaci postaju predmetom rasprave. Ako proizvod već postoji, potrošačima se postavljaju pitanja o tome kako se ljudi osjećaju kada se kreću po stranici s trenutnim dizajnom, je li lako pronaći informacije koje su im potrebne, kako su stranice strukturirane. Kvaliteta pisanog i grafičkog sadržaja te cjelokupni vizualni dojam stranice ocjenjuje se zasebno. Za ovaj dio procesa mogu se koristiti sljedeće metode:
izrada prototipa.
upravljanje projektima;
učinkovita komunikacija s timom.
upitnici;
diskusije fokusnih grupa;
online ankete;
analiza zadatka.
Važno je napomenuti da ako je proizvod proizvod dizajnerske misli i nema nikakve veze s korisničkim iskustvom i povratnim informacijama u svom razvoju i implementaciji, on nije rezultat UX dizajna.
Oblikovati
Razvijanje hipoteze dizajna uključuje zamišljanje kako bi se novi proizvod ili usluga mogli prilagoditi načinu na koji se kupac već ponaša (ovo otkriva istraživanje korisnika). Dizajn proizvoda usredotočuje se na funkcionalnost i upotrebljivost, a ne na to kako izgleda. U ovoj fazi koriste se sljedeće:
informacijska arhitektura;
Testiranje
Testiranje uključuje provjeru da promjene napravljene tijekom faze dizajna rade kako je predviđeno i odgovaraju svrsi. Ovo je izvrstan način da se riješite problema ili korisničkih poteškoća koje nisu bile vidljive u fazi projektiranja prije početka rada u fazi implementacije. Postoje razni:
a/b testiranje;
upotrebljivost;
testiranje korisnika na daljinu.
Implementacija
Implementacija uključuje blisku suradnju s web programerima kako bi se postigao krajnji cilj. Stručnjaci za web razvoj rade na pretvaranju dizajnerskih ideja u pravu web stranicu. Važno je da programeri rade kao tim tijekom cijelog procesa kako bi ovaj posljednji korak bio učinkovitiji i optimalniji.
Što je korisničko iskustvo?
Web stranice i aplikacije postaju složenije kako tehnologija napreduje. Ono što je nekada bilo jednosmjerno statičko okruženje sada se razvilo u široko interaktivno iskustvo.
No, koliko god se proces proizvodnje promijenio, uspjeh web stranice i dalje ovisi samo o jednoj stvari: kako je korisnici percipiraju. “Da li mi ova stranica daje vrijednost? Je li jednostavan za korištenje? Je li lijepo biti ovdje?" pitanja su koja si korisnici postavljaju u interakciji s proizvodima tvrtke, a na temelju tog iskustva u pravilu donose odluku o kupnji.
Korisničko sučelje (skraćeno UX) u dizajnu je kako se osoba osjeća kada komunicira sa sustavom. Sustav može biti web stranica, web aplikacija ili desktop softver. U modernom kontekstu, to se često naziva interakcija čovjeka i računala.
Koncept korisničkog iskustva pokriva sve aspekte interakcije krajnjeg korisnika s tvrtkom, njezinim uslugama i proizvodima. Važno je razlikovati cjelokupni dizajn projekta od korisničkog sučelja, iako je korisničko iskustvo iznimno važan dio dizajna.
Također je potrebno razlikovati UX i upotrebljivost: prema definiciji, atribut kvalitete korisničkog sučelja, koji obuhvaća jednostavnost učenja, učinkovitost korištenja, ugodnost, vizualnu prihvatljivost, estetiku dizajna.
Stručne kompetencije
UX dizajner odgovoran je za sve korake u gore opisanom procesu i njihovu implementaciju. Postoji niz stručnih kompetencija kojima se pridaje velika pozornost prilikom školovanja dizajnera:
rukovodstvo;
Ove profesionalne karakteristike vrlo su važne za uspješan rad.
Koja je razlika između UX i UI dizajna?
Dizajneri korisničkog sučelja (UI) usredotočuju se na izgled i stvarni dizajn svakog elementa s kojim korisnik komunicira, dok se dizajneri korisničkog iskustva (UX) usredotočuju na interakciju korisnika s tim elementom, kao i na cjelokupno iskustvo proizvoda. Dizajneri korisničkog sučelja i UX-a često rade zajedno, kao i u timovima s web programerima, kako bi stvorili proizvod koji je vizualno privlačan i ugodan za korištenje.
Što UX dizajner zapravo radi?
UX dizajneri obavljaju različite funkcije ovisno o projektu i fazi razvoja. U ranim fazama projekta stručnjaci provode preliminarno istraživanje korisničkog iskustva, a zatim planiraju interakcije kroz okvir i izradu prototipa svojih projekata, koji se potom testiraju različitim heurističkim tehnikama.
Tijekom razvoja, testiranja i razvoja korisničkog sučelja nastavlja se poboljšavati proizvod i korisničko iskustvo.
Nakon što je projekt pokrenut, UX dizajner može analizirati korisničke metrike kako bi pratio rezultate njihovog rada, vratio se i nastavio ponavljati kako bi poboljšao slabosti dizajna.
Zadaci i metode
UX dizajneri obavljaju različite zadatke u različitim točkama procesa. Ispod je glavni popis:
Procjena postojećeg sustava. Ako sustav već postoji, UX stručnjak će holistički procijeniti njegovo trenutno stanje. Na temelju analize podataka istraživanja identificiraju se problemi i predlažu korekcije.
A/B testiranje. Stručnjak može razviti studiju za usporedbu učinkovitosti i kvalitete iskustva različitih korisničkih sučelja. To se radi hipotezom (npr. "zeleni gumb je privlačniji od crvenog"). Zatim predlaže više verzija dizajna i određuje "najbolje iskustvo" prema redoslijedu testiranja (npr. "Zeleni gumb je bolji jer su ga korisnici češće klikali.").
Ankete. UX dizajner provodi anketu postojećih i potencijalnih korisnika sustava kako bi dobio ideju koja je bila najučinkovitija dizajnerska odluka. Budući da je iskustvo pojedinog korisnika subjektivno, najbolji način za dobivanje trenutnih informacija je proučavanje i interakcija s grupnim mišljenjem.
Okviri i prototipovi. Na temelju svojih nalaza, UX stručnjaci mogu razviti žičane okvire različitih izgleda i prototipa veće vjernosti.
Tokovi korisnika. Dizajniranje načina na koji bi se korisnici trebali kretati sustavom još je jedan popularan alat.
Dizajnerski uzorci
Predlošci pružaju dosljednost i način pronalaženja najučinkovitijeg "alata" za posao. Na primjer, kada dizajnirate predloške korisničkog sučelja, odabir pravih elemenata (npr. kartica modula, dijaprojekcije) za određene zadatke na temelju njihove učinkovitosti dovodi do najboljeg rješenja. Ne samo da UX programeri osmišljavaju obrasce dizajna koji se koriste na drugim web stranicama, već razvijaju i vlastite obrasce za trenutni projekt.
Programi
Postoji nekoliko popularnih i lako dostupnih softvera za UX dizajn za rad i učenje. Alati nisu samo za UX dizajnere. Koriste ih i programeri i webmasteri.
Tečajevi UX dizajna koriste alate za izradu prototipa - u početku se mogu raditi olovkom i papirom. Ovaj jeftin i pristupačan alat za obuku dizajnera u praksi omogućuje vam da brzo izradite prototip i prijeđete na dizajn.
Neki softverski alati za žičane okvire i prototipe:
Poučavanje osnova UX dizajna koristi A/B testiranje, također poznato kao split testiranje ili multivarijantno testiranje. Ovaj alat uspoređuje različite verzije stranice. Testiranje se može obaviti s bilo kojim od nekoliko programa.
U osnovi softver za A/B testiranje dijeli promet web stranice u dva jednaka segmenta. Jedna grupa vidi verziju A, a druga verziju B. Statistike kao što su stopa konverzije i stopa napuštanja početne stranice prati se za svaku verziju. Split testiranje određuje koja je verzija bolja, a ta se odluka temelji na statističkim podacima. Jedna od najpopularnijih aplikacija za A/B testiranje je Googleov Website Optimizer.
Upravljanje sadržajem
Kada podučavate UX dizajn od nule, postoji mnogo metoda inventara sadržaja. Upotreba poslužiteljske aplikacije na mjestu (koja će zahtijevati pristup web poslužitelju) najprikladnija je za proizvodna mjesta. Budući da su bliže izvoru od softvera treće strane, ove su aplikacije točnije i učinkovitije. U tu svrhu može se koristiti jednostavan Excel alat za kreiranje i upravljanje inventarom sadržaja, kao što je predložak GetUXIndex().
Web-mjesta izgrađena sustavima za upravljanje sadržajem kao što su WordPress i Drupal obično imaju ugrađene alate koji prikazuju kartu postojeće web stranice.
Ankete i povratne informacije
Ankete korisnika još su jedan popularan izazov dizajna UX-a. Najučinkovitiji i najisplativiji način za to je aplikacija za anketiranje i povratne informacije ili testiranje korisnika na daljinu.
Uobičajeni alati za anketiranje kao što je PollDaddy fleksibilna su rješenja koja se mogu koristiti i za druge zadatke. Postoje alati za povratne informacije o upotrebljivosti kao što su upotrebljivost i usluge udaljenog testiranja korisnika kao što je Usability Hub koji upravljaju sustavom za testiranje.
Primjeri
Primjer UX dizajna - što je to? Dizajn korisničkog sučelja je proces stvaranja proizvoda koji pružaju smisleno i iskustveno iskustvo. To podrazumijeva pažljiv dizajn i upotrebljivost proizvoda, estetski užitak korištenja i opsežnu funkcionalnost.
Dakle, proizvodi koji pružaju izvrsno korisničko iskustvo (tj. iPhone je najbolji primjer UX dizajna) dizajnirani su ne samo za potrošnju ili korištenje proizvoda, već za cijeli proces stjecanja, posjedovanja, pa čak i rješavanja problema.
