Svaki dizajn, ma koliko dobar bio, biće potpuno beskoristan ako nije UX dizajn. Postoje stotine hiljada resursa koji kreiraju zapanjujuće sučelje i grafički dizajn i zapošljavaju najbolje profesionalce sa nerealnim talentom, ali oni ne mogu dobiti svoje mjesto na webu. A to je zato što interakcija između stranice i korisnika raste eksponencijalno, što znači da, kako bi pronašli povratne informacije korisnika, web dizajneri moraju voditi računa o korisničkom iskustvu (UX - User Experience). U ovoj fazi u pomoć priskaču alati za UX dizajn – odlično online usluge koji daju naznake o dizajnu korisnička sučelja dizajneri. O njima ćemo detaljnije govoriti u ovom članku.

Budući da dizajneri moraju uzeti u obzir ne samo ljepotu i pravilnu organizaciju elemenata, već i složenije faktore vezane za ponašanje posjetitelja na stranici, često pribjegavaju korištenju alata za UX dizajn koji im mogu pomoći da automatiziraju neke zadatke ili uvelike pojednostave proces njihove implementacije. Na sreću, dizajn interfejsa više nije nova tema, a na internetu postoje stotine alata za UX dizajn. Naravno, nećemo ih sve nabrajati. Da bismo vam pomogli, odabrali smo samo neke od najzanimljivijih i najkorisnijih alata za UX dizajn sa kratkim opisima kako bismo prikazali njihove glavne karakteristike i pružili vam priliku da odaberete onaj koji vam najviše odgovara.

Alati za UX dizajn za modeliranje i dizajniranje maketa i prototipova

Izrada prototipa postala je neophodna za sve dizajnere koji žele biti uspješni na frontu UX dizajna i poboljšati korisničko iskustvo. Kreiranje maketa, modela i prototipova omogućava im da testiraju sve ideje na djelu prije nego što ulože vrijeme, trud i novac u projekat. S ovim alatima za UX dizajn, možete testirati svoj proizvod kroz cijeli proizvodni proces i napraviti poboljšanja kako biste stvorili robusno korisničko iskustvo za svoju ciljnu publiku.

Alat za dizajn interfejsa Moqups

Aplikacija Moqups isana HTML5 dizajnirana je za kreiranje maketa, maketa i prototipova. Moqups pruža široku paletu unaprijed postavljenih postavki i predložaka koje možete koristiti za stvaranje temelja za svoj projekat. Možete prilagoditi svaku komponentu i postaviti njene boje, veličinu teksta, ikone itd.

Wireframe

Ovo je još jedan alat za wireframing sa minimalističkim sučeljem jednostavnim za korisnika. Alat je jednostavan za korištenje i uključuje samo potreban minimum funkcija, čineći proces korištenja što jednostavnijim. Kreiranje dijagrama pomoću ovog alata ima prednost da ih korisnici mogu lako podijeliti s drugima. Svaka shema ili maketa koju kreirate dobijaju svoj jedinstveni URL koji možete poslati kupcu ili drugim članovima tima.

Olovka

To je grafički alat za izradu prototipa. Budući da je alat otvorenog koda, možete ga instalirati na svoj PC i počnite da pravite grafičke prototipove čak i bez pristupa internetu. Naravno, od njega ne biste trebali očekivati ​​napredne funkcije i složenu funkcionalnost, ali se nosi sa svojim glavnim zadacima.

Balsamiq

Ne želite da provodite sate praveći prototipe? U ovom slučaju jednostavno morate probati Balsamiq. Jednostavan je, ali vrlo efikasan kada je u pitanju prototip. Sa Balsamiq-om, korisnici mogu kreirati višestruke rasporede koji se mogu testirati i odabrati što daje najbolji rezultat.

PowerMockup

Jeste li PowerPoint majstor? Tada će vam se svidjeti ovaj alat jer pretvara PowerPoint u moćan alat za UX dizajn za izradu maketa. To znači da uopće ne morate učiti novi softver. PowerMockup omogućava ljudima bez posebnih tehničkih vještina da učestvuju u procesu dizajna i razvoja, što je definitivno jedna od njegovih glavnih prednosti.

Mockplus

Mockplus ima sve što vam je potrebno za vaš sljedeći projekat, od prekrasnih vizualiziranih interakcija, ugrađenih 200 komponenti i 3000 ikona, do zajedničkog uređivanja i testiranja u realnom vremenu na stvarnim uređajima. Ovaj alat za dizajn korisničkog sučelja pomaže vam da efikasno i lako pretvorite svoje ideje u potpuno funkcionalne prototipove. Osim toga, alat za dizajn Mockplus balansira jednostavnost korištenja sa sofisticiranom funkcionalnošću za kreiranje bilo kojeg prototipa elementa.

UXPin

Tražite alat koji vam omogućava da kreirate interaktivne prototipove i makete? UXPin je intuitivan alat koji se lako koristi. Koristeći ga, možete čak dobiti ideju o tome kako će proizvod izgledati na mobilnim uređajima, samo promjenom veličine ekrana preglednika.

Solidify

Gliffy

Gliffy nije samo još jedan alat za izradu prototipa UX dizajna; to je mnogo više. Gliffy omogućava korisnicima da kreiraju mrežne dijagrame, složene tehničke crteže, dijagrame toka, UML dijagrame i još mnogo toga. Intuitivno je jasan interfejs omogućava vam da kreirate grafikone za nekoliko minuta.

POP

Alati za A/B testiranje

Ideja iza ovih alata je kreiranje dvije verzije stranice, a zatim ih testirati kako biste vidjeli koja verzija najbolje radi. Stope konverzije, prosječno vrijeme provedeno na stranici i drugi pokazatelji su neki od faktora koje možete koristiti za procjenu učinka stranice web stranice.

Desinion

Niste sigurni da li kreirate projekat koji korisnici zaista žele da vide? Pomoću ovog alata za A/B testiranje možete postaviti bilo koje pitanje koje vas zanima i dobiti pravi odgovor korisnika. Alat ima vrlo korisnu funkciju - diskusiju. Možete započeti raspravu na svojoj web stranici kako biste uključili korisnike u proces dizajna. Osim toga, možete kreirati privatne diskusije i dijeliti ih samo sa prijateljima ili kolegama.

Visual Website Optimizer

To je jednostavan, ali izuzetno moćan alat koji omogućava vrhunsko A/B testiranje. Uz njegovu pomoć, također možete provoditi multivarijantno testiranje i split testiranje. Segmentabilni izvještaji i analiza prihoda će također biti dostupni u Visual Website Optimizer-u.

Optimizirano

To je robustan alat za A/B testiranje koji korisnicima omogućava da pokreću test bez upuštanja u tehničke detalje i bez potrebe za posebnim vještinama. Nedostatak koda i kompletnog vizualnog uređivanja čini ga vrlo popularnim među trgovcima.

Alati za testiranje upotrebljivosti

