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

Postoji dosta područja vezanih za dizajn u IT industriji. Najčešći od njih su dizajneri, skriveni iza akronima UX i UI. Pa, neki ljudi čak uspijevaju uključiti front-end programere kao dizajnere. Hajde da pokušamo da shvatimo ko su dizajneri u IT svetu, koja je razlika između UI i UX-a i kakav odnos imaju front-end inženjeri da dizajniraju.

Dizajneri

Razvoj sučelja aplikacija, web stranica ili igara je prilično složen proces i zahtijeva primjenu znanja iz različitih oblasti: inženjeringa, psihologije i dizajna. Dizajneri korisničkog sučelja ili korisničkog sučelja fokusiraju se na način na koji se prikazuje funkcionalnost stranice (pretraga, kartice, meniji) i detalje o tome kako klijent i sučelje komuniciraju. Cilj UI dizajnera je estetski prihvatljiv moderan dizajn proizvoda. UX je skraćenica od korisničkog iskustva, što znači “korisničko iskustvo”. UX dizajner je više fokusiran na upotrebljivost i razumijevanje sučelja od strane potencijalnog korisnika. Takav stručnjak će često provoditi istraživanja i ankete koje će činiti osnovu za kreiranje koncepta dizajna, a također će testirati koncepte tokom i nakon razvoja. Obično se fokusira na strukturu, sadržaj, navigaciju i način na koji korisnik komunicira s tim elementima.

Proizvodi sitemape, prototipove, koji su osnovna struktura prilikom kreiranja softvera. Cilj rada UX dizajnera je da korisnik brzo i bezbolno dobije sa stranice ono zbog čega je došao. Međutim, danas je vrlo uobičajeno vidjeti ove dvije specijalizacije napisane kosom crtom. Odnosno, zadatke oba smjera obavlja jedan specijalista. UX/UI dizajner dizajnira interakciju korisnika sa interfejsom, odlučuje šta tačno treba da uradi i odgovoran je za to kako će ovaj interfejs izgledati kao rezultat.

Šta UX/UI dizajner treba da zna

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 veza između ideje i njene implementacije. Nije bitno koji alat koristite. Možete isprobati nekoliko i odlučiti se za onaj koji odgovara vašem stilu i preferencijama.

Korisnička psihologija. Već u fazi dizajna trebali biste razmisliti o tome da li će vama ili nekom drugom biti zgodno koristiti ovo sučelje. Stavite se u kožu klijenta, izgradite čvrstu vezu s njim i budite pažljivi prema njegovim potrebama. Na kraju krajeva, proizvod će biti uspješan ako za njim postoji potražnja.

Biće vam potrebno i znanje teorija boja. Znamo neke stvari iz djetinjstva, posebno one koji su išli u umjetničku školu. Međutim, postoje određene specifičnosti u radu dizajnera. Osnovna znanja se mogu dobiti iz knjiga ili članaka na internetu.

Preporučljivo je imati ideju o tome tipografija, sredstvo za kombinovanje teksta i vizuelnih komponenti.

Sastav stranice i upotrebljivost.

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 ispod, u odjeljku „Šta front-end programer treba da zna“).

Front-end programer

Glavni zadatak front-end programera je da razvije klijentski dio interfejsa. Odnosno, takav stručnjak "revitalizira" ono što su dizajneri dizajnirali. On je odgovoran za rad i rad interfejsa, a manje za vizuelni sadržaj. Front-end programer često treba da pronađe dobro rešenje za korisnički interfejs tokom njegove faze razvoja, tako da često sarađuje sa UX/UI dizajnerom. Kod koji je napisao front-end programer radi u korisnikovom pretraživaču (kako kažu, "na strani klijenta"). Također, jedan od najvažnijih zadataka je osigurati da stranica ili web aplikacija izgledaju isto na svim platformama i pretraživačima.

Šta front-end programer treba da zna

Po pravilu, front-end se zasniva na tri stuba: jeziku za označavanje HTML stranice, CSS stilovima i JavaScript programskom jeziku. Osim toga, front-end programer mora razumjeti principe rada HTTP protokola, servera i pretraživača, te karakteristike prikaza interfejsa na različitim uređajima koji su trenutno na tržištu. Alati i metode za kreiranje web sučelja stalno se razvijaju i mijenjaju, tako da programer mora to stalno pratiti.

HTML i CSS (izgled)

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

Bootstrap

To je okvir za HTML, CSS i JavaScript. Odnosno, određene šablone 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 getbootstrap web stranicu i iste w3schools.

JavaScript

Javascript je srž front-end razvoja. Ovo je prvi i najrašireniji programski jezik interfejsa. Može dodati puno funkcija web lokaciji. Na osnovnom nivou, ovaj jezik vam omogućava da dodate interaktivne elemente na stranicu. Koristi se za kreiranje mapa koje se ažuriraju u realnom vremenu, interaktivnih online igrica i filmova. Na našim starijim JavaRush kursevima učimo malo JavaScripta. Također ga možete učiti u istoj W3School ili pročitati o tome na ruskom na web stranici javascript.ru.

jQuery

jQuery je Javascript biblioteka koja sadrži dodatke i ekstenzije koje mogu učiniti razvoj još lakšim i bržim. Umjesto pisanja koda od nule, biblioteke vam omogućavaju da dodate gotove komponente, koje se zatim mogu prilagoditi za određeni projekat. Možete koristiti funkcije automatskog popunjavanja obrazaca za pretraživanje, preuređivanja i veličine mreže i postavljanja tajmera za odbrojavanje. Praktični jQuery kurs u 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 da se ubrza razvoj. A u kombinaciji s bibliotekama mogu minimizirati razvoj web stranice ili aplikacije od nule. Pregled 5 najpopularnijih JavaScript okvira i biblioteka u 2017

Git sistem kontrole verzija

Sistemi kontrole verzija mogu pratiti promjene napravljene u kodu tokom vremena. Takođe vam omogućavaju da se vratite na prethodnu verziju projekta. Git je najčešće korišteni sistem kontrole verzija. Poznavanje rada sa Gitom važna je vještina za svakog programera.

Kratki zaključci

UI je skraćenica od User Interface, što znači „korisnički interfejs“. To je, UI dizajner je prvenstveno odgovoran za način na koji je proizvod predstavljen korisniku. Razvija dugmad, ikone, bira fontove i priprema izgled. UX je skraćenica od korisničkog iskustva. Dakle UX dizajner osmišljava dizajn web stranice, aplikacije - ili bilo čega - tako da korisniku bude udobno i razumljivo šta je šta, te da uz minimalan napor može dobiti od stranice ono što mu je potrebno. Vrlo često obje vrste posla izvodi jedan čovjek orkestar: UI/UX dizajner. Front-end programer oživljava rad dizajnera, unoseći u njega dinamiku: tasteri počinju da se pritiskaju, a slika počinje da se menja. Mora znati programske jezike, začinjene okvirima, pretprocesorima i bibliotekama.

Razvoj korisničkih sučelja, uz kompetentan pristup, strukturiran je tako da se stvori što atraktivniji i pogodniji za optimizaciju interakcije s korisnikom.

U svakom projektu, programeri web sučelja suočeni su sa zadatkom stvaranja korisničkog sučelja. Međutim, ovo nije uvijek tako jednostavan zadatak kao što se čini na prvi pogled, a ponekad zahtijeva i dosta dizajnerskog iskustva. Glavni zahtjevi ovdje su praktičnost, praktičnost i intuitivna jasnoća. U ovom trenutku stupaju u igru ​​koncepti poput UX-a i UI dizajna, koji se često brkaju. Pogledajmo svaki od njih posebno i identifikujemo njihove ključne tačke.

UX dizajn

