+ 381 64 17 39 157 office@cyclopdesign.com
Da li je dizajn korisničkog interfejsa na mobilnim aplikacijama gubljenje vremena i novca?

Da li je dizajn korisničkog interfejsa na mobilnim aplikacijama gubljenje vremena i novca?

Sve je više kompanija koje konstantno menjaju svoj dizajn i menjaju pravac u korisničkom interfejsu. Cilj je izdvojiti se od konkurencije. Mnogi zapošljavaju velike timove UI dizajnera da rade na prilično jednostavnim proizvodima. Kada je reč o mobilnim aplikacijama, može se reći da se više radi o marketinškom triku.

 

UI-dizajn-mobilnih-aplikacija2

 

Tipičan redosled kreiranja aplikacije izgleda otprilike ovako:

  • Koncept razvoja
  • Skiciranje ekrana
  • Crtanje wireframe-ova
  • Definisanje korisničkog iskustva (UX)
  • Dizajniranje korisničkog interfejsa (UI)
  • Razvoj proizvoda

 

UI-dizajn-mobilnih-aplikacija3

 

Napredni i kvalitetni stilovi koje definišu Google i Apple nas teraju da se zapitamo zašto je dizajn korisničkog interfejsa neophodan i zašto zahteva ponekad ceo tim dizajnera. Ukoliko već imamo smernice, zašto nije dovoljno samo poštovati ih, bez nekih značajnih promena u dizajnu? Stilovi i važni parametri su definisani tim smernicama. Bitan element na aplikacijama su ikonice dugmići, ali se nameće pitanje zašto aplikacije na istoj platformi ne koriste jedan tip ikonica.

Aplikacije koje se kreiraju preko platformi su mnogo više dosledne. Što znači da su međusobno slične i da se ne razlikuju od drugih aplikacija. Mnoge kompanije posmatraju aplikacije kao zasebnu celinu. Sve aplikacije u okviru nekog sistema moraju biti u skladu, bez obzira na nedostatke koje imaju IOS i Android. Neke aplikacije koriste back strelice, neki upotrebljavaju hamburger menije, a neki čak i imaju navigacije kao na desktop sajtovima. Mnogi dizajneri konstantno traže nove i uzbudljive načine za navigaciju. Sve ovo može zbuniti korisnike.

 

UI-dizajn-mobilnih-aplikacija4

 

Korisnički interfejs i UX svih aplikacija mora da bude u svom najboljem izdanju uvek. Na kraju krajeva to je način da vidite sadržaj i upoznate se sa određenim brendom i uslugama i proizvodima tog brenda.

 

UI-dizajn-mobilnih-aplikacija5

 

Google-ova najnovija verzija Youtubea je primer efikasno korišćenih stilova. Ikone su podrazumevane, postoji jednostavna navigacija, boje i njihov kontrast su korektni. Bez upotrebe ikakvih trikova i dopuna korisničkog interfejsa, UX je dobar i u skladu sa kompletnim sistemom.

 

UI-dizajn-mobilnih-aplikacija6

 

Loš primer je Snapchat. Aplikacija je nedosledna, nije konzistentna sa dosadašnjim stilom, a umesto toga iz Snapchata su bili više skoncentrisani na vizuelni momenat aplikacije nego na funkcionalnost. Sve je loše uklopljeno sa Androidom, a ima malo razlika između varijante za Android i za IOS. Ovo je tipičan primer preterane želje da budu jedinstveni i samim tim korisnički interfejs, kao i iskustvo nisu dobri.

Nevezano za Snapchat, interesantna bi nam bila informacija o veličini dizajn timova. Da li imaju 10, 20 ili 30 dizajnera. Da li rade na svim ekranima i da li razmišljaju o korisničkom iskustvu. Konstatno lutanje, menjanje stilova u sistemu, može biti zbunjujuće i ovakvu praksu bi trebalo izbegavati. Takođe može smanjiti efikasnost, a povećati cenu i izgubljeno vreme. Korisnički interfejs polako ali sigurno počinje da se zloupotrebljava u marketinške svrhe, a to nikako ne bi smelo da se radi.

