Meniul
AcasăBrowsere

Diferența dintre UX și UI designer. Crearea designului UI: reguli. Designul UX vine în diferite dimensiuni

| 18.08.2015

Mulți designeri (inclusiv începătorii) folosesc expresia „UI/UX design” în CV-urile lor. Această combinație a termenilor UI și UX nu este în întregime corectă. De ce este așa, citiți mai jos.

Ce este UI

Tradusă din engleză, UI (interfață utilizator) este o interfață cu utilizatorul. Folosind o astfel de interfață, utilizatorul poate interacționa, adică poate conduce un dialog cu dispozitive, mașini și programe. Un exemplu bun interfața de utilizator este un telefon mobil cu afișaj și taste pt diverse funcții, bord auto cu butoane de control etc.

UI este ceea ce utilizatorul vede și cu care interacționează pe ecran. Atunci când proiectați o interfață de utilizare de înaltă calitate, se acordă atenție nu numai aspectului interfeței, ci și structurii sale logice, astfel încât utilizatorul să poată efort suplimentar, interacționați rapid și ușor cu acesta și realizați rezultatul cerut. În domeniul computerelor, un dezvoltator de UI se confruntă cu sarcina de a crea o interfață care să ofere utilizatorului o interacțiune simplă, ușor de înțeles și convenabil cu un produs (program, site web etc.).

Dar pentru a înțelege clar cum să creați de înaltă calitate interfața cu utilizatorul pentru un anumit produs, este necesar să se studieze comportamentul, emoțiile și reacțiile utilizatorilor atunci când interacționează cu acest produs, se efectuează teste și se colectează date. O persoană, care interacționează cu orice sistem, experimentează senzații și reacționează într-un anumit felîn timpul utilizării acestuia. Aceasta se numește experiență utilizator sau UX.

Ce este UX

Senzațiile și reacțiile pe care le experimentează un utilizator atunci când interacționează cu un produs (în cazul nostru, acesta este programe de calculator, site-uri, aplicații etc.) se numesc experiență de interacțiune (UX, experiență utilizator). UX este ceea ce simte și își amintește utilizatorul ca urmare a utilizării unui program, aplicație sau site web. UX este luat în considerare la dezvoltarea UI, crearea arhitectura informatiei, testare de utilizare. După ce ați determinat publicul țintă și caracteristicile utilizatorului principal, puteți crea o listă de cerințe pentru proiect.

Primul pas este să aflați ce așteptări și dorințe au potențialii utilizatori și clientul produsului (program, site web etc.). În a doua etapă, stabilim funcţionalitate, disponibil pentru utilizatori. Urmatorul pas- proiectare site (sau alt produs), dezvoltarea structurii și navigației, intuitivă de înțeles utilizatorilor, precum și un aspect atent al tuturor elementelor interfeței cu utilizatorul. Ultimul pas- aspect, design de produs care va fi convenabil și plăcut de utilizat.

concluzii

După cum puteți vedea, UI face parte din UX. Scopul ambelor este de a îmbunătăți, simplifica, face mai convenabil. Dar, deși acești termeni sunt strâns legați, ei nu sunt nicidecum sinonimi. Puteți avea o interfață de utilizare grozavă, dar un UX groaznic și invers. Designerii se ocupă în principal de UI. Industria UX este studiată de alți specialiști - designeri, analiști, marketeri. Pentru a obține rezultate maxime, aveți nevoie munca profesionala specialişti din ambele domenii.

Introducand articol nou serie. În această parte a seriei, vom lua în considerare poziția unui designer UX/UI - un specialist responsabil de conformitate aspectși logica produsului.

Designer UX/UI- un specialist care proiectează interfețe cu utilizatorul.

Zi de lucru tipică include:

  • lucru pe sarcini prioritare (proiectare, desen);
  • comunicarea cu clientul;
  • efectuarea de editări.

Avantaje și dezavantaje

Profesia atrage designeri cu posibilitatea de a face lumea un loc mai bun, precum și cu promisiunea și cererea pe piață:

„Îmi place să cred că ești capabil să rezolvi o problemă pentru un public larg sau cel puțin să faci procesul de percepere a conținutului mai plăcut și interesant. Este interesant să cercetezi oamenii și să încerci să înțelegi de ce au nevoie cu adevărat și apoi să-ți dai seama cum să le implementezi.”

„Zona este foarte interesantă pentru că decizii corecte designerii pot simplifica și îmbunătăți semnificativ calitatea vieții grupului de oameni pentru care se dezvoltă un anumit produs sau proiect. De asemenea, puteți învăța multe despre tipuri variate afaceri în lume, care poate fi utilă pentru a-ți începe propria afacere și pentru a avea o viziune mai globală asupra lumii.”

„Personal, sunt enervat de aplicațiile stupide, plasarea incomodă a butoanelor în lifturi, interioarele prost proiectate ale mașinilor - îmi place să fac ceva care poate îmbunătăți acest lucru. Această lume este atât de imperfectă (nu natura - totul este perfect și echilibrat acolo) încât există întotdeauna de lucru pentru un designer inteligent.”

„Am studiat să fiu programator administrator de sistem, dar a fost întotdeauna interesant să fac ceva în Photoshop. Anterior, nu existau atât de multe tutoriale, lecții video și articole ca acum, așa că am învățat majoritatea funcțiilor și caracteristicilor la întâmplare. Mai târziu am decis să încerc Illustrator, a fost mult mai bine mai dificil decât Photoshop, dar excelent pentru a crea un vector. Îmi place să creez ceva nou, ceva util și frumos, îmi place să mă perfecționez și să văd rezultatul obținut. Domeniul designului vă permite să faceți toate acestea. Este, de asemenea, interesant cum se schimbă tendințele, apar programe și funcții noi, trebuie întotdeauna să urmezi toate acestea și să te dezvolți constant.”

„Îmi place designul UX/UI pentru că este o direcție foarte promițătoare. Tehnologiile se dezvoltă foarte repede, unele interfețe sunt înlocuite cu altele noi și toate trebuie proiectate. Aici nu vă puteți gândi doar dacă interfața arată frumos, ci și cât de convenabilă este și cât de mult poate rezolva problema unei persoane (fie găsiți rapid cafeneaua potrivită, fie rezervați un bilet la un concert sau ajutați-vă să vă pregătiți preferatul). farfurie) . Interfețele sunt peste tot: de la Echipament medical la mașini. Când mașinile zboară, va fi necesar ca cineva să se gândească la interacțiunea interfeței sale cu o persoană. Și vom fi noi – designeri UX/UI.”

Un alt plus este capacitatea de a lucra de la distanță (20% din toți designerii), mare alegere proiecte independente.

Printre minusuri Designerii își numesc profesia comunicarea cu clienții care nu știu ce vor, precum și subestimarea de către colegii din IT:

„În 80-90% din cazuri, trebuie să lucrați fără specificații tehnice cu cerințe precum: „Fă-l mega-frumos și mega-configurabil.”

„Consider că atitudinea față de design și designeri din Ucraina este un dezavantaj al profesiei. Din anumite motive, toată lumea crede că, dacă au deschis odată Photoshop, atunci pot fi automat designeri și pot decide în mod independent cât timp va fi alocat designului. Managerii și programatorii neexperimentați sunt în special vinovați de acest lucru (un manager începător a susținut că ar putea finaliza sarcina în 30 de minute în Paint, dar nu are timp pentru creativitate).

„Dezavantajele sunt lipsa oricărei pregătiri serioase și lipsa de înțelegere a proceselor și metodologiilor competente de pe piață. În externalizare, este imposibil să urmăriți rezultatele și să vă creșteți propriile bune practici. Produsul este oarecum monoton pentru oamenii maturi și haos total pentru startup-uri.”

„Dezavantajele - ca în toate IT - munca sedentară, ochi dureroși și uneori un client care are nevoie să facă albul #ffffff și mai alb :)”

Cum să devii și unde să te muți mai departe

Prima și principala abilitate în UI este de a stăpâni editor grafic. Cel mai popular set de instrumente - Adobe Photoshop, schiță, principiu, Adobe Illustrator,Dupa efecte. Pentru început, puteți încerca să redesenați capturi de ecran ale oricăror aplicatie de mobil sau site-ul web. Dar nu copiați doar (deși trebuie să puteți face și asta), ci observați unele inconveniente și oferiți o soluție despre cum să o faceți mai bine.

De asemenea, este important să înțelegeți teoria culorilor, tipografia, compoziția, ergonomia site-ului web (principiile de utilizare a interfeței), precum și elementele de bază ale marketingului, analizei de afaceri și psihologiei. Pentru o comunicare mai eficientă cu dezvoltatorii, abilitățile de layout (HTML/CSS) și cunoștințele de bază despre JavaScript și cadre vor fi utile.

Puteți începe să studiați UX familiarizându-vă cu metodologia citind cărți de Nielsen Norman, Alan Cooper, Jeff Raskin, Steve Krug, Alistair Coburn. Literatură mai aplicată - „The Experiența utilizatorului Team of One: Un ghid de supraviețuire pentru cercetare și proiectare” Leah Buley.

"ÎN lumea modernă Există multe posibilități de implementare. Am achiziționat și continuă să cumpăr cursuri online pe platforme precum Coursera, Udemy, Edx. Urmăresc conferințe online de la Adobe, Google, citesc literatură tehnică, analizez lucrările despre Dribbble, Behance, Awwwards.”
„Un designer UX/UI trebuie să studieze clasicele interfeței cu utilizatorul: „Don’t Make Me Think” de Steve Krug, „The Design of Common Things” de Norman, a citit Luke Wroblewski. Trebuie să exersați constant, să vă puneți în locul utilizatorului. Găsiți un mentor care va sublinia greșelile, va oferi sfaturi și va încuraja creșterea.”

Îți poți începe cariera lucrând independent pe diverse platforme în limba engleză; de asemenea, va fi util să-ți testezi abilitățile la campionate, de exemplu, Dev Challenge. Acest lucru vă va ajuta să vă construiți portofoliul.

Abilități și competențe UX și UI ()

Calitățile personale care sunt importante sunt:

  • perseverenţă;
  • perseverenţă;
  • gândire creativă;
  • perfecţionism;
  • dorinta de a invata si de a se dezvolta;
  • capacitatea de a auzi criticile.
„Persoana care proiectează interfețele este un inginer, trebuie să aibă o gândire analitică puternică, abilități de empatie foarte dezvoltate și capacitatea de a pătrunde în esența lucrurilor. Desigur, există și abilități practice - aceasta este posesia diverse tehnologiiși unelte, dar acest lucru, de regulă, se află pe locul doi; o persoană trebuie să fie inginer prin natură. Și nu este greu să devii unul dacă lucrezi din greu la asta, citești cărți și articole despre design (compoziție, știința culorii, tipografie) și psihologie (trebuie să înțelegi cum o persoană face alegeri și cum funcționează creierul său), mergi la prelegeri. și ateliere și multe de exersat”.

Posibile căi de carieră Designer UX/UI:

  • îmbunătățiți-vă ca designer, creșteți-vă rata (dacă sunteți freelancer);
  • stăpânește domenii conexe, dezvoltându-se ca designer de produs, designer VR, designer VFX, designer de jocuri;
  • să ajungă la poziția de Art Director (Șef de Design);
  • dezvolta ca si cum ai vrea sa treci de la design la managementul produsului in general;
  • deveniți dacă sunteți interesat de coordonarea oamenilor;
  • faceți dacă sunteți mai interesat de aspectul tehnic;
  • stăpânește programarea și devine dezvoltator de UI;
  • încercați-vă în marketing sau .
„Tehnologia se dezvoltă foarte repede și apare tot timpul ceva nou, totul necesită un design specific, are propriile cerințe și caracteristici. Și noi, designerii, vom ajuta totul să devină mai bun, mai frumos și mai convenabil :)"

Mulțumesc Iuliei Bondarenko, Maxim Palivoda, Marina Popovichenko și altor 25 de designeri ucraineni care au spus DOU despre poziția lor pentru ajutorul lor la scrierea articolului. Citatele date în articol sunt preluate din poveștile lor.

Crearea celor mai bune brownies de ciocolată va necesita atât UX, cât și UI. Sunt serios. Pentru a începe, veți avea nevoie de o rețetă, ingrediente, ustensile de bucătărie și un cuptor. Apoi: amestecați, coaceți, tăiați, puneți pe farfurii, serviți și mâncați.

Dar care dintre acestea este UX și care este UI? Procesul de realizare este UX, iar procesul de placare și servire este UI.

Ce zici de mâncat? Acesta este UX; cu excepția cazului în care nu este UX. Consumatorul ar avea o experiență diferită dacă prăjiturile ar fi servite direct din tavă sau prezentate frumos pe o farfurie? Aș spune că da, acesta din urmă ar fi de preferat.

În acest articol, voi împărtăși cu voi cinci diferențe între designul UX și UI. Să sperăm că până la sfârșitul ei, veți ști despre ele cea mai buna performanta. Permiteți-mi să spun imediat că, deși veți observa diferențe, unele dintre ele vor fi foarte asemănătoare între ele.

Cu această declinare a răspunderii, să aruncăm o privire la unele dintre diferențele dintre cele două.

UX nu este UI

Design UX sau design experiența utilizatorului, este procesul prin care se determină necesitatea. Apoi este desenat un prototip brut, care este ulterior validat (sau nu) prin testare. Când atât modelul de afaceri, cât și propunerea de valoare sunt confirmate, produsul este gata.

Interfața de utilizare sau designul interfeței cu utilizatorul poate fi gândit astfel:

Design interfață utilizator = Design vizual + Design interacțiune.

Designul vizual este modul în care arată un site, personalitatea lui, dacă vreți; marca. Designul de interacțiune este modul în care oamenii interacționează cu site-ul dvs. Când cineva apasă un buton, acesta se schimbă într-un mod care să demonstreze clar că a fost apăsat?

În timp ce atât designerii UX, cât și UI creează interacțiuni, designerii UX pot fi considerați arhitecți macro-interacțiuni, iar designerii UI pot fi considerați creatori de micro-interacțiuni care se ocupă de detalii.

Potrivit designerului Nick Babich:

„Cele mai bune produse fac bine două lucruri: funcționalitate și detaliu. Caracteristicile sunt cele care atrag oamenii către produsul dvs. Detaliile sunt cele care îi țin împreună.”

Un designer UX ar prefera să proiecteze fluxuri de utilizatori, pașii pe care un utilizator i-ar face, de exemplu, pentru a se înscrie la un buletin informativ. Ce pași vor urma și de unde vor ști că au reușit?

Proiectul merge apoi către designerul UI. Designerul UI va îmbunătăți aceste interacțiuni adăugând culoare și evidențiere. design original, oferindu-le sfaturi și arătându-le indicații către buletinul informativ.

UI face interfețele frumoase

Un produs util satisface o nevoie pe care piata nu a intalnit-o inca. Procesul de cercetare al unui designer UX implică analiza competitivă, dezvoltarea personajelor și apoi crearea unui produs minim viabil; produs care va fi valoros pentru dvs public țintă. Acest lucru este confirmat prin testare pe tot parcursul ciclu de viață produs.

Odată ce fluxurile utilizatorului și wireframes-urile sunt prototipate și testate, procesul trece la designerul UI - sarcina lui este să facă totul să arate bine. Aceasta include alegerea unei scheme de culori și a unui design care este atât frumos, cât și ușor de utilizat. Cu toate acestea, alegerile de culoare, designul și interacțiunile nu se bazează pe preferințele personale ale designerului, ci pe motive clar articulate specifice persoanei dezvoltate de designerii UX. Cu ajutorul lor, designerii UI implementează o ierarhie vizuală care va servi drept ghid pentru utilizatori, explicându-le ce și când să facă pentru a-și atinge scopul.

O ierarhie bine concepută va evidenția una scopul principal pe pagină, informând utilizatorii unde se află pe site și ce pot face la oricare acest moment timp. Ierarhia se ocupă de acest lucru utilizând convenții și modele care sunt deja familiare utilizatorilor. Aceste modele vor oferi utilizatorilor direcție.

UX îi ajută pe utilizatori să-și atingă obiectivele

UI creează conexiuni emoționale

Oamenii vin pe site-ul tău pentru a face ceva. Poate că cineva caută un câine pentru un apartament mic.

Latura UX a lucrurilor poate privi oamenii ca iubitori de câini și poate încerca să înțeleagă ce este important pentru ei. De ce prețuiesc sau de ce au nevoie atunci când caută ajutor pentru a-și alege prietenul blănos? Pentru a înțelege acest lucru, încep să lucreze. Ei pun întrebări, observă oamenii, îi intervievează, poate face prototipuri și teste de gherilă pentru a vedea dacă îi pot ajuta.

Odată ce ați pus la punct capacitatea de utilizare de bază, potrivit lui Aaron Walter, autorul cărții Design for Emotion, loialitatea utilizatorilor dvs. va depinde de personalitatea interfeței dvs. Design luminos pot atrage oameni pe site-ul dvs., ei pot zăbovi chiar dacă există ceva de făcut acolo. Și când se formează conexiune personală– sunt pe cârlig. Interfața ta îi face să râdă? Le apucă? Cât de îngâmfat este? Aaron spune: „Oamenii îți vor ierta neajunsurile, te vor urma și îți vor cânta laude dacă îi răsplătești cu emoții pozitive.” Aici intervine designerul UI.

Mai întâi este creat designul UX

Apoi (uneori) este creat designul UI

Cum lucrează împreună designerii UX și UI pe parcursul procesului de proiectare?

De obicei, designul și cercetarea UX sunt primii pași atunci când decideți să creați un produs sau o aplicație. Designerii UX efectuează o mare parte din cercetările care confirmă sau infirmă ideile inițiale ale unui produs și ghidează dezvoltarea acestuia.

Odată ce prototipul a fost testat de mai multe ori și este aproape gata, designerul UI vine și începe să lucreze la design vizual și micro-interacțiuni.

