Šta rade UX i UI dizajneri, a šta front-end dizajneri? Šta je UX i UI dizajn – karakteristike i razlike Dobro poznavanje ux ui-ja.

Šta je UX dizajn? Trenutno, industrija korisničkog interfejsa raste brzim tempom, ali UX dizajn je i dalje u potpunosti novi svijet za većinu rukovodilaca i menadžera. Ovo područje ima za cilj povećanje zadovoljstva korisnika proizvodom, poboljšanje upotrebljivosti, pristupačnosti i interakcije. Kombinira tradicionalni dizajn interakcije čovjeka i računara i razmatra sve aspekte interakcije korisnika sa proizvodom ili uslugom.

UX dizajneri preuzimaju vodstvo u poboljšanju osnovnih potreba krajnjeg korisnika i pokušavaju stvoriti proizvod koji čini publiku sretnom. Ovo, zauzvrat, vodi zdravom povratu ulaganja i pomaže u podršci rastućem poslovanju ili organizaciji.

Šta radi UX dizajner?

UX dizajneri proučavaju i procjenjuju kako se korisnici osjećaju o sistemu gledajući stvari kao što su jednostavnost korištenja, percipirana vrijednost sistema, korisnost, efikasnost u izvršavanju zadataka.

UX dizajneri takođe razmatraju podsisteme i procese unutar sistema. Na primjer, mogli bi pogledati proces naplate na web-stranici e-trgovine kako bi vidjeli koliko je lako i pristupačno završiti proces kupovine proizvoda s web-mjesta. Oni mogu dublje ući u komponente podsistema, na primjer, vidjeti koliko je korisničko iskustvo efektivno i ugodno prilikom popunjavanja polja za unos na web obrascu.

Šta je UX dizajn? Tehnološki koncept

Važan koncept u UX dizajnu je proces kojim korisnici oblikuju iskustvo. Kada se potrošač prvi put susreće sa proizvodom, formira se trenutni utisak koji se vremenom menja. U ovom procesu, percepcija, djelovanje, motivacija i spoznaja se kombiniraju kako bi formirali korisničko iskustvo. Ovaj proces pokreće emocionalne reakcije koje u velikoj mjeri određuju je li iskustvo pozitivno ili negativno.

UX dizajneri nastoje stvoriti faktore koji namjerno utiču na proces. Da bi to učinio, UX dizajner razmatra tri kategorije pitanja: šta, zašto i kako.

Zašto- podrazumijeva motivaciju korisnika da prihvate proizvod i želju da ga posjeduju.

Šta- tiče se onoga što ljudi mogu učiniti s proizvodom i njegovom funkcionalnošću.

Kako- odnosi se na funkcionalnost dizajna na pristupačan i estetski ugodan način.

UX dizajn počinje s kategorijom „zašto“, zatim definira „šta“ i na kraju „kako“ za kreiranje proizvoda s kojima korisnici mogu imati smisleno iskustvo.

Istorijska retrospektiva

U poređenju sa mnogim drugim disciplinama, posebno web sistemima, UX dizajn je relativno nov. Termin “korisničko iskustvo” skovao je dr. Donald Norman, istraživač kognitivne nauke koji je također bio prvi koji je opisao važnost dizajna usmjerenog na korisnika – ideju da odluke o dizajnu treba da budu zasnovane na potrebama potrošača. Iz publikacije ovog koncepta započela je istorija UX dizajna.

Bez obzira na rad u startupu ili velika korporacija UX dizajner je direktno uključen u proces kako bi proizvod učinio korisnim i ugodnim za ciljno tržište kompanije. Proces kreiranja proizvoda sadrži nekoliko važnih koraka:

    istraživanje potrošača;

    dizajn proizvoda;

    testiranje;

    implementacija.

Razmotrimo svaki od njih detaljnije.

Istraživanje potrošača: odakle početi kao ambiciozni dizajner?

Analiza potrošačke publike i identifikacija potreba uključuje komunikaciju sa stvarni korisnici na ciljnom tržištu. Ako predmet istraživanja postoji samo hipotetički i još nije stvoren, slični proizvodi konkurentskih firmi, njihove prednosti i mane postaju predmet rasprave. Ako proizvod već postoji, potrošačima se postavljaju pitanja o tome kako se ljudi osjećaju kada se kreću po web stranici s trenutnim dizajnom, da li je lako pronaći informacije koje su im potrebne, kako su stranice strukturirane. Kvalitet pisanog i grafičkog sadržaja te ukupni vizuelni dojam stranice se ocjenjuje zasebno. Za ovaj dio procesa mogu se koristiti sljedeće metode:

    upitnici;

    diskusije u fokus grupama;

    online ankete;

    analiza zadataka.

    Važno je napomenuti da ako je proizvod proizvod dizajnerske misli i nema nikakve veze s korisničkim iskustvom i povratnim informacijama u svom razvoju i implementaciji, on nije proizvod UX dizajna.

    Dizajn

    Razvijanje hipoteze dizajna uključuje razmišljanje o tome kako se novi proizvod ili usluga može prilagoditi načinu na koji se kupac već ponaša (kao što je otkriveno istraživanjem korisnika). Dizajn proizvoda fokusiran je na funkcionalnost i upotrebljivost, a ne na to kako izgleda. U ovoj fazi koriste se:

      informaciona arhitektura;

    • izrada prototipa.

    Testiranje

    Testiranje uključuje provjeru da li promjene napravljene tokom faze dizajna funkcionišu ispravno i da su odgovarajuće za svoj zadatak. Ovo je odličan način da se riješite problema ili korisničkih poteškoća koje nisu bile vidljive u fazi dizajna prije početka rada u fazi implementacije. Postoje razni:

      a/b testiranje;

      upotrebljivost;

      testiranje korisnika na daljinu.

    Implementacija

    Implementacija uključuje blisku saradnju sa web programerima kako bi se postigao krajnji cilj. Web programeri rade na pretvaranju dizajnerskih ideja u pravu web stranicu. Važno je da programeri rade kao tim tokom čitavog procesa kako bi ova završna faza bila efikasnija i optimalnija.

    Šta je korisničko iskustvo?

    Web stranice i aplikacije postaju sve sofisticiraniji kako tehnologija napreduje. Ono što je nekada bilo jednosmjerno statičko okruženje danas se razvilo u široko interaktivno iskustvo.

    Ali bez obzira koliko se proizvodni proces promijenio, uspjeh web stranice i dalje ovisi o jednoj stvari: kako je korisnici percipiraju. “Da li mi ova stranica daje vrijednost? Da li je jednostavan za korištenje? Je li ugodno biti ovdje?" - ovo su pitanja koja se korisnici postavljaju u interakciji sa proizvodima kompanije, a na osnovu tog iskustva, po pravilu, donose odluku o kupovini.

    Korisničko sučelje (skraćeno UX) u dizajnu je kako se osoba osjeća kada komunicira sa sistemom. Sistem može biti web stranica, web aplikacija ili desktop softver. U modernom kontekstu, ovo se često naziva interakcijom čovjeka i računara.

    Korisničko iskustvo pokriva sve aspekte interakcije krajnjeg potrošača sa kompanijom, njenim uslugama i proizvodima. Važno je razlikovati cjelokupni dizajn projekta od korisničkog sučelja, iako je korisničko iskustvo izuzetno važan deo dizajn.

    Takođe je potrebno razlikovati UX i upotrebljivost: u skladu sa definicijom, atribut kvaliteta korisničkog interfejsa, koji obuhvata lakoću učenja, efikasnost korišćenja, prijatnost, vizuelnu prihvatljivost, estetiku dizajna.

    Stručna kompetencija

    UX dizajner je odgovoran za sve gore navedene korake procesa i njihovo izvršenje. Postoji niz profesionalnih kompetencija koje su od velike važnosti za obuku dizajnera:

      vodstvo;

    • upravljanje projektima;

      efektivna interakcija sa timom.

    Ove profesionalne karakteristike su veoma važne za uspešan rad.

    Koja je razlika između UX i UI dizajna?

    Dizajneri korisničkog sučelja (UI) fokusiraju se na izgled i stvarni dizajn svakog elementa s kojim korisnik komunicira, dok se dizajneri korisničkog iskustva (UX) fokusiraju na interakciju korisnika s tim elementom, kao i na integrirano iskustvo proizvoda. UI i UX dizajneri često rade zajedno, kao i u timu s web programerima, kako bi stvorili proizvod koji je vizualno privlačan i ugodan za korištenje.

    Šta UX dizajner zapravo radi?

    UX dizajneri izvode različite funkcionalnosti ovisno o projektu i fazi razvoja. U ranim fazama projekta, stručnjaci provode preliminarno istraživanje korisničkog iskustva, a zatim planiraju interakcije kroz žičanu strukturu i izradu prototipa svojih projekata, koji se zatim testiraju korištenjem različitih heurističkih tehnika.

    Tokom razvoja, testiranja i razvoja korisničkog interfejsa nastavlja se poboljšanje proizvoda i korisničkog iskustva.

    Jednom kada je projekat pokrenut, UX dizajner može analizirati korisničke metrike kako bi pratio njihov napredak, vratio se i ponovio kako bi poboljšao slabosti dizajna.

    Zadaci i metode

    UX dizajneri obavljaju različite zadatke u različitim fazama procesa. Ispod je osnovna lista:

      Procjena postojećeg sistema. Ako sistem već postoji, UX profesionalac će holistički procijeniti njegovo trenutno stanje. Problemi se identifikuju i predlažu korekcije na osnovu analize podataka istraživanja.

      A/B TESTIRANJE. Profesionalac može dizajnirati studiju kako bi uporedio efikasnost i kvalitet iskustva različitih korisničkih interfejsa. To se radi iznošenjem hipoteze (na primjer, "zeleno dugme je privlačnije od crvenog"). Zatim se predlaže nekoliko revizija dizajna i „najbolje iskustvo“ se određuje po redosledu testiranja (na primer, „zeleno dugme je bolje jer su korisnici češće kliktali na njega.“).

      Ankete. UX dizajner provodi anketu postojećih i potencijalnih korisnika sistema kako bi dobio ideju o tome koje je bilo najefikasnije dizajnersko rješenje. Budući da je iskustvo jednog korisnika subjektivno, Najbolji način dobijanje neposrednih informacija je proučavanje i interakcija sa grupnim mišljenjem.

      Žičani okviri i prototipovi. Na osnovu svojih nalaza, UX profesionalci mogu dizajnirati žičane okvire različitih rasporeda i prototipova veće vjernosti.

      Prilagođeni tokovi. Dizajniranje načina na koji korisnici treba da se kreću po sistemu je još jedan popularan alat.

    Dizajnerski obrasci

    Šabloni pružaju dosljednost i način da se pronađe najefikasniji "alat" za posao. Na primjer, kada dizajnirate predloške korisničkog sučelja, odabir pravih elemenata (npr. kartice modula, dijaprojekcije) za određene zadatke na osnovu njihove djelotvornosti rezultira najbolje rješenje... UX programeri ne samo da nude obrasce dizajna koji se koriste na drugim web stranicama, već i dizajniraju svoje vlastite obrasce za trenutni projekt.

    Programi

    Postoji nekoliko popularnih i lako dostupnih softvera za UX dizajn za rad i učenje. Alati nisu samo za UX dizajnere. Koriste ih i programeri i webmasteri.

    Kursevi UX dizajna koriste alate za izradu prototipa koji se u početku mogu raditi olovkom i papirom. Ovaj jeftin, pristupačan, praktični alat za obuku dizajnera omogućava vam da brzo napravite prototip i pređete na dizajn.

    Neki softver za kreiranje žičanih okvira i prototipova:


    Podučavanje osnova UX dizajna koristi A/B testiranje, poznato i kao split ili multivarijantno testiranje. Ovaj alat upoređuje različite verzije stranice. Testiranje se može izvesti pomoću bilo kojeg od nekoliko programa.

    Uglavnom softver za testiranje, A/B dijeli promet web stranice na dva jednaka segmenta. Jedna grupa vidi verziju A, a druga verziju B. Statistike kao što su stopa konverzije i stopa posete početne stranice prati se za svaku verziju. Split testiranje određuje koja je verzija bolja i ovu odluku na osnovu statistike. Jedna od najpopularnijih aplikacija za A/B testiranje je Googleov Website Optimizer.

    Upravljanje sadržajem

    Prilikom podučavanja UX dizajna od nule, koriste se razne tehnike inventara sadržaja. Korištenje serverske aplikacije na mjestu (za koju će vam trebati pristup web serveru) najbolje je za proizvodne lokacije. Bliže izvoru od softvera treće strane, ove aplikacije su preciznije i efikasnije. U tu svrhu može se koristiti jednostavan Excel alat za kreiranje i upravljanje inventarom sadržaja, kao što je predložak GetUXIndex ().

    Web lokacije napravljene pomoću sistema za upravljanje sadržajem kao što su WordPress i Drupal obično imaju ugrađene alate koji prikazuju mapu postojeće web stranice.

    Ankete i povratne informacije

    Anketa korisnika je još jedan popularan izazov dizajna UX-a. Najefikasniji i najisplativiji način da to učinite je aplikacija za anketiranje i povratne informacije ili testiranje korisnika na daljinu.

    Uobičajeni alati za anketiranje kao što je PollDaddy pružaju fleksibilna rješenja koja se mogu koristiti i za druge zadatke. Postoje alati za povratne informacije o upotrebljivosti kao što su upotrebljivost i usluge udaljenog testiranja korisnika kao što je čvorište upotrebljivosti koje administrira sistem za testiranje.

    Primjeri

    Primjer UX dizajna - šta je to? Dizajn korisničkog interfejsa je proces stvaranja proizvoda koji pružaju smislena i eksperimentalna iskustva. To pretpostavlja pažljiv dizajn i upotrebljivost proizvoda, estetski užitak u korištenju i široku funkcionalnost.

    Dakle, proizvodi koji pružaju odlične korisnički interfejs(na primjer, iPhone je najbolji primjer UX dizajn) nisu samo za konzumiranje ili korištenje proizvoda, već i za cijeli proces sticanja, vlasništva, pa čak i rješavanja problema.

Prevod Hubspot materijala o tome šta je UX dizajn, kako se kreira, koji se alati koriste i zašto je kompaniji potreban UX dizajn.

Čemu služi vaša stranica ili aplikacija? Da li je to samo za prikupljanje informacija? Ili kupite jednim klikom i primite isporuku sutra? Ili je glavna stvar brzo pronaći odgovore na potrebna pitanja?

Razmislite o ljudima koji su razvili ovu stranicu ili aplikaciju. Koja je bila njihova svrha?

Pokušali su napraviti web resurs koji bi imao sve zbog čega bi ga ljudi voljeli. Stranica jednostavna za korištenje koja će vam brzo pružiti informacije koje tražite i pomoći vam da donesete informirane odluke.

UX, ili iskustvo interakcije, obuhvata percepciju i emociju koju softverski proizvod ili usluga izaziva. UX karakteriše jednostavnost upotrebe, pristupačnost i upotrebljivost. O UX-u se često govori u kontekstu elektronskih uređaja, pametne telefone, računare, softver ili web stranice. Ali takav koncept nije nov; to je nešto što se ubrzano mijenja pod utjecajem tehnološkog napretka, novih tipova interakcija i potrošačkih trendova.

Korisnici traže munjevito brze načine rješavanja problema, zbog čega je UX izuzetno važan. Uvjerite se da je stranica jasna i laka za razumijevanje za korisnike.

Ako korisnici ne smatraju da je resurs koristan i jednostavan za korištenje, brzo će se odjaviti. Većina korisnika u roku od jedne minute odlučuje da li će zatvoriti stranicu.

U ovom članku ćemo istražiti više o UX industriji koja se razvija, kakve dizajnere unajmljuju komercijalne organizacije i zašto pametan dizajn koristi svakom poslu.

Šta je UX dizajn?

UX dizajn, ili dizajn korisničkog iskustva, je ono što određuje koliko će korisnik biti zadovoljan softverskim proizvodom ili uslugom; ovaj proces uključuje poboljšanja funkcionalnosti, upotrebljivosti i upotrebljivosti. UX dizajn - kreiranje softverskih proizvoda sa promišljenim i relevantnim korisničkim iskustvom. Polje UX dizajna ima gomilu podtema koje treba razmotriti.

1. Interaktivni dizajn

Interaktivni dizajn, ili IxD, je pododjeljak UX dizajna koji definira interakciju između korisnika i proizvoda; cilj ovih interakcija je dobro korisničko iskustvo.

2. Vizuelni dizajn

Vizualni dizajn koristi ilustracije, fotografiju, tipografiju i sheme boja kako bi poboljšao iskustvo krajnjeg korisnika. U vizualnom dizajnu važno je pridržavati se principa dekoracije. To uključuje balans, prostor, kontrast... Boja, oblik, veličina i drugi elementi također utiču na dizajn.

3. Istraživanje korisnika

To je posljednji od građevnih blokova UX dizajna koji kompanije koriste kako bi shvatile očekivanja svojih kupaca. Uspješan web projekt služi određenoj svrsi i rješava specifične probleme, pa je važan korak saznati šta je potrošaču potrebno. Bez toga, dizajn se zasniva na nagađanjima i pretpostavkama.

4. Arhitektura informacija

Dizajneri koriste informacijsku arhitekturu za strukturiranje i označavanje sadržaja na specifičan način kako bi ga korisnici lakše pronašli. potrebne informacije... Informaciona arhitektura se koristi u web razvoju, razvoju pametnih telefona, aplikacijama i vidi se u mnogim fizičkim objektima. Lakoća korišćenja i pristupačnost su dva glavna aspekta informacione arhitekture.

Za ilustraciju, razmotrite kartu njujorške podzemne željeznice. Usput, ovo dobar primjer informaciona arhitektura koja pomaže ljudima da dođu od uslovne tačke "A" do tačke "B". I, kako zvuči postulat Instituta za informacionu arhitekturu, „ako radiš nešto za druge, koristiš informacionu arhitekturu“.

Kompozitni procesi UX dizajna

Postoje tri faze UX dizajna: 1. pronalaženje ciljne publike 2. razumijevanje ciljeva kompanije – kako takvi ciljevi utiču na korisnika 3. nekonvencionalno razmišljanje

Obično UX dizajn ima pristup usmjeren na korisnika - kreiranje željenog krajnjeg proizvoda u tri koraka. Lakše - trebali biste uzeti u obzir potrebe onih za koje se dizajn razvija. Mnogo rješenja se koristi za otklanjanje svih vrsta komplikacija i hrapavosti; prototipovi se kreiraju i testiraju na korisnicima.

Na osnovu rezultata rada bira se najbolja od razrađenih opcija. Ako na stvari gledate iz ugla korisnika i dizajnirate na osnovu njegovih preferencija, svima će se svidjeti rezultat.

Principi UX dizajna

Industrija UX dizajna se brzo mijenja, ali osnovni principi su isti. Dizajneri moraju razumjeti šta im je potrebno u smislu vizualne ravnoteže. Kratkoća i jasnoća su važne nijanse; ovdje primjenjujemo princip - što manje to bolje. Težite intuitivnom dizajnu i, što je još važnije, uzmite u obzir interese i potrebe korisnika.

UX se uglavnom bavi novim tehnologijama, ali u središtu svega su svjetski stari principi koji pomažu dizajnerima da riješe sve vrste problema kroz konzistentnu i predmetnu metodologiju.

Uzmite u obzir kontekst: korisnik mora znati gdje se nalazi ovog trenutka... Ne bi trebalo da postoji osećaj preopterećenosti informacijama ili da je izgubljen. Vaš zadatak je da podstaknete i ukažete na pravi smjer.

Budite humani: Niko ne voli osećaj interakcije sa mašinom. Veća je vjerovatnoća da ćete izgraditi povjerenje kada svoju kompaniju pokažete sa ljudske strane.

Dostupnost: Niko ne želi gubiti vrijeme. Uspješan UX dizajn poboljšava navigaciju.

Lakoća: Konzistentnost i jednostavan dizajn su uvijek dobra stvar. Vi gradite odnose s korisnicima kroz user-friendly UX.

Jednostavnost: Nema pogrešnih proračuna ili nepotrebnih opisa. Idite pravo na glavnu stvar.

UX rezultat

Kada je UX projekat završen, dizajner i tim pokazuju klijentu i njihovom timu listu onoga što je urađeno. Potrebno je prikazati proces rada, listu realizovanih ideja.

Ovo je važan dio cjelokupnog procesa. Tako je UX dizajnerima lakše pronaći ono što traže, demonstrirati svoju viziju, objasniti određene preporuke za poboljšanje.

1. Istraživanje korisnika

Potrebe, trendovi i motivacije korisnika otkrivaju se kroz razna istraživanja korisnika. To mogu biti kvantitativni i kvalitativni podaci dobijeni tokom testova, na primjer, uz učešće fokus grupa; detaljan opis procesa registracije, onboardinga i zahtjeva klijentskoj službi. Cilj je dobiti detaljna analizašta se nalazi na sajtu, a šta se još može poboljšati - sve ideje se testiraju na stvarnim korisnicima.

Istraživači kreiraju portrete potrošača na osnovu stvarnih podataka o ljudima, što pomaže da se točno odredi tko će komunicirati s web-stranicom ili aplikacijom.

Kroz istraživanje korisnika, dizajneri pronalaze i definiraju svog korisnika.

2. Procjena takmičara

Procjena snaga i slabosti konkurencija je način da proširite vlastitu UX strategiju. Najbolje je djelovati s analitičkim izvještajima koji naglašavaju konkurentska kretanja. Zapravo, ovo je detaljna analiza interaktivnog dizajna konkurenata, lista slabosti, pogrešnih proračuna i propusta, općenito, ono što može postati konkurentska prednost.

3. Interaktivni dizajn

Opis interakcija korisnika može biti u obliku prototipa - to olakšava razumijevanje kako će korisnici obavljati ključne zadatke, pronaći informacije i općenito koristiti proizvod. Opisan je proces traženja informacija i koliko je zgodan razvoj. Prototip bi trebao biti što je moguće pojednostavljen i bliži konačnoj verziji.

4. Arhitektura informacija

IA je proces dobivanja informacija i pretvaranja u probavljivu formu, što je posebno važno za velike stranice. Važno je razumjeti kontekst u kojem će ljudi koristiti dizajn. Krajnji rezultat može biti mapa web-lokacije s opisom alata ili uzorak korisničkog toka koji pokazuje kako se posjetitelji kreću po stranici.

Šta je dizajn korisničkog interfejsa?