Dizajneri korisničkog interfejsa bi trebalo da već definisan korporativni identitet, stilove i brending implementiraju u aplikaciju, dodaju ikonice i kreiraju efikasne langing stranice koje će služiti svojoj primarnoj svrsi. Ovakvim pristupom bi mobilni sistemi bili mnogo funkcionalniji i prilagođeni jedinim osobama kojima su zapravo bitni – korisnicima.

Mislite manje – Dizajnirate bolje

Mislite manje – Dizajnirate bolje

Dobro dizajniran korisnički interfejs je rezultat niza ključnih odluka koje ne samo da moraju biti bazirane na intuiciji, već moraju biti estetski lepe i prijatne za korisnike. Tako da, ukoliko donesete pametne odluke možete olakšati sebi rad, uštedeti vreme i kao produkt, imati kvalitetan proizvod.

Američki psiholog Barry Schwartz je napisao knjigu koja se zove Paradoks izbora, koja eliminiše izbore koji izazivaju anksioznost. On je tvrdio da moramo imati standarde i kriterijume a da ne brinemo o mogućnostima da postoji nešto bolje. Knjiga je bila usmerena potrošačima, ali se sva ova pravila mogu primeniti i u dizajnu.

 

1.Ograničite promenjive

Ako uzmemo u obzir sve moguće promenljive koje mogu doprineti jednom verodostojnom konceptu, postaje jasno da je potrebno unapred ih definisati i ograničiti. Smanjenjem količine izbora, učinićete proces donošenja odluka lakšim.

Redukovanjem mogućnosti izbora, nećete smanjiti originalnost. Naša pretpostavka je da je stvaranje koncepta oko unapred definisanih pravila ograničenje, ali dizajneri mogu uspostaviti svoja pravila i imati potpunu kontrolu nad njima.

 

Skaliranje i prostor

Svaki aspekt UI dizajna treba biti podređen sistemu koji promoviše određeni ritam i pomaže i održavanju doslednosti u toku projekta. Jedan takav sistem je modularna skala, koja može olakšati skalu od bilo kog odnosa za merenje ili podešavanje veličine elemenata ili negativnog prostora u sastavu.

 

izrada-web-sajta-facebookads2

 

 

Smanjenje promenljivih elemenata u grid sistemu, tipografijam vertikalni razmak i prihvatljiv raspored pruža zadovoljavajuću estetiku i ritam. Projektovanje UI je daleko lakše.

 

Grid

Grid sistemi su sjajni za organizaciju sadržaja horizontalno i umeju da olakšaju sam proces UI dizajna. Bez obzira na to, gridovi se obično dizajniraju bez mnogo muke. Ono što većina dizajnera ne shvata je da je bolje kreirati grid sistem koji je podređen sadržaju.

 

izrada-web-sajta-facebookads3

 

Ovo znači da je idealno imati jasnu predstavu o rasporedu sadržaja unapred, tako da će adekvatan raspored sadržaja, bolje oslikavati isti i poslati jasniju poruku korisnicima. Ovde ne mislimo o ograničavajućim faktorima kao što su logotip određene širine ili slike i elementi sa fiksnim, unapred definisanim razmacima.

Tip sadžaja je takođe bitan faktor. Postoji velika razlika između osmišljavanja sadržaja za prodavnice, novinske članke ili blogove i splash stranice. Tako da je važno koristiti šablone i razlučiti razliku između različitih tipova sadržaja.

Što više budete razumeli koncept poslovnog sadržaja i sva ograničenja unapred, lakše ćete odabrati grid sistem i doneti pametniju odluku.

 

Tipografija

Ukoliko nas pitate, tipografija je najbitniji deo UI dizajna, jer u 95% može biti pokretačna snaga komunikacije. Nepisano pravilo je da UI nikad ne bi trebalo da sadrži više od dve familije fontova i nekoliko jačina. Naravno, pravila mogu varirati od situacije do situacije i mogu se menjati u opravdanim situacijama.

 