Dizajn korisničkog iskustva prevedeno znači "interakciono iskustvo" i uključuje različite UX komponente: informacijsku arhitekturu, dizajn interakcije, grafički dizajn i sadržaj.

Općenito, UX dizajn podrazumijeva integrirani pristup interakciji korisnika sa sučeljem, bilo da se radi o web stranici, mobilnoj aplikaciji ili bilo kojem drugom programu. Osoba koja radi ovaj posao je UX dizajner(u posljednje vrijeme sve češće možete čuti nazive UX arhitekta, UX inženjera ili stratega, jer je riječ “dizajn” u ovom kontekstu više obična imenica nego što smo zapravo navikli razumijevati pod značenjem ove riječi) - kada razvijate sučelje treba, koliko god je to moguće, uzeti u obzir sve sitne detalje, od korisničkog okruženja i vrste elektroničkog uređaja do načina unosa i prikaza informacija.

Jednostavan primjer: Recimo da ste uložili impresivnu količinu novca da promovišete svoj resurs na prvim linijama pretraživača, ali njegova pogodnost ostavlja mnogo da se poželi. U ovom slučaju će impresivan broj korisnika jednostavno napustiti stranicu, a učinak će biti minimalan. Zato je potrebno konstantno analizirati postupke posjetitelja resursa, poboljšavati svoju web stranicu i pratiti savremene trendove.

Glavni problemi koje rješava UX dizajn:

• Postavljanje ciljeva i zadataka – šta na kraju trebamo postići?
• Odabir odgovarajućih UX alata za postizanje vaših ciljeva
• Razvoj proizvoda koji je što je moguće pogodniji i razumljiviji ciljnoj publici
• Analiza konačnog rezultata - da li proizvod ispunjava očekivanja kupca i koliko je visok nivo zadovoljstva korisnika.

Kompetentno osmišljavanje svih detalja u ovim fazama će vam omogućiti da stvorite vojsku obožavatelja vašeg proizvoda. Upečatljiv primjer ovdje je kompanija Apple, koja je slijedila ovaj put i osvojila srca hiljada i miliona.

UI dizajn

Dizajn korisničkog interfejsa ili korisničkog interfejsa- radi se o užem konceptu koji uključuje određeni skup grafički dizajniranih tehničkih elemenata (dugmad, kvadratiće, selektori i druga polja). Njegov zadatak je da pomogne korisniku da organizuje interakciju sa programom/stranicom. Trenutno ih ima Pravila dizajna korisničkog sučelja:

1. Organizacija elemenata interfejsa. To znači da moraju biti logički strukturirani i međusobno povezani.
2. Grupisanje elemenata interfejsa. Uključuje kombinovanje logički povezanih elemenata (menija, formulara) u grupe.
3. Poravnavanje elemenata interfejsa. Teško je zamisliti da loše usklađen interfejs može biti zgodan za bilo koga!
4. Jedinstveni stil elemenata interfejsa. Styling igra važnu ulogu, jer je ono što se zadržava u pamćenju korisnika.
5. Dostupnost slobodnog prostora. Ovo vam omogućava da razlikujete informacijske blokove, fokusirajući pažnju na jednu stvar.

Korisnički interfejs razvijen po svim pravilima značajno povećava efikasnost resursa i daje mu konkurentsku prednost.

Arhitektura informacija (IA)

Zasebno, želio bih reći nekoliko riječi o Arhitektura informacija (IA). Njegov rad se fokusira na organizaciju podataka, odnosno na stepen u kojem su informacije strukturirane sa stanovišta korisnika, a ne sa tehničkih ili sistemskih pravila. Određuje smještaj elemenata na stranici, povezanost samih stranica. Nadležnost IA su prije izbornici i navigacija i njihova kompetentna implementacija.

Ukratko, želio bih napomenuti da se u različitim izvorima UX dizajn shvaćaju kao različite stvari, ali općenito sve podrazumijevaju rad na proizvodu opisanom u članku. Šta za vas znači UX?

UX dizajn je izgrađen oko poznavanja ljudske psihologije, a tokom godina proučavanja korisnika pojavili su se mnogi zakoni psihe koje morate znati kada dizajnirate interfejs.

UX dizajn: Fitsov zakon

Vrijeme dolaska do cilja je funkcija udaljenosti do mete i njene veličine. Psiholog Paul Fitts je 1954. godine, proučavajući ljudski motorni sistem, pokazao da vrijeme potrebno da se pogodi cilj ovisi o udaljenosti do mete, a također je u obrnutoj vezi s veličinom mete. Prema ovom zakonu, brzi pokreti i mali ciljevi dovode do više grešaka. Fitsov zakon se široko koristi u UI i UX-u. Na primjer, prema ovom zakonu, interaktivna dugmad treba da budu velika, jer je na mala dugmad teže kliknuti i treba im duže.

Hikov zakon

Vrijeme donošenja odluke se povećava sa brojem i složenošću izbora. Što je veći broj podražaja, korisnik će duže birati s kojim će komunicirati. Ako su korisnici bombardirani izborom, morat će odvojiti vrijeme da protumače i odluče šta ne žele da rade.

Jakovljev zakon

Korisnici provode više vremena na drugim stranicama. To znači da korisnici više vole da vaša stranica radi isto kao i web lokacije koje već poznaju. Jacob's Law je skovao Jakob Nielsen, suosnivač Nielsen Norman grupe, koji je dao ogroman doprinos UX-u, kao što je izum heurističke metode evaluacije.

Zakon o trudnoći

Ljudi će percipirati i interpretirati dvosmislene ili složene slike u najjednostavnijem obliku jer ova interpretacija zahtijeva najmanje kognitivnog napora s naše strane. Ovaj zakon je 1910. godine otkrio psiholog Max Wertheimer kada je ugledao svjetla u blizini željezničkog prelaza. Bilo je to kao paljenje i gašenje svjetla oko bine. Posmatraču se čini da je to isto svjetlo koje se kreće od sijalice do sijalice, iako je u stvarnosti to samo niz sijalica koje se naizmjence pale i gase.

UX dizajn: zakon blizine

Predmeti koji su bliski jedan drugom percipiraju se u grupi. Ovaj zakon je također jedan od glavnih u geštalt 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 kontinuirano vizualno iskustvo.

Millerov zakon

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

Parkinsonov zakon

Bilo koji zadatak oduzima svo vrijeme predviđeno za njega. Prema ovom zakonu, ograničenja u vremenu, prostoru ili budžetu dovode do povećanja produktivnosti i efikasnosti.

Efekat serijskog aranžmana

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

UX dizajn: Teslerov zakon

Teslerov zakon, ili zakon održanja složenosti, kaže da za bilo koji sistem postoji određen , koji se ne može smanjiti. Sredinom 1980-ih, Larry Tesler je shvatio da je način na koji korisnici komuniciraju s aplikacijama važan kao i same aplikacije. On kaže da bi u mnogim slučajevima inženjer trebao potrošiti dodatnu sedmicu na pojednostavljivanje aplikacije umjesto da prisiljava milione korisnika da provedu dodatni minut 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 Restorffov efekat

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

Poslovi vezani za dizajn postoje u različitim oblastima, 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, postoji mnogo novih radova u dizajnu. 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 zapravo znači u IT industriji.

UX dizajner

UX dizajneri se prvenstveno bave kako proizvod komunicira s korisnikom. Ne postoji jedan tačan odgovor na ovo pitanje. UX dizajneri istražuju različite pristupe za rješavanje 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 može saznati je da lično provede korisničke testove i izvuče zaključke iz njihovih osjećaja. Identificirajući verbalne i neverbalne kamene spoticanja, prilagođava se i ponavlja, stvarajući tako "bolje" iskustvo za korisnika. Primjer bi bio stvaranje nevjerovatnog onboard iskustva za novog korisnika.

„Definirajte modele interakcije, tok korisničkih zadataka i specifičnosti interfejsa. Razvijte skripte, end-to-end interakcije, modele interakcije, razvoj grafičkog korisničkog interfejsa. Radimo s našim kreativnim direktorom i grafičkim dizajnerom kako bismo spojili vizualnu stranu Twittera s njegovim funkcionalnim karakteristikama. Razvijte i održavajte žičane okvire, makete i specifikacije prema potrebi.”

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

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

Alati: Photoshop, Sketch, Illustrator, Fireworks, InVision

Najvjerovatnije ste ga čuli kako kaže: “ Korisnik bi trebao vidjeti stranicu “Hvala” nakon što je registracija završena.

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 dizajniranje svakog ekrana ili stranice s kojima korisnik komunicira i pružanje vizualnog dijela korisničkog sučelja koji je dizajnirao UX dizajner. Na primjer, dizajner korisničkog sučelja, kada kreira analitičku kontrolnu ploču, može istaknuti važnije informacije ili odlučiti da li je klizač ili kontrolna ploča najintuitivniji za dodavanje grafikonu. Dizajner korisničkog sučelja je također obično odgovoran za kreiranje kompletnog vodiča za dizajn, koji osigurava kohezivni jezik dizajna koji pokriva cijeli proizvod. Održavanje konzistentnosti u vizualnim elementima i određivanje smjera rada. Na primjer, kako prikazati greške ili upozorenja spada u djelokrug 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 zamagljene, 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 na Dribbbleu.

Alati: Photoshop, Sketch, Illustrator, Vatromet

"Polja 'login' i 'register' treba premjestiti u gornji desni ugao."

Grafički dizajner

“Grafički dizajneri prebiraju sitne detalje na koje drugi ne obraćaju pažnju.”

Grafički dizajner je neko ko radi grafiku, što bi vam verovatno rekao i nedizajner ako biste ga pitali šta radi dizajner. Grafičke dizajnere ne zanima kako se ekrani odnose jedni na druge, niti kako neko stupa u interakciju s proizvodom. Umjesto toga, njihov fokus je na dizajniranju prekrasnih ikona, kontrola i vizualnih elemenata i kreiranju dizajna koji se uklapa. Grafički dizajneri rade na malim detaljima koje drugi ne vide, a često rade u Photoshopu sa 4x i 8x zumom.

„Proizvedite visokokvalitetne vizuelne projekte od koncepta do izvođenja, uključujući desktop, web i mobilne uređaje u više rezolucija (ikone, grafike i marketinški materijali). Kreiranje i ponavljanje sredstava koja odražavaju brend, čine proizvod lijepim i udahnjuju mu život.”

Dizajneri korisničkog interfejsa često moraju da rade ne samo svoj posao, već i da kreiraju savršen izgled piksela. Neke kompanije odlučuju 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 Seevi kargwal na Dribbbleu.

Alati: Photoshop, Sketch

Najvjerovatnije ste ga čuli kako kaže:“Smanjite kerning i pomjerite dugme za 1 piksel ulijevo!”

Dizajner pokreta

Sjećate se suptilnog pokreta kada prevlač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 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 poznavanje grafičkog dizajna, motion dizajna, digitalne umjetnosti, osjećaj za boju i tipografiju, opća svijest o materijalima/teksturama i radno razumijevanje animacije. Poznavanje firmvera iOS, OS X, Photoshop i Illustrator, kao i poznavanje Director (ili ekvivalenta), Quartz Composer (ili ekvivalenta), 3D kompjutersko modeliranje, grafika pokreta.”

Alati: AfterEffects, Core Composer, Flash, Origami

Najvjerovatnije ste ga čuli kako kaže:“Meni bi se trebao pojaviti na lijevoj strani 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 da odgovori na dva glavna pitanja: „Ko su naši korisnici?“ i "Šta naši korisnici žele?" Po pravilu, to uključuje ankete korisnika, istraživanje tržišta i analizu podataka. Dizajn je proces stalnog ponavljanja. Istraživači mogu pomoći u ovom procesu provodeći 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.

„Blisko sarađujte s razvojnim timovima na identifikaciji istraživačkih tema. Dizajn istraživanja koji se odnosi i na radnje korisnika i na percepciju korisnika. Provođenje istraživanja korištenjem i primjenom različitih metoda kao što su ankete.”

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

Zapravo, kada sam prije dvije godine morao da saznam kakve su to „sedmice” i „ui”, morao sam dosta da kopam da bih mogao da shvatim šta je to i po čemu se jedna razlikuje od druge. 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". Što je promišljeniji UX dizajn, na primjer, web stranice, korisniku je praktičnije da traži potrebne informacije ili komunicira s njima. Drugim riječima, zadatak UX dizajna je rješavanje problema funkcionalnosti i pogodnosti alata ili resursa.

Koncept se, inače, odnosi ne samo na IT sektor, već i na gotovo svaki drugi. Možemo reći da je UX dizajn hemijske olovke koliko dobro piše, koliko je paste za pisanje dovoljno, da li pomaže da se formira ispravan rukopis, da li je pogodna za transport, sa zaštitnim poklopcem ili automatska... Općenito , koliko dobro proizvod rješava problem za koji je namijenjen i bitno je koliko je jasan korisniku.

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

Što se tiče UI dizajna, u ovom slučaju je skraćenica za Korisnički interfejs, opet doslovno - “korisnički interfejs”. Ova vrsta dizajna određuje boju, oblik, veličinu i raspored elemenata, imena i veličinu fonta. Odnosno, UI je vizuelna komponenta čiji je zadatak, ako želite, da stavi akcente i istakne određene elemente sajta ili proizvoda. To jest, učiniti proizvod ili resurs ugodnim za percepciju i intuitivno lakim 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 obavljaju različite funkcije, a istovremeno su sastavni dio gotovo svakog projekta. Da bismo bolje razumjeli razlike između ovih tipova dizajna, razmotrimo primjer - rezultate pretraživanja Yandexa.

Interna struktura, hijerarhija, ogroman broj dodatnih usluga ( Direktno, metrika, Wordstat i tako dalje) je UX. Ali, na primjer, činjenica da su linkovi koje ste već pratili istaknuti drugom bojom - ovo je UI. Korisničko sučelje uključuje i činjenicu da stranica ima čistu bijelu pozadinu, razmak između rezultata pretrage dovoljan za ugodnu percepciju, favicon i mogućnost pristupa pošti u bilo kojem trenutku u gornjem desnom uglu stranice.

UX dizajner promišlja način na koji ć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 je ista osoba uključena u ovaj zadatak, tako da se UI i UX često pišu u slobodnim radnim mjestima za dizajnere pomoću /.

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

Područja primjene

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

Nedavna pojava termina, sličnost u pisanju i opsegu primjene č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 udžbenik ili nekoliko članaka, razumjeti osnove i završiti nekoliko projekata. Oblast web dizajna se mijenja i razvija skoro svakim danom, tako da su zahtjevi i šta “ juče"bio u trendu," Danas"više nije comme il faut.

Kako znati 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 web stranici ili se registriraju. Koliko brzo to rade dovoljno govori o kvaliteti UX dizajna.

Koncept UI dizajna je u ovom slučaju subjektivniji, jer često zavisi od pretenzija i ukusa korisnika. A ono što se jednom čini lijepim, drugome boli oči. Međutim, postoje opće preporuke (jasno postavljanje blokova, kontrast teksta s pozadinom, isticanje ili isticanje elemenata na koje se može kliknuti i tako dalje) koje bi svi koji dizajniraju digitalne proizvode trebali slijediti.

Pišite u komentarima U nastavku je vaše mišljenje da li sam uspeo da ga otkrijem i ako nisam, šta bi trebalo sa tim dopuniti.