në shtëpi › Tarifat › UX Design - Një udhëzues i detajuar. Çfarë është dizajni UX dhe UI - veçoritë dhe ndryshimet Çfarë është dizajni ui ux

UX Design - Një udhëzues i detajuar. Çfarë është dizajni UX dhe UI - veçoritë dhe ndryshimet Çfarë është dizajni ui ux

Ne prezantojmë një artikull të ri në seri. Në këtë pjesë të serisë, ne do të shqyrtojmë pozicionin e një projektuesi UX/UI - një specialist përgjegjës për përputhjen e pamjes dhe logjikës së një produkti.

Dizajner UX/UI- një specialist që harton ndërfaqet e përdoruesit.

Ditë tipike pune përfshin:

punë me detyra prioritare (dizajn, vizatim);
komunikimi me klientin;
duke bërë redaktime.

Avantazhet dhe disavantazhet

Profesioni tërheq dizajnerët me mundësinë për ta bërë botën një vend më të mirë, si dhe me premtimin dhe kërkesën e tij në treg:

“Më pëlqen të mendoj se ju jeni në gjendje të zgjidhni një problem për një audiencë të madhe, ose të paktën ta bëni procesin e perceptimit të përmbajtjes më të këndshëm dhe interesant. Është interesante t'i vësh sytë njerëzve dhe të përpiqesh të kuptosh se çfarë kanë vërtet nevojë, dhe më pas të kuptosh se si ta zbatosh atë."

“Zona është shumë interesante sepse vendimet e duhura të një projektuesi mund të thjeshtojnë dhe përmirësojnë ndjeshëm cilësinë e jetës së një grupi njerëzish për të cilët po zhvillohet një produkt apo projekt i caktuar. Ju gjithashtu mund të mësoni shumë për lloje të ndryshme biznesesh në botë, të cilat mund të jenë të dobishme për të filluar biznesin tuaj dhe për të pasur një pamje më globale të botës.”

“Personalisht, jam i bezdisur nga aplikacionet budallaqe, vendosjet e vështira të butonave në ashensorë, ambientet e brendshme të makinave të dizajnuara keq - më pëlqen të bëj diçka që mund ta përmirësojë këtë. Kjo botë është aq e papërsosur (jo natyra - gjithçka është e përsosur dhe e ekuilibruar atje) saqë ka gjithmonë punë për një stilist të zgjuar.”

“Kam studiuar për të qenë programues i administratorit të sistemit, por ishte gjithmonë interesante të bëje diçka në Photoshop. Më parë, nuk kishte aq shumë mësime, mësime video dhe artikuj sa ka tani, kështu që mësova shumicën e funksioneve dhe veçorive në mënyrë të rastësishme. Më vonë vendosa të provoj Illustrator, ishte shumë më i ndërlikuar se Photoshop, por i shkëlqyeshëm për krijimin e vektorëve. Më pëlqen të krijoj diçka të re, diçka të dobishme dhe të bukur, më pëlqen të përmirësohem dhe të shoh rezultatin e arritur. Fusha e dizajnit ju lejon të bëni të gjitha këto. Është gjithashtu interesante se si ndryshojnë tendencat, shfaqen programe dhe veçori të reja, gjithmonë duhet t'i ndiqni të gjitha këto dhe të zhvilloheni vazhdimisht."

“Më pëlqen dizajni UX/UI sepse është një drejtim shumë premtues. Teknologjitë po zhvillohen shumë shpejt, disa ndërfaqe po zëvendësohen me të reja dhe të gjitha duhet të dizajnohen. Këtu nuk mund të mendoni vetëm nëse ndërfaqja duket e bukur, por edhe se sa e përshtatshme është dhe sa mund të zgjidhë problemin e një personi (ose gjeni shpejt kafenenë e duhur, ose rezervoni një biletë për një koncert, ose ndihmoni në përgatitjen e të preferuarit tuaj gjellë). Ndërfaqet janë kudo: nga pajisjet mjekësore te makinat. Kur makinat fluturojnë, do të jetë e nevojshme që dikush të mendojë për ndërveprimin e ndërfaqes së tyre me një person. Dhe do të jemi ne - projektuesit UX/UI."

Një tjetër plus është aftësia për të punuar nga distanca (20% e të gjithë projektuesve), një përzgjedhje e madhe e projekteve të pavarura.

Ndër minuset Dizajnerët e quajnë profesionin e tyre komunikim me klientët që nuk dinë çfarë duan, si dhe të nënvlerësuar nga kolegët e IT-së:

"Në 80-90% të rasteve, ju duhet të punoni pa specifikime teknike me kërkesa të tilla si: "Bëni atë mega-të bukur dhe mega-konfigurueshëm."

“Unë e konsideroj qëndrimin ndaj dizajnit dhe stilistëve në Ukrainë si një disavantazh të profesionit. Për disa arsye, të gjithë mendojnë se nëse dikur hapën Photoshop, atëherë ata automatikisht mund të jenë stilistë dhe të vendosin në mënyrë të pavarur se sa kohë do të shpenzohet për dizajnin. Menaxherët dhe programuesit e papërvojë janë veçanërisht fajtorë për këtë (një menaxher i ri pohoi se ai mund ta përfundonte detyrën në 30 minuta në Paint, por ai nuk ka kohë për kreativitet).

“Dizavantazhet janë mungesa e ndonjë trajnimi serioz dhe mosnjohja e proceseve dhe metodologjive kompetente në treg. Në kontraktimin e jashtëm, është e pamundur të gjurmoni rezultatet dhe të rritni praktikat tuaja më të mira. Produkti është disi monoton për njerëzit e pjekur dhe kaos i plotë për startup-et.”

Anët negative - si në të gjitha IT - janë puna e ulur, sytë e dhimbshëm dhe ndonjëherë një klient që duhet ta bëjë të bardhën #ffffff edhe më të bardhë :)"

Si të bëheni dhe ku të lëvizni më pas

Shkathtësia e parë dhe kryesore e ndërfaqes është të zotëroni një redaktues grafik. Mjetet më të njohura janë Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Për të filluar, mund të provoni të rivizatoni pamjet e ekranit të çdo aplikacioni celular ose faqe interneti. Por mos kopjoni thjesht (megjithëse duhet të jeni në gjendje ta bëni edhe këtë), por vini re disa shqetësime dhe ofroni një zgjidhje se si ta bëni më mirë.

Është gjithashtu e rëndësishme të kuptohet teoria e ngjyrave, tipografia, kompozimi, ergonomia e faqes në internet (parimet e përdorshmërisë së ndërfaqes), si dhe bazat e marketingut, analizës së biznesit dhe psikologjisë. Për komunikim më efektiv me zhvilluesit, do të jenë të dobishme aftësitë e paraqitjes (HTML/CSS) dhe njohuritë bazë të JavaScript dhe kornizave.

Ju mund të filloni të studioni UX duke u njohur me metodologjinë duke lexuar libra nga Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. Literatura më e aplikuar është "Ekipi i Përvojës së Përdoruesit të One: Një udhëzues i mbijetesës së kërkimit dhe dizajnit" nga Leah Buley.

“Në botën moderne ka shumë mundësi për zbatim. Unë kam blerë dhe vazhdoj të blej kurse online në platforma të tilla si Coursera, Udemy, Edx. Shikoj konferenca online nga Adobe, Google, lexoj literaturë teknike, analizoj punën në Dribbble, Behance, Awwwards.

"Një projektues UX/UI duhet të studiojë klasikët e ndërfaqes së përdoruesit: "Mos më bëj të mendoj" nga Steve Krug, "Dizajni i gjërave të zakonshme" nga Norman, lexoi Luke Wroblewski. Ju duhet të praktikoni vazhdimisht, ta vendosni veten në këpucët e përdoruesit. Gjeni një mentor që do të tregojë gabimet, do të japë këshilla dhe do të inkurajojë rritjen.”

Ju mund të filloni karrierën tuaj duke punuar në platforma të ndryshme në gjuhën angleze, do të jetë gjithashtu e dobishme të testoni aftësitë tuaja në kampionate, për shembull, Dev Challenge. Kjo do t'ju ndihmojë të ndërtoni portofolin tuaj.

Aftësitë dhe kompetencat UX dhe UI ()

Cilësitë personale që janë të rëndësishme janë:

këmbëngulje;
këmbëngulje;
të menduarit krijues;
perfeksionizëm;
dëshira për të mësuar dhe zhvilluar;
aftësia për të dëgjuar kritika.

“Personi që dizajnon ndërfaqet është një inxhinier, ai duhet të ketë të menduar të fortë analitik, aftësi shumë të zhvilluara ndjeshmërie dhe aftësi për të depërtuar në thelbin e gjërave. Sigurisht, ka edhe aftësi praktike - zotërim i teknologjive dhe mjeteve të ndryshme, por kjo, si rregull, vjen në vendin e dytë, një person duhet të jetë inxhinier nga natyra; Dhe nuk është e vështirë të bëhesh i tillë nëse punon shumë për të, lexon libra dhe artikuj mbi dizajnin (kompozimin, shkencën e ngjyrave, tipografinë) dhe psikologjinë (duhet të kuptosh se si një person bën zgjedhje dhe si funksionon truri i tij), shkoni në leksione. dhe punëtori dhe shumë për të praktikuar”.

Rrugët e mundshme të karrierës Projektuesi UX/UI:

përmirësohu si dizajner, rris normën tënde (nëse je freelancer);
mjeshtër i fushave të lidhura, duke u zhvilluar si projektues produkti, projektues VR, dizajner VFX, dizajner lojërash;
rritet në pozicionin e Drejtorit të Artit (Shef i Dizajnit);
zhvillohet sikur dëshironi të kaloni nga dizajni në menaxhimin e produktit në tërësi;
bëhuni nëse jeni të interesuar të koordinoni njerëzit;
bëni nëse jeni më të interesuar në aspektin teknik;
zotëroni programimin dhe bëhuni një zhvillues UI;
provoni veten në marketing ose .

“Teknologjia po zhvillohet shumë shpejt dhe diçka e re shfaqet gjatë gjithë kohës, çdo gjë kërkon dizajnin e saj specifik, ka kërkesat dhe veçoritë e veta. Dhe ne, stilistët, do t'i ndihmojmë të gjitha të bëhen më të mira, më të bukura dhe më të përshtatshme :)"

Falenderoj Yulia Bondarenko, Maxim Palivoda, Marina Popovichenko dhe 25 stilistë të tjerë ukrainas që i thanë DOU për pozicionin e tyre për ndihmën e tyre në shkrimin e artikullit. Citimet e dhëna në artikull janë marrë nga tregimet e tyre.

Ka mjaft fusha që lidhen me dizajnin në industrinë e IT. Më të zakonshmet prej tyre janë dizajnerët, të fshehur pas akronimeve UX dhe UI. Epo, disa njerëz madje arrijnë të përfshijnë zhvillues të nivelit të përparmë si projektues. Le të përpiqemi të kuptojmë se cilët janë dizajnerët në botën e IT-së, cili është ndryshimi midis UI dhe UX dhe çfarë marrëdhëniesh kanë inxhinierët e përparme për të dizajnuar.

Dizajnerë

Zhvillimi i ndërfaqes së aplikacioneve, faqeve të internetit ose lojërave është një proces mjaft kompleks dhe kërkon aplikimin e njohurive nga fusha të ndryshme: inxhinieri, psikologji dhe dizajn. Dizajnerët e ndërfaqes së përdoruesit ose UI fokusohen në mënyrën se si shfaqet funksionaliteti i një faqeje (kërkimi, skedat, menutë) dhe detajet se si ndërveprojnë klienti dhe ndërfaqja. Qëllimi i projektuesit UI është një dizajn modern i produktit estetikisht i pranueshëm. UX qëndron për Përvoja e Përdoruesit, që do të thotë "përvojë përdoruesi". Një projektues UX është më i fokusuar në përdorshmërinë dhe kuptimin e ndërfaqes nga përdoruesi potencial. Një specialist i tillë shpesh do të kryejë kërkime dhe sondazhe që do të formojnë bazën për krijimin e një koncepti të projektimit, dhe gjithashtu do të testojë konceptet gjatë dhe pas zhvillimit. Zakonisht fokusohet në strukturën, përmbajtjen, navigimin dhe mënyrën se si përdoruesi ndërvepron me këta elementë.

Ai prodhon harta faqesh, prototipe, të cilat janë struktura bazë gjatë krijimit të softuerit. Qëllimi i punës së një projektuesi UX është që përdoruesi të marrë shpejt dhe pa dhimbje nga faqja atë për të cilën ka ardhur këtu. Megjithatë, sot është shumë e zakonshme që këto dy specializime të shkruhen me një të pjerrët. Kjo do të thotë, detyrat e të dy drejtimeve kryhen nga një specialist. Një projektues UX/UI harton ndërveprimin e përdoruesit me ndërfaqen, vendos se çfarë saktësisht duhet të bëjë dhe është përgjegjës për mënyrën se si do të duket kjo ndërfaqe si rezultat.

Çfarë duhet të dijë një projektues UX/UI

Redaktori grafik. Mjetet më të njohura në treg janë Adobe Photoshop, Adobe Illustrator, si dhe Sketch, Figma. Zgjidhni një redaktues që është i përshtatshëm për ju dhe së pari përpiquni të vizatoni pamjet e ekranit të një faqe interneti ose aplikacioni, duke i modernizuar ato pak.

Mjetet e prototipit (Mockplus, Axure). Një mjet prototipimi është lidhja midis një ideje dhe zbatimit të saj. Nuk ka rëndësi se çfarë mjeti përdorni. Mund të provoni disa dhe të vendosni për atë që i përshtatet stilit dhe preferencave tuaja.

Psikologjia e përdoruesit. Tashmë në fazën e projektimit, duhet të mendoni nëse do të jetë e përshtatshme për ju ose dikë tjetër të përdorni këtë ndërfaqe. Vendoseni veten në vendin e klientit, krijoni një lidhje të fortë me të dhe jini të vëmendshëm ndaj nevojave të tij. Në fund të fundit, një produkt do të jetë i suksesshëm nëse ka kërkesë për të.

Ju gjithashtu do të keni nevojë për njohuri teoria e ngjyrave. Disa gjëra i dimë që nga fëmijëria, sidomos ata që kanë shkuar në shkollën e artit. Megjithatë, ka disa specifika në lidhje me punën e stilistëve. Njohuritë bazë mund të merren nga libra ose artikuj në internet.

Është e këshillueshme që të keni një ide rreth tipografi, një mjet për të kombinuar tekstin dhe komponentët vizualë.

Përbërja dhe përdorshmëria e faqes.

Në varësi të specifikave të punës, mund t'ju duhet të kuptoni HTML dhe CSS ose (disa) gjuhë programimi (lidhjet me burimet mund të gjenden më poshtë, në seksionin "Çfarë duhet të dijë një zhvillues i frontit").

Zhvilluesi i frontit

Detyra kryesore e një zhvilluesi front-end është të zhvillojë pjesën e klientit të ndërfaqes. Kjo do të thotë, një specialist i tillë "rigjallëron" atë që projektuan projektuesit. Ai është përgjegjës për funksionimin dhe funksionimin e ndërfaqes dhe më pak për përmbajtjen vizuale. Një zhvillues front-end shpesh duhet të gjejë një zgjidhje të mirë për ndërfaqen e përdoruesit gjatë fazës së zhvillimit të saj, kështu që ai shpesh bashkëpunon me një projektues UX/UI. Kodi i shkruar nga zhvilluesi i përparmë funksionon në shfletuesin e përdoruesit (siç thonë ata, "në anën e klientit"). Gjithashtu, një nga detyrat më të rëndësishme është të kontrolloni që faqja ose aplikacioni në internet të duket i njëjtë në të gjitha platformat dhe shfletuesit.

Çfarë duhet të dijë një zhvillues i frontit

Si rregull, pjesa e përparme bazohet në tre shtylla: gjuha e shënjimit të faqes HTML, fletët e stilit CSS dhe gjuha e programimit JavaScript. Për më tepër, zhvilluesi i frontit duhet të kuptojë parimet e funksionimit të protokollit HTTP, serverëve dhe shfletuesve, si dhe veçoritë e shfaqjes së ndërfaqes në pajisje të ndryshme që janë aktualisht në treg. Mjetet dhe metodat për krijimin e ndërfaqeve në internet po zhvillohen dhe ndryshojnë vazhdimisht, kështu që zhvilluesi duhet ta monitorojë vazhdimisht këtë.

HTML dhe CSS (paraqitja)

Kjo është faqosja, vetë tullat nga të cilat është ndërtuar siti. Gjuha e shënjimit HTML dikton organizimin e sajtit, përmbajtjen dhe të gjitha ndërveprimet ndërmjet tyre. Kjo ju lejon të caktoni pjesën e sipërme të faqes, pjesën e poshtme, blloqet anësore me përmbajtjen, titujt, shfaqjen e tekstit dhe elementet multimediale. Fletët e stilit CSS përdoren për të dekoruar elementët HTML. Ata përcaktojnë saktësisht se si shfaqet çdo element grafik që ndodhet në faqe. Duke përdorur versionet më të fundit të HTML5 dhe CSS3, mund të vendosni komponentë video dhe audio në faqe, të krijoni imazhe dhe animacione 2D dhe madje të shkruani lojëra të thjeshta. Nuk ka nevojë të përpiqeni të mbani mend të gjitha etiketat dhe stilet menjëherë. Do të jetë e dobishme të mësoni bazat dhe t'i zbatoni ato menjëherë. Një faqe shumë e mirë ku mund të mësoni bazat e HTML dhe CSS - W3School. Por vetëm nëse keni të paktën njohuri bazë të gjuhës angleze. Gjithashtu, zhvilluesi i faqes së përparme duhet të kuptojë zhvillimin e ndër-shfletuesve dhe ndër-platformës, paraqitjen adaptive dhe të përgjegjshme.

Bootstrap

Është një kornizë për HTML, CSS dhe JavaScript. Kjo do të thotë, modele të caktuara nga të cilat, si nga një konstruktor, mund të grumbulloni faqe shumë më shpejt sesa pa to. Por, sigurisht, ju duhet ta personalizoni atë për t'iu përshtatur nevojave tuaja vetë. Nëse dini anglisht, ju rekomandojmë sitin getbootstrap dhe të njëjtat w3schools.

JavaScript

Javascript është thelbi i zhvillimit të front-end. Kjo është gjuha e parë dhe më e përhapur e programimit të ndërfaqes. Mund të shtojë shumë veçori në faqe. Në një nivel bazë, kjo gjuhë ju lejon të shtoni elemente ndërvepruese në një faqe. Përdoret për të krijuar harta që përditësohen në kohë reale, lojëra interaktive në internet dhe filma. Në kurset tona të vjetra JavaRush, ne mësojmë pak JavaScript. Ju gjithashtu mund ta studioni atë në të njëjtin W3School ose të lexoni për të në Rusisht në faqen e internetit javascript.ru.

jQuery

jQuery është një bibliotekë Javascript që përmban shtojca dhe shtesa që mund ta bëjnë zhvillimin edhe më të lehtë dhe më të shpejtë. Në vend që të shkruani kodin nga e para, bibliotekat ju lejojnë të shtoni komponentë të gatshëm, të cilët më pas mund të personalizohen për një projekt specifik. Ju mund të përdorni funksionet e plotësimit automatik të formularëve të kërkimit, riorganizimit dhe ndryshimit të madhësisë së rrjetit dhe vendosjes së kohëmatësve të numërimit mbrapsht. Kurs praktik për jQuery në w3school

Kornizat Javascript

Ka lloje të ndryshme kornizash, por ju mund të zgjidhni atë që është i përshtatshëm për ju për t'u përdorur. Më të famshmit janë Angular, Backbone, Ember dhe React. Ato përfaqësojnë një strukturë të gatshme për kod. Ato ndihmojnë në përshpejtimin e zhvillimit. Dhe në kombinim me bibliotekat, ato mund të minimizojnë zhvillimin e një faqe interneti ose aplikacioni nga e para. Rishikimi i 5 kornizave dhe bibliotekave më të njohura JavaScript të 2017-ës

Sistemi i kontrollit të versionit Git

Sistemet e kontrollit të versionit mund të gjurmojnë ndryshimet e bëra në kod me kalimin e kohës. Ato gjithashtu ju lejojnë të ktheheni në një version të mëparshëm të projektit. Git është sistemi më i përdorur i kontrollit të versioneve. Të dish se si të punosh me Git është një aftësi e rëndësishme për çdo zhvillues.

Përfundime të shkurtra

UI qëndron për User Interface, që do të thotë "ndërfaqja e përdoruesit". Kjo eshte, Dizajneri i UIështë kryesisht përgjegjës për mënyrën se si produkti i paraqitet përdoruesit. Ai zhvillon butona, ikona, zgjedh fontet dhe përgatit një plan urbanistik. UX do të thotë Përvoja e Përdoruesit. Kështu që Dizajnues UX harton dizajnin e një faqe interneti, aplikacioni - ose ndonjë gjë tjetër - në mënyrë që përdoruesi të jetë i rehatshëm dhe i kuptueshëm se çfarë është, dhe ai mund të marrë nga faqja atë që i nevojitet me përpjekje minimale. Shumë shpesh, të dy llojet e punës kryhen nga një orkestër e vetme: një dizajner UI/UX. Zhvilluesi i Front-end gjallëron punën e stilistëve, duke futur dinamikë në të: butonat fillojnë të shtypen dhe fotografia fillon të ndryshojë. Ai duhet të dijë gjuhë programimi, të kalitur me korniza, paraprocesorë dhe biblioteka.

Dizajni është një term mjaft i gjerë dhe i paqartë. Kur dikush thotë, "Unë jam një stilist", nuk është menjëherë e qartë se çfarë bëjnë ata në baza ditore. Ekzistojnë një sërë industrish të ndryshme që bien nën këtë koncept.

Punët e lidhura me dizajnin ekzistojnë në një sërë fushash, nga dizajni industrial (automobila, mobilje), printimi (revista dhe publikime të tjera), deri te dizajni i uebit (faqet e internetit, aplikacionet celulare). Me fluksin e fundit të kompanive të teknologjisë së lartë të fokusuara në krijimin e ndërfaqeve për ekranet, ka shumë punë të reja në dizajn. Pozicioni i një projektuesi UX ose UI mund të jetë i pakuptueshëm jo vetëm për të pa iniciuarit, por edhe për vetë projektuesit që vijnë nga industri të tjera.

"Nuk ka një përgjigje të saktë për këtë pyetje."

Le të përpiqemi të kuptojmë se çfarë do të thotë kjo në industrinë e IT.

Dizajnues UX

Dizajnerët UX janë të shqetësuar kryesisht me si ndërvepron produkti me përdoruesin. Nuk ka asnjë përgjigje të vetme të saktë për këtë pyetje. Dizajnerët UX eksplorojnë qasje të ndryshme për të zgjidhur një problem specifik të përdoruesit. Detyra kryesore e një projektuesi UX është të sigurohet që produkti të rrjedhë logjikisht nga një hap në tjetrin. Një mënyrë që një stilist UX mund ta zbulojë është të kryejë teste të përdoruesve personalisht dhe të nxjerrë përfundime nga ndjenjat e tyre. Duke identifikuar pengesat verbale dhe joverbale, ai përshtatet dhe përsëritet, duke krijuar kështu një përvojë "më të mirë" për përdoruesit. Një shembull do të ishte krijimi i një përvoje të mrekullueshme të hyrjes për një përdorues të ri.

“Përcaktoni modelet e ndërveprimit, rrjedhën e detyrave të përdoruesit dhe specifikat e ndërfaqes. Zhvilloni skriptet, ndërveprimet nga fundi në fund, modelet e ndërveprimit, zhvillimin e ndërfaqes grafike të përdoruesit. Duke punuar me drejtorin tonë krijues dhe dizajnerin grafik për të bashkuar anën vizuale të Twitter me veçoritë e tij funksionale. Zhvilloni dhe mirëmbani korniza teli, modele dhe specifikime sipas nevojës.”

Shembull i një ekrani aplikacioni të krijuar nga një projektues UX
Burimi: Kitchenware Pro Kit Wireframe nga Neway Lau në Dribbble.

Detyra: Kornizat e ekranit, tabelat e tregimeve, plani i faqes

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre, InVision

Me shumë mundësi e keni dëgjuar të thotë: Përdoruesi duhet të shohë faqen "Faleminderit" pas përfundimit të regjistrimit.

Dizajneri i UI

Ndryshe nga dizajnerët UX, të cilët janë të shqetësuar me përvojën e përgjithshme të një produkti, dizajnerët e UI janë të shqetësuar me si duket produkti. Ata janë përgjegjës për dizajnimin e çdo ekrani ose faqeje me të cilën përdoruesi ndërvepron dhe sigurojnë pjesën vizuale të ndërfaqes së përdoruesit që projektuesi UX ka projektuar. Për shembull, një projektues UI, kur krijon një panel analitik, mund të nxjerrë në pah informacione më të rëndësishme në krye, ose të vendosë nëse një rrëshqitës ose panel kontrolli është më intuitivi për t'u shtuar në një grafik. Dizenjuesi i ndërfaqes është gjithashtu zakonisht përgjegjës për krijimin e një udhëzuesi të plotë dizajni, i cili siguron një gjuhë kohezive të projektimit që përfshin të gjithë produktin. Ruajtja e konsistencës në elementet vizuale dhe përcaktimi në cilin drejtim të punohet. Për shembull, mënyra e shfaqjes së gabimeve ose paralajmërimeve është brenda fushëveprimit të një projektuesi UI.

“Koncepti dhe zbatimi i gjuhës vizuale të Airbnb.com. Krijimi i një udhëzuesi të zgjeruar të stilit."

Kufijtë midis UI dhe dizajnerit UX janë mjaft të paqarta, dhe shumë shpesh kompanitë zgjedhin të kombinojnë këto role.

Dizenjuesi i UI përcakton ndjesinë dhe pamjen e përgjithshme të aplikacionit.
Burimi: Metro Style Interface 4 nga Ionut Zamfir në Dribbble.

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre

"Fushat "hyrje" dhe "regjistrim" duhet të zhvendosen në këndin e sipërm të djathtë."

Dizajner grafik

"Dizajnerët grafikë kalojnë mbi detajet e vogla që të tjerët nuk u kushtojnë vëmendje."

Një dizajner grafik është dikush që bën grafikë, gjë që ndoshta do t'ju thoshte një jo-dizenjues nëse i pyesni se çfarë bën një stilist. Dizajnerëve grafikë nuk u intereson se si ekranet i referohen njëri-tjetrit ose se si dikush ndërvepron me një produkt. Në vend të kësaj, fokusi i tyre është në dizajnimin e ikonave, kontrolleve dhe pamjeve të bukura, dhe krijimin e një pamje dhe ndjesi të qëndrueshme. Dizajnerët grafikë punojnë në detaje të vogla që të tjerët nuk i shohin dhe shpesh punojnë në Photoshop me zmadhim 4x dhe 8x.

“Prodhoni projekte vizuale me cilësi të lartë nga koncepti në ekzekutim, duke përfshirë desktopin, ueb-in dhe celularin me rezolucione të shumta (ikona, grafikë dhe materiale marketingu). Krijimi dhe përsëritja e aseteve që pasqyrojnë markën, e bëjnë produktin të bukur dhe i jep jetë.”

Dizajnerët e UI gjithashtu shpesh duhet të bëjnë jo vetëm punën e tyre, por edhe të krijojnë një plan urbanistik të përsosur. Disa kompani zgjedhin të mos kenë një person të përkushtuar në rolin e dizajnerit grafik.

Një dizajner grafik dizajnon, drejton dhe rregullon çdo piksel për të siguruar rezultatin përfundimtar të përsosur.
Burimi: IOS 7 Guide Freebie PSD nga Seevi kargwal në Dribbble.

Mjetet: Photoshop, Skicë

Me shumë mundësi e keni dëgjuar të thotë:"Zvogëloni bërthamën dhe lëvizni butonin 1 piksel majtas!"

Projektuesi i lëvizjes

E mbani mend lëvizjen delikate kur tërhiqni ekranin për të rifreskuar emailin në iPhone tuaj? Kjo është puna e një projektuesi lëvizjeje. Ndryshe nga dizajnerët grafikë, të cilët zakonisht punojnë me objekte statike, dizajnerët e lëvizjes krijojnë animacione brenda aplikacionit. Ata merren me çfarë bën ndërfaqja pasi përdoruesi e prek atë. Për shembull, ata vendosin se si duhet të rrëshqasë menyja, cilat efekte të përdoren për tranzicionet dhe si do të shtypet butoni. Kur bëhet mirë, lëvizja bëhet pjesë integrale e ndërfaqes, duke ofruar sinjale vizuale se si të përdoret produkti.

“Kërkon njohuri të dizajnit grafik, dizajnit të lëvizjes, artit dixhital, ndjenjës së ngjyrës dhe tipografisë, një ndërgjegjësim të përgjithshëm për materialet/teksturat dhe një kuptim pune të animacionit. Njohuri të firmuerit iOS, OS X, Photoshop dhe Illustrator, si dhe njohje me Director (ose ekuivalent), Quartz Composer (ose ekuivalent), modelimin e kompjuterit 3D, grafikë në lëvizje."

Mjetet: AfterEffects, Kompozitori kryesor, Flash, Origami

Me shumë mundësi e keni dëgjuar të thotë:"Menyja duhet të shfaqet në të majtë pas 800 ms."

Studiues UX

Një studiues UX di gjithçka për nevojat e përdoruesve.

Një studiues UX di gjithçka për nevojat e përdoruesve. Qëllimi i studiuesit është t'i përgjigjet dy pyetjeve kryesore: "Cilët janë përdoruesit tanë?" dhe "Çfarë duan përdoruesit tanë?" Si rregull, kjo përfshin anketat e përdoruesve, hulumtimin e tregut dhe analizën e të dhënave. Dizajni është një proces i përsëritjes së vazhdueshme. Studiuesit mund të ndihmojnë në këtë proces duke kryer teste A/B për të gjetur se cili opsion dizajni i plotëson më mirë nevojat e përdoruesve. Studiuesit UX janë zakonisht shtylla kryesore e kompanive të mëdha, ku aksesi në sasi të mëdha të dhënash u jep atyre mundësi të mjaftueshme për të nxjerrë përfundime statistikisht të rëndësishme.

“Punoni ngushtë me ekipet e zhvillimit për të identifikuar temat kërkimore. Dizajni i kërkimit në lidhje me veprimet e përdoruesit dhe perceptimet e përdoruesit. Kryerja e kërkimit duke përdorur dhe zbatuar një sërë metodash si anketat.”

Dizajni është një koncept mjaft i gjerë dhe i paqartë. Kur flet dikush? "Unë jam një stilist," nuk është menjëherë e qartë se çfarë bën ai në të vërtetë çdo ditë. Ka disa fusha të ndryshme që vijnë nën ombrellën e dizajnit.

Profesionet që lidhen me dizajnin ekzistojnë në një sërë fushash - nga dizajni industrial (dizajn i makinave dhe mobiljeve, etj.), dizajni i printimit (revista dhe botime të tjera të shtypura) deri te dizajni i ueb-it (faqet e internetit, aplikacionet celulare).

Megjithatë, kohët e fundit janë shfaqur shumë profesione të reja të dizajnit, të fokusuara në zhvillimin e ndërfaqeve për lloje të ndryshme ekranesh. Punët e titulluara dizajnerët UX ose UI janë të pakuptueshme për të pa iniciuarit dhe madje shpesh edhe për vetë projektuesit nga fusha të tjera.

Le të përpiqemi të kuptojmë se çfarë do të thotë secili prej këtyre termave.

Dizajner UX (Dizajneri i PËRVOJËS SË PËRDORËSVE)

Një projektues UX është i fokusuar kryesisht në mënyrën se si produkti "ndihet" dhe si perceptohet nga përdoruesi. Detyra që i është dhënë projektuesit nuk ka një përgjigje të saktë. Dizajnerët UX provojnë qasje të ndryshme për të zgjidhur një problem specifik të përdoruesit. Lista e gjerë e përgjegjësive të një projektuesi UX përfshin sigurimin që produkti të lëvizë vazhdimisht klientin nga një fazë në tjetrën. Një mënyrë për ta arritur këtë është kryerja e testeve të drejtpërdrejta me një përdorues të vërtetë për të qenë në gjendje të vëzhgojë sjelljen e tyre. Duke identifikuar barrierat verbale dhe joverbale, dizajnerët UX përmirësojnë produktin dhe vijnë vazhdimisht për të krijuar opsionin më të mirë për ndërveprimin e përdoruesit me produktin. Versioni i testimit është i nevojshëm për të siguruar përdorimin më të përshtatshëm të produktit.

Një shembull i përshkrimit të punës së një projektuesi përvojë në Twitter:

“Përcaktoni modelet e ndërveprimit, rrjedhat e detyrave të përdoruesit dhe specifikimet e ndërfaqes së përdoruesit. Paraqisni skenarë të ndryshëm për zhvillimin e ngjarjeve, përshkruani procesin e përdorimit dhe modeleve të ndërveprimit nga fillimi në fund dhe demonstroni mostrat për palët e interesuara. Punoni me drejtorin tonë krijues dhe dizajnerët vizualë për të unifikuar identitetin vizual dhe veçoritë e nënshkrimit të Twitter. Zhvilloni ose mbani dizajne, modele dhe standarde sipas nevojës."

Rezultatet e punës: paraqitjet e imazheve në ekrane, tabelat e tregimeve, plani i faqes.

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre, InVision

Dizajnuesi i ndërfaqes së përdoruesit (projektuesi i NDËRFAQJES SË PËRDORËSIT)

Ndryshe nga dizajnerët UX, të cilët janë përgjegjës për përvojën e përgjithshme të një produkti, puna e një projektuesi UI rrotullohet rreth mënyrës se si është projektuar produkti. Këta specialistë janë përgjegjës për hartimin e çdo faqeje ose ekrani me të cilin përdoruesi ndërvepron dhe duhet të sigurojnë që UI përputhet vizualisht me rrugën e përcaktuar nga projektuesi UX. Për shembull, një projektues UI që krijon një panel analitik mund të paraqesë përmbajtjen më të rëndësishme në krye të faqes ose të vendosë që një rrëshqitës ose buton kontrolli është më i përshtatshëm për perceptimin e përdoruesit për rregullimin e grafikut.

Në mënyrë tipike, projektuesi i UI është gjithashtu përgjegjës për krijimin e një stili të qëndrueshëm dhe duhet të sigurojë që gjuha e duhur e dizajnit të zbatohet në të gjithë produktin.

Ruajtja e konsistencës në të gjithë elementët vizualë dhe përcaktimi i sjelljes (siç është mënyra e shfaqjes së gabimeve ose paralajmërimeve) bie nën kompetencën e një projektuesi të ndërfaqes së përdoruesit.

Linja mes këtyre dy profesioneve është mjaft e paqartë dhe shpesh kompanitë punësojnë një person për këto dy pozicione.

Mjetet: Photoshop, Sketch, Illustrator, Fishekzjarre

Dizajner vizual (dizajnues grafik)

Një dizajner vizual është dikush që bën grafikë. Nëse pyet dikë që nuk dizajnon se çfarë është një stilist, personi i parë që ndoshta të vjen në mendje është një dizajner grafik. Dizajnerët grafikë nuk kanë asnjë lidhje me mënyrën se si ekranet komunikojnë me njëri-tjetrin ose se si dikush ndërvepron me një produkt. Në vend të kësaj, ata fokusohen në krijimin e ikonave, kontrolleve dhe elementeve të tjera vizuale dhe zgjedhjen e shkronjave të përshtatshme. Dizajnerët grafikë punojnë në detajet e vogla që të tjerët nuk u kushtojnë vëmendje dhe shpesh punojnë në Photoshop në 4X ose 8X.

Është gjithashtu mjaft e zakonshme që projektuesit e UI të bëjnë detyrë të dyfishtë dhe të krijojnë versionin përfundimtar të elementeve të imazhit. Disa kompani vendosin të mos punësojnë një dizajner grafik të veçantë.

Mjetet: Photoshop, Sketch

Dizajner interaktiv (projektues i lëvizjes)

E mbani mend atë animacion kërcimtar pothuajse të padukshëm kur rifreskoni emailin tuaj në iPhone? Kjo është puna e një projektuesi lëvizjeje. Ndryshe nga dizajnerët grafikë, të cilët punojnë me elementë statikë, dizajnerët e lëvizjes krijojnë animacione brenda aplikacioneve. Ata merren me atë që ndërfaqja bën pasi përdoruesi e prek atë. Për shembull, ata vendosin se si duhet të zgjerohen menutë, cilat efekte tranzicioni duhet të përdoren dhe si duhet të përgjigjet një buton i veçantë. Dizajni i lëvizjes i ekzekutuar mirë bëhet një pjesë integrale e ndërfaqes, duke ofruar shenja vizuale se si të përdoret produkti.

Përshkrimi i punës së Motion Designer në Apple:

“Të kualifikuar në dizajn grafik, grafikë në lëvizje, njohuri të artit dixhital, perceptim të mirë të shkronjave dhe ngjyrave, vëmendje të përgjithshme ndaj materialeve dhe teksturave, si dhe të kuptuarit praktik të animacionit. Njohuri të iOS, OS X, Photoshop dhe Illustrator, gjithashtu njohje me Director (ose ekuivalent), Quartz Composer (ose ekuivalent), modelim 3D, grafikë në lëvizje"

Mjetet: AfterEffects, Core Composer, Flash, Origami

Studiues UX (Kërkuesi i Përdoruesit)

Qëllimi i një studiuesi UX është t'i përgjigjet dy pyetjeve: "Kush është klienti ynë?" dhe "Çfarë dëshiron konsumatori ynë?" Në mënyrë tipike, përgjegjësitë e një studiuesi përfshijnë kryerjen e intervistave të përdoruesve, kërkimin e të dhënave të marketingut dhe përgjithësisht mbledhjen e analitikës. Dizajni është një proces i përmirësimit të vazhdueshëm. Një studiues mund të ndihmojë në këtë proces duke kryer testimin A/B për të identifikuar se cila zgjidhje e projektimit plotëson më mirë nevojat e konsumatorëve. Një studiues UX është zakonisht një shtyllë në kompanitë e mëdha, ku aksesi në një sasi të madhe informacioni i jep atij fuqi të mjaftueshme për të arritur në përfundime domethënëse.

Përshkrimi i punës së Kërkuesit UX në Facebook:

“Punoni ngushtë me ekipet e produkteve për të identifikuar temat kërkimore. Kryeni kërkime që trajtojnë njëkohësisht sjelljen dhe opinionet e konsumatorëve. Kryeni kërkime duke përdorur një gamë të gjerë metodash cilësore dhe sasiore, siç janë anketat.”

Dizajnerët UX shërbejnë periodikisht si studiues UX.

Rezultatet e punës: profili i përdoruesit, rezultatet e testimit A/B, hulumtimi/intervistat e sjelljes së përdoruesve.

Mjetet: mikrofon, letra, dokumente

Zhvilluesi i frontit (zhvilluesi i UI)

Zhvilluesit e jashtëm janë përgjegjës për zbatimin funksional të ndërfaqes së produktit. Në mënyrë tipike, një projektues UI i kalon një model statik një zhvilluesi të jashtëm, i cili më pas e transformon atë në një produkt funksional dhe interaktiv. Zhvilluesit e jashtëm janë gjithashtu përgjegjës për kodimin dhe paraqitjen e grafikëve interaktive të krijuara nga projektuesi i lëvizjes.

Mjetet: CSS, HTML, JavaScript

Projektuesi i produktit

Projektuesi i produktit është një term gjithëpërfshirës për të përshkruar një projektues i cili përgjithësisht është i përfshirë në procesin e krijimit të imazhit dhe perceptimit të një produkti.

Roli i një projektuesi produkti nuk është shumë mirë i përcaktuar dhe ndryshon nga kompania në kompani. Një projektues produkti mund të bëjë kodim minimal, të kryejë kërkime për përdoruesit, të krijojë ndërfaqe ose të krijojë elemente vizuale. Nga fillimi në fund, një projektues produkti ndihmon në identifikimin e problemit fillestar, vendosjen e disa kritereve për zgjidhjen e tij dhe më pas krijimin, testimin dhe përmirësimin e zgjidhjeve të ndryshme. Disa kompani që duan të punojnë në një bashkëpunim më "të rrjedhshëm" specifikojnë këtë vend të lirë të veçantë kur kërkojnë një aplikant, në mënyrë që në fund të krijojnë një ekip projektuesish të ndryshëm dhe të punojnë në perceptimin e produktit nga përdoruesi, të kryejnë kërkime nga përdoruesit dhe të krijojnë elemente vizuale.

Disa kompani përdorin "dizajnues UX" ose thjesht "projektues" si një term i përgjithshëm. Leximi i përshkrimit të punës është mënyra më e mirë për të kuptuar se cila do të jetë ekspertiza juaj.

Përshkrimi i punës së projektuesit të produktit për Pinterest

“Aftësi në të gjitha fushat e dizajnit: ndërveprimi, pjesa vizuale, puna me produktin, faqosja. Krijimi i shablloneve për elementët e imazhit dhe paraqitjen e tyre.”

Kërkohet një stilist

Fraza më e zakonshme që dëgjoj nga startup-et e reja. Ata zakonisht kërkojnë dikë që mund të bëjë të gjitha sa më sipër. Ata po kërkojnë dikë që mund të krijojë ikona të bukura, të krijojë faqe uljeje, të ekzekutojë teste A/B, të vendosë elementë UI në mënyrë logjike në ekran dhe madje mund të kryejë disa nga detyrat e një zhvilluesi të përparme. Për shkak të natyrës së përgjithshme të këtij pozicioni, shpesh dëgjojmë se një kompani dëshiron të punësojë thjesht një “dizajnues” pa u thelluar në detaje dhe specifika të këtij profesioni.

Kufijtë midis secilës prej këtyre tendencave të dizajnit janë shumë të paqartë. Pritet që disa dizajnerë UX të punojnë gjithashtu në ndërveprim me konsumatorin, dhe disa dizajnerë të UI do të punojnë gjithashtu në grafikë. Mënyra më e mirë për të gjetur një stilist është të përshkruani në detaje atë që prisni prej tyre si pjesë e punës për kompaninë tuaj dhe të zgjidhni një titull pune që pasqyron më qartë përgjegjësitë e stilistit.

Kur u pyetën se cili është ndryshimi midis një projektuesi UX dhe një projektuesi UI, njerëzit pëlqejnë të përgjigjen negativisht. E dini, një pajisje e tillë letrare. Ashtu si "UX nuk ka të bëjë me ndërfaqen, nuk ka të bëjë me dizajnin grafik, nuk është përdorshmëria, nuk është analitikë, nuk është një prototip." Sot do të tregojmë shkurtimisht ndryshimin, do të tregojmë historinë e shfaqjes së termave dhe do të shpjegojmë pse të dy konceptet, edhe pas kaq shumë vitesh, janë shkrirë me kaq dëshirë në një - UX/UI.

Shkurtimisht për ndryshimin

Një projektues UI (ndërfaqja e përdoruesit) është një projektues i ndërfaqes në një mjedis ideal që vizaton butona, ikona, forma, zgjedh fontet dhe bën një plan urbanistik harmonik dhe të bukur nga gjithçka. Një faqe interneti, një aplikacion, çdo gjë me të cilën përdoruesi do të ndërveprojë - madje edhe ekrani i një terminali stacioni. Dhe ai nuk mendon për asgjë tjetër.

Një projektues UX (përvoja e përdoruesit) nuk është një projektues, por një dizajner (vetëm se në anglisht fjala projektues ka vetëm kuptimin e dytë). Ai studion nevojat e përdoruesve, ndërton diagrame logjike të ndërfaqes, teston prototipet në njerëz realë dhe shkruan specifikimet teknike për dizajnin. Me fjalë të tjera, ky është një inxhinier i tillë marketingu: hyrja është analitika, prodhimi janë parimet e krijimit të një ndërfaqeje, logjika e punës, faqosja, përmbajtja. Nuk ka të bëjë me vizatimin si i tillë.

Kjo eshte e gjitha.

Pse duhej të ishte e ndërlikuar?

Siç ishte më parë: projektuesi mori detyrën e "vizatimit të një faqe interneti". Të gjitha faqet ishin pak a shumë të njëjta: shtëpia, për kompaninë, katalogu, pastaj poshtë listës. Dizajneri pyeti: "Kur do të na japin përmbajtjen?" Kurrë, shoku shpirt, kjo është ushtri.

Dhe projektuesi u quajt thjesht "projektues". Pa parashtesa jashtë shtetit.

Çfarë ndodhi më vonë: agjencitë donin të merrnin më shumë para dhe bota filloi gradualisht kalimin nga "vetëm faqet e internetit" në shërbimet komplekse të internetit. Dhe një shërbim nuk është vetëm një ndërfaqe unike, por është gjithashtu një proces i veçantë biznesi pas tij. Për shembull, mbani mend faqen e internetit të Airbnb - pa një studim të thellë të temës, asnjë dizajner i vetëm grafik nuk mund të krijonte menjëherë një ndërfaqe.

Duke qenë se kishte më shumë punë, lindi nevoja që një profesion të ndahej në disa. Tani specialisti i UX (le ta quajmë kështu për të shmangur konfuzionin) hulumtoi dhe projektoi arkitekturën e informacionit, prototipi bëri pjesën funksionale dhe dizajneri grafik (UI) krijoi produktin përfundimtar: modern dhe i këndshëm për syrin.

E njëjta gjë ka ndodhur tashmë në industri. Për shembull, "programuesit" thjesht ndaheshin në "front-end" dhe "back-end". Dhe pararendëset në frontenderë të vërtetë dhe "vetëm dizajnues të paraqitjes". Meqe ra fjala, .

Arsyeja është gjithmonë e njëjtë: një person nuk mjafton për një proces të madh. Le të vazhdojmë.

Kush është një projektues UX/UI

Çfarë është për të qeshur: vendet e lira të punës shpesh përfshijnë pozicione projektuesi UX/UI, ashtu si kjo, me një prerje. Edhe Tinkoff po kërkon një specialist të tillë kombinimi:

Në anën tjetër të barrikadave, të gjithë projektuesit filluan t'i referoheshin vetes si UX/UI. Sepse të jesh thjesht një stilist është e keqe, jo në modë.

Kush është UX/UI në një botë ideale? Një supernjeri që kryen të gjithë ciklin e punës UX, dhe më pas ende arrin të vizatojë gjithçka me disa përsëritje modifikimesh (bëni UI).

Çfarë është saktësisht UX/UI? Thjesht një stilist i mirë. Për ata që e konsiderojnë detyrën e tyre jo thjesht të “bëjnë maketa”, por t’i qasen secilit projekt individualisht, duke filluar nga analiza, pyetje, sqarime, skica, diagrame etj. Ky nuk është një provim i plotë UX, por, si rregull, mjafton për të mbështetur një shërbim të gatshëm ose për të zhvilluar "thjesht një faqe interneti".

Pra, nëse shihni një mutant të mahnitshëm UX/UI, dijeni këtë:

Ky është një projektues që i afrohet një projekti me kokën e tij, dhe jo vetëm duke klikuar miun dhe sqepin e tij.
Ky është një djalë që ka lexuar shumë fjalë të zgjuara dhe tani e quan veten UX/UI.

Mund të kontrollohet thjesht: kërkoni projektuesin t'ju tregojë pse zgjodhi këtë rregullim të veçantë të elementeve, këtë sekuencë ekranesh, etj. Një projektues i mirë nuk merr një vendim të vetëm të ndërfaqes ashtu siç është - gjithçka ka një justifikim logjik.

Meqe ra fjala

Ky artikull është i dyti në serinë "si një specialist i internetit është i ndryshëm nga një tjetër". Çfarë na shtyu në idenë e krijimit të një drejtorie të të gjitha profesioneve nga ueb, me variacione të ndryshme të emrave të tyre. Për ta bërë jetën më të qartë për klientin (dhe për të gjithë ne, për këtë çështje).

Të njohura në kategorinë: