Sedam pitanja o poslu UX dizajnera: razumijevanje profesije. Što rade UX i UI dizajneri, a što front-end programeri? Što je ux dizajn

Postoji dosta područja vezanih uz dizajn u IT industriji. Najčešći među njima su dizajneri, skriveni iza akronima UX i UI. Pa, neki ljudi čak uspiju uključiti front-end programere kao dizajnere. Pokušajmo shvatiti tko su dizajneri u IT svijetu, koja je razlika između UI i UX-a i kakav odnos front-end inženjeri imaju prema dizajnu.

Dizajneri

Razvoj sučelja aplikacija, web stranica ili igara prilično je složen proces i zahtijeva primjenu znanja iz različitih područja: inženjerstva, psihologije i dizajna. Dizajneri korisničkog sučelja ili korisničkog sučelja usredotočeni su na način na koji se prikazuju funkcionalnosti web-mjesta (pretraživanje, kartice, izbornici) i detalje o tome kako klijent i sučelje međusobno djeluju. Cilj UI dizajnera je estetski prihvatljiv dizajn modernog proizvoda. UX je kratica za User Experience, što znači "korisničko iskustvo". UX dizajner više je fokusiran na upotrebljivost i razumijevanje sučelja od strane potencijalnog korisnika. Takav će stručnjak često provoditi istraživanja i ankete koje će činiti osnovu za stvaranje koncepta dizajna, a također će testirati koncepte tijekom i nakon razvoja. Obično se fokusira na strukturu, sadržaj, navigaciju i način na koji korisnik stupa u interakciju s tim elementima.

Izrađuje sitemape, prototipove, koji su osnovna struktura pri izradi softvera. Cilj rada UX dizajnera je da korisnik brzo i bezbolno dobije sa stranice ono po što je došao. Međutim, danas je vrlo uobičajeno vidjeti ove dvije specijalizacije napisane s kosom crtom. Odnosno, zadatke oba smjera obavlja jedan stručnjak. UX/UI dizajner dizajnira interakciju korisnika sa sučeljem, odlučuje što točno treba učiniti i odgovoran je za to kako će to sučelje izgledati kao rezultat.

Što UX/UI dizajner treba znati

Grafički urednik. Najpopularniji alati na tržištu su Adobe Photoshop, Adobe Illustrator, kao i Sketch, Figma. Odaberite uređivač koji vam odgovara i prvo pokušajte nacrtati snimke zaslona web stranice ili aplikacije, malo ih modernizirajući.

Alati za izradu prototipa (Mockplus, Axure). Alat za izradu prototipa je poveznica između ideje i njezine implementacije. Nije važno koji alat koristite. Možete isprobati nekoliko i odlučiti se za onaj koji odgovara vašem stilu i preferencijama.

Psihologija korisnika. Već u fazi dizajna trebali biste razmisliti o tome hoće li vama ili nekom drugom biti prikladno koristiti ovo sučelje. Stavite se u kožu klijenta, izgradite čvrstu vezu s njim i budite pažljivi prema njegovim potrebama. Uostalom, proizvod će biti uspješan ako postoji potražnja za njim.

Trebat će vam i znanje teorija boja. Neke stvari znamo iz djetinjstva, pogotovo oni koji su išli u umjetničku školu. Ipak, postoje određene specifičnosti u radu dizajnera. Osnovna znanja mogu se dobiti iz knjiga ili članaka na internetu.

Preporučljivo je imati ideju o tipografija, sredstvo kombiniranja tekstualnih i vizualnih komponenti.

Sastav i upotrebljivost stranice.

Ovisno o specifičnostima posla, možda će vam trebati razumijevanje HTML-a i CSS-a ili (nekih) programskih jezika (veze na resurse možete pronaći u nastavku, u odjeljku "Što front-end programer treba znati").

Front-end programer

Glavni zadatak front-end developera je razviti klijentski dio sučelja. Odnosno, takav stručnjak "revitalizira" ono što su dizajneri dizajnirali. On je odgovoran za rad i rad sučelja a manje za vizualni sadržaj. Front-end developer često treba pronaći dobro rješenje za korisničko sučelje tijekom njegove razvojne faze, pa često surađuje s UX/UI dizajnerom. Kod koji je napisao front-end programer izvodi se u korisničkom pregledniku (kako kažu, "na strani klijenta"). Također, jedan od najvažnijih zadataka je osigurati da stranica ili web aplikacija izgledaju jednako na svim platformama i preglednicima.

Što front-end programer treba znati

U pravilu, front-end se temelji na tri stupa: HTML jezik za označavanje stranice, CSS stilske tablice i programski jezik JavaScript. Osim toga, front-end developer mora razumjeti principe rada HTTP protokola, poslužitelja i preglednika te značajke prikaza sučelja na različitim uređajima koji su trenutno na tržištu. Alati i metode za izradu web sučelja neprestano se razvijaju i mijenjaju, stoga programer to mora stalno pratiti.

HTML i CSS (izgled)

Ovo je raspored, same cigle od kojih je gradilište izgrađeno. HTML označni jezik diktira organizaciju stranice, sadržaj i sve interakcije između njih. Omogućuje vam da odredite vrh stranice, dno, bočne blokove sa sadržajem, naslovima, prikazom teksta i multimedijskim elementima. CSS listovi stilova koriste se za ukrašavanje HTML elemenata. Oni točno određuju kako će se svaki grafički element koji se nalazi na stranici prikazati. Koristeći najnovije verzije HTML5 i CSS3, možete postaviti video i audio komponente na stranicu, stvoriti 2D slike i animacije, pa čak i pisati jednostavne igre. Nema potrebe pokušavati zapamtiti sve oznake i stilove odjednom. Bit će korisno naučiti osnove i odmah ih provesti u djelo. Jako dobra stranica na kojoj možete naučiti osnove HTML-a i CSS-a - W3School. Ali samo ako imate barem osnovno znanje engleskog jezika. Također, front-end programer mora razumjeti razvoj na više preglednika i platformi, prilagodljiv i responzivan izgled.

Bootstrap

To je okvir za HTML, CSS i JavaScript. Odnosno, određeni predlošci iz kojih, kao iz konstruktora, možete sastaviti stranice mnogo brže nego bez njih. Ali, naravno, morate ga sami prilagoditi svojim potrebama. Ako znate engleski, preporučujemo web stranicu getbootstrap i iste w3schools.

JavaScript

Javascript je srž front-end razvoja. Ovo je prvi i najrašireniji programski jezik sučelja. Može dodati mnogo značajki web mjestu. Na osnovnoj razini, ovaj jezik vam omogućuje dodavanje interaktivnih elemenata na stranicu. Koristi se za izradu karata koje se ažuriraju u stvarnom vremenu, interaktivnih online igara i filmova. Na našim tečajevima JavaRush za starije, učimo malo JavaScripta. Također ga možete proučavati u istoj W3School ili čitati o njemu na ruskom na web stranici javascript.ru.

jQuery

jQuery je Javascript biblioteka koja sadrži dodatke i proširenja koja razvoj mogu učiniti još lakšim i bržim. Umjesto pisanja koda od nule, biblioteke vam omogućuju dodavanje gotovih komponenti koje se zatim mogu prilagoditi za određeni projekt. Možete koristiti funkcije automatskog popunjavanja obrazaca za pretraživanje, preuređivanje i promjenu veličine rešetke i postavljanje mjerača vremena. Praktični jQuery tečaj na w3school

Javascript okviri

Postoje različite vrste okvira, ali možete odabrati onaj koji vam odgovara. Najpoznatiji su Angular, Backbone, Ember i React. Oni predstavljaju gotovu strukturu za kod. Pomažu ubrzati razvoj. A u kombinaciji s knjižnicama mogu minimizirati razvoj web stranice ili aplikacije od nule. Pregled 5 najpopularnijih JavaScript okvira i biblioteka u 2017

Git sustav kontrole verzija

Sustavi kontrole verzija mogu pratiti promjene u kodu tijekom vremena. Također vam omogućuju povratak na prethodnu verziju projekta. Git je najčešće korišten sustav kontrole verzija. Znati kako raditi s Gitom važna je vještina za svakog programera.

Kratki zaključci

UI je kratica za User Interface, što znači "korisničko sučelje". To je, UI dizajner prvenstveno je odgovoran za način na koji se proizvod prezentira korisniku. On razvija gumbe, ikone, odabire fontove i priprema izgled. UX je kratica za korisničko iskustvo. Tako UX dizajner dizajnira dizajn web stranice, aplikacije - ili bilo čega - tako da je korisniku ugodno i razumljivo što je što, te da sa stranice može dobiti ono što mu treba uz minimalan trud. Vrlo često obje vrste posla obavlja orkestar jednog čovjeka: UI/UX dizajnera. Front-end programer oživljava rad dizajnera, uvodeći u njega dinamiku: gumbi se počinju pritiskati, a slika se počinje mijenjati. Mora poznavati programske jezike, začinjene okvirima, pretprocesorima i bibliotekama.

Razvoj korisničkih sučelja, uz kompetentan pristup, strukturiran je na takav način da bude što privlačniji i praktičniji za optimizaciju njegove interakcije s korisnikom.

U svakom projektu, programeri web sučelja suočeni su sa zadatkom stvaranja korisničkog sučelja. Međutim, to nije uvijek tako jednostavan zadatak kao što se na prvi pogled čini, a ponekad zahtijeva i prilično dizajnersko iskustvo. Glavni zahtjevi ovdje su praktičnost, praktičnost i intuitivna jasnoća. Upravo u ovom trenutku na scenu stupaju pojmovi kao što su UX i UI dizajn, koji se često brkaju. Pogledajmo svaki od njih zasebno i identificirajmo njihove ključne točke.

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 obavlja ovaj posao je UX dizajner(u posljednje vrijeme sve češće možete čuti nazive UX arhitekt, UX inženjer ili strateg, budući da je riječ “dizajn” u ovom kontekstu više uobičajena imenica nego ono što smo zapravo navikli shvaćati pod značenjem ove riječi) - prilikom razvoja sučelje treba, koliko je to moguće, uzeti u obzir sve sitnice, od okruženja korisnika i vrste elektroničkog uređaja do načina unosa i prikaza informacija.

Jednostavan primjer: Recimo da ste uložili impresivnu količinu novca u promicanje svog resursa u prvim redovima tražilica, ali njegova praktičnost ostavlja mnogo za poželjeti. U ovom slučaju, impresivan broj korisnika jednostavno će napustiti stranicu i učinak će biti minimalan. Zato je potrebno stalno analizirati radnje posjetitelja resursa, poboljšati svoju web stranicu i pratiti moderne trendove.

Glavni problemi kojima se bavi UX dizajn:

• Postavljanje ciljeva i zadataka - što u konačnici trebamo postići?
• Odabir prikladnih UX alata za postizanje vaših ciljeva
• Razvoj proizvoda koji je što praktičniji i razumljiviji ciljnoj publici
• Analiza konačnog rezultata – ispunjava li proizvod očekivanja kupca i kolika je razina zadovoljstva korisnika.

Kompetentno razmišljanje o svim detaljima u ovim fazama omogućit će vam stvaranje vojske obožavatelja vašeg proizvoda. Upečatljiv primjer ovdje je tvrtka Apple, koja je slijedila ovaj put i osvojila srca tisuća i milijuna.

Dizajn korisničkog sučelja

Dizajn korisničkog sučelja ili korisničko sučelje- ovo je uži koncept koji uključuje određeni skup grafički oblikovanih tehničkih elemenata (gumbi, potvrdni okviri, selektori 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:

1. Organizacija elemenata sučelja. To znači da moraju biti logično strukturirani i međusobno povezani.
2. Grupiranje elemenata sučelja. Uključuje kombiniranje logički povezanih elemenata (izbornika, obrazaca) u skupine.
3. Poravnavanje elemenata sučelja. Teško je zamisliti da bi loše usklađeno sučelje bilo kome moglo biti zgodno!
4. Unificirani stil elemenata sučelja. Stil igra važnu ulogu, jer je ono što se zadržava u memoriji korisnika.
5. Dostupnost slobodnog prostora. To vam omogućuje razlikovanje informacijskih blokova, fokusirajući pozornost 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 bih želio reći nekoliko riječi o Informacijska arhitektura (IA). Njegov rad fokusiran je na organizaciju podataka, to jest na opseg u kojem su informacije strukturirane sa stajališta korisnika, a ne tehničkih ili sistemskih pravila. Određuje raspored elemenata na stranici, povezanost samih stranica. Nadležnost IA-e zapravo su izbornici i navigacija te njihova kompetentna implementacija.

Ukratko, želio bih napomenuti da se u različitim izvorima UX dizajn shvaća kao različite stvari, ali općenito svi oni znače rad na proizvodu opisanom u članku. Što za vas znači UX?

UX dizajn je izgrađen oko znanja o ljudskoj psihologiji, a tijekom godina proučavanja korisnika pojavili su se mnogi zakoni psihe koje morate znati kada dizajnirate sučelje.

UX dizajn: Fittsov zakon

Vrijeme do cilja je funkcija udaljenosti do cilja i njegove veličine. Godine 1954. psiholog Paul Fitts, proučavajući ljudski motorički sustav, pokazao je da vrijeme potrebno za pogodak u metu ovisi o udaljenosti do mete, a također je obrnuto proporcionalno veličini mete. Prema ovom zakonu, brzi pokreti i male mete dovode do većeg broja pogrešaka. Fittsov zakon naširoko se koristi u UI i UX. Na primjer, prema ovom zakonu, interaktivni gumbi trebali bi biti veliki, jer je na male gumbe teže klikati i dulje im treba.

Hickov zakon

Vrijeme donošenja odluke povećava se s brojem i složenošću izbora. Što je veći broj podražaja, to će korisnik dulje birati s kojim će komunicirati. Ako su korisnici bombardirani izborima, morat će odvojiti vrijeme za tumačenje i odlučiti što ne žele učiniti.

Jakovljev zakon

Korisnici provode više vremena na drugim stranicama. To znači da korisnici više vole da vaše web mjesto radi isto kao i web mjesta koja već poznaju. Jakobov zakon skovao je Jakob Nielsen, suosnivač grupe Nielsen Norman, koji je dao ogroman doprinos UX-u, poput izuma metode heurističke evaluacije.

Zakon o trudnoći

Ljudi će percipirati i tumačiti dvosmislene ili složene slike u najjednostavnijem obliku jer to tumačenje zahtijeva najmanje kognitivnog napora s naše strane. Ovaj zakon otkrio je 1910. psiholog Max Wertheimer kada je ugledao svjetla u blizini željezničkog prijelaza. Bilo je to kao paljenje i gašenje svjetla oko pozornice. Promatraču se čini da je to ista svjetlost koja se kreće od žarulje do žarulje, iako je u stvarnosti to samo niz žarulja koje se naizmjenično pale i gase.

UX dizajn: Zakon blizine

Predmeti koji su blizu jedan drugome percipiraju se u grupi. Ovaj zakon je također jedan od glavnih u Gestalt psihologiji, a otkrio ga je Wertheimer. Primijetio je da brzi niz događaja stvara iluziju kretanja. Na primjer, filmovi su brzo pokretni kadrovi koji se percipiraju kao neprekidno vizualno iskustvo.

Millerov zakon

U prosjeku, osoba može držati 7 ± 2 stavke u svojoj radnoj memoriji. Godine 1956. George Miller je izjavio da je raspon neposrednog pamćenja i apsolutne prosudbe ograničen na otprilike 7 informacija. Osnovna jedinica informacije je bit, količina podataka potrebna za izbor između dvije jednako vjerojatne alternative. To jest, 4 bita informacija je odluka između 16 uparenih alternativa (4 uzastopne binarne odluke). Točka u kojoj zbunjenost uzrokuje pogrešnu procjenu je kapacitet kanala.

Parkinsonov zakon

Bilo koji zadatak oduzima sve vrijeme koje je za to određeno. Prema ovom zakonu, ograničenja u vremenu, prostoru ili proračunu dovode do povećanja produktivnosti i učinkovitosti.

Efekt serijskog rasporeda

Korisnici najbolje pamte prvi i zadnji objekt u nizu. Manipuliranje serijskim postavljanjem za stvaranje boljeg korisničkog iskustva koristi se u mnogim popularnim dizajnima uspješnih tvrtki kao što su Apple, Electronic Arts i Nike.

UX dizajn: Teslerov zakon

Teslerov zakon, ili zakon očuvanja složenosti, kaže da za svaki sustav postoji određeno , koje se ne može reducirati. Sredinom 1980-ih Larry Tesler je shvatio da je način na koji korisnici komuniciraju s aplikacijama jednako važan kao i same aplikacije. Kaže da bi u mnogim slučajevima inženjer trebao provesti dodatni tjedan pojednostavljujući aplikaciju umjesto da tjera milijune korisnika da potroše dodatnu minutu koristeći složeni program. Međutim, Bruce Tognazzini tvrdi da se ljudi opiru pojednostavljivanju svojih života. Stoga, ako je aplikacija jednostavna, korisnici počinju težiti složenijim zadacima.

UX dizajn: Von Restorff efekt

Dizajn je prilično širok i nejasan pojam. Kad netko kaže: "Ja sam dizajner", nije odmah jasno što radi na svakodnevnoj bazi. Postoji niz različitih industrija koje potpadaju pod ovaj koncept.

Poslovi vezani uz dizajn postoje u raznim područjima, od industrijskog dizajna (automobili, namještaj), tiska (časopisi i druge publikacije) do web dizajna (web stranice, mobilne aplikacije). S nedavnim priljevom visokotehnoloških tvrtki usredotočenih na stvaranje sučelja za zaslone, ima puno novog posla u dizajnu. Pozicija UX ili UI dizajnera može biti neshvatljiva ne samo neupućenima, već i samim dizajnerima koji dolaze iz drugih industrija.

“Ne postoji jedan točan odgovor na ovo pitanje.”

Pokušajmo shvatiti što to zapravo znači u IT industriji.

UX dizajner

UX dizajneri se prvenstveno bave kako proizvod komunicira s korisnikom. Ne postoji jedinstven točan odgovor na ovo pitanje. UX dizajneri istražuju različite pristupe rješavanju određenog korisničkog problema. Glavni posao UX dizajnera je osigurati da proizvod logično teče od jednog koraka do sljedećeg. Jedan od načina na koji UX dizajner može saznati je da osobno provede testove korisnika i donese zaključke na temelju njihovih osjećaja. Prepoznavanjem verbalnih i neverbalnih prepreka, prilagođava se i ponavlja, stvarajući tako "bolje" iskustvo za korisnika. Primjer bi bio stvaranje nevjerojatnog iskustva ukrcavanja za novog korisnika.

“Definirajte modele interakcije, tijek korisničkih zadataka i specifičnosti sučelja. Razviti skripte, end-to-end interakcije, interakcijske modele, razvoj grafičkog korisničkog sučelja. Rad s našim kreativnim direktorom i grafičkim dizajnerom na spajanju vizualne strane Twittera s njegovim funkcionalnim značajkama. Razvijte i održavajte okvire, modele i specifikacije prema potrebi.”

Primjer zaslona aplikacije koji je razvio UX dizajner
Izvor: Kitchenware Pro Kit Wireframe autora Newaya Laua na Dribbbleu.

Zadatak: Zaslonski okviri, scenariji, plan lokacije

Alati: Photoshop, Sketch, Illustrator, Fireworks, InVision

Vjerojatno ste ga čuli kako kaže: " Korisnik bi trebao vidjeti stranicu "Hvala" nakon dovršetka registracije.

UI dizajner

Za razliku od UX dizajnera, koji su zabrinuti za cjelokupno iskustvo proizvoda, UI dizajneri su zabrinuti za kako izgleda proizvod. Oni su odgovorni za dizajn svakog zaslona ili stranice s kojom korisnik komunicira i pružaju vizualni dio korisničkog sučelja koji je dizajnirao UX dizajner. Na primjer, dizajner korisničkog sučelja, prilikom izrade analitičke nadzorne ploče, može istaknuti važnije informacije ili odlučiti je li klizač ili upravljačka ploča najintuitivnije dodati grafikonu. Dizajner korisničkog sučelja također je obično odgovoran za izradu cjelovitog vodiča za dizajn, koji osigurava kohezivni jezik dizajna koji obuhvaća cijeli proizvod. Održavanje dosljednosti u vizualnim elementima i određivanje u kojem smjeru raditi. Na primjer, kako prikazati pogreške ili upozorenja unutar je djelokruga dizajnera korisničkog sučelja.

“Koncept i implementacija vizualnog jezika Airbnb.com. Izrada proširenog stilskog vodiča."

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

Dizajner korisničkog sučelja određuje cjelokupni dojam i izgled aplikacije.
Izvor: Metro Style Interface 4 autora Ionuta Zamfira na Dribbbleu.

Alati: Photoshop, Sketch, Illustrator, Fireworks

"Polja 'prijava' i 'registracija' treba premjestiti u gornji desni kut."

Grafički dizajner

"Grafički dizajneri proučavaju male detalje na koje drugi ne obraćaju pozornost."

Grafički dizajner je netko tko se bavi grafikom, što bi vam vjerojatno rekao nedizajner da ga pitate čime se dizajner bavi. Grafički dizajneri ne mare za to kako se ekrani međusobno odnose, niti kako netko komunicira s proizvodom. Umjesto toga, njihov je fokus na dizajniranju prekrasnih ikona, kontrola i vizualnih elemenata te stvaranju dizajna koji pristaje. Grafički dizajneri rade na sitnim detaljima koje drugi ne vide, a često rade u Photoshopu na 4x i 8x zumiranju.

“Proizvedite visokokvalitetne vizualne projekte od koncepta do izvedbe, uključujući stolna računala, web i mobilne uređaje u više rezolucija (ikone, grafika i marketinški materijali). Stvaranje i ponavljanje sredstava koja odražavaju marku, čine proizvod lijepim i udahnjuju mu život.”

Dizajneri korisničkog sučelja također često moraju raditi ne samo svoj posao, već i stvarati pikselski savršen izgled. Neke tvrtke odluče da nemaju posvećenu osobu u ulozi 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 Seevija kargwala na Dribbbleu.

Alati: Photoshop, Skica

Vjerojatno ste ga čuli kako kaže:"Smanjite kerning i pomaknite gumb 1 piksel ulijevo!"

Dizajner pokreta

Sjećate li se suptilnog pokreta kada povlačite ekran da biste osvježili e-poštu na svom iPhoneu? Ovo je posao dizajnera pokreta. Za razliku od grafičkih dizajnera, koji obično rade sa statičnim objektima, dizajneri pokreta stvaraju animacije unutar aplikacije. Oni se bave što sučelje radi nakon što ga korisnik dodirne. Na primjer, oni odlučuju kako će izbornik kliziti, koje efekte koristiti za prijelaze i kako će se gumb pritisnuti. Kada se dobro izvede, kretanje postaje sastavni dio sučelja, pružajući vizualne naznake o tome kako koristiti proizvod.

„Potrebno je poznavanje grafičkog dizajna, dizajna pokreta, digitalne umjetnosti, osjećaj za boju i tipografiju, opća svijest o materijalima/teksturama i radno razumijevanje animacije. Poznavanje firmvera za iOS, OS X, Photoshop i Illustrator, kao i poznavanje programa Director (ili ekvivalent), Quartz Composer (ili ekvivalent), 3D računalno modeliranje, pokretna grafika.”

Alati: AfterEffects, Core Composer, Flash, Origami

Vjerojatno ste ga čuli kako kaže:"Izbornik bi trebao iskočiti s lijeve strane nakon 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: “Tko su naši korisnici?” i "Što naši korisnici žele?" U pravilu to 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 provođenjem A/B testova kako bi saznali koja opcija dizajna najbolje zadovoljava potrebe korisnika. Istraživači UX-a obično su oslonac velikih tvrtki, gdje im pristup velikim količinama podataka daje dovoljno mogućnosti za izvlačenje statistički značajnih zaključaka.

“Blisko surađujte s razvojnim timovima kako biste identificirali teme istraživanja. Dizajn istraživanja povezan s radnjama i percepcijama korisnika. Provođenje istraživanja korištenjem i primjenom različitih metoda kao što su ankete.”

Ako se želite razvijati u području dizajna, naravno da se morate stalno usavršavati, biti u toku s trendovima i poznavati suvremene zahtjeve dizajna, kao i posebne pojmove. Jedan od takvih pojmova je UX/UI dizajn.

Zapravo, kad sam prije dvije godine trebao saznati kakvi su to "tjedni" i "ui", morao sam dosta kopati prije nego što sam mogao shvatiti što je to i po čemu se jedno razlikuje od drugoga. O tome je mnogo napisano, au isto vrijeme nije uvijek jasno. Stoga predlažem da ove pojmove shvatimo zajedno.

Počnimo s UX-om. UX je skraćenica za Korisničko iskustvo, što doslovno znači "korisničko iskustvo". Što je promišljeniji UX dizajn, na primjer, web stranice, to je korisniku praktičnije tražiti potrebne informacije ili komunicirati s njima. Drugim riječima, zadatak UX dizajna je riješiti pitanja funkcionalnosti i pogodnosti alata ili resursa.

Koncept se, usput, ne odnosi samo na IT sektor, već i na gotovo svaki drugi. Možemo reći da je UX dizajn kemijske olovke koliko dobro piše, koliko je paste za pisanje dovoljno, pomaže li u pravilnom oblikovanju rukopisa, je li prikladna za transport, sa zaštitnim čepom ili automatska... Općenito , koliko dobro proizvod rješava problem za koji je namijenjen i što je bitno koliko je jasan korisniku.

Korisnik bi se trebao osjećati ugodno i sve bi trebalo biti jasno

Što se tiče dizajna korisničkog sučelja, u ovom slučaju to je skraćenica za Korisničko sučelje, opet doslovno - “korisničko sučelje”. Ova vrsta dizajna određuje boju, oblik, veličinu i raspored elemenata, nazive i veličinu slova. Odnosno, UI je vizualna komponenta čija je zadaća, ako želite, staviti akcente i istaknuti određene elemente stranice ili proizvoda. To jest, učiniti proizvod ili resurs ugodnim za percipiranje i intuitivno lakim za korištenje. Na primjer, percepcija teksta ovisi o tome kako je podijeljen na odlomke, veličini i vrsti fonta, prisutnosti naslova i ilustracija te o prostoru koji okružuje tekst.

Razlike između UX i UI dizajna

Unatoč prividnoj sličnosti ova dva pojma, oni obavljaju različite funkcije, dok su sastavni dio gotovo svakog projekta. Kako bismo bolje razumjeli razlike između ovih vrsta dizajna, razmotrimo primjer - rezultate pretraživanja Yandexa.

Unutarnja struktura, hijerarhija, veliki broj dodatnih usluga ( Direktno, Metrika, Wordstat i tako dalje) je UX. Ali, na primjer, činjenica da su poveznice koje ste već slijedili označene drugom bojom - to je UI. UI također uključuje činjenicu da stranica ima čistu bijelu pozadinu, uvlake između rezultata pretraživanja dovoljne za ugodnu percepciju, favicon i mogućnost pristupa pošti u bilo kojem trenutku u gornjem desnom kutu stranice.

UX dizajner promišlja kako će korisnik komunicirati sa sustavom tako da on ispuni njegova očekivanja. UI dizajner razmišlja o tome kako bi trebao izgledati: ikone, slike, font, kompozicija boja, lakoća percepcije općenito. Često je ista osoba uključena u ovaj zadatak, tako da se UI i UX često pišu u natječajima za dizajnere koristeći /.

Koncepti su različiti, ali sličnost im je u tome što su usmjereni na osiguravanje udobnosti korisnika.

Područja primjene

Kao što je gore spomenuto, pojmovi UI i UX primjenjivi su ne samo na IT polje. Naime, pojavili su se čim je nastao prvi proizvod. To je jako davno. Na primjer, može se smatrati jednim od prvih otkrića u UX dizajnu kotač.

Nedavna pojava pojmova, sličnost u pisanju i opseg primjene često dovode u zabludu. U sklopu svog bloga posvetit ću više pažnje temama vezanim uz razvoj web sučelja i komercijalni dizajn.

Da biste razumjeli probleme UX/UI dizajna, nije dovoljno jednom pročitati udžbenik ili nekoliko članaka, razumjeti osnove i dovršiti nekoliko projekata. Područje web dizajna mijenja se i razvija gotovo svaki dan, stoga zahtjevi i ono što " jučer"bio u trendu," Danas"više nije comme il faut.

Kako znati je li vaš dizajn ispravan

Ako govorimo o zadatku prodaje, onda se “ispravnost” UX dizajna provjerava od strane A/B testiranje ili fokus grupe. To vam omogućuje da vidite koliko je sučelje jasno i praktično za korisnika. Na primjer, svi članovi fokus grupe dobivaju zadatak pronaći određeni odjeljak na web stranici ili se registrirati. Koliko brzo to rješavaju dovoljno govori o kvaliteti UX dizajna.

Koncept dizajna korisničkog sučelja je u ovom slučaju više subjektivan, jer često ovisi o pretenzijama i ukusu korisnika. I ono što se jednom čini lijepim, drugome bode oči. Međutim, postoje općenite preporuke (jasno postavljanje blokova, kontrast teksta s pozadinom, isticanje ili isticanje klikabilnih elemenata i tako dalje) kojih bi se trebali pridržavati svi koji dizajniraju digitalne proizvode.

Pišite u komentarima U nastavku je vaše mišljenje, jesam li ga uspio otkriti i ako nisam, što bi onda trebalo nadopuniti s njim.