Šta je UX i UI dizajn - karakteristike i razlike. UI, UX: Ko to radi? Dizajnerski vodič SPECIJALNO Dizajniranje ui ux interfejsa

korisnik Interfejs Dizajn ili korisnički interfejs je dizajniran da pomogne u organizaciji interakcije korisnika sa uređajem ili programom.To je ono s čime se korisnik susreće kada gleda u uređaj ili ekran: lokaciju grafičkih elemenata interfejsa, dugmadi i navigacije. Koliko je zgodno korisničko sučelje ovisi o želji osobe da koristi stranicu ili aplikaciju. Odanost korisnika u velikoj mjeri ovisi o praktičnosti i atraktivnosti sučelja. Svijetli dizajn privlači ljude i tjera ih da odu na program ili web stranicu. Stoga je važno da dizajn korisničkog sučelja bude intuitivan.

Da biste razumjeli šta je UX i UI dizajn, zamislite stolicu. Njegov okvirni okvir ćemo nazvati UX dizajnom, jer čovjek rješava korisnički problem uz pomoć same stolice. Istovremeno, uslovni UI dizajn proizvoda je broj njegovih nogu, oblik leđa ili presvlake. Dobar UI dizajn uzima u obzir praktičnost vanjskog dizajna, na primjeru stolice, to znači odabir ne samo lijepog, već i materijala otpornog na habanje za proizvod.

Stoga je UI dizajn usmjeren na stvaranje potrebne emocionalne percepcije proizvoda. A UX dizajn se zasniva na korisničkoj pomoći korisniku u radu sa resursom.

Kao rezultat interakcije UI i UX dizajna, korisnik dobija jedinstven utisak o estetici vizuelnog dizajna interfejsa i lakoći prolaza. na željenu radnju na stranici.

Dobićeš

Kvalitetno obavljen posao

Atraktivan dizajn

Emocionalni angažman korisnika

Structured Interface

Ono što određuje cijenu UI dizajna

  1. Broj koncepata interfejsa.Što ih je više, to je više.
  2. Tip uređaja za koji se razvija interfejs. To može biti interfejs aplikacije za android, interfejs IOS aplikacije ili web aplikaciju.
  3. Nakon formiranja UX pravila. Ako trebamo razraditi pravila, cijena raste.
  4. Potreba za ilustracijama. Mogu biti grafički i animirani. Cijena zavisi i od količine. Što je više ilustracija potrebno, to je veći trošak dizajna korisničkog sučelja.

Naručite dizajn korisnički interfejs u agenciji za brendiranje COLORO. Pronaći ćemo pristup vašem projektu.

Razvoj UI dizajna: faze

1.Formulacija problema:

  • postavljanje ciljeva za koje će se koristiti interfejs;
  • analiza potreba korisnika;
  • izbor platforme na kojoj će se realizovati projekat.

2. Izrada skica interfejsa.
3. Izrada prototipa, za procjenu pogodnosti sučelja.
4. Analiza podataka i izbor najboljih opcija.

UI sučelje uključuje sljedeće elemente:

Kreiranje UI dizajna: pravila

  1. Dizajn elemenata aplikacije treba da bude takav jednostavno i razumljivo.
  2. Korisnik ne mora obavljaju složene radnje ili dugih lanaca prelaza.
  3. Preporučljivo je koristiti poznatih elemenata kontrole i jasne vizualne slike.
  4. Potrebni su logički povezani elementi ujedinite se v meni i forme.
  5. Većina važnih elemenata UI mora otići prvo.
  6. Interfejs mora biti uokviren u singl stil.

Prilikom izrade UI dizajna za mobilnu ili web aplikaciju potrebno je uzeti u obzir estetsko-upotrebljivog efekta(efekat estetske upotrebljivosti). Pod njegovim uticajem, čoveku se čini da je interfejs aplikacija koji izgleda bolje pogodniji. Stoga dizajn korisničkog interfejsa treba da bude harmoničan kombinuju lepotu i pogodnost.

Naručite dizajn interfejsa u agenciji za brendiranje KOLORO. Znamo kako da uspostavimo ravnotežu.

Karakteristike razvoja sučelja aplikacije

Ovisno o svrsi projekta i namjeni sučelja, dizajner odabire shemu boja i dizajn. Treba uzeti u obzir psihologija boja i kako to utiče na ljude. Prilikom dizajniranja korisničkog sučelja, boja se može koristiti istaći kvalitet aplikacije. Crvena je povezana sa snagom i strašću, zelena - sa prirodom i blagostanjem, plava - sa mirom, ljubičasta - sa kreativnošću i mudrošću.

Potrebno je pažljivo razraditi detalje projekta u ranoj fazi i slijediti glavne principe razvoja mobilnog interfejsa. Među najnovijim trendovima u dizajnu je razvoj aplikacija koje bi radile i na Androidu i na iOS-u. Međutim, dizajn korisničkog sučelja najbolje je razvijati zasebno za svaki mobilna aplikacija. Na ovaj način se mogu izbjeći greške i kvarovi.

UI se suočava sa sljedećim zadacima:

  1. Obezbedite interakcija korisnika sa aplikacijom.
  2. donijeti emocionalno zadovoljstvo korisnika tokom rada.
  3. Izgledajte atraktivno.

UI komponente

  1. vizuelni dizajn, ili VD je važan za kvalitetan prikaz boja, fontova i drugih elemenata sajta, jer je to ono što stvara estetiku sajta. Dobar korisnički interfejs može postojati samo u kombinaciji sadržaja stranice i funkcionalnosti. Osim toga, vizualni dizajn ima za cilj privući korisnika i izgraditi njihovo povjerenje u proizvod ili uslugu.
  2. Sistem dizajna— dizajn korisničkog interfejsa kroz sisteme pojedinačni elementi interfejs. Potrebni su za razvoj šablona za višekratnu upotrebu.
  3. Prototip je radni primjer dizajniranog korisničkog interfejsa. Simulacija rada daje ideju o odgovorima elemenata interfejsa prije nego što se direktno razviju.
  4. Sadržaj. Gadgeti su naučili korisnike da rade u multitasking modu, pa je prilikom dizajniranja korisničkog interfejsa važno brzo i korektno demonstrirati glavni sadržaj i funkcionalnost aplikacije, a sve sekundarno premjestiti u pozadinu ili ukloniti.

  1. Povratne informacije- ovo je upotreba drugačijeg dizajna ili animacije odgovora programa na radnju korisnika. Ovo daje osobi razumijevanje da je sve pod kontrolom i da funkcionira ispravno.
  2. Operacija jednom rukom. dobar dizajn interfejs mora biti prilagođen za rad jednom rukom. Najlakši način upravljanja programom je kada se potrebni navigacijski elementi nalaze u donjem lijevom kutu. Takođe, zgodan dizajn interfejsa omogućava prisustvo velikih dugmadi, udubljenja i privlačnog dizajna važnih elemenata za laku interakciju sa njima.
  3. Quick Entry. Obrasci za popunjavanje trebaju: zahtijevati minimalnu količinu informacija od korisnika; ponuditi odgovore. Na primjer, ako trebate saznati starost korisnika, bolje je koristiti padajuću listu, ali adresu saznati sinhronizacijom sa geolokacijom. Opšta preporuka je minimalan ručni unos.

Razvoj UI dizajna u KOLORO će vam donijeti

  1. Estetski ugodan interfejs. Elementi dizajna i šeme boja biće odabrani u skladu sa konceptom aplikacije.
  2. Jednostavnost i preglednost upotrebe. Ljudi će lako razumjeti kako da komuniciraju sa interfejsom.
  3. Dosljednost. Elementima koji djeluju na isti način treba dati dosljednost. Ovo će učiniti aplikaciju lakšom za korištenje.

UI dizajn je važan element interfejsa. Uz njegovu pomoć, program i korisnik su u kontaktu. Obratite se agenciji za brendiranje koloro, i mi ćemo razviti najprikladniji UI dizajn!

UX dizajn - šta je to? Trenutno, industrija korisničkog sučelja raste velikom brzinom, ali UX dizajn je još uvijek 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 uzima u obzir sve aspekte interakcije korisnika s 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 na 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 sa stranice. Oni mogu ući u komponente podsistema, na primjer, kako bi vidjeli koliko je korisničko iskustvo efikasno i ugodno prilikom popunjavanja polja za unos na web obrascu.

UX dizajn - šta je to? Tehnološki koncept

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

UX dizajneri imaju za cilj da kreiraju faktore koji utiču na proces namerno. 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 dizajn funkcionalnosti na pristupačan i estetski ugodan način.

UX dizajn počinje sa zašto, zatim šta i na kraju kako kreirati proizvode sa kojima korisnici mogu imati smislena iskustva.

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 ujedno bio i prvi koji je opisao važnost dizajna usmjerenog na korisnika, ideju da odluke o dizajnu trebaju biti zasnovane na potrebama potrošača. Od objavljivanja ovaj koncept Počela je istorija UX dizajna.

Bilo da radite u startupu ili velika korporacija UX dizajner je direktno uključen u proces kako bi proizvod učinio korisnim i ugodnim za korištenje za ciljno tržište kompanije. Proces stvaranja 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 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 i ukupni vizuelni dojam stranice se ocjenjuju 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 njegovom razvoju i implementaciji, on nije rezultat UX dizajna.

    Dizajn

    Razvijanje hipoteze dizajna uključuje zamišljanje kako bi se novi proizvod ili usluga mogli prilagoditi načinu na koji se kupac već ponaša (ovo otkriva istraživanje korisnika). Dizajn proizvoda fokusira se na funkcionalnost i upotrebljivost, a ne na to kako izgleda. U ovoj fazi koriste se:

      informacijska arhitektura;

    • izrada prototipa.

    Testiranje

    Testiranje uključuje provjeru da promjene napravljene tokom faze dizajna rade kako je predviđeno i da odgovaraju svrsi. 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. Stručnjaci za web razvoj rade na pretvaranju dizajnerskih ideja u pravu web stranicu. Važno je da programeri rade kao tim tokom cijelog procesa kako bi ovaj posljednji korak učinili efikasnijim i optimalnijim.

    Šta je korisničko iskustvo?

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

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

    Korisnički interfejs (skraćeno UX) u dizajnu je kako se osoba oseć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.

    Koncept korisničkog iskustva pokriva sve aspekte interakcije krajnjeg korisnika 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: prema definiciji, atribut kvaliteta korisničkog interfejsa, koji obuhvata lakoću učenja, efikasnost korišćenja, prijatnost, vizuelnu prihvatljivost, estetiku dizajna.

    Profesionalne kompetencije

    UX dizajner je odgovoran za sve korake u gore opisanom procesu i njihovu implementaciju. Postoji niz profesionalnih kompetencija kojima se pridaje velika pažnja prilikom školovanja dizajnera:

      vodstvo;

    • upravljanje projektima;

      efektivna komunikacija 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 cjelokupno iskustvo proizvoda. Dizajneri korisničkog sučelja i UX-a često rade zajedno, kao i u timovima s web programerima, kako bi stvorili proizvod koji je i vizualno privlačan i ugodan za korištenje.

    Šta UX dizajner zapravo radi?

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

    Tokom razvoja, testiranja i razvoja korisničkog sučelja nastavlja se poboljšavati proizvod i korisničko iskustvo.

    Jednom kada je projekat pokrenut, UX dizajner može analizirati korisničke metrike kako bi pratio rezultate njihovog rada, vratio se i nastavio ponavljati kako bi poboljšao slabosti dizajna.

    Zadaci i metode

    UX dizajneri obavljaju različite zadatke u različitim fazama procesa. Ispod je glavna 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. Specijalista može razviti studiju za upoređivanje efektivnosti i kvaliteta iskustva različitih korisničkih interfejsa. To se radi hipotezom (npr. "zeleno dugme je privlačnije od crvenog"). Zatim predlaže više verzija dizajna i određuje "najbolje iskustvo" po redoslijedu testiranja (npr. "Zeleno dugme je bolje jer su korisnici češće kliknuli na njega.").

      Ankete. UX dizajner provodi anketu postojećih i potencijalnih korisnika sistema kako bi dobio ideju koja je bila najefikasnija dizajnerska odluka. Budući da je iskustvo jednog korisnika subjektivno, Najbolji način dobiti direktne informacije znači proučavati i komunicirati s grupnim mišljenjem.

      Okviri i prototipovi. Na osnovu svojih nalaza, UX stručnjaci mogu razviti žičane okvire različitih rasporeda i prototipove veće vjernosti.

      Tokovi korisnika. 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. Ne samo da UX programeri smišljaju obrasce dizajna koji se koriste na drugim web stranicama, već razvijaju i 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 - u početku se mogu raditi olovkom i papirom. Ovaj jeftin i pristupačan alat za obuku dizajnera u praksi omogućava vam da brzo napravite prototip i pređete na dizajn.

    Neki softvera za žičani okvir i prototipove:


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

    U osnovi softver za A/B testiranje 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 statističkih podataka. Jedna od najpopularnijih aplikacija za A/B testiranje je Googleov Website Optimizer.

    Upravljanje sadržajem

    Kada podučavate UX dizajn od nule, postoji mnogo metoda inventara sadržaja. Upotreba serverske aplikacije na mjestu (koja će zahtijevati pristup web serveru) je najprikladnija za proizvodne lokacije. Budući da su 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

    Ankete korisnika su još jedan popularan izazov dizajna UX-a. Najefikasniji i najisplativiji način da to učinite je pomoću aplikacije za anketiranje i povratne informacije ili testiranje udaljenog korisnika.

    Uobičajeni alati za anketiranje kao što je PollDaddy su 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 Usability Hub koji administriraju sistem za testiranje.

    Primjeri

    Primjer UX dizajna - šta je to? Dizajn korisničkog interfejsa je proces kreiranja proizvoda koji pružaju smisleno i iskustveno iskustvo. To podrazumijeva pažljiv dizajn i upotrebljivost proizvoda, estetski užitak korištenja i široku funkcionalnost.

    Stoga proizvodi koji pružaju odlično korisničko iskustvo (na primjer, iPhone je najbolji primjer UX dizajn) dizajnirani su ne samo za potrošnju ili korištenje proizvoda, već i za cijeli proces stjecanja, posjedovanja, pa čak i rješavanja problema.