Boje

Lako je igrati se i eksperimentisati sa paletama boja. Mali raspon nijasni može imati dobar efekat u davanju vizuelnog izgleda. Uprkos tome dug je put od ideje, do odabira palete boja koja će postići dosledan vizuelni efekat. Sve što je potrebno za početak je 5 svatcheva.

 

izrada-web-sajta-facebookads4

 

 

Većina brendova treba da koristi primarnu boju i nekoliko neutralnih boja, ili čak boja suprotnih tonova. Ne treba nam 15 nijansi boja, naročito ne na samom početku. Bolje je započeti sa malim brojem, pa polako širiti.

 

Slike

Kako ugraditi slike u UI dizajn. I to zavisi od konteksta sadržaja. Ukoliko imamo grubu predstavu o tome koji je kontekst sadržaja, možemo stvoriti polaznu tačku za naše slike i definisati oblik, veličina, tretman.

Ograničavajući svoje slike, promenljive će sprovoditi bolju konzinstetnost i biće lakše upravljanje slikama na duže staze. Isto važi i za ikonice.

 

izrada-web-sajta-facebookads5

 

 

2.Kreirajte uputstvo pre nego što počnete dizajn

Kako UI projekat raste konceptualno, postaje sve važniji za kreiranje i održavanje konzistentnosti u samoj stilizaciji. Na ovaj način će se usostaviti princip dizajna koji će biti podređen projektu, održavanje ritma i doslednosti. Ako smo definisali promenljive ranije, onda je dobro dokumentovati ih. Buduće donošenje odluka će biti lakše ukoliko definišete uputstvo i imate jasne principe na osnovu kojih ćete donositi odluke.

U zavisnosti od projekta, stvaranje uputstva je luksuz i često je namenjen za kasniju upotrebu. To je razlog zašto većina uputsva budu završena isto kad i sam projekat i to je dobra praksa. Postoji mnogo objašnjenja zašto je izrada uputstva i dokumentacije dobra, a najbitnija je ta što upustvo može pomoći u praćenju doslednosti tokom kasnijeg rada na projektu.

Kreiranjem uputsva na samom startu ne znači da ono mora biti kompletno. Baš naprotiv. Kako projekat napreduje, uputstvo i stilski vodiči će napredovati, ali će biti jasniji i pomoćiće vam u dizajniranju i razvoju projekta.

 

3.Modularni sistemi, prioritet i adaptacija

U modularnim sistemima, layout može biti podeljen na ključna područja. Moduli se mogu koristiti više puta u različitim rasporedima. Korisnički interfejs se tretira kao deo sistema, a ne kao stranica sa nekim šablonom za dizajn.

Ovo je sjajna metodologija koja čini UI dizajn znatno lakšim, ali da bi bili efikasniji, moramo definisati prioritet ključnih oblasti i prilagoditi sve ostalo oko njih. Ovo će osigurati vizuelnu povezanost.

Identifikujte ključne oblasti

Dizajn bi morao da bude podređen važnim delovima. Prioritet svake oblasti je određen sadržajem i funkcionalnošću u okviru interfejsa i to je zagonetka koju moramo rešiti.

 

Fokusirajte se na ključne oblasti

Kada identifikujete ključne oblasti i odredite prioritet, onda je vreme da se fokusirate na njih i radom na određenim finesama ih implementirate u sam korisnički interfejs. Ideja ključnih oblasti je da one budu intuitivne, ispunjavaju sve korisničke zahteve, pre nego što počnete da se bavite dizajnom manje bitnijih područja.

 

4.Dizajnirajte sajt koji će da radi za sve

Hiljadama godina unazad dizajneri nastoje da urade jednu stvar – učine da njihov dizajn efikasno komunicira sa korisnicima. Mi smo stalno u ponovnom stvaranju i smišljanju novih načina za bolje komuniciranje sa korisnicima.

Pristupačnost

Širem auditorijumu ovo zvuči kao težak i obiman posao. Po najnovijim standardima, jako je bitno da pristupačnost sajta bude dobra. Primeri za ovo mogu uključivati zahtev o minimalnoj veličini fonta, kontrastima između pozadine, sadržaja i klikabilnih sekcija.

Pristupačnost nije samo definisanje smetnji u korišćenju sajta, već služi i definiše kako će sajt izgledati kod korisnika zastarelih uređaja i pretraživača koji ne podržavaju određene funkcionalnosti.

 

5.Koristite već isprobane i testirane šablone

Činjenica je će korisnicima biti draži intuitivan interfejs koji je u skladu sa drugim, koje sami korisnici koriste godinama unazad. Čim počnete da odstupate od šablona za dizajn, morate se suočiti da će biti potrebno neko vreme da takav dizajn postane intuitivan korisnicima.

Postoji vreme i mesto za stvaranje originalnih UI šablona, ali ne bi trebalo odstupati od određenih uobičajnih tehnika, jer su one uspešne sa razlogom.

Što se više upoznajete sa uspešnim šablonima dizajna, dizajneri će lakše donositi odluke. Ne možemo nužno znati šta se može raditi, a šta će se raditi u budućnosti i kuda će nas web trendovi dovesti.

 

Zaključak

Neki od ovih pristupa možda neće redukovati razmišljanje dizajnera ili vidno unaprediti dizajn. Ali svakako usvajanjem gornjih saveta možete dizajniranje vašeg korisničkog interfejsa učiniti lakšim i bržim.

Saveti za kreiranje boljeg korisničkog interfejsa

Saveti za kreiranje boljeg korisničkog interfejsa

Web lokacije već dugo nisu samo statične stranice koje će ljudi jednostavno pročitati. To je interaktivni ambijent koji deluje i reaguje na osnovu korisničkog ukusa. Unosi mogu biti različiti, uključujući skrolovanje, klikove na linkove ili dugmiće, unošenje informacija uz pomoć tastature ili ekrana na dodir. Metodi koji se koriste za unošenje podataka i korisničke akcije koje prouzrokuju neke rezultate, su poznate kao korisnički interfejs. Ukoliko je korisnički interfejs dobro dizajniran, korisnik može intuitivno preuzeti odgovarajuće akcije i dobiti rezultate koje traži. Ukoliko je korisnički interfejs loše dizajniran, korisnici će se zbuniti, teško će dolaziti do traženih informacija i rezultata i biti frustriran.

Ukoliko ste dobili pohvale za sajt koji je dizajniran, velike su šanse da vaš dizajn ima veze sa tim. Ukoliko ste primili kritike, povezanost sa korisničkim interfejsom je loša. U svakom slučaju, svakom dizajneru je potrebno nekoliko saveta kada je u pitanju dizajniranje korisničkih interfejsa.

 

 

izrada-web-sajta-saveti-za-bolji-UI1

 

 

Neka bude prosto i predvidivo

Ukoliko pogledate deset sajtova koji obavljaju slične funkcije videćete puno razlika. Sadržaj, palete boja, logotipi i ostali elementi mogu varirati od sajta do sajta. Tamo gde nema mnogo razlika to je u layout-ima i u interaktivnim elementima na sajtu. Korisnici očekuju određen izgled i određenu predvidivost na web sajtovima. To znači da je neophodno znati gde locirati određene elemente i kakve akcije preuzima korisnik na sajtovima.

Ukoliko koristite korisnički interfejs koji ne koristi standardan raspored i interakciju, potrudite se da imate dobar razlog za to. Ukoliko vaše razmišljanje, koje odstupa od šablona, nema za rezultat jednostavan i intuitivni korisnički interfejs, nećete imati srećne korisnike.

 

 

izrada-web-sajta-saveti-za-bolji-UI2

 

 

Upoznajte svoje korisnike

Ukoliko ne koristite analitiku za prikupljanje informacija o vašim posetiocima, vreme je da počnete. Ovi podaci će vam dati preko potrebne informacije da bi ste razumeli svoje korisnike i njihove potrebe. Na primer koje su stranice najposećenije, šta zadržava posetioce, koje uređaje koriste i još mnogo toga. Ukoliko budu pametno iskorišćene, sve ove informacije vam mogu biti od presudnog značaja.

Nemojte prestajati sa prikupljanjem i analizu podataka. Takođe morate upoznati publiku sa ljudske strane.

Koje su njihove demografske informacije?

  • Koje su njihove vrednosti?
  • Koliko vremena provode na internetu?
  • Koje su njihove metode za interakciju sa sajtovima?
  • Šta je njima potrebno od vas?

Kada pronađene odgovore na ova pitanja, možete kreirati funkcionalan i personalizovan korisnički interfejs koji će raditi za vašu publiku.

 

 

izrada-web-sajta-saveti-za-bolji-UI3

 

 

Učinite ikonice jasnijima

Ikonice su lepa stvar. Korisnicima obezbeđuju prezentaciju akcije koju je potrebno da izvrše i smanjuju tekst na sajtu. Ukoliko se koriste pravilno, ikonice mogu učiniti dizajn korisničkog interfejsa još elegantnijim. Jedini problem može biti kada ikonice nisu jasno dizajnirane. Ovo može zbuniti korisnike i naterati da preuzmu pogrešnu akciju.

Da bi ste bolje razumeli šta koja ikonica znači, dodajte tekstualne oznake. Potrudite se da svaka ikonica na stranici bude različita, da bi se izbegla zbunjenost korisnika, a takođe je bitno da ikonice ne budu isuviše futuristički dizajnirane.

 

Budite jasni sa rezultatima

Dobar korisnički interfejs podrazumeva da nema neprijatnih iznenađenja. Stavite korisnicima do znanja šta će se desiti kada izvrše određenu akciju. To možete da postignete uz pomoć jasnog teksta na dugmićima i linkovima. Takođe bi trebalo prikazivati upozorenje, ukoliko se korisnička akcija ne može poništiti. Čak i boje koje se koriste mogu pomoći korisnicima da razumeju šta će se desiti kada se preuzme neki korak. Koristeći razumljive oznake, simbole (kanta za đubre koja predstavlja brisanje, lupa koja predstavlja pretragu), možete drastično olakšati posao korisnicima.

 

 

izrada-web-sajta-saveti-za-bolji-UI4

 

 

Neka korisnici znaju šta se dešava

Jedna stvar koja često nedostaje u korisničkim interfejsima je feedback. Zamislite kako je to provesti 10 minuta popunjavanjem nekog formulara na sajtu i da onda nakon pritiska dugmeta za slanje dobijete samo blanko formu, bez ikakve informacije da li se nešto dogodilo ili ne. Šta se desilo? Da li smo izgubili sve informacije? Da li je potrebno sve ukucati ponovo?

Ljudi cene povratne informacije koje dobijaju sa sajtova, jer će onda znati da li je njihova akcija primećena i da li postoji neki rezultat za to. Kao web dizajner, morate obezbediti korisnicima povratnu informaciju, a načini za to su dugmići koji menjaju izgled prilikom klika, animacije za učitavanje stranice, slanje konfirmacionih poruka.

 

 

izrada-web-sajta-saveti-za-bolji-UI5

 

 

Zaključak

Postoji mnogo elemenata u dizajnu koji utiču na korisničko iskustvo. Najvažniji element je korisnički interfejs. Ukoliko je interfejs zbunjujući, onda ćete posetioce vašeg sajta zbuniti, ostavićete ih u nedoumici gde da kliknu, kako da dođu do informacije koja im je potrebna i izgubićete ih zbog sajtova koji su intuitivniji. Implementirajte ove savete u vaš dizajn i smanjićete rizik da će se ovo desiti.

 

Pin It on Pinterest