Kada je Apple predstavio navigacijsku komponentu Click Wheel za iPod, bila je intuitivna i vrlo funkcionalna — da ne spominjemo vizualno. Ovo je dobar primjer uspješnog korisničkog sučelja ili korisničkog sučelja. UI je način interakcije sa računarima, mašinama, web stranicama, aplikacijama, nosivim uređajima itd. Dizajn korisničkog sučelja je ono što sve ove stvari čini što jednostavnijim i efikasnijim.

UI vs. UX

UX, korisničko iskustvo, odnosi se na kretanje korisnika na web stranici ili u aplikaciji. UX dizajneri rade na formi i funkcionalnosti proizvoda ili tehnologije. UI, ili korisničko sučelje, fokusirano je na to kako izgleda i funkcionira vanjska ljuska proizvoda. Područje UI dizajnera su opipljive i vidljive komponente ovog procesa.

Uobičajeni elementi korisničkog sučelja

UX i UI imaju mnogo toga zajedničkog, ali važno je napomenuti ključne razlike između njih. Opet, UI je fokusiran na vanjštinu proizvoda, dok je UX više o tome kako ljudi stupaju u interakciju s web lokacijom ili aplikacijom. Evo najčešćih elemenata korisničkog sučelja o kojima trebate znati kako biste bolje razumjeli razlike:

Informacijske komponente: UI dizajneri koriste informacijske komponente za proširenje takozvanih informacionih komponenti. iskustvo čitanja - za prenošenje više informacija. Primeri komponenti informacija uključuju indikatore statusa, obaveštenja i okvire za poruke. Sve ovo služi kao potvrda: korisnik je izvršio određeni zadatak. Ili da obavijesti da je potrebna određena radnja s njegove strane.

Breadcrumbs navigacija

To je dizajnerski alat koji vizualno poboljšava upotrebljivost web stranice.

Ovako ljudi vide svoju lokaciju na web stranici, u njenoj hijerarhijskoj strukturi. Nisu potrebni nikakvi domišljati elementi dizajna, potrebno je samo pokazati u kojem dijelu stranice se korisnik nalazi. Obično se takve veze nalaze na vrhu web stranice online trgovina ili na drugim resursima.

Kontrole unosa: Korisnicima se nudi nekoliko opcija da odgovore na pitanje koje im se postavi. To mogu biti okviri za potvrdu, padajući menii i radio dugmad. Informacije treba da budu koncizne i sažete kako bi se lakše identifikovale potrebe.

Istraživanje iskustva interakcije

Bez istraživanja neće biti moguće saznati o potrebama i preferencijama ljudi. UX istraživanje je pronalaženje onoga što korisnici žele; dobijeni podaci čine osnovu UX dizajna. Kompanije i dizajneri koriste istraživanja kako bi izvukli zaključke o tome šta funkcionira, a što je bolje promijeniti. Postoji nekoliko opcija za UX istraživanje.

Testiranje upotrebljivosti

Cilj ovakvog istraživanja je otkriti koliko je proizvod uspješan; korisnici učestvuju u testiranju. Ovo kompanijama daje stvarne informacije o tome kako ljudi koriste proizvod ili sistem, ili kako taj proizvod ili sistem funkcionišu. Postoje dva glavna načina testiranja.

Testiranje upotrebljivosti na povremenim korisnicima je brzo i jeftin način da kompanije i istraživači dobiju informacije od ljudi koji možda ne znaju za njihov proizvod. Povremeni ljudi koriste proizvod i dijele svoja mišljenja.

Testiranje upotrebljivosti na daljinu omogućava kompanijama da provode istraživanje u okruženju u kojem su korisnici u svom prirodnom okruženju (na primjer, kod kuće ili u kancelariji).

Alati za testiranje upotrebljivosti

Takvi alati vam omogućavaju da saznate mišljenja korisnika, analizirate povratne informacije i napravite određene promjene na osnovu podataka. Ako tražite alat koji će vam pomoći da shvatite koliko je lako koristiti vašu web-lokaciju ili aplikaciju, imate dvije mogućnosti:

Adobe Fireworks CS6 omogućava web dizajnerima da kreiraju grafiku za web stranice bez potrebe za zadiranjem u zamršenosti koda ili dizajna. Adobe Fireworks ima niz prednosti. Ovaj alat ima impresivnu tačnost piksela, opcije kompresije slike (JPEG, GIF, itd.), što omogućava korisnicima da kreiraju funkcionalne web stranice i grade vektore.

WITH sa Adobe-om XD može kreirati dizajn web stranica i mobilnih aplikacija, kao i prototipove, žičane okvire i vektorska grafika... Dijelite interaktivne prototipove na više platformi uključujući Windows, Mac, iOS i Android - savršeno za timski rad.

Axure RP Pro je još jedan dobar alat za UX dizajn, a također je besplatan. U Axureu je implementirano nekoliko opcija, uklj. izradu prototipa i dokumentacije. Možete čak kreirati korisničku navigaciju i mape web stranica. Axure je idealan za kreiranje web i desktop aplikacija, korisnicima je omogućena mogućnost brzog izvoza u PDF ili HTML.

Ovo je složen softver sa mnogo specifičnih funkcija, uklj. nedestruktivno uređivanje (što znači da Sketch neće promijeniti gustinu piksela slike s kojom radite). Izvoz koda, preciznost piksela, izrada prototipa, vektorsko uređivanje su glavne prednosti Sketch-a.

6. Softver za storyboarding

Možda se pitate zašto je storyboard potreban u UX dizajnu. Ali ovo dobar način da vizualno predvidite kako će korisnik komunicirati s vašim proizvodom u širem kontekstu. Dostupno je nekoliko alata za snimanje priča, sa različite funkcije i nivoi težine.

Storyboarder je besplatan razvoj softvera sa osnovnom funkcionalnošću koji je pogodan za sve dizajnere, bez obzira na njihov nivo vještina. Ovaj softver brzo kreira skice ili figure da opiše plan ili ideju. Drugi alat je Toon Boom Storyboard Pro. Kombinira crtanje, animaciju, kontrolu kamere i mnoge druge opcije - uz godišnju ili mjesečnu naknadu. Široka funkcionalnost za sofisticirano pripovijedanje i detaljne pripremne radove. Sve ovo je pogodno za dizajnere koji traže priliku da vizuelno ispričaju svoju priču kroz interfejs.

Kako postati UX dizajner?

Ako volite dizajn, istraživanje i rad s ljudima – slušate kako vam drugi govore o vašim iskustvima, tada bi možda vrijedilo razmisliti o karijeri u UX dizajnu. U ovom slučaju, morat ćete se fokusirati na konceptualne aspekte dizajna; stvoriti kvalitetno korisničko iskustvo za druge korisnike.

Postoji nekoliko važnih koraka ka karijeri UX dizajnera. Mnogi univerziteti u svijetu nude svoje tečajeve, ali da bi ih upisali obično je potrebno 4 godine obrazovanja iz dizajna. potrebno stanje... Postoje fleksibilniji programi kao npr Diplomski program Univerziteta Quinnipiac u dizajnu korisničkog iskustva... Postoje i profesionalni programi sertifikacije. Mnogo zavisi od dužine studija i nivoa obuke.

Ako ste spremni ostvariti svoj san da postanete UX dizajner, potreban vam je životopis i živopisan portfolio. Resursi kao što su Dribbble ili Behance će dobro doći. Možete prikazati svoj rad na vlastitoj web stranici, napravljenoj uz pomoć graditelja kao što je SquareSpace.

Ne gubite iz vida sljedeće nijanse:

Vizuelna privlačnost

Prezentacija je sve. Rad treba da govori sam za sebe...pokaži, ne govori! Odabir boja, tipografija su važni.

Dodajte stranicu o sebi

Zašto bi vas neko zaposlio? Koje nove stvari možete donijeti bilo kojoj organizaciji? Pokažite regruterima svoju jedinstvenu viziju ili ono što vas inspiriše.

Zaposlenik kompanije iz vaših snova ne bi trebalo da ima poteškoća u navigaciji kroz vaš portfolio sajt. U meniju dodajte odjeljke kao što su kontakti, životopis, portfolio, o meni itd. da pojednostavite navigaciju.

Objasnite kako gradite svoj UX Vaš potencijalni poslodavac želi razumjeti vaš način razmišljanja. Dodajte informacije kako biste regruteru rekli o vašem UX istraživanju, razmišljanju, procesu dizajna ili izradi prototipa.

Kreirajte dodatni portfolio

Koristite druge alate da svoj rad učinite dostupnim na web resursima gdje dizajneri provode svoje vrijeme i oni koji ih žele angažirati,

Na pitanje koja je razlika između UX dizajnera i UI dizajnera, ljudi vole da odgovaraju poricanjem. Znate, takav književni uređaj. Čini se da „UX nije u vezi sa interfejsom, ne o grafički dizajn, ovo nije upotrebljivost, nije analitika, nije prototip." Danas ukratko pokazujemo razliku, pričamo istoriju pojave pojmova i objašnjavamo zašto se dva koncepta, čak i nakon toliko godina, s tolikom željom spajaju u jedan - UX/UI.

Ukratko o razlici

UI dizajner (korisnički interfejs) je dizajner interfejsa u idealnom okruženju koji crta dugmad, ikone, oblike, bira fontove i od svega pravi harmoničan i lep raspored. Web stranica, aplikacija, bilo što, s čime će korisnik komunicirati - čak i ekran terminala stanice. I ne razmišlja ni o čemu drugom.

UX dizajner (korisničko iskustvo) nije dizajner, već dizajner (samo na engleskom riječ dizajner ima samo drugo značenje). Proučava potrebe korisnika, gradi logičke dijagrame interfejsa, testira prototipove na živim ljudima, piše tehničke specifikacije za dizajn. Drugim riječima, ovo je takav marketinški inženjer: analitičar je ulaz, izlaz su principi kreiranja interfejsa, logika rada, izgled, sadržaj. To se ne tiče crtanja kao takvog.

To je sve.

Zašto je trebalo sve iskomplikovati

Kao i ranije: dizajner je dobio zadatak "da nacrta sajt". Sve stranice su bile manje-više iste: početna, o kompaniji, katalog, dalje niz listu. Dizajner je pitao: "kada će nam biti ustupljen sadržaj?" Nikad, druže duh, ovo je vojska.

A dizajner se jednostavno zvao "dizajner". Nema prekomorskih prefiksa.

Kako je to postalo kasnije: agencije su htjele dobiti više novca, a svijet je postepeno počeo da se kreće sa „jednostavnih stranica“ na složene web usluge. A usluga nije samo jedinstveni interfejs, već je i poseban poslovni proces iza njega. Na primjer, sjetite se Airbnb web stranice - bez dubokog proučavanja teme, nijedan grafički dizajner ne bi mogao odmah napraviti interfejs.

Kako je posla bilo više, javila se potreba da se jedno zanimanje podijeli na više. Sada je UX stručnjak (nazovimo ga da ne bude zabune) istraživao i dizajnirao informatičku arhitekturu, prototipist je radio funkcionalni dio, a grafički (UI) dizajner je kreirao konačni proizvod: moderan i oku ugodan.

Isto se već dogodilo u industriji. Na primjer, jednostavno "programeri" su podijeljeni na "front-end" i "back-end". I prednje strane za prave front-endre i „samo dizajnere izgleda“. Između ostalog, .

Razlog je uvijek isti: jedna osoba nije dovoljna za veliki proces. Idemo dalje.

Ko je UX / UI dizajner

Što je zabavno: konkursi za posao često sadrže pozicije UX / UI dizajnera, samo tako, kroz kosu crtu. Čak i Tinkoff traži takvog stručnjaka za kombinacije:

S druge strane barikada, dizajneri širom svijeta počeli su sebe nazivati ​​upravo UX/UI. Jer biti samo dizajner je jebeno nemodno.

Šta je UX/UI u idealnom svijetu? Nadčovjek koji vodi cijeli ciklus rada na UX-u, a onda ipak uspijeva sve nacrtati s nekoliko iteracija desnog (napraviti UI).

Ko je zaista UX/UI? Samo dobar dizajner. Za one koji smatraju da im je dužnost ne samo da „shvate izglede“, već da svakom projektu pristupe pojedinačno, počnu sa analizom, pitanjima, pojašnjenjima, skicama, dijagramima itd. Ovo nije punopravna UX stručnost, ali je, u pravilu, dovoljno podržati gotovu uslugu ili razviti „jednostavnu web stranicu“.

Dakle, ako vidite neverovatnog UX / UI mutanta, znajte da:

  • Ovo je dizajner koji projektu pristupa glavom, a ne samo klikće mišem i kljunom.
  • Ovo je bič koji je pročitao mnogo riječi i sada sebe naziva UX/UI.

To je jednostavno provjeriti: zamolite dizajnera da kaže zašto je odabrao upravo ovaj raspored elemenata, takav slijed ekrana itd. Have dobar dizajner nijedno rješenje interfejsa nije napravljeno tek tako - sve ima logično obrazloženje.

između ostalog

Ovaj članak je već drugi u nizu "Kako se jedan web stručnjak razlikuje od drugog." Ono što nas je ponukalo da sa weba napravimo imenik svih profesija, sa različitim varijantama njihovih naziva. Da klijentu (a i svima nama, šta zapravo) život bude jasniji.

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

UX dizajn: Fitsov zakon

Ciljano vrijeme je funkcija udaljenosti mete i veličine mete. Godine 1954. psiholog Paul Fitts, koji je proučavao ljudski motorni sistem, pokazao je 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 male mete dovode do više grešaka. Fitsov zakon se široko koristi u UI i UX-u. Na primjer, prema ovom zakonu, učinite interaktivne gumbe velikim jer je na male gumbe teže kliknuti i potrebno im je duže.

Hikov zakon

Vrijeme odluke se povećava sa brojem i složenošću izbora. Što je veći broj iritansa, korisnik će duže morati da bira 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 troše velika količina vrijeme na drugim stranicama. To znači da korisnici više vole da vaša stranica radi na isti način kao i web lokacije koje već poznaju. Jakobov zakon izmislio je 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 njihovom najjednostavnijem obliku, jer to tumačenje od nas zahtijeva najmanje kognitivnog napora. Ovaj zakon je 1910. godine otkrio psiholog Max Wertheimer kada je ugledao svjetla u blizini željezničkog prijelaza. Bilo je to kao paljenje i gašenje svjetla oko bine. Posmatraču se čini da je to ista svjetlost koja ide od sijalice do sijalice, iako je u stvarnosti samo niz sijalica koje se naizmjence pale i gase.

UX dizajn: zakon blizine

U grupi se percipiraju predmeti koji su bliski jedan drugom. 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 elementa u svojoj radnoj memoriji. Godine 1956. George Miller je rekao da je raspon trenutnog pamćenja i apsolutnog prosuđivanja ograničen na oko 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 propusnost kanal.

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. Manipulacija serijskim plasmanom za stvaranje boljeg korisničkog iskustva koristi se u mnogim popularnim dizajnima uspješnih kompanija poput Applea, Electronic Artsa i Nikea.

UX dizajn: Teslerov zakon

Teslerov zakon, ili zakon održanja složenosti, kaže da za bilo koji sistem postoji određena koja se ne može smanjiti. Sredinom 1980-ih, Larry Tesler je shvatio da je interakcija korisnika s aplikacijama važna kao i same aplikacije. U mnogim slučajevima, kaže on, inženjer bi 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

Rad sa interakcijom korisnika pomaže da se proizvod ili posao podigne na višu razinu, jer UX dizajner promišlja kroz logiku proizvoda i pomaže klijentima da postignu svoje ciljeve.

Da biste počeli učiti UX dizajn, morate razumjeti kako je strukturiran rad na bilo kojem digitalnom projektu i za šta je tačno takav dizajner odgovoran tokom razvoja.

Ko je UX dizajner, čime se bavi

UX dizajner je dizajner koji digitalne proizvode čini razumljivim i logičnim. Proučava iskustvo interakcije korisnika sa proizvodom – sajtom, aplikacijom, programom. Cilj UX dizajnera je pomoći korisniku da postigne svoj cilj. Da biste to učinili, projekt je podijeljen u faze i svaka od njih se razrađuje.

Prvo, dizajneri analiziraju publiku proizvoda, istražuju njegove ciljeve i strahove. Zatim intervjuišu pravi ljudi, pratiti web stranice i aplikacije konkurenata. Nakon toga se kreiraju prototipovi, prikazuju se korisnicima, a fajlovi se predaju programerima.

Pažljiviji pogled na svaki od ovih koraka olakšava shvatiti odakle početi učiti UX dizajn.

Ko može postati UX dizajner

Često na UX dolaze web dizajneri koji su odlučili da dublje prodre u polje interakcije korisnika. Već su radili sa korisnicima, poznaju osnovne principe i sposobni su da vizualiziraju informacije.

Međutim, ne morate biti web dizajner da biste radili u UX-u. Svi procesi u ovoj oblasti prvenstveno se zasnivaju na logici, sposobnosti kritičkog mišljenja, komunikaciji sa ljudima i sposobnosti analize.

Jedna od Googleovih dizajnerica, Fiona Yong, rekla je da u njenom timu ima samo nekoliko stručnjaka sa dizajnerskim obrazovanjem. Ostali su radili u srodnim oblastima ili u drugim industrijama. Neki su se bavili kognitivnim naukama, a neki psihobiologijom.

Stoga, arhitekti, inženjeri i programeri svi mogu biti dobri dizajneri. Glavna stvar je razumjeti osnove interaktivnog dizajna i razumjeti kako je izgrađena logika rada u UX-u. To možete učiniti sami ili na posebnim kursevima UI/UX dizajna.

Gdje početi

Možete početi učiti UX dizajn uz kurseve, knjige i članke. Glavna stvar je sastaviti ispravan plan treninga, formulirati ciljeve i preći od općeg ka specifičnom.

Proces rada na proizvodu sastoji se od nekoliko faza. U svakom od njih UX dizajner radi različite stvari. Da biste razumjeli koje je znanje potrebno za rad, morate detaljno razmotriti svaku od faza:

  • studija,
  • Analiza podataka,
  • dizajn,
  • dizajn,
  • analiza metrike.

Studija

UX dizajner se brine da buduća stranica ili aplikacija izvrši korisnu radnju - proda, reklamira, pomogne korisnicima.

Ali to je teško stvoriti dobar projekat, ako ne razumete problem. Stoga dizajner prvo prikuplja podatke o budućem proizvodu. Istražuje konkurente, planira funkcije, promišlja logiku rada.

Dobar metod istraživanja je razgovor sa stvarnim korisnicima. Prilikom kreiranja usluge za kupovinu karata, bolje je otići na željezničku stanicu i obaviti intervjue sa putnicima. Saznajte da li će im biti lakše da kupe karte putem interneta, da li je zgodno platiti karticom, kako žele da biraju mesta u vagonu.

Tokom faze istraživanja, UX dizajner bi trebao aktivno razgovarati s potencijalnim korisnicima i pitati šta im treba.

Analiza podataka

Kada su ciljevi proizvoda jasni, dizajner razmišlja o logici interakcije.

Najistaknutiji predstavnici biraju se iz ciljne publike i govore o njima. Oni pokušavaju da zamisle šta je važno za ovu osobu u proizvodu. Koje će zadatke rješavati, na koji način. Ova faza, kreiranje persona, pomaže dizajneru da predstavi i radi za određene ljude.

Zadovoljiti zahtjeve cjelokupne ciljne publike neće uspjeti, ali možete raditi na željama najsjajnijih predstavnika. Tada se povećava šansa da će i drugima biti ugodno koristiti proizvod.

Dizajner kreira scenarije za svaku osobu. Ovdje je važno zamisliti kako bi određena osoba mogla komunicirati s proizvodom. Koja je funkcionalnost potrebna, a što se može odbaciti u prvoj fazi.

Skriptiranje vam pomaže da razmislite o strukturi vaše aplikacije ili stranice, kao io osnovnim elementima.

Dizajn

U ovoj fazi se vizualizuju svi prikupljeni podaci. Oni grade strukturu aplikacije, uređuju elemente za svaki ekran.

Dizajn nije kreacija gotov dizajn... Ovo su brze skice koje se prikazuju korisnicima. Oni provode testiranje i otkrivaju hoće li proizvod riješiti problem u ovom obliku.

Rasporedi u ovoj fazi mogu biti potpuno različiti - niski detalji i crno-bijeli ili svijetli i interaktivni. Neko radi sa papirom i olovkom, neko koristi specijalni programi... Neki dizajneri odmah rade u grafičkim uređivačima.

Faza dizajna vam može uštedjeti mnogo vremena. Brže je pokazati korisniku skicu i pitati za mišljenje nego crtati i programirati proizvod od nule, a zatim ispravljati greške.

Dizajn

Konačnu verziju kreira UI dizajner. Ali često morate sami nacrtati konačnu verziju. Stoga je korisno steći osnovne vještine i naučiti dizajn korisničkog sučelja.

U fazi kreiraju vizualizacije od prototipova i žičanih okvira, rade s bojom, kompozicijom i tipografijom te dizajniraju sadržaj.

Za to su prikladni grafički uređivači u kojima rade dizajneri:

  • Adobe Photoshop,
  • Adobe XD,
  • skica,
  • Figma.

Izazov za UX dizajnera je pratiti upotrebljivost pojedinačni elementi i stranice općenito. Obratite pažnju na to prilikom dodavanja vizuelni efekti, glavno značenje proizvoda nije izgubljeno.

Analiza metrike

Nakon objavljivanja prve radne verzije proizvoda, UX dizajner prati stvarno ponašanje korisnika. Za to se koriste analitički sistemi i razne metrike.

Rad na proizvodu - provođenje upotrebljivosti i A/B testova. Poboljšajte korisničko iskustvo, dodajte nove funkcije.

Kako naučiti UX dizajn

UX dizajn se sastoji od različitih pravaca i disciplina. Ovo je vizuelni dizajn, rad sa korisnicima i testiranje rezultata. Neki UX profesionalci rade u jednom smjeru, neki u svemu.

Da biste naučili UX dizajn, morate zamisliti cijeli put razvoja proizvoda i unaprijediti vještine potrebne za svaku fazu."

  • Uživo Povratne informacije sa nastavnicima
  • Neograničen pristup materijalima za kurs
  • Praksa u partnerskim kompanijama
  • Diplomski projekat od pravog kupca
  • Za diplomce koji su odbranili diplomske radove garantirano zaposlenje u partnerskim kompanijama
  • Kada učite teoriju, imajte na umu praktične vještine. Kreirajte ili osmislite izgled web stranice mobilna aplikacija... Podijelite projekt na dijelove i pažljivo radite na svakom od njih: uradite istraživanje i analizu, zatim dizajnirajte i dizajnirajte. Samo praksa pomaže dizajneru da postane dobar stručnjak.