Razvoj korisničkih sučelja s kompetentnim pristupom izgrađen je na način da se stvori što atraktivniji i pogodniji za optimizaciju interakcije s korisnikom.

Programeri web interfejsa u bilo kom projektu suočeni su sa zadatkom kreiranja korisničkog interfejsa. Međutim, to nije uvijek slučaj jednostavan zadatak, kao što se na prvi pogled može činiti, a ponekad zahtijeva značajno dizajnersko iskustvo. Glavni zahtjevi ovdje su praktičnost, praktičnost i intuitivnost. U ovom trenutku stupaju u igru ​​koncepti poput UX-a i UI dizajna, koji se često brkaju. Razmotrimo svaki od njih posebno i definišemo njihove ključne tačke.

UX dizajn (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 jeste UX dizajner(u posljednje vrijeme sve češće možete čuti imena UX arhitekte, UX inženjera ili stratega, budući da je riječ "dizajn" u ovom kontekstu više obična imenica od onoga što smo zapravo podrazumijevali kao značenje ove riječi ) - pri razvoju interfejsa treba uzeti u obzir što je više moguće sve sitnice, počevši od korisničkog okruženja i tipa elektronski uređaj i završava se načinima za unos i prikaz informacija.

Jednostavan primjer: recimo da ste uložili impresivnu količinu novca da promovišete svoj resurs do prvih redova tražilice Međutim, njegova praktičnost 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 stalno analizirati postupke posjetitelja resursa, poboljšavati svoju web stranicu i pratiti trenutne trendove.

Ključna pitanja kojima se bavi UX dizajn:

  • Postavljanje ciljeva i zadataka – šta na kraju treba da postignemo?
  • Odabir odgovarajućih UX alata za postizanje ciljeva
  • Razvoj proizvoda koji je pogodan i lak za percepciju ciljne publike
  • Analiza krajnjeg rezultata - da li proizvod ispunjava očekivanja kupca i koliko je visok nivo zadovoljstva korisnika.

Kompetentna promišljenost svih detalja u ovim fazama će vam omogućiti da stvorite vojsku obožavatelja vašeg proizvoda. Najbolji primjer je Apple, koji je krenuo ovim putem i osvojio srca hiljada i miliona.

UI dizajn

Dizajn korisničkog interfejsa ili korisničkog interfejsa je uži koncept koji uključuje određeni skup grafički dizajniranih tehničkih elemenata (dugmad, kvadratiće, birače i druga polja). Njegov zadatak je pomoći korisniku da organizira interakciju s 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. Podrazumeva grupisanje logički povezanih elemenata (meniji, forme).
  3. Poravnanje elemenata interfejsa. Teško je zamisliti da loše usklađen interfejs može biti lak za upotrebu!
  4. Jedinstven stil elemenata interfejsa. Styling igra važnu ulogu, jer je pohranjen u memoriji korisnika.
  5. Dostupnost slobodnog prostora. Ovo vam omogućava da razgraničite blokove informacija, fokusirajući se na jednu stvar.

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

Informaciona arhitektura (IA)

Zasebno, želio bih reći nekoliko riječi o Arhitektura informacija (IA). Njegova aktivnost je usmjerena na organizaciju podataka, odnosno koliko je informacija strukturirano u smislu korisnika, a ne tehničkih ili sistemskih pravila. Određuje smještaj elemenata na stranici, povezanost samih stranica. Nadležnost IA je prije meni i navigacija i njihova kompetentna implementacija.

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

29.09.2017

Korisničko iskustvo (iskustvo interakcije) ili UX je trenutno popularan termin u tehnološkoj i dizajnerskoj industriji. Kako UX nastavlja da se razvija i definiše, mnogi ljudi još uvijek nisu sigurni šta UX znači i kako pravilno koristiti taj termin.

Vjerovatno čujete mnogo o UX-u kada su u pitanju sučelja web stranica ili mobilnih aplikacija. Ovo je djelimično tačno, ali dublji pogled na UX je neophodan da bi se u potpunosti razumjelo zašto je korisničko iskustvo toliko važno i zašto je toliko važno biti svjestan toga.

Šta je korisničko iskustvo (UX)?

UX je skraćenica za "korisničko iskustvo". Korisničko iskustvo je način na koji ljudi komuniciraju s proizvodom.

Na UX se susrećete svuda. U teoriji, sve sa čim dođete u kontakt, počevši od toga softvera a završava se tipkom za uključivanje/isključivanje i njegov oblik je primjer elemenata koji kreiraju UX. Zbir vaših interakcija s proizvodom postaje iskustvo koje steknete koristeći taj proizvod.

Svi objekti oko nas imaju iskustvo interakcije - od kioska sa ekranom osetljivim na dodir u metrou do vrhunskih aparata za kafu koji vam omogućavaju da si sipate šoljicu gurmanske kafe. Mogućnost korištenja mobilni telefon ili bilo koji drugi uređaj u pokretu poboljšava UX, kao i interakciju s automobilom pomoću ekrana osjetljivog na dodir i glasovne komandečini vožnju lakšom i udobnijom.

Uspjeh proizvoda temelji se na tome kako ga korisnici percipiraju. Koristeći proizvod, ljudi obično ocjenjuju svoje iskustvo interakcije na sljedeći način:

  • Da li sam imao koristi od ovog proizvoda?
  • Da li je jednostavan za korištenje?
  • Je li zabavno koristiti?

Da li će ljudi postati redovni i lojalni korisnici proizvoda direktno zavisi od odgovora na ova pitanja.

Elementi UX-a

Don Norman, suosnivač Nielsen Norman grupe, bio je prvi koji je uveo koncept "korisničkog iskustva" 90-ih, rekavši “Korisničko iskustvo pokriva sve aspekte interakcije korisnika s kompanijom, njenim uslugama i proizvodima.”

„Kovao sam ovaj termin jer sam mislio da su ljudska sučelja i upotrebljivost preuski pojmovi. Želeo sam da uhvatim sve aspekte ljudskog iskustva interakcije sa sistemom, uključujući industrijski dizajn, grafiku, interfejse i fizičku interakciju.”

U ovom videu Don Norman dijeli svoja razmišljanja o porijeklu pojma UX.

Predstavljamo novi članak u seriji. U ovom dijelu ciklusa razmotrit ćemo poziciju UX / UI dizajnera - stručnjaka odgovornog za usklađenost izgled i logiku proizvoda.

UX/UI dizajner- specijalista koji dizajnira korisnička sučelja.

tipičan radni dan uključuje:

  • rad na prioritetnim zadacima (dizajn, renderovanje);
  • komunikacija sa kupcem;
  • uređivanje.

Prednosti i nedostaci

Profesija privlači dizajnere mogućnošću da svijet učine boljim, kao i svojom perspektivom i potražnjom na tržištu:

“Volim da mislim da možete riješiti problem velike publike, ili barem učiniti proces percipiranja sadržaja ugodnijim i zanimljivijim. Zanimljivo je proviriti u ljude i pokušati shvatiti šta im je zaista potrebno, a zatim smisliti kako to implementirati.

“Oblast je vrlo zanimljiva jer prave odluke dizajnera mogu uvelike pojednostaviti i poboljšati kvalitet života grupe ljudi za koje se razvija određeni proizvod ili projekat. Također možete naučiti mnogo o različitim vrstama poslovanja u svijetu, što može biti korisno za pokretanje vlastitog posla i globalniji pogled na svijet.”

“Osobno me nerviraju glupe aplikacije, nezgodni rasporedi dugmadi u liftovima, loše osmišljena unutrašnjost automobila – volim da radim nešto što može poboljšati ovo. Ovaj svijet je toliko nesavršen (nije priroda – tamo je sve savršeno i izbalansirano) da uvijek postoji posao za inteligentnog dizajnera.”

“Studirao sam za sistemskog programera, ali uvijek je bilo zanimljivo raditi nešto u Photoshopu. Ranije nije bilo toliko tutorijala, video tutorijala i članaka kao sada, pa sam većinu funkcija i mogućnosti savladao nasumično. Kasnije sam odlučio da isprobam Illustrator, bio je mnogo komplikovaniji od Photoshopa, ali savršen za kreiranje vektora. Volim da stvaram nešto novo, nešto korisno i lepo, volim da se usavršavam i vidim postignuti rezultat. Područje dizajna omogućava sve ovo. Zanimljivo je i kako se trendovi mijenjaju, pojavljuju se novi programi i funkcije, sve to treba uvijek pratiti i stalno se razvijati.”

“Sviđa mi se UX/UI dizajn jer je veoma obećavajući pravac. Tehnologije se vrlo brzo razvijaju, neka sučelja se zamjenjuju novima i sve ih treba dizajnirati. Ovdje ne možete razmišljati samo o tome da li sučelje izgleda lijepo, već i o tome koliko je zgodno i kako može riješiti problem osobe (ili brzo pronaći pravi kafić, ili naručiti kartu za koncert, ili pomoći u pripremi vašeg omiljenog jela ) . Interfejsi su svuda: od medicinske opreme do automobila. Kada automobili lete, neko će morati da razmisli o tome kako njihov interfejs komunicira sa ljudima. A to ćemo biti mi - UX / UI dizajneri.

Još jedan plus je mogućnost rada na daljinu (20% svih dizajnera), veliki izbor slobodnih projekata.

Među nedostacima Dizajneri profesiju nazivaju komunikacijom sa kupcima koji ne znaju šta žele, kao i potcjenjivanjem kolega iz IT-a:

“U 80-90% slučajeva morate raditi bez tehničkih specifikacija sa zahtjevima poput: “Učinite to mega lijepim i mega konfigurabilnim.”

„Odnos prema dizajnu i dizajnerima u Ukrajini smatram nedostatkom profesije. Iz nekog razloga, svi vjeruju da, ako su jednom otvorili Photoshop, mogu automatski biti dizajneri i sami odlučiti koliko će vremena trebati za dizajn. Ovo posebno važi za neiskusne menadžere i programere (jedan menadžer početnik je tvrdio da može da uradi zadatak za 30 minuta u Paintu, ali nema vremena za umetnost).“

“Nedostaci su nedostatak ozbiljne škole i nerazumijevanje kompetentnih procesa i metodologija na tržištu. U outsourcingu - nemogućnost praćenja rezultata, izgradnja vlastite najbolje prakse. Postoji neka monotonija u proizvodu za zrele ljude i potpuni haos za startupove.”

"Nedostaci - kao iu svim IT-ima - sjedilački rad, patljive oči i ponekad mušterija koja treba da bijelo #ffffff učini još bjeljim :)"

Kako postati i kuda dalje

Prva i glavna vještina u smislu korisničkog sučelja je savladavanje grafičkog uređivača. Najtraženiji set alata Adobe Photoshop, skica, princip, Adobe Illustrator, naknadni efekti. Za početak, možete pokušati ponovo nacrtati snimke ekrana bilo koje mobilne aplikacije ili web-mjesta. Ali ne samo kopirajte (iako to morate biti u mogućnosti), već uočite neke neugodnosti i ponudite rješenje kako to učiniti bolje.

Takođe je važno razumeti teoriju boja, tipografiju, kompoziciju, ergonomiju sajta (principe upotrebljivosti interfejsa), kao i osnove marketinga, poslovne analize i psihologije. Za efikasniju komunikaciju sa programerima, biće korisne veštine layout-a (HTML/CSS) i osnovno poznavanje JavaScript-a i okvira.

Učenje UX-a može započeti upoznavanjem metodologije čitanjem knjiga Nielsena Normana, Alana Coopera, Jeffa Raskina, Stevea Kruga, Alistaira Coburna. Više primijenjena literatura je "The User Experience Team of One: A Research and Design Survival Guide" od Leah Buley.

„V savremeni svet Postoji mnogo mogućnosti za implementaciju. Kupio sam i nastavljam da kupujem online kurseve na platformama kao što su Coursera, Udemy, Edx. Gledam onlajn konferencije od Adobe-a, Google-a, čitam tehničku literaturu, analiziram rad na Dribbble-u, Behance-u, Awwwards-u.”
„UX/UI dizajner treba da prouči klasike korisničkog interfejsa: Don’t Make Me Think Stevea Kruga, Design of Everyday Things Norman, čita Luke Wroblewski. Morate stalno vježbati, stavljati se na mjesto korisnika. Pronađite mentora koji će ukazati na greške, dati savjete i promovirati rast.”

Karijeru možete započeti kao slobodnjak na raznim platformama koje govore engleski, a također će vam biti korisno testirati svoje vještine na prvenstvima, na primjer, Dev Challenge. Ovo će vam pomoći da izgradite svoj portfolio.

UX i UI vještine i kompetencije ()

Od ličnih kvaliteta važni su:

  • upornost;
  • upornost;
  • kreativno razmišljanje;
  • perfekcionizam;
  • želja za učenjem i razvojem;
  • sposobnost da čuje kritiku.
“Osoba koja dizajnira interfejse je inženjer, mora imati snažno analitičko razmišljanje, visoko razvijenu vještinu empatije i sposobnost da pronikne u suštinu stvari. Naravno, tu su i praktične vještine - to je posjedovanje raznih tehnologija i alata, ali to je, po pravilu, na drugom mjestu, osoba po prirodi mora biti inženjer. A nije teško postati ako se na tome trudiš, čitaš knjige i članke o dizajnu (kompozicija, nauka o bojama, tipografiji) i psihologiji (treba razumjeti kako čovjek bira i kako funkcionira njegov mozak), ideš na predavanja i radionice i puno toga za praksu“.

Mogući putevi karijere UX/UI dizajner:

  • poboljšati se kao dizajner, povećati stopu (ako je slobodnjak);
  • master srodne oblasti, razvoj kao dizajner proizvoda, VR dizajner, VFX dizajner, Dizajner igara;
  • napredovati do pozicije umjetničkog direktora (šef dizajna);
  • razvijajte se kao da želite preći s dizajna na upravljanje proizvodima općenito;
  • postati, ako je interesantno koordinirati ljude;
  • učinite to ako je tehnički aspekt zanimljiviji;
  • naučite programiranje i postanite UI programer;
  • okušajte se u marketingu ili .
“Tehnologije se vrlo brzo razvijaju i stalno se pojavljuje nešto novo, sve treba svoj specifičan dizajn, ima svoje zahtjeve i karakteristike. A mi, dizajneri, pomoći ćemo da sve ovo postane bolje, ljepše i praktičnije :)”

Želio bih da se zahvalim Juliji Bondarenko, Maksimu Palivodi, Marini Popovichenko i još 25 ukrajinskih dizajnera koji su rekli DOU-u o svom stavu za pomoć u pisanju članka. Citati u članku preuzeti su iz njihovih priča.