Kada je u pitanju dobar UX dizajn, možda će vam trebati alati za testiranje upotrebljivosti koji će vam pomoći da razumijete problem korisničkog iskustva i identificirate potrebe i psihologiju ciljanih korisnika. Ako možete definirati što posjetitelji i potencijalni kupci zaista žele i izgraditi interfejs na osnovu tog znanja, onda će dizajn sigurno impresionirati i energizirati publiku. Alati za testiranje UX upotrebljivosti mogu se grubo podijeliti na alate za daljinsko testiranje upotrebljivosti i alate za povratne informacije. U ovom odeljku sakupili smo i ta i druga rešenja kako biste mogli da izaberete koje od njih vam najviše odgovara.

Loop11

Loop11 je jednostavan alat za testiranje upotrebljivosti koji ne zahtijeva poznavanje HTML koda ili programskih jezika. Unutar alata možete koristiti gotove šablone ili sami kreirati temu. Osim toga, postoji nekoliko načina da pozovete saradnike da testiraju vaše projekte. Možete kreirati svoju listu korisnika na osnovu društvene mreže, kreirajte iskačući prozor na stranici da pronađete zainteresirane osobe. Sve što trebate učiniti je kreirati listu pitanja ili uključiti različite dizajne koje možete izabrati, a zatim poslati poziv ljudima tražeći od njih da odgovore na njih. Na osnovu rezultata, moći ćete napraviti potrebne promjene dizajna.

Ludo jaje

Ovaj alat će vam pomoći da svoju stranicu učinite jednostavnijom za korištenje i povećati konverzije stvaranjem pravog korisničkog iskustva. Radi na sljedeći način. Vi šaljete svoj dizajn, nakon čega će ga stručnjaci za upotrebljivost i korisničko iskustvo analizirati i podijeliti vaše komentare, koje možete iskoristiti za poboljšanje vaše stranice.

Alati za upotrebljivost

To je jedan od najčešće korištenih alata za UX dizajn i stekao je ogromnu popularnost među dizajnerima i trgovcima zbog svojih korisne funkcije... Ovaj alat pomaže analizirati stranice web stranice sa stanovišta korisnika. Ova ogromna prednost za dizajnera je u tome što daje specifične naznake o tome gdje i koje promjene dizajner treba napraviti da bi povećao konverzije, ili koje elemente treba premjestiti da bi mogao potaknuti korisnika da preduzme određene radnje. Ovaj alat za upotrebljivost također omogućava povratne informacije i povratne informacije od ljudi koji stvarno koriste proizvod.

Appsee

To je "analitički softver" koji se koristi za praćenje aktivnosti korisnika aplikacije. Ovaj alat će vam pomoći da steknete vrijedan uvid u to kako korisnici komuniciraju s vašom aplikacijom. Funkcija "Snimanje korisnika" ovog instrumenta je najimpresivnija. On bilježi aktivnost korisnika i na taj način vam daje odličan uvid u ponašanje korisnika. To je koristan alat za poboljšanje ukupnih performansi vaše aplikacije i povećanje konverzija.

Attensee

To je alat za praćenje ponašanja korisnika koji vam pomaže da shvatite kako vaša ciljna publika gleda stranice na vašoj web lokaciji. Attensee vam daje vizualnu indikaciju da li ljudi primjećuju važne "elemente vaše stranice". Ovo je direktno povezano s dizajnom, jer ako ustanovite da se značajan broj korisnika zapravo ne fokusira na važne elemente kao što su baneri, gumbi za poziv na akciju, posebne ponude, Attensee vam može pomoći da to popravite.

UserVoice

Ovo je još jedan moćan alat koji vam omogućava da vidite i analizirate različite radnje korisnika dok pregledavaju vašu stranicu. Ovaj alat vam omogućava da dobijete direktne povratne informacije od stvarni korisnici i rešavaju probleme sa kojima se suočavaju.

MouseStats

Kao što naziv ovog alata sugerira, MouseStats vam pomaže da pratite radnje korisnika pomoću miša. Kao što verovatno znate, pokreti miša oponašaju pokrete očiju korisnika. Praćenje kretanja kursora i pomicanje će vam dati važne naznake o tome kako korisnici stupaju u interakciju s vašim dizajnom. Najbolja stvar u vezi s ovim alatom je što pruža vizualni prikaz aktivnosti korisnika i na taj način pomaže u uvođenju potrebnih promjena.

Alati za UX dizajn za izradu prototipa i kolaborativni dizajn

Timski rad je preduslov kada je u pitanju razvoj dobrih UX dizajna za vašu ciljnu publiku. Ako ste navikli raditi u timu, onda morate imati pristup odgovarajućim alatima koji mogu pomoći članovima vašeg tima da efikasno i bez napora sarađuju i daju svoje prijedloge. Ispod su alati za UX dizajn za izradu prototipa i kolaborativni dizajn koji bi vam mogli biti korisni.

FileSquare

To nije samo alat za saradnju. Omogućava vam da kreirate interaktivni prototip i istovremeno sarađujete sa drugim članovima tima. Donosite kreativne odluke i dobijajte povratne informacije od ljudi u stvarnom vremenu.

Notizam

Radite li na vizualnom sadržaju i tražite alat za suradnju? Onda vam treba Notism. Kako bi komunikacija s timom bila što praktičnija, koristi se skice i bilješke. Obavještenja dolaze u realnom vremenu, tako da možete dobiti povratne informacije od kolega i klijenata čim ih neko primijeti.

Crvena olovka

Uz RedPen, zajednički dizajn i izrada prototipa bit će brzi i laki. Ovaj UX alat je za zajedničko modeliranje dizajna i izradu prototipa. Posebno je dizajniran da olakša saradnju sa grafičkim sadržajem. Razmjena recenzija je vrlo jednostavna: da bi odabrao bilo koji od elemenata i ostavio bilješku, korisnik samo treba da pređe mišem preko njega. Nakon toga, pojavljuje se mali okvir za tekst u kojem možete ostaviti povratne informacije.

Memosort

Uz Memosort, udaljenost više nije prepreka. Ovaj sjajan alat jedan je od najboljih alata za kolaborativni dizajn. Pomoći će vam da se povežete s timom i sarađujete u realnom vremenu. Sve bilješke u Memosortu se automatski spremaju, tako da ne morate brinuti dobra ideja ili ponuda može biti izgubljena.

Trello

Zaboravite dugo i dosadno emails Trello je tu da timu olakša saradnju i komunikaciju. Prednost ovog alata je što je besplatan. Unutar Trello alata postoje posebne kartice koje predstavljaju različite projekte. Sve što trebate učiniti da dodate ljude u projekat je da ga povučete i ispustite na odgovarajuću kartu. Alat se također ažurira u realnom vremenu.

Invision

To je zanimljiva kombinacija alata za saradnju i izradu prototipa. Pomoću njega možete kreirati interaktivne prototipove i modele. Interakcija u realnom vremenu je moguća uz Invision. Sve što treba da uradite je da pošaljete link do dizajna drugim članovima tima i oni mogu da rade na njemu i da daju predloge.