Cu toate acestea, această cale nu este întotdeauna liniară și depinde de mulți factori. De exemplu:

  • Cine face UX și UI?
  • Aceeași persoană, sau cineva diferit și o echipă diferită?

UX este utilizat în toate produsele, interfețele și serviciile

UI se referă numai la interfețe

Designul experienței utilizatorului este un domeniu vast și devine din ce în ce mai popular în fiecare zi. În zilele noastre, nu numai companiile care folosesc web-ul, ci multe altele care dezvoltă produse sau furnizează servicii încep să înțeleagă valoarea de a-și înțelege utilizatorii și de a valida ipotezele înainte de a începe procesul de creație.

User Interface Design se referă la interfețele utilizator. Acest lucru nu înseamnă că este limitat la interfața grafică de utilizator a computerelor, tabletelor și dispozitive mobile. În zilele noastre, interfețele pot fi găsite în multe alte produse, cum ar fi ceasuri, mașini de spălat, tablouri de bord in masini, automate, și mult mai mult.

Am citit recent despre o aplicație pentru iPhone care vă va debloca ușa mașinii. Se pare că acest set de interacțiuni implică mult mai mulți pași decât simpla folosire a unei chei pentru a deschide o ușă. Indiferent dacă proiectăm pentru interfață sau pentru experiență, trebuie să ne asigurăm că utilizatorii noștri rămân în centrul procesului.

concluzii

Este aproape imposibil să separați UX de UI sau UI de UX.

Dar dacă încerci, poți trage concluzia că:

  • Designul UX îi ajută pe utilizatori să finalizeze sarcinile din mediu diverse platforme si servicii.
  • Designul UI creează interfețe atractive și estetice care conectează cu oamenii.

Traducerea unui articol de Don Sklecht

Șeful departamentului de cercetare și dezvoltare de la Ak Bars răspunde la principalele întrebări despre profesia de designer UX Tehnologii digitale„și curator al programului UX/UI Design la British scoala superioara design Yaroslav Shuvaev, precum și șeful departamentului de cercetare analitică a interacțiunii utilizatorilor de la Sberbank-Technology Alina Ermakova, șeful departamentului servicii cloud la MegaLabs (Megafon) Dmitry Ershov și designeri UX/UI certificați.

1. Cum îi pot explica bunicii mele ce fac dacă sunt designer UX/UI?

Totul depinde de nivelul de pompare al bunicii. Dacă bunica ta este un designer UX/UI, atunci cel mai probabil nu vei avea nevoie de metafore simplificatoare. Pentru o bunică mai puțin curioasă, aceasta poate fi o scuză: „Lucrez la aplicații mobile și online.” Dacă încercăm să creăm o definiție din cuvinte pe înțelesul bunicii obișnuite, care reflectă cel mai succint și îndeaproape sensul, atunci aceasta va fi: „Sunt angajat în îmbunătățirea calității. servicii digitale(UX), inclusiv proiectarea punctelor și canalelor pentru primirea acestor servicii (UI).”

Tatiana Pchelintseva, în absolvent al cursului UX/UI Design la BHSHD

„Bunica mea... S-a dovedit că nici tatăl meu, până de curând, nu a înțeles ce fac. A avut loc un incident amuzant. Tata m-a întrebat cine studiez să fiu. I-am răspuns că realizăm produse digitale și îmbunătățim experiența utilizatorului. (Pauză) „Vindeți brânză online?” Încă nu înțeleg de ce exact brânza, dar am fost foarte impresionat. Trebuia să vă spun că fiecare dintre noi este un UX designer.

Părinții mei și-au renovat recent apartamentul și l-au amenajat în funcție de nevoile lor: rafturi de perete la înălțimea la care ar fi convenabil ca mama să pună cărți, canapeaua se află la așa distanță de televizor încât impactul ei asupra ochilor este minim, aparatul de cafea este întotdeauna într-un loc vizibil. De asemenea, un designer UX proiectează, dar nu atât propria experiență, cât și a altcuiva: identifică obiectivele utilizatorului/afacerii, identifică punctele dureroase ale acestora și oferă soluții.”

Denis Ushakov, în Absolvent BHSHD

„Cel mai greu lucru la ceea ce fac a fost să-i explic bunicii mele, care percepe expresia „design de produs” ca ceva legat de un magazin alimentar - și întreabă constant cu ce fel de produse lucrez. :)

Dar, în general, o explicație folosind exemplul unui volan de mașină este destul de potrivită atât pentru bunici, cât și pentru părinți: designul UX explică locația volanului în mașină, iar UI explică aspectul acestuia.”

Ca exemplu, putem cita unul dintre proiectele de absolvire ale studenților noștri din acest an - o vitrină digitală pentru Tele2. Acesta este un chioșc cu autoservire în magazinele Tele2, care vă permite să obțineți servicii necesare pe tine și economisește timp. Studenții cursului s-au confruntat cu sarcina de a reelabora UX și UI a vitrinei digitale pentru a face acest serviciu convenabil, a crește conversia și a „digitiza” comunicațiile dintre abonați și operatorul de telefonie mobilă.

Proiectul studenților cursului „UX/UI Design” al BVSD pentru Tele2: vitrină digitală pentru Tele2

Designerii s-au gândit atât la lista de funcții vitrine, cât și la secvența acestora, la locația de navigare pe ecran, cât și la pașii pentru obținerea acestui serviciu. Pentru a face acest lucru în mod eficient, nu este suficient să redați doar ecranul, totul este dezvoltat pe baza cercetării, testării și a altor instrumente de design de produs pe care un designer UX/UI trebuie să le stăpânească.

2. Ce competențe are un designer UX/UI ideal?

La momentul în care a apărut termenul „proiectare a experienței utilizatorului” (UXD), termenul „proiectare a interfeței” (UID) exista deja și avea o listă clară și stabilă de artefacte - acele rezultate ale muncii unui designer de interfețe de produs digital care l-a făcut. posibilă crearea unei interfețe: pictograme, butoane, crearea de machete, kit de interfață, lucrul cu fonturi, grile, crearea de ilustrații și așa mai departe.

Introducerea competențelor UXD în dezvoltarea de soluții digitale a dat naștere unei clase de designeri UX care au adăugat noi artefacte acestui proces legate de o abordare mai științifică și metrică a designului serviciilor: studii de utilizare, cercetarea utilizatorilor, dezvoltarea arhitecturii informaționale, analiza rutele utilizatorilor. Este ca și cum un designer de mobilier a lucrat împreună cu un ergonomist pentru a crea scaune care nu sunt doar frumoase și puternice, ci și mai confortabile.

Odată cu apariția unei abordări flexibile în software(Agile, Scrum), numărul experților înalt specializați în echipe începe să scadă din cauza creșterii numărului de competențe ale fiecărui participant. În echipele agile de produse, devine imediat clar că separarea responsabilităților UX și UI crește timpul de dezvoltare datorită faptului că cerințele de „acceptare” a muncii între designeri se schimbă și cresc constant. În cele din urmă, unul dintre designeri s-ar putea îmbolnăvi, apoi toate lucrările se opresc. Prin urmare, echipele de produse preferă să recruteze designeri UX/UI care combină, deși uneori superficial, atât competențele UXD, cât și UID, decât doi experți profundi.

Combinație de competențe de designer UX/UI


Cât câștigă astfel de designeri? Cel mai precis răspuns la această întrebare este hh.ru. Potrivit serviciului, astăzi companiile sunt pregătite să ofere designeri UX/UI de la 70 la 200 de mii pe lună sau mai mult.

Îți poți construi traiectoria din diferite puncte de plecare, dar, bineînțeles, dacă pleci de la un designer grafic, dezvoltator de software, analist de afaceri digital, cercetător social sau psihologic, atunci această traiectorie va fi mai scurtă și calea va fi mai rapidă. În echipele de proiectare există un element de complementaritate și de învățare reciprocă. Pentru a asigura eficacitatea acestui proces, sunt întocmite așa-numitele „hărți stelare”, care indică gradul de competență în diverse competențe. Și, de exemplu, dacă un designer nu cunoaște animația, atunci el este mutat într-o echipă în care se dezvoltă această abilitate. Aceasta este ceea ce facem cu studenții noștri, doar rotația are loc la sfârșitul fiecărui modul.

Daria Salnikova, designer UX/UI la Tele2

„Înainte de a studia la Britanka, am lucrat ca designer grafic, au fost proiecte pe servicii web, dar la un moment dat nu mi-a plăcut faptul că m-am conectat la produs abia în ultima etapă, când nu am mai putut influența acestuia. utilizabilitate. Adică desenezi butoane, pictograme, le aranjezi conform specificațiilor, chiar dacă înțelegi în interior că acest lucru va fi incomod sau nu va rezolva problema.

Prin urmare, am decis să aprofundez în designul UX/UI, să înțeleg cum se dezvoltă un produs de la zero, se efectuează cercetări, se studiază utilizatorul, sarcinile și comportamentul acestuia? și cum toate acestea se reflectă în interfață. Mai întâi, am urmat un curs introductiv online de la AIC, apoi am mers în Britannia pentru practică. După mai multe proiecte de training pentru Zolotaya Korona și Mail.Ru, m-am angajat ca designer UX/UI la Tele2. Pe lângă portofoliu, a fost important cum pot lucra în echipă, ce roluri am ocupat în aceste proiecte, ce sarcini, pe lângă interfețe, pot rezolva și alte soft skills.

Acum lucrez la un sistem de fidelizare pentru clienții Tele2. Și acest lucru este complet diferit: lucrăm cu analiști, iar când vine vorba de interfața de utilizare, deja pot argumenta pentru locația, forma, culoarea fiecărui element de interfață. Am avut pe curs băieți care nu veneau din domeniul designului (marketing, manageri, dezvoltatori). În timpul cursului, au stăpânit instrumentele de prototipare și au învățat cum să creeze unele elemente de interfață. Este clar că nu au o astfel de experiență în design ca designeri grafici. Dar este atât de grozav când chiar și managerii sau dezvoltatorii înțeleg designul, pot realiza un prototip, pot repara un banner, o pictogramă și, în general, încep să înțeleagă că designul este multă muncă.”

Dmitry Ershov, șeful serviciilor cloud, MegaLabs JSC

„MegaLabs are mai multe echipe, între care sunt distribuite produsele MegaFon. De exemplu, acum căutăm designeri pentru echipele MegaFon.Bank și MegaFon.TV. Când m-am uitat deja la portofoliu și comunic cu un specialist UX/UI, verific mai întâi cunoștințele de teorie: compoziție, tipografie, culoare. Pun mai multe întrebări pe fiecare subiect, iar dacă designerul răspunde „așa văd eu” - imediat minus 1 punct. Dar dacă, de exemplu, sugerează să aleagă o culoare folosind o schemă triadică, devine clar că este familiarizat cu elementele de bază ale culorii.

Când teoria este testată, aflu care dintre cele cinci niveluri de UX după modelul lui Jess Garrett este cel mai „pompat” pentru candidat și, în funcție de nivel, dau mai multe sarcini. Designerii de produse MegaFon sunt oameni care creează interfețe bazate pe obiectivele și nevoile clienților companiei. Se acordă preferință celor care înțeleg problemele și oferă mai multe soluții pe loc.

Întrebările despre dezvoltare sunt puse întotdeauna în timpul interviurilor. De obicei, arăt mai multe site-uri și întreb câte coloane sunt în grilă sau cum diferă JS de CSS. Designerul trebuie să fie capabil să explice toate acestea pentru a-și „împacheta” ideile într-un limbaj înțeles de dezvoltatori.”

3. Este greu să găsești un loc de muncă?

Pe de o parte, industria se confruntă cu o lipsă de astfel de specialiști și este dispusă să plătească mult, pe de altă parte, acum mulți designeri caută de lucru și nu își găsesc un loc decent de mult timp. Care este problema cu ambele?

În primul rând, trebuie să-ți schimbi gândirea. De la „cum să faci ecrane frumoase de portofoliu” la „cum să faci oamenii mai fericiți după ce interacționează cu un produs”. Se poate dovedi că nu va trebui să desenați deloc ecrane, iar oamenii vor fi recunoscători pentru asta. Pentru a crea aceste artefacte, se folosesc instrumente și metodologii de proiectare actuale: gândire de proiectare, mapare a poveștii utilizator, cartografiere a fluxului utilizatorului, cartografiere a călătoriei clienților, testare divizată, testare de utilizare, cercetare cantitativă și multe altele. Deși uneori poți veni la rezultate corecte calea gresita. Situația pieței pentru noile profesii este instabilă; acum aceasta este o ocupație destul de populară și profitabilă, dar cererea creează ofertă.

Evgeniy Zasimenko, absolvent al Școlii Superioare de Artă și Design din Belarus, designer de produs la Avito

„Am început să caut un loc de muncă ca designer de produse cu câteva luni înainte de încheierea cursului. Nu pot spune că este foarte activ, dar mi-a plăcut Avito când am fost acolo într-o excursie a britanicii. Procesul de angajare a fost destul de standard pentru domeniul designului: vizualizarea unui portofoliu, Test, două interviuri și am primit o ofertă.

Dezvoltarea produsului este pe primul loc lucru in echipa, în care designerul trebuie să fie implicat încă de la început și să fie implicat în redarea interfețelor bazate pe metrici și cercetări, să fie capabil să creeze prototipuri pentru testare, să lucreze în colaborare cu dezvoltatorii și, cel mai important, trebuie să contribuie la atingerea unui obiectiv comun.”

Procesele companiilor care necesită un designer de produs ridică ștacheta pentru intrare: pe lângă înțelegerea instrumentelor de proiectare, necesită și experiență practică în utilizarea acestora, precum și capacitatea de a lucra în echipă. Prin urmare, pe lângă instrumentele și metodologiile actuale, oferim studenților noștri cazuri reale de la mărci majore și să le unească în echipe interfuncționale.

Pe parcursul acestui an am reușit să finalizăm cel mult aproximativ 20 de proiecte tipuri diferite companii: de la așteptatul fintech - Alfa Bank, MTS, MegaFon - până la startup-uri din domeniul agrotech. Mulți studenți au reușit să găsească de lucru pe baza rezultatelor apărării proiectelor lor în companiile pentru care au realizat proiectul, deoarece clienții își văd competențele și experiența practică în acest proces.

Denis Ushakov, absolvent BHSHD

„Proiectul nostru a fost să dezvoltăm aplicația mobilă AgroClick pentru Exact Farming. Aplicația pentru agronom-scouter îl ajută să conțină toate datele despre plante într-un singur loc, să le structureze și să le partajeze rapid. Esența soluției este accelerarea comunicării între agronom-scouter, care se află toată ziua pe teren și culege informații despre culturi, și specialistul agronom, care primește informații în birou. decizii cheie, de exemplu, pentru achiziționarea de pesticide.

Acum continui să lucrez la proiect ca designer de produs deja în personalul acestei companii. Clientul însuși mi-a oferit postul de designer de produs, întrucât deja văzuseră de ce sunt capabil, aveam experiență colaborare. Mi se pare că aproape toți colegii mei, până la sfârșitul studiilor, au obținut locuri de muncă legate de UX/UI în companii precum Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Rusia și altele.”

4. Va continua să crească cererea pentru astfel de specialiști în următorii 5 ani?

Datorită faptului că afacerile diferite companii- de la bănci la restaurante - sunt în curs de digitalizare, ne putem aștepta la o creștere a dezvoltării interne și la o tranziție către dezvoltarea de produse personalizate. Prin urmare, cererea pentru designeri UX/UI va fi mare. Nu pot promite munți de aur, deoarece piața noilor profesii se adaptează la cerere din ce în ce mai repede, așa cum a fost cazul specialiștilor în big data, învățare automată, blockchain și alte domenii, dar un designer de produse educat cu portofoliu bun iar palmaresul este acum scump și solicitat în întreaga lume.

„Cred că nu este atât de mult despre numele „UX/UI design”, ci despre funcționalitate și responsabilitate. Cererea nu va scădea, desigur, dar pentru cine? Sunt valuri: la început toată lumea căuta un generalist - un designer, un designer de layout, un copywriter. Acest lucru s-a datorat faptului că companiile fie nu aveau bani pentru asta, fie nu înțelegeau de ce ar trebui să-i cheltuiască pe designeri. Apoi a început hype-ul UX, au apărut departamentele interne de cercetare și design, iar conceptul nu atât de buton cât de experiență de utilizator a devenit popular. Am început să jucăm teste, design thinking și eye tracker. Am început să gândim în procese, nu în ecrane.

Cred că următorul val va fi despre conștientizarea și implementarea conceptelor și principiilor de bază UX în toate profesiile de creare de produse. Adică, vor fi la cerere specialiști care la nivelul ADN-ului înțeleg principiile cercetării, metodele de bază de analiză a utilizatorilor și proceselor, precum și experiențe de proiectare. Și acest lucru nu exclude abilitățile înalte de proiectare. Cred în creșterea competenței de proiectare, pentru că un designer este bun, dar senzația de frumusețe înăuntru în sens larg nimeni nu a anulat cuvintele.”

5. Cum îți afectează munca unui designer UX/UI viața de zi cu zi?

Dacă acceptăm că aproape tot ce folosim a fost inventat de designeri, atunci aproape totul a fost produs în masă servicii digitale- site-uri mobile, servicii web și altele - sunt acum inventate de Digital Product Designers. Aplicații bancare, servicii de operator de telecomunicații, e-commerce, servicii matrimoniale, geolocalizare și servicii de informare... Puteți continua mult timp - este mai ușor să deschideți desktopul telefon mobil sau desktop de laptop și derulați aplicații instalate. Toate acestea sunt produse digitale, ale căror componente logice și vizuale sunt lucrate de designeri UX/UI.

Proiect al studenților cursului UX/UI Design pentru MTS: un ghid mobil pentru adaptarea și dezvoltarea angajaților MTS

Lucrarea poate consta fie în crearea unui produs complet nou, fie în transferul acestuia vizualizare digitală serviciile existente. De exemplu, studenții noștri au prezentat un caz pentru MTS - un ghid mobil pentru integrarea noilor angajați și dezvoltarea acestora cu un sistem de gamification și alte funcții. A existat întotdeauna un sistem de adaptare: de la departamentul standard de personal la servicii de resurse umane și un sistem de mentorat, dar a fost soluție digitală- Acesta este ceva nou. Este mai flexibil, mai eficient și vă permite să rezolvați sarcini diferite companii prin serviciu unic: networking, training, organizarea muncii angajatilor.

Durata de viață a modelelor de afaceri profitabile se micșorează rapid. Pentru a rămâne pe linia de plutire, trebuie să creați în mod constant noi și să dezvoltați produse digitale existente. Mărcile care nu se pot adapta la viteză vor cădea din urmă. De aceea companiile moderne trecerea la cicluri adaptative rapide de schimbare constantă. Este vorba doar despre notoriile Agile și Scrum. Proiectați-Dezvoltați-Învățați și din nou într-un cerc. Prin urmare, expertiza în proiectare ca parte a acestui cerc devine fundamentală.

Alina Ermakova, șef al departamentului de cercetare analitică a interacțiunii utilizatorilor la Sberbank Technologies

„Acum câteva săptămâni m-am întors de la conferința Enterprise UX din San Francisco. Companiile mari au vorbit despre modul în care proiectează serviciile guvernamentale sau sistemele mari fintech sau, de exemplu, cum Uber își menține consecvența în timp ce este localizat în 77 de țări. UX/UI este deja în ADN-ul lor. Aceasta nu este o etapă, nu este o metodă, acesta este un proces normal de producție. Nu există ceremonii de design thinking, de exemplu.

Întregul proces de creare a produselor este gândire de design. Echipa folosește metodele necesare unde simt ce este nevoie. Face parte din treabă. Și nu tinerii designeri hipsteri angajați pentru a desena interfețele au urcat pe scenă. Au apărut mătuși și unchi peste 45 de ani, proprietari de afaceri și directori generali de corporații. Pentru că asta este deja la nivelul bunului simț.”

6. Ce metodologii sunt cele mai populare acum?

În cultura Rusiei design de produs acum abia iese. Cadrul Design Thinking a devenit deja o parte integrantă a programului intern de formare corporativă în marile noastre companii și corporații: Rosatom, Sberbank, Alfa Bank și altele.

Derivatele Design Thinking sunt în mod tradițional populare în companiile digitale - Google Ventures Design Sprints, IBM Design Thinking, precum și diverse părți instrumentale ale Design Thinking - modelarea personalității, cercetarea etnografică, hărțile părților interesate, Customer Journey Mapping și altele. Relativ nou, dar demn de atenție este cadrul Jobs To Be Done, unde produsul este dezvoltat nu atât pe baza caracteristicilor utilizatorului, cât pe baza situației în care se află. Cererea pentru metodologie depinde atât de domeniul de activitate al companiei, cât și de procesele interne. Implementați același Scrum în companie mare mai lung și mai dificil decât într-un startup, dar totul este real, principalul lucru este dorința de a face un produs cool pentru oameni.

Dmitry Ershov, șeful serviciilor cloud la MegaLabs JSC

„Pentru produsele care nu se vor schimba, folosim modelul clasic de dezvoltare în cascadă, iar pentru cele în continuă dezvoltare, alegem SCRUM. Descriem noi produse sau funcționalități folosind diagrame de cazuri de utilizare, dar încercăm conceptul Jobs To Be Done, în care astfel de diagrame nu sunt necesare.

Când planificăm lansări noi, evaluăm funcționalitatea în funcție de importanța acesteia pentru utilizatori, afaceri și costurile forței de muncă. Cel mai dificil lucru este să evaluezi importanța pentru utilizatori. Pentru a obține o mai mare obiectivitate, folosim cadrul HEART. Vă ajută să priviți noile funcționalități prin prisma obiectivelor utilizatorilor.

Uneori apar dispute, de exemplu, proprietarul produsului nu este de acord cu designerul. În astfel de cazuri, dezvoltăm și lansăm diferite variante simultan pentru a evalua eficacitatea fiecăruia. Cel mai solutie eficienta determinat de statisticile comportamentului utilizatorului.”

7. Ce industrii vor integra tehnici de design UX/UI în viitor?

Dacă luăm practica globală, zonele cu cea mai lentă dezvoltare sunt cele cu concurență scăzută, de exemplu, serviciile guvernamentale - există loc de îmbunătățire acolo. În mod tradițional, țara noastră are cunoștințe financiare și juridice scăzute; prin urmare, produsele care vizează gestionarea averii și tot felul de servicii juridice nu apar atât de repede pe cât ne-am dori.

Pe parcursul cursului avem de-a face foarte mult cu fintech, unul dintre cazurile recente este serviciu mobil, care ajută o persoană să își gestioneze finanțele și să investească. Pentru a elimina bariera de comunicare dintre bancă și utilizator, studenții au luat decizia de a crea un instrument în formatul unui chatbot care poate funcționa în orice messenger convenabil utilizatorului.

Proiectul studenților cursului „UX/UI Design” al BVShD pentru Ak Bars Bank: personal asistent financiar, un instrument de investiții în orice mesager convenabil.

IDEO a fost o forță motrice general recunoscută în aplicarea gândirii designului de mulți ani. Din ultimele lor cazuri, puteți vedea că această metodologie începe să fie utilizată în mod activ în domeniul educației, dezvoltării electronicelor portabile și soluționării problemelor globale.

Este evident că creșterea concurenței în diverse tipuri de afaceri a forțat companiile să se mute la măsurare digitală. Prin urmare, dacă astăzi vedem că agrotech, medicina, restaurantele și alte domenii offline au început să ofere servicii online, atunci mâine vor avea nevoie de metodologiile noastre pentru a oferi pieței noi funcții și produse, să vină cu și să își actualizeze soluțiile digitale mai rapid. și fii mai flexibil și fă-ți clienții mai fericiți.

„Majoritatea companiilor încă văd cercetarea UX/UI, design thinking și alte tehnici creative ca pe un serviciu. serviciu separat, care poate fi comandat sau închiriat. „Gândind ca un designer” nu poate fi cumpărat, trebuie să începi. Toată lumea =),” spune Alina Ermakova, șefa departamentului de cercetare analitică a interacțiunii utilizatorilor la Sberbank Technologies.

Dacă doriți să vă dezvoltați în domeniul designului, atunci desigur că trebuie să vă îmbunătățiți constant abilitățile, să fiți la curent cu tendințele și să cunoașteți cerințele moderne de design, precum și termenii speciali. Un astfel de termen este designul UX/UI.

De fapt, când în urmă cu doi ani a trebuit să aflu ce fel de „săptămâni” și „ui” erau acestea, a trebuit să fac o mulțime de săpături înainte de a putea înțelege ce este și cum diferă una de cealaltă. S-au scris multe despre asta și, în același timp, nu este întotdeauna clar. Prin urmare, îmi propun să înțelegem împreună aceste concepte.

Să începem cu UX. UX este o abreviere pentru Experiența utilizatorului, care se traduce literal prin „experiență utilizator”. Măsura în care este gândit designul UX al unui site web, de exemplu mai convenabil pentru utilizator căutare informatie necesara sau interacțiunea cu el. Cu alte cuvinte, sarcina designului UX este de a rezolva problemele de funcționalitate și comoditate a unui instrument sau a unei resurse.

Conceptul, de altfel, se aplică nu numai sectorului IT, ci și practic oricărui altul. Putem spune că designul UX al unui pix este cât de bine scrie, câtă pastă de scris este suficientă, dacă ajută la formarea unui scris de mână corect, dacă este convenabil pentru transport, cu capac de protecție sau automat... În general , cât de bine rezolvă produsul problema pentru care este destinat și ceea ce este important este cât de clar este pentru utilizator.


Utilizatorul ar trebui să se simtă confortabil și totul ar trebui să fie clar

În ceea ce privește designul UI, în acest caz, aceasta este prescurtarea pentru Interfața cu utilizatorul, din nou literal - „interfață utilizator”. Acest tip de design determină culoarea, forma, dimensiunea și aranjarea elementelor, numele și dimensiunea fontului. Adică, UI este o componentă vizuală a cărei sarcină, dacă doriți, este să plaseze accente și să evidențieze anumite elemente site sau produs. Adică, pentru a face un produs sau o resursă plăcut de perceput și intuitiv ușor de utilizat. De exemplu, percepția textului depinde de modul în care este împărțit în paragrafe, de dimensiunea și tipul fontului, de prezența titlurilor și a ilustrațiilor și de spațiul din jurul textului.

Diferențele dintre designul UX și UI

În ciuda asemănării aparente a acestor două concepte, ele îndeplinesc diferite funcții, fiind parte integrantă a aproape oricărui proiect. Pentru a înțelege mai bine diferențele dintre aceste tipuri de modele, să luăm în considerare un exemplu - rezultatele căutării Yandex.

Structura internă, ierarhia, o cantitate mare servicii aditionale(, și așa mai departe) este UX. Dar, de exemplu, faptul că linkurile pe care le-ați urmat deja sunt evidențiate într-o culoare diferită - aceasta este UI. Același lucru este valabil și pentru interfața de utilizare, că site-ul este curat fundal alb, spațiu între rezultate rezultatele cautarii, suficient pentru o percepție confortabilă, un favicon, precum și posibilitatea de a vă accesa e-mailurile în orice moment în dreapta colțul de sus site-ul.

Designer UX se gândește la modul în care utilizatorul va interacționa cu sistemul, astfel încât acesta să corespundă așteptărilor sale. Designer UI se gândește la cum ar trebui să arate: pictograme, imagini, font, compoziția culorilor, ușurință de percepție în general. Și destul de des aceeași persoană este implicată în această sarcină, astfel încât UI și UX sunt adesea scrise în posturile de designer vacante folosind /.

Conceptele sunt diferite, dar asemănarea lor este că au drept scop asigurarea confortului utilizatorului.

Domenii de aplicare

După cum am menționat mai sus, termenii UI și UX sunt aplicabili nu numai domeniului IT. De fapt, acestea au apărut imediat ce a fost creat primul produs. Asta e cu foarte mult timp în urmă. De exemplu, poate fi luată în considerare una dintre primele descoperiri în designul UX roată.

Apariția recentă a termenilor, similitudinea în ortografie și domeniul de aplicare sunt adesea înșelătoare. Ca parte a blogului meu, voi acorda mai multă atenție subiectelor legate de dezvoltare interfețe web și design comercial.

Pentru a înțelege problemele de design UX/UI, nu este suficient să citiți un manual sau câteva articole o dată, să înțelegeți elementele de bază și să finalizați câteva proiecte. Domeniul web design-ului se schimbă și evoluează aproape în fiecare zi, așa că cerințele și ce „ ieri„a fost în tendințe” Astăzi„Nu mai este comme il faut.

Cum să știi dacă designul tău este corect

Dacă vorbim despre sarcina de a vinde, atunci „corectitudinea” designului UX este verificată de Testare A/B sau focus grupuri. Acest lucru vă permite să vedeți cât de clară și convenabilă este interfața pentru utilizator. De exemplu, toți membrii focus-grupului au sarcina de a găsi o anumită secțiune pe site sau de a se înregistra. Cât de repede abordează acest lucru spune multe despre calitatea designului UX.

Conceptul de design al UI, în acest caz, este mai subiectiv, deoarece depinde adesea de pretenția și gustul utilizatorului. Și ceea ce unuia i se pare frumos, doare ochii celuilalt. Cu toate acestea, există recomandari generale(aranjare clară a blocurilor, text care contrastează cu fundalul, evidențierea sau evidențierea elementelor pe care se poate face clic și așa mai departe), care ar trebui să fie urmată de toți cei care proiectează produse digitale.

Scrieți în comentarii Mai jos este părerea ta, dacă am reușit să o dezvălui și dacă nu, atunci ce ar trebui completat cu ea.