Sažimanje

Dakle, ovo su neki alati za UX dizajn koji pomažu web dizajnerima da kreiraju uspješne online projekti samostalno i u timu, kao i prikupljanje informacija o korisničkom iskustvu u svrhu samousavršavanja. Ako znaš nešto više korisni alati koju smo zaboravili spomenuti - svakako napišite o tome u komentarima!

Ako želite da se razvijate u oblasti dizajna, onda naravno morate stalno usavršavati svoje veštine, biti u toku sa trendovima i poznavati savremene dizajnerske zahteve, kao i posebne termine. Jedan od takvih pojmova je UX/UI dizajn.

Zapravo, kada sam prije dvije godine trebao saznati kakve su to “sedmice” i “ui”, morao sam dobro da kopam da bih mogao shvatiti šta je to i po čemu se jedno razlikuje od drugog. O tome se dosta pisalo, a istovremeno nije uvijek jasno. Stoga predlažem da zajedno razumijemo ove koncepte.

Počnimo s UX-om. UX je skraćenica za Korisničko iskustvo, što se doslovno prevodi kao "korisničko iskustvo". Način na koji je UX dizajn, na primjer, web stranice osmišljen, korisniku je pogodnije pretraživati. informacije koje su vam potrebne ili u interakciji sa njim. Drugim riječima, zadatak UX dizajna je rješavanje pitanja funkcionalnosti i pogodnosti alata ili resursa.

Inače, pojam se ne odnosi samo na IT oblast, već i na bilo koju drugu. Možemo reći da je UX dizajn hemijske olovke koliko dobro piše, koliko je paste za pisanje dovoljno, da li pomaže u formiranju ispravnog rukopisa, da li je zgodna za transport, sa zaštitnim poklopcem ili automatskim... općenito, koliko dobro proizvod rješava zadatak za koji je namijenjen i pritom je važno - koliko je jasan korisniku.

Korisnik bi se trebao osjećati ugodno i razumjeti sve

Što se tiče UI dizajna, in u ovom slučaju ovo je skraćenica za Korisnički interfejs, opet doslovno - "korisnički interfejs". Ovaj isti tip dizajna određuje boju, oblik, veličinu i lokaciju elemenata, nazive i veličinu fontova. Odnosno, UI je vizualna komponenta, čiji je zadatak, ako želite, istaknuti i istaknuti određene elemente web stranice ili proizvoda. Odnosno, da bi proizvod ili resurs učinili ugodnim oku i intuitivnim za korištenje. Na primjer, percepcija teksta ovisi o tome kako je podijeljen na pasuse, veličini i vrsti fonta, prisutnosti naslova i ilustracija i prostoru koji okružuje tekst.

Razlike između UX i UI dizajna

Unatoč očiglednoj sličnosti ova dva koncepta, oni djeluju različite funkcije, kao sastavni dio gotovo svakog projekta. Da biste bolje razumjeli razlike između ovih tipova dizajna, razmotrite primjer - rezultate pretraživanja Yandexa.

Unutrašnja struktura, hijerarhija, ogromna količina dodatne usluge (Direktno, metrika, Wordstat i tako dalje) je UX. Ali, na primjer, činjenica da su linkovi koje ste već pratili istaknuti drugom bojom - ovo je korisnički interfejs. Također se odnosi i na korisničko sučelje da stranica ima čist Bijela pozadina, uvlake između rezultata pretrage, dovoljne za ugodnu percepciju, favicon, kao i mogućnost odlaska na poštu u gornjem desnom uglu sajta u bilo kom trenutku.

UX dizajner razmišlja o tome kako će korisnik komunicirati sa sistemom kako bi on ispunio njegova očekivanja. UI dizajner razmišlja o tome kako bi trebalo da izgleda: ikone, slike, font, kompozicija boja, lakoća percepcije općenito. I prilično često ista osoba radi ovaj zadatak, pa se često na upražnjenom mjestu dizajnera UI i UX pišu kroz /.

Koncepti su različiti, ali su slični po tome što su usmjereni na osiguravanje udobnosti korisnika.

Prijave

Kao što je već spomenuto, termini UI i UX su primjenjivi ne samo na IT polje. Zapravo, pojavili su se čim je stvoren prvi proizvod. Odnosno, davno. Na primjer, može se uzeti u obzir jedno od prvih otkrića u UX dizajnu kotač.

Nedavna pojava termina, sličnosti u pravopisu i opsegu često dovode u zabludu. U sklopu svog bloga posvetit ću više pažnje temama vezanim za razvoj web sučelja i komercijalni dizajn.

Da biste razumjeli probleme UX/UI dizajna, nije dovoljno jednom pročitati tutorijal ili nekoliko članaka, razumjeti osnove i završiti nekoliko projekata. Oblast web dizajna se mijenja i razvija gotovo svakim danom, pa su zahtjevi i činjenica da “ juče"Bilo u trendu," danas„Nije više comme il faut.

Kako razumjeti da li je vaš dizajn ispravan

Ako govorimo o zadatku prodaje, onda "ispravnost" UX dizajna provjerava A/B testiranje ili fokus grupe... Ovo vam omogućava da vidite koliko je interfejs jasan i zgodan za korisnika. Na primjer, svi članovi fokus grupe imaju zadatak da pronađu određeni odjeljak na stranici ili se registruju. Koliko brzo to rade dovoljno govori o kvaliteti UX dizajna.

Koncept UI dizajna je u ovom slučaju subjektivniji, jer često zavisi od pretencioznosti i ukusa korisnika. A ono što se jednom čini lijepim, drugome boli oči. Međutim, postoje opće smjernice (jasan raspored blokova, tekst na pozadini, isticanje ili isticanje elemenata na koje se može kliknuti, i tako dalje) koje bi trebao slijediti svako ko dizajnira digitalne proizvode.

Pišite u komentarima U nastavku je vaše mišljenje da li sam uspeo da otkrijem i ako nisam čime da ga dopunim.

Sve zavisi od stepena pumpanja bake. Ako je vaša baka UX / UI dizajner, onda vam vjerovatno neće trebati pretjerano pojednostavljivanje metafora. Za manje radoznalu baku ovo bi mogao biti izgovor: "Radim sa mobilnim i online aplikacijama." Ako pokušamo da sastavimo definiciju od riječi koje jedna prosječna baka razumije, što je moguće više lakonski i pobliže odražavajući značenje, to će biti: „Poboljšavam kvalitetu digitalnih usluga (UX), uključujući dizajn tačaka, kanala za primanje ovih usluga (UI)."

Tatiana Pchelintseva, in Završio kurs "UX/UI dizajn" BHSAD

“Mojoj baki... Ispostavilo se da ni moj tata donedavno nije razumio šta radim. Desio se smiješan incident. Tata je pitao za koga učim. Odgovorio sam da radimo digitalne proizvode, poboljšavamo korisničko iskustvo. (Pauza) "Prodajete li sir preko interneta?" Zašto baš sir, još uvijek ne razumijem, ali me se jako dojmio. Morao sam reći da je svako od nas UX dizajner.

Roditelji su nedavno izvršili popravke u stanu, opremili ga u skladu sa svojim potrebama: zidne police na visini na kojoj će mami biti zgodno da slaže knjige, sofa se nalazi na tolikoj udaljenosti od TV-a tako da utiče na oči su minimalne, aparat za kafu je uvek na vidnom mestu... UX dizajner se također bavi dizajnom, ali ne toliko svojim iskustvom koliko tuđim: identifikuje ciljeve korisnika/poslovanja, identifikuje njihove muke i predlaže rješenja."

Denis Ushakov, in Diplomirani BVShD

„Najteže mi je bilo objasniti baki, koja frazu „dizajn proizvoda“ doživljava kao nešto vezano za trgovinu i stalno me pita s kakvim proizvodima radim. :)

Ali općenito, i za baku i za roditelje, objašnjenje na primjeru volana automobila je sasvim prikladno: UX dizajn objašnjava lokaciju volana u automobilu, a UI objašnjava njegovu izgled».

Primjer je jedan od ovogodišnjih diplomskih projekata naših studenata - digitalni izlog za Tele2. Ovo je samouslužni kiosk u salonima Tele2 koji vam omogućava da sami dobijete potrebne usluge i uštedite vrijeme. Pred polaznicima kursa postavljen je zadatak da redizajniraju UX i UI digitalnog izloga kako bi ovu uslugu učinili praktičnom, povećali konverziju i „digitalizirali“ komunikaciju između pretplatnika i mobilnog operatera.

Projekat studenata predmeta "UX/UI dizajn" BHShD za Tele2: digitalni vitrina za Tele2

Dizajneri su osmislili i listu funkcija izložbenog prostora i njihov redoslijed, lokaciju navigacije na ekranu, korake za dobivanje ove usluge. Da biste to učinili efikasno, nije dovoljno jednostavno nacrtati ekran, sve je razvijeno na osnovu istraživanja, testiranja i drugih alata za dizajn proizvoda koje UX / UI dizajner mora posjedovati.

2. Koje kompetencije ima idealan UX / UI dizajner?

U vrijeme pojave pojma "dizajn korisničkog iskustva" (UXD), termin "dizajn interfejsa" (UID) je već postojao i imao je jasnu stabilnu listu artefakata - tih rezultata rada dizajnera interfejsa digitalnih proizvoda. koji je omogućio kreiranje interfejsa: ikone, dugmad, kreiranje maketa, UI kit, rad sa fontovima, mrežama, kreiranje ilustracija i tako dalje.

Uvođenje UXD kompetencija u području razvoja digitalnih rješenja iznjedrilo je klasu UX dizajnera koji su ovom procesu dodali nove artefakte povezane sa naučnijim i metričkim pristupom dizajnu usluga: istraživanje upotrebljivosti, istraživanje korisnika, razvoj informacijske arhitekture, korisnik analiza rute. Kao da je dizajner namještaja radio s ergonomijom kako bi stvorio ne samo lijepe i čvrste, već i udobnije stolice.

Sa pojavom agilityja u softver(Agile, Scrum), broj visokospecijalizovanih stručnjaka u timovima počinje da se smanjuje zbog povećanja broja kompetencija svakog učesnika. U agilnim proizvodnim timovima, odmah postaje jasno da razdvajanje odgovornosti za UX i UI povećava vrijeme razvoja zbog stalno promjenjivih i rastućih zahtjeva za "prihvatanjem" posla između dizajnera. Na kraju se jednom od dizajnera razboli, a onda se cijeli posao diže. Stoga timovi proizvoda radije angažuju UX/UI dizajnere koji kombinuju, iako površno, i UXD i UID kompetencije, umjesto dva duboka stručnjaka.

Kombinacija kompetencija UX/UI dizajnera

Koliko zarađuju ovi dizajneri? Najtačniji odgovor na ovo pitanje je hh.ru. Prema servisu, danas su kompanije spremne ponuditi UX / UI dizajnerima od 70.000 do 200.000 mjesečno ili više.

Možete izgraditi svoju putanju od različitih polazne tačke ali, naravno, počevši od grafičkog dizajnera, programera softvera, analitičara digitalnog poslovanja, socijalnog ili psihološkog istraživača, putanja će biti kraća, a put brži. U dizajnerskim timovima postoji element komplementarnosti i međusobnog učenja. Za efikasnost ovog procesa izrađuju se takozvane "zvezdane mape" na kojima se označava stepen posjedovanja različitih kompetencija. I, na primjer, ako dizajner ne posjeduje animaciju, onda se premješta u tim gdje se ova vještina razvija. To je ono što radimo sa našim studentima, samo se rotacija dešava na kraju svakog modula.

Daria Salnikova, UX / UI dizajner u Tele2

“Prije studiranja u Britanci radio sam kao grafički dizajner, bilo je projekata na web servisima, ali mi se u jednom trenutku nije svidjelo što se na proizvod spajam tek u zadnjoj fazi, kada više ne mogu utjecati na njegov upotrebljivost. Odnosno, crtate dugmad, ikone, raspoređujete ih prema tehničkom zadatku, čak i ako interno shvatite da će to biti nezgodno ili da neće riješiti problem.

Stoga sam odlučio dublje ući u UX / UI dizajn, kako bih shvatio kako se proizvod razvija od nule, kako se provode istraživanja, proučava se korisnik, njegovi zadaci i ponašanje? i kako sve to utiče na interfejs. Prvo sam pohađao uvodni online kurs od AIC-a, a zatim sam otišao na praksu u Britanci. Nakon nekoliko projekata obuke za Golden Crown i Mail.Ru, zaposlio sam se kao UX/UI dizajner u Tele2. Pored portfolia, bilo je važno kako mogu raditi u timu, koje uloge sam zauzimao u ovim projektima, koje zadatke, osim interfejsa, mogu rješavati i druge meke vještine.

Sada radim na sistemu lojalnosti za Tele2 klijente. A ovo je potpuno drugačije: radimo sa analitičarima, a kada je u pitanju korisnički interfejs, već mogu da tvrdim o lokaciji, obliku, boji svakog elementa interfejsa. Na kursu smo imali momke koji nisu dolazili iz oblasti dizajna (marketeri, menadžeri, programeri). Na kursu su savladali alate za izradu prototipa, naučili kako da naprave neke elemente interfejsa. Jasno je da nemaju istu dizajnersku pozadinu kao grafički dizajneri. Ali tako je sjajno kada čak i menadžeri ili programeri razumiju dizajn, mogu napraviti prototip, popraviti baner, ikonu i općenito počnu shvaćati da je dizajn veliki posao."

Dmitrij Eršov, šef usluge u oblaku, dd "MegaLabs"

“MegaLabs ima nekoliko timova, među kojima se distribuiraju proizvodi MegaFona. Na primjer, sada tražimo dizajnere za timove MegaFon.Bank i MegaFon.TV. Kada sam već pogledao portfolio i razgovarao sa stručnjakom za UX/UI, prvo provjeravam svoje poznavanje teorije: kompozicija, tipografija, boja. Za svaku od tema postavljam nekoliko pitanja, a ako dizajner odgovori “Ja to vidim ovako” - odmah minus 1 bod. Ali ako, na primjer, ponudi da odabere boju koristeći shemu trijade, postaje jasno da je upoznat s osnovama boja.

Kada se teorija provjeri, shvatim koji je od pet nivoa UX-a po modelu Jess Garrett naj "napumpaniji" za kandidata i u zavisnosti od nivoa dajem nekoliko problema. Dizajneri proizvoda MegaFona su ljudi koji kreiraju interfejse zasnovane na ciljevima i potrebama kupaca kompanije. Prednost imaju oni koji razumiju probleme i nude nekoliko rješenja na licu mjesta.

Razvojna pitanja se uvijek postavljaju na intervjuima. Obično pokažem nekoliko sajtova i pitam koliko je kolona u mreži, ili po čemu se JS razlikuje od CSS-a. Dizajner mora biti u stanju da sve ovo objasni kako bi svoje ideje "upakovao" na jezik koji programeri mogu razumjeti."

3. Da li je teško naći posao?

S jedne strane, industrija osjeća nedostatak takvih stručnjaka i spremna je platiti puno, s druge strane, sada mnogi dizajneri traže posao i dugo ne mogu pronaći pristojan posao. Šta je problem sa oba?

Prije svega, morate promijeniti svoje razmišljanje. Od "kako napraviti prekrasne portfolio ekrane" do "kako učiniti ljude sretnijima nakon interakcije s proizvodom". Može se ispostaviti da uopće ne morate crtati ekrane, a ljudi će vam biti zahvalni na tome. Za kreiranje ovih artefakata koriste se stvarni dizajnerski alati i metodologije: dizajnersko razmišljanje, mapiranje korisničkih priča, mapiranje toka korisnika, mapiranje putovanja korisnika, Split testiranje, testiranje upotrebljivosti, kvantitativno istraživanje i mnoge druge. Iako ponekad možete doći do pravih rezultata na pogrešan način. Situacija na tržištu novih zanimanja je nestabilna, sada je to prilično traženo i isplativo zanimanje, ali potražnja stvara ponudu.

Evgeniy Zasimenko, diplomac BHSAD-a, produkt dizajner u Avitou

“Počeo sam tražiti posao dizajnera proizvoda nekoliko mjeseci prije završetka kursa. To ne znači da je jako aktivan, ali Avito mi se svidio kada smo bili tamo na ekskurziji iz Britanke. Proces zapošljavanja bio je prilično standardan u industriji dizajna: pregled portfolija, test zadatka, dva intervjua i dobio sam ponudu.

Razvoj proizvoda je prije svega timski rad, u kojem dizajner treba da učestvuje od samog početka i da bude angažovan u renderovanju interfejsa zasnovanih na metrici i istraživanju, da bude u stanju da kreira prototipove za testove, da radi u saradnji sa programerima i, što je najvažnije, treba da pomogne u postizanju zajedničkog cilja."

Procesi kompanija kojima je potreban dizajner proizvoda podižu ljestvicu za ulazak: osim razumijevanja dizajnerskih alata, potrebno je i praktično iskustvo u njihovoj upotrebi, kao i sposobnost timskog rada. Stoga, pored trenutnih alata i metodologija, našim studentima dajemo stvarne slučajeve velikih brendova i kombiniramo ih u višefunkcionalne timove.

Tokom ove godine uspeli smo da završimo oko 20 projekata za različite tipove kompanija: od očekivanih fintech - Alfa-Bank, MTS, MegaFon - do startapa iz oblasti poljoprivredne tehnologije. Mnogi studenti su uspjeli pronaći posao kao rezultat odbrane projekata u onim kompanijama za koje su radili projekat, jer kupci u procesu vide njihove kompetencije i praktično iskustvo.

Denis Ushakov, diplomirani BHShD

„Naš projekat je bio razvoj mobilne aplikacije AgroClick za Exact Farming. Aplikacija za skuter agronoma pomaže mu da zadrži sve podatke o biljkama na jednom mjestu, strukturira ih i brzo podijeli. Suština rješenja je da se ubrza komunikacija između agronoma skutera, koji je cijeli dan na terenu i prikuplja informacije o usjevima, i specijaliste agronoma, koji u kancelariji donosi ključne odluke, na primjer, o kupovini pesticida.

Sada nastavljam da radim na projektu kao produkt dizajner već u osoblju ove kompanije. Sam klijent mi je ponudio poziciju produkt dizajnera, pošto su već vidjeli za šta sam sposoban, imali smo iskustva u zajedničkom radu. Čini mi se da su skoro svi kolege do kraja studija dobili posao vezan za UX/UI u kompanijama kao što su Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Rusija i druge."

4. Da li će potražnja za takvim stručnjacima nastaviti da raste u narednih 5 godina?

S obzirom na to da se poslovanje različitih kompanija - od banaka do restorana - digitalizuje, može se očekivati ​​povećanje in-house razvoja i prelazak na šine razvoja proizvoda po narudžbi. Stoga će potreba za UX/UI dizajnerima biti velika. Ne mogu obećavati zlatne planine, jer se tržište novih profesija sve brže prilagođava potražnji, kao što je bilo sa stručnjacima za velike podatke. mašinsko učenje, blockchain i druga područja, ali obrazovani dizajner proizvoda sa dobar portfolio a rekord je sada skup i tražen širom svijeta.

„Mislim da se ne radi toliko o nazivu „UX/UI-dizajn“, već više o funkcionalnosti i odgovornosti. Potražnja, naravno, neće pasti, ali za koga? Promatraju se valovi: u početku su svi tražili svestranu osobu - dizajnera, dizajnera izgleda, copywritera. To je bilo zbog činjenice da kompanije ili nisu imale novca za to, ili nisu razumjele zašto bi ga trebale trošiti na dizajnere. Tada je počeo UX hype, pojavili su se interni istraživački i dizajnerski odjeli, počeo se koristiti koncept ne toliko dugmadi koliko korisničkog iskustva. Počeli smo da se igramo testiranjem, dizajnom, praćenjem očiju. Počeli su razmišljati u procesima, a ne ekranima.

Mislim da će se sljedeći talas fokusirati na svijest i implementaciju osnovnih UX koncepata i principa u svim profesijama za kreiranje proizvoda. Odnosno, biće traženi stručnjaci koji na nivou DNK razumiju principe istraživanja, osnovne metode analize korisnika i procesa, te osmišljavanje iskustava. A to ne isključuje visoke dizajnerske vještine. Vjerujem u rast dizajnerske kompetencije, jer dizajner je dobar, ali osjećaj ljepote u širem smislu riječi nije otkazan."

5. Kako se rad UX/UI dizajnera odražava u svakodnevnom životu?

Ako pretpostavimo da su gotovo sve što koristimo izmislili dizajneri, onda gotovo sve masovne digitalne usluge - mobilne stranice, web servise i druge - sada izmišlja Digital Product Designer. Bankarske aplikacije, usluge telekom operatera, e-trgovina, upoznavanje usluge, geolokaciju i informacione usluge... Možete nastaviti još dugo - lakše je otvoriti radnu površinu mobilni telefon ili desktop laptop i prelistajte instalirane aplikacije... Sve su to digitalni proizvodi, na čijoj logičkoj i vizualnoj komponenti rade UX/UI dizajneri.

Projekat studenata kursa "UX/UI dizajn" BHSAD za MTS: mobilni vodič za adaptaciju i razvoj zaposlenih u MTS-u

Posao može biti ili stvaranje potpuno novog proizvoda ili digitalizacija postojećih usluga. Na primer, naši studenti su napravili slučaj za MTS - mobilni vodič za adaptaciju novih zaposlenih i njihov razvoj uz sistem gamifikacije i druge funkcije. Oduvijek je postojao sistem prilagođavanja: od standardnog odjela za ljudske resurse do HR usluga i mentorskog sistema, ali digitalno rješenje je nešto novo. Fleksibilniji je, efikasniji i omogućava rješavanje različitih problema kompanije kroz jednu uslugu: umrežavanje, obuku, organizaciju rada zaposlenih.

Životni vijek profitabilnih poslovnih modela brzo se smanjuje. Da biste ostali na površini, morate stalno stvarati nove i razvijati postojeće digitalne proizvode. Brendovi koji se ne mogu prilagoditi brzini silaze sa staze. Zbog toga savremenih kompanija preći na brze adaptivne cikluse stalnih promjena. Ovo je samo o ozloglašenom Agile-u i Scrum-u. Dizajniraj-Razvijaj-Uči i ponovo zaokruži. Posljedično, dizajnerska stručnost kao dio ovog kruga postaje fundamentalna.

Alina Ermakova, šefica Odjeljenja za analitička istraživanja interakcije korisnika u Sberbank-Technologies

“Prije nekoliko sedmica vratio sam se sa Enterprise UX konferencije u San Francisku. Velike kompanije govorile su o tome kako dizajniraju javne usluge, ili velike fintech sisteme, ili, na primjer, kako Uber održava dosljednost, budući da se nalazi u 77 zemalja svijeta. UX/UI je već u njihovoj DNK. Ovo nije faza, nije metoda, ovo je normalan proizvodni proces. Na primjer, ne postoje ceremonije dizajna.

Cijeli proces stvaranja proizvoda je dizajnersko razmišljanje. Tim koristi prave metode tamo gdje se osjeća ispravno. Ovo je dio posla. I na scenu nisu došli mladi hipster dizajneri koji su bili angažovani da crtaju interfejse. Bilo je ujaka i strina starijih od 45 godina, vlasnika preduzeća, generalnih direktora korporacija. Jer ovo je već na nivou zdravog razuma."

6. Koje su metodologije trenutno najpopularnije?

U Rusiji se kultura dizajna proizvoda tek pojavljuje. Okvir Design Thinking je već postao sastavni dio internog korporativnog programa obuke u našim velikim kompanijama i korporacijama: Rosatom, Sberbank, Alfa-Bank i drugi.

Derivati ​​Design Thinkinga su tradicionalno popularni u digitalnim kompanijama - Google Ventures Design Sprints, IBM Design Thinking, kao i razni dijelovi alata Design Thinking - modeliranje karaktera, etnografsko istraživanje, mape dionika, mapiranje putovanja kupaca i drugi. Relativno nov, ali vrijedan pažnje je okvir Jobs To Be Done, gdje se proizvod razvija ne toliko na osnovu karakteristika korisnika koliko na osnovu situacije u kojoj se nalazi. Relevantnost metodologije zavisi kako od obima kompanije, tako i od internih procesa. Implementacija istog Scrum-a u velikoj kompaniji je duža i teža nego u startupu, ali sve je realno, glavna stvar je želja da se napravi odličan proizvod za ljude.

Dmitrij Eršov, direktor Cloud usluga, MegaLabs JSC

“Za proizvode koji se neće mijenjati koristimo klasični model razvoja vodopada, a za one koji se stalno razvijaju biramo SCRUM. Opisujemo nove proizvode ili funkcionalnost koristeći dijagrame slučajeva upotrebe, ali isprobavamo koncept poslova koje treba obaviti, u kojem takvi dijagrami nisu potrebni.

Prilikom planiranja novih izdanja procjenjujemo funkcionalnost prema važnosti za korisnike, za poslovanje i u smislu troškova rada. Najteže je procijeniti važnost za korisnike. Da bismo postigli više objektivnosti, koristimo okvir HEART. Pomaže vam da pogledate nove funkcionalnosti kroz sočivo korisničkih ciljeva.

Ponekad se pojave sporovi, na primjer, vlasnik proizvoda se ne slaže s dizajnerom. U takvim slučajevima razvijamo i lansiramo različite opcije u isto vrijeme kako bismo ocijenili učinkovitost svake od njih. Najefikasnije rješenje određuje statistika ponašanja korisnika."

7. U koje industrije će se tehnike UX/UI dizajna integrirati u budućnosti?

Ako uzmemo globalnu praksu, područja koja se najsporije razvijaju su područja sa niskom konkurencijom, na primjer, državne službe - tu se može pomoći. U našoj zemlji tradicionalno niska finansijska i pravna pismenost, zbog toga, ne tako brzo koliko bismo želeli, postoje proizvodi za upravljanje imovinom i sve vrste pravnih usluga.

Na kursu se bavimo dosta fintech-a, jedan od nedavnih slučajeva je mobilna usluga koja pomaže osobi da upravlja svojim financijama i investira. Kako bi uklonili komunikacijsku barijeru između banke i korisnika, studenti su došli do odluke da naprave alat u formatu chatbot koji može raditi u bilo kojem user-friendly messengeru.

Projekat polaznika kursa UX / UI dizajn BHSAD-a za Ak Bars banku: lični finansijski asistent, alat za ulaganja u bilo koji pogodan messenger.

IDEO je već dugi niz godina prepoznata pokretačka snaga u primjeni dizajnerskog razmišljanja. Iz njihovih nedavnih slučajeva možete vidjeti da se ova metodologija aktivno počinje primjenjivati ​​u području obrazovanja, razvoja nosive elektronike i rješavanja globalnih problema.

Jasno je da je povećana konkurencija u raznim vrstama poslovanja natjerala kompanije da pređu na digitalno poslovanje. Stoga, ako danas vidimo da su poljoprivredna tehnologija, medicina, restoransko poslovanje i druge offline sfere počele pružati usluge online, onda će im sutra trebati naše metodologije da tržištu ponude nove funkcije i proizvode, da osmisle i ažuriraju svoja digitalna rješenja brže, da budete fleksibilniji i da učinite svoje klijente sretnijima.

“Većina kompanija još uvijek doživljava UX/UI istraživanje, dizajn razmišljanja i druge kreativne tehnike kao uslugu, zasebnu uslugu koja se može naručiti ili unajmiti. Razmišljajući kao da se dizajner ne može kupiti, morate početi. Svi =) ", - kaže Alina Ermakova, šefica odjela za analitičko istraživanje interakcije korisnika u Sberbank-Technologies.

Dizajn je prilično širok i nejasan pojam. Kada neko kaže: „Ja sam dizajner“, nije odmah jasno šta radi iz dana u dan. Postoji niz različitih industrija koje potpadaju pod ovaj koncept.

Poslovi koji se odnose na dizajn kreću se od industrijskog dizajna (automobili, namještaj), štampe (časopisi i druge publikacije) do web dizajna (web stranice, mobilne aplikacije). Sa nedavnim prilivom visokotehnoloških kompanija fokusiranih na kreiranje interfejsa za ekrane, bilo ih je mnogo novi posao... Položaj UX ili UI dizajnera može biti neshvatljiv ne samo neupućenima, već čak i samim dizajnerima koji dolaze iz drugih industrija.

"Ne postoji jedan tačan odgovor na ovo pitanje."

Hajde da pokušamo da shvatimo šta to zaista znači u IT industriji.

UX dizajner

UX dizajneri se prvenstveno bave kako proizvod komunicira s korisnikom... Ne postoji jedinstven tačan odgovor na ovo pitanje. UX dizajneri istražuju različite pristupe rješavanju određenog problema korisnika. Glavni zadatak UX dizajnera je osigurati da proizvod teče logično od jednog koraka do drugog. Jedan od načina na koji UX dizajner to može shvatiti je da lično radi korisničke testove i nauči kako se osjećaju. Identificirajući verbalne i neverbalne kamene spoticanja, ispravlja i ponavlja kako bi stvorio "bolje" iskustvo za korisnika. Primjer je stvaranje sjajnog onboardinga za novog korisnika.

„Definirajte modele interakcije, tok korisničkih zadataka i specifičnosti interfejsa. Razviti scenarije, interakcije od kraja do kraja, modele interakcije, razvoj grafički interfejs korisnik. Radimo s našim kreativnim direktorom i grafičkim dizajnerom kako bismo integrirali vizualnu stranu Twittera s njegovim funkcionalne karakteristike... Razvijte i održavajte žičane okvire, makete i specifikacije po potrebi."

Primjer ekrana aplikacije koji je dizajnirao UX dizajner
Izvor: Kitchenware Pro Kit Wireframe od Neway Laua na Dribbbleu.

zadatak:Žičani okviri ekrana, storyboards, plan lokacije

instrumenti: Photoshop, Sketch, Illustrator, Fireworks, InVision

Verovatno ste čuli od njega: “ Korisnik bi trebao vidjeti stranicu "Hvala" nakon završetka registracije."

UI dizajner

Za razliku od UX dizajnera, koji su zabrinuti za cjelokupnu percepciju proizvoda, za UI dizajnere je važno da kako proizvod izgleda... Oni su odgovorni za dizajniranje svakog ekrana ili stranice s kojima korisnik komunicira i pružanje vizualnog korisničkog sučelja koje je dizajnirao UX dizajner. Na primjer, dizajner korisničkog sučelja, kreirajući kontrolnu ploču, može dovesti do vrha više važna informacija, ili odlučuje da li je klizač ili kontrolna tabla najintuitivniji za dodavanje u raspored. Dizajner korisničkog sučelja je također obično odgovoran za kreiranje kompletno vođenje po dizajnu, koji obezbeđuje koherentan jezik dizajna koji obuhvata ceo proizvod. Održavajte konzistentnost vizualnih elemenata i odredite u kojem smjeru ćete raditi. Na primjer, kako prikazati greške ili upozorenja je u nadležnosti UI dizajnera.

„Koncept i implementacija vizuelnog jezika Airbnb.com. Kreiranje proširenog vodiča za stil."

Granice između UI i UX dizajnera su prilično nejasne, a kompanije vrlo često odlučuju kombinirati ove uloge.

Dizajner korisničkog sučelja određuje cjelokupni osjećaj i izgled aplikacije.
Izvor: Metro Style Interface 4 od Ionuta Zamfira iz Dribbblea.

instrumenti: Photoshop, Sketch, Illustrator, Vatromet

"Polja" unosa "i" registar "moraju se pomjeriti u gornji desni ugao."

Grafički dizajner

"Grafički dizajneri rade na malim detaljima na koje drugi ne obraćaju pažnju."

Grafički dizajner je neko ko radi grafiku - najvjerovatnije će vam nedizajner odgovoriti ako ga pitate šta dizajner radi. Grafičke dizajnere nije briga kako ekrani upućuju jedni na druge, niti kako neko stupa u interakciju s proizvodom. Umjesto toga, njihov fokus je na dizajniranju prekrasnih ikona, kontrola i vizuala i kreiranju prikladnog izgleda. Grafički dizajneri rade na malim detaljima koje drugi ne mogu vidjeti, a često rade u Photoshopu sa uvećanjima od 4x i 8x.

„Proizvedite visokokvalitetne vizuelne projekte: od koncepta do izvođenja, uključujući za desktop, web i mobilne uređaje sa različite rezolucije(ikone, grafike i marketinški materijali). Kreiranje i ponavljanje resursa koji odražavaju brend, čine proizvod lijepim i udahnjuju mu život."

Dizajneri korisničkog interfejsa takođe često moraju da rade ne samo svoj posao, već i da naprave izgled savršen za piksela. Neke kompanije odlučuju da nemaju posebnu osobu za ulogu grafičkog dizajnera.

Grafički dizajner dizajnira, usmjerava i prilagođava svaki piksel kako bi osigurao savršen krajnji rezultat.
Izvor: IOS 7 Guide Freebie PSD od Seevi kargwal na Dribbbleu.

instrumenti: Photoshop, Sketch

Najvjerovatnije ste od njega čuli:"Smanji kerning i pomjeri dugme za 1 piksel ulijevo!"

Dizajner pokreta

Sjećate se suptilnog pokreta kada podignete ekran da biste ažurirali poštu svog iPhone-a? Ovo je posao dizajnera pokreta. Za razliku od grafičkih dizajnera, koji imaju tendenciju da se bave statičnim objektima, dizajneri pokreta kreiraju animacije unutar aplikacije. Oni se bave šta radi interfejs nakon što ga korisnik dodirne... Na primjer, oni odlučuju kako će meni kliziti, koje efekte koristiti za prelaze i kako će se dugme pritisnuti. Kada se uradi dobro, pokret postaje sastavni deo interfejsa, pružajući vizuelne naznake o tome kako koristiti proizvod.

“Potrebno je znanje grafički dizajn, motion design, digitalna umjetnost, osjećaj za boje i tipografiju, opća svijest o materijalima / teksturama i praktično razumijevanje animacije. Znanje iOS firmver, OS X, Photoshop i Illustrator, te poznavanje Director (ili ekvivalenta), Quartz Composer (ili ekvivalent), 3D kompjutersko modeliranje, pokretna grafika."

instrumenti: AfterEffects, Core Composer, Flash, Origami

Najvjerovatnije ste od njega čuli:"Meni bi se trebao pojaviti s lijeve strane za 800 ms."

UX istraživač

UX istraživač zna sve o potrebama korisnika.

UX istraživač zna sve o potrebama korisnika. Cilj istraživača je odgovoriti na dva glavna pitanja: "Ko su naši korisnici?" i "Šta žele naši korisnici?" To obično uključuje anketiranje korisnika, istraživanje tržišta i analizu podataka. Dizajn je proces stalnog ponavljanja. Istraživači mogu pomoći u ovom procesu tako što će pokrenuti A/B testove kako bi otkrili koja opcija dizajna najbolje odgovara potrebama korisnika. UX istraživači imaju tendenciju da budu oslonac velikih kompanija, gdje im pristup velikim količinama podataka daje široku priliku da izvuku statistički značajne zaključke.

„Bliska saradnja sa razvojnim timovima na identifikaciji istraživačkih tema. Dizajn istraživanja koji se odnosi na radnje i percepcije korisnika. Provođenje istraživanja korištenjem i primjenom raznih metoda kao što su ankete."

Termin UX nastao je 1993. godine u utrobi Apple Corporation, transkript zvuči kao korisničko iskustvo. Sa rastućom popularnošću mobilnih uređaja, ovaj koncept je postao moderan i počeo se koristiti posvuda. Ali čak ni sada ne može svako sa sigurnošću odgovoriti šta je UX dizajn, po čemu se razlikuje od UI dizajna i zašto se ove stvari često spominju zajedno. Mi ćemo vam pomoći da to shvatite.

Šta je UX dizajn

Na ruskom, UX dizajn je dizajn korisničkog iskustva. To je jedan od prvih koraka u kreiranju proizvoda i služi da aplikacija bude logična, zgodna i korisna. a sajtovi određuju kakve će utiske osoba steći korištenjem njih, kako će tačno koristiti te proizvode.

Gdje je bolje postaviti ulaz na svoj lični račun? Koliko koraka korisnik treba da prođe da bi se pretplatio na bilten ili naručio? Kako će znati da je operacija uspjela? Ovo su pitanja na koja UX dizajner odlučuje.

UX dizajn uključuje različite komponente:

• informaciona arhitektura;
• interaktivni dizajn;
• upotrebljivost (pokazatelj jednostavnosti, pogodnosti i efektivnosti proizvoda u očima korisnika).

UX dizajner razumije psihologiju i emocije korisnika, analizira njihova očekivanja od proizvoda i postavlja cilj koji treba postići. Zatim bira odgovarajuće alate i osmišljava aplikaciju ili strukturu stranice koja ispunjava sve potrebne parametre.

Gruba ideja o web stranici ili aplikaciji je poput rastavljene slagalice u našoj kancelariji. Od ovih komada, voljom UX dizajnera, formira se jasna struktura.

Kao UX dizajner, nema monotonih zadataka, tako da različiti projekti često zahtijevaju ljude s vještinama iz različitih područja. Postoje čitave laboratorije sa moćnom tehničkom opremom, u kojima tim od nekoliko ljudi radi na istraživanju. U takvim laboratorijama postoje uređaji koji bilježe psihofizičke reakcije korisnika (na primjer, pokrete pogleda i otkucaje srca), sprovode ankete, posmatraju korisnike po uključenoj i neuključenoj metodi itd.

Za UX dizajnere je važno da budu u stanju:

• provesti istraživanje korisnika;
• kreirajte žičane okvire i prototipove lokacija i aplikacija. Ovo će pomoći da se procijeni u kom smjeru razvijati aplikaciju ili web lokaciju. Štoviše, sposobnost crtanja uopće nije obavezna vještina za modernog UX dizajnera. Postoji mnogo alata za izradu prototipa u kojima možete koristiti gotove elemente za kreiranje kompetentne vizualizacije sučelja (na primjer, Axure, Balsamiq ili UXPin);
• dizajn interakcije, odnosno zamislite kako će točno osoba koristiti proizvod. Da bi se to postiglo, kreiraju se karte ruta korisnika duž ekrana aplikacija, interaktivni žičani okviri lokacija i aplikacija s različitim opcijama dizajna;
• testirati proizvod;
• baviti se analitikom. Korištenje različitih metrika (kao što su Webvisor, Hotjar, Mixpanel, UXcam ili Appsee) može vam pomoći da shvatite koliko je dizajn efikasan i da poboljšate svoj proizvod na osnovu stvarnih podataka.

Više o principima i osnovama dizajna UX interfejsa možete pročitati u.

Šta je UI dizajn

Dizajn korisničkog interfejsa ili UI dizajn je vizuelno oličenje UX dizajna. Njegov zadatak je da aplikaciju, web stranicu ili drugi proizvod učini intuitivnim, atraktivnim i što jednostavnijim za korištenje koristeći određena grafička rješenja.

Dizajner korisničkog sučelja odgovoran je za to kako će izgledati svaki pojedinačni ekran ili stranica. On je odgovoran za grafičke kontrole kao što su dugmad i potvrdni okviri, fontovi, sheme boja i različiti vizualni elementi.

Kako bi dugme trebalo da izgleda da bi ga bilo lako kliknuti? Koju veličinu fonta trebam odabrati da bi tekst bio čitljiv? Kako da formatiram poruku o grešci tako da privlači pažnju, ali ne iritira? UI-dizajn interfejsa pomaže u pronalaženju odgovora na ova pitanja.

Dizajner korisničkog interfejsa u svom radu koristi različite grafičke uređivače: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Dok radi na tome kako će aplikacija izgledati na ekranu gadgeta, UI dizajner se fokusira na smjernice mobilne platforme – skupove preporuka Applea i Googlea, zahvaljujući kojima aplikacije trećih strana izgledaju dosljedno i neprimjetno se uklapaju u cjelokupni koncept.

Ako povučemo vrlo jednostavnu analogiju iz života, onda je UX dizajn raspored stana i komunikacija, a UI izbor tapeta i podova. Međutim, u praksi su UX i UI dizajn usko povezani, drugi logično slijedi prvi, a često je ista osoba angažirana u oba. Stoga je granica između dva koncepta zamagljena i oni su naznačeni zajedno.