Bună cunoaștere a ux ui. Ce este UX și UI design

Există destul de multe domenii legate de design în industria IT. Cei mai des întâlniți dintre ei sunt designerii, ascunși în spatele acronimelor UX și UI. Ei bine, unii oameni chiar reușesc să includă dezvoltatori front-end ca designeri. Să încercăm să ne dăm seama cine sunt designerii în lumea IT, care este diferența dintre UI și UX și ce relație trebuie să creeze inginerii front-end.

Designeri

Dezvoltarea interfeței de aplicații, site-uri web sau jocuri este un proces destul de complex și necesită aplicarea cunoștințelor din diferite domenii: inginerie, psihologie și design. Designerii de interfețe cu utilizatorul sau UI se concentrează asupra modului în care este afișată funcționalitatea unui site (căutare, file, meniuri) și detaliile modului în care interacționează clientul și interfața. Scopul designerului UI este un design de produs modern, acceptabil din punct de vedere estetic. UX înseamnă User Experience, care înseamnă „experiență utilizator”. Un designer UX este mai concentrat pe utilitatea și înțelegerea interfeței de către potențial utilizator. Un astfel de specialist va efectua adesea cercetări și sondaje care vor constitui baza pentru crearea unui concept de design și, de asemenea, va testa concepte în timpul și după dezvoltare. De obicei, se concentrează pe structură, conținut, navigare și modul în care utilizatorul interacționează cu aceste elemente.

Produce hărți de site, prototipuri, care sunt structura de bază la creare software. Scopul muncii unui designer UX este ca utilizatorul să obțină rapid și fără durere de pe site pentru ce a venit aici. Cu toate acestea, astăzi este foarte comun să vedeți aceste două specializări scrise cu o bară oblică. Adică, sarcinile ambelor direcții sunt îndeplinite de un singur specialist. Un designer UX/UI proiectează interacțiunea utilizatorului cu interfața, decide exact ce trebuie să facă și este responsabil pentru modul în care va arăta această interfață ca rezultat.

Ce trebuie să știe un designer UX/UI

Editor grafic. Cele mai populare instrumente de pe piață sunt Adobe Photoshop, Adobe Illustrator, precum și Sketch, Figma. Alegeți un editor convenabil pentru dvs. și încercați mai întâi să desenați capturi de ecran ale unui site sau aplicație, modernizându-le puțin.

Instrumente de prototipare (Mockplus, Axure). Un instrument de prototipare este legătura dintre o idee și implementarea acesteia. Nu contează ce instrument folosești. Puteți încerca mai multe și vă decideți pe cel care se potrivește stilului și preferințelor dvs.

Psihologia utilizatorului. Deja în faza de proiectare, ar trebui să vă gândiți dacă va fi convenabil pentru dvs. sau altcineva să utilizați această interfață. Pune-te in pielea clientului, construieste o legatura puternica cu el si fii atent la nevoile lui. La urma urmei, un produs va avea succes dacă există cerere pentru el.

Veți avea nevoie și de cunoștințe teoria culorii. Știm unele lucruri din copilărie, mai ales cei care au mers la școala de artă. Cu toate acestea, există anumite specificități în ceea ce privește munca designerilor. Cunoștințele de bază pot fi obținute din cărți sau articole de pe Internet.

Este indicat să aveți o idee despre tipografie, un mijloc de a combina text și componente vizuale.

Compoziția și gradul de utilizare a site-ului.

În funcție de specificul lucrării, este posibil să aveți nevoie de o înțelegere a HTML și CSS sau (unele) limbaje de programare (linkuri către resurse pot fi găsite mai jos, în secțiunea „Ce ar trebui să știe un dezvoltator front-end”).

Dezvoltator interfețe

Sarcina principală a unui dezvoltator front-end este să dezvolte partea client a interfeței. Adică, un astfel de specialist „revitalizează” ceea ce au proiectat designerii. El este responsabil pentru funcționarea și funcționarea interfeței și mai puțin pentru conținutul vizual. Un dezvoltator front-end trebuie adesea să găsească o soluție bună pentru interfața cu utilizatorul în timpul etapei de dezvoltare, așa că deseori colaborează cu un designer UX/UI. Codul scris de dezvoltatorul front-end rulează în browserul utilizatorului (cum se spune, „pe partea clientului”). De asemenea, una dintre cele mai importante sarcini este să vă asigurați că site-ul sau aplicația web arată la fel pe toate platformele și browserele.

Ce ar trebui să știe un dezvoltator front-end

De regulă, front-end-ul costă trei stâlpi: limbaj de marcare Pagini HTML, Mese Stiluri CSSși limbajul Programare JavaScript. În plus, dezvoltatorul front-end trebuie să înțeleagă principiile de funcționare a protocolului HTTP, servere și browsere, precum și caracteristicile de afișare a interfeței pe diverse dispozitive care se află în prezent pe piață. Instrumentele și metodele de creare a interfețelor web evoluează și se schimbă constant, așa că dezvoltatorul trebuie să monitorizeze în mod constant acest lucru.

HTML și CSS (aspect)

Acesta este aspectul, chiar cărămizile din care este construit site-ul. Limba Marcaj HTML dictează organizarea site-ului, conținutul și toate interacțiunile dintre ele. Vă permite să desemnați partea de sus a paginii, partea de jos, blocuri laterale cu conținut, titluri, afișare de text și elemente multimedia. Foile de stil CSS sunt folosite pentru a decora elemente HTML. Ei determină exact cum fiecare element grafic, care se află pe pagină. Folosind cele mai recente versiuni de HTML5 și CSS3, puteți plasa componente video și audio pe o pagină, puteți crea imagini și animații 2D și chiar puteți scrie jocuri simple. Nu este nevoie să încercați să vă amintiți toate etichetele și stilurile simultan. Va fi util să înveți elementele de bază și să le pui imediat în acțiune. Foarte bun site de explorat Bazele HTMLși CSS - W3School. Dar numai dacă aveți cel puțin cunoștințe de bază de engleză. De asemenea, dezvoltatorul front-end trebuie să înțeleagă dezvoltarea cross-browser și cross-platform, aspectul adaptiv și receptiv.

Bootstrap

Este un cadru pentru HTML, CSS și JavaScript. Adică anumite șabloane din care, ca de la un constructor, poți asambla site-uri mult mai rapid decât fără ele. Dar, desigur, trebuie să-l personalizați pentru a se potrivi nevoilor dvs. Dacă știți engleza, vă recomandăm site-ul getbootstrap și aceleași w3schools.

JavaScript

Javascript este nucleul dezvoltării front-end. Acesta este primul și cel mai răspândit limbaj de programare a interfeței. Poate adăuga o mulțime de caracteristici site-ului. La un nivel de bază, acest limbaj vă permite să adăugați elemente interactive la o pagină. Este folosit pentru a crea hărți care se actualizează în timp real, jocuri interactive online și filme. În cursurile noastre senior JavaRush, învățăm puțin JavaScript. De asemenea, îl puteți studia la aceeași W3School sau puteți citi despre el în rusă pe site-ul web javascript.ru.

jQuery

jQuery este o bibliotecă Javascript care conține pluginuri și extensii care pot face dezvoltarea și mai ușoară și mai rapidă. În loc să scrie cod de la zero, bibliotecile vă permit să adăugați componente gata făcute, care pot fi apoi personalizate pentru un anumit proiect. Puteți folosi funcțiile de completare automată a formularelor de căutare, rearanjarea și redimensionarea grilei și setarea cronometrelor de numărătoare inversă. Curs practic jQuery la w3school

Cadre Javascript

Exista Tipuri variate cadre, dar puteți alege unul dintre ele care vă va fi convenabil de utilizat. Cele mai cunoscute sunt Angular, Backbone, Ember și React. Ele reprezintă o structură gata făcută pentru cod. Ele ajută la accelerarea dezvoltării. Și în combinație cu bibliotecile pot minimiza dezvoltarea unui site web sau a unei aplicații de la zero. Revizuirea celor mai populare 5 cadre și biblioteci JavaScript din 2017

Sistemul de control al versiunilor Git

Sistemele de control al versiunilor pot urmări modificările aduse codului în timp. De asemenea, vă permit să reveniți la o versiune anterioară a proiectului. Git este cel mai utilizat sistem de control al versiunilor. A ști cum să lucrezi cu Git este o abilitate importantă pentru fiecare dezvoltator.

Concluzii scurte

UI înseamnă User Interface, care înseamnă „interfață utilizator”. Acesta este, Designer UI este în primul rând responsabil pentru modul în care produsul este prezentat utilizatorului. El dezvoltă butoane, pictograme, selectează fonturi și pregătește un aspect. UX înseamnă User Experience. Asa de Designer UX proiectează designul unui site web, aplicație - sau orice altceva - astfel încât utilizatorul să fie confortabil și să înțeleagă ce este, și să poată obține de pe site ceea ce are nevoie cu un efort minim. Foarte des, ambele tipuri de lucrări sunt realizate de o orchestră unică: un designer UI/UX. Dezvoltatorul front-end înviorează munca designerilor, introducând dinamică în ea: butoanele încep să fie apăsate, iar imaginea începe să se schimbe. Trebuie să cunoască limbaje de programare, condimentate cu cadre, preprocesoare și biblioteci.

Termenul „design” poate părea înșelător de simplu. În același timp, este foarte vag și dacă ceri diferiți oameni să ți-l explice acest concept, răspunsurile lor vor fi foarte diferite.

De exemplu, când cineva spune: „Oh, lucrez ca designer”, majoritatea oamenilor ar putea să nu înțeleagă ce vor să spună. Și totul pentru că în spatele acestui lucru, s-ar părea, într-un cuvânt simplu minciuni o cantitate mare sensuri.

Astăzi, piața este martoră la creșterea unui sector de întreprinderi tehnice, care tind să se concentreze pe producerea unei varietăți de interfețe pentru ecrane, ceea ce duce, la rândul său, la apariția de noi caracteristici de design.

O profesie precum UX designer poate părea ciudată și chiar puțin complicată la prima vedere, pentru cei care nu au mai întâlnit-o până acum – mai mult, unii dezvoltatori cu experiență nu înțeleg ce se înțelege prin ea și se pot întreba: Cine sunt UX designeri și ce fac ei macar lucreaza?

Cu toate acestea, industria UX este în creștere rapidă acum. Priviți doar cât de mult a crescut numărul specialiștilor UX (sau „Experiența utilizatorului”).

Nu toți sunt experți noi, fie și doar pentru că piața muncii în domeniu variază de la începători completi la oameni care au fost întotdeauna specialiști UX, dar nu au știut niciodată acest lucru.

Circumstanțele de mai sus pot crea anumite probleme, de exemplu, nu toți cei care se numesc designer UX sunt de fapt un specialist UX. Pentru că acesta este un tip de profesie special care nu poate fi definit clar, de parcă am vorbi despre stomatologi sau asistente, în plus, în UX este destul de greu să distingem un specialist bun de unul rău.

Cine este un designer UX?

Munca unui designer UX, de regulă, este legată de percepția unui produs sau serviciu, așa că problemele de design în acest caz nu sunt întotdeauna evidente.

Sunt subiective și pot avea mai multe soluții. În esență, este responsabilitatea designerului UX să se asigure că fiecare pas al procesului de proiectare a produsului decurge din cel anterior.

Acest lucru poate fi realizat prin utilizarea testării față în față cu utilizatorii pentru a evalua acțiunile întreprinse. Dacă utilizatorii pot finaliza atât teste verbale, cât și nonverbale, atunci au fost create condițiile pentru UX eficientă. De exemplu, crearea unei experiențe convenabile de integrare pentru noii utilizatori ar fi o soluție bună.

Ce face un designer UX?

Un bun specialist UX poate combina toate aspectele unei experiențe excelente de utilizator într-un singur produs.

Acest lucru se poate face doar dacă sunteți convins că aspectele de mai sus funcționează bine împreună și nu separat. Profesionist pe care îl luăm în considerare poartă întreaga responsabilitate pentru rezultatele viitoare și în special pentru ux-ul în sine.

Dar totuși, acesta este doar începutul unei cariere pentru un specialist calificat UX, pentru că în viitor pot fi folosite diverse metode care vă permit să faceți bine această treabă.

Pentru a fi un designer UX cu adevărat bun, veți avea nevoie de abilități excelente de comunicare, pasiune, dragoste pentru inovație, fler pentru creativitate și inițiativă de a ști când să experimentați și când să respectați regulile. Cu toate acestea, toți profesioniștii UX ar trebui să înceapă la nivelurile inferioare ale carierei lor dacă doresc să fie comercializabili în viitor.

Pentru a deveni un designer UX de succes, trebuie să fii capabil nu numai să descrii, ci și să folosești în mod competent mecanismele de comunicare, algoritmii pentru îndeplinirea sarcinilor și cerințele pentru interfețe.

Trebuie să fiți capabil să explicați investitorilor experiența utilizatorului de la început până la sfârșit, precum și caracteristicile și contextul implicat. Cu sprijinul unei echipe puternice, un designer UX poate transforma caracteristicile oricărei platforme cunoscute, precum Facebook, într-un set de instrumente valoros și accesibil.

Wireframes și schițe sunt doar o mică parte a lucrării

Wireframes-urile și planurile vizuale sunt rezultatul pregătirii ample care implică crearea unui produs. Este foarte important să prezentați procesul de pregătire într-o formă vizuală, cum ar fi Prezentări PowerPoint, pentru utilizarea în continuare a materialelor similare de către designeri și programatori.

Este destul de ușor să obțineți date despre prototipurile de produse în timpul testelor de utilizare sau chiar să creați screencast-uri. Aceste instrumente pot fi la fel de importante ca și wireframes.

Designerii UX pot fi recunoscuți și prin modul în care se concentrează pe un plan elaborat cu atenție pentru a îmbunătăți designul unui produs pentru a-l face mai eficient.

Cu toate acestea, nu există o metodă dovedită pentru a alege un bun specialist UX, deoarece responsabilitățile acestora pot varia. Acestea din urmă au o răspândire foarte mare și acoperă interacțiunea cu indivizii, entitati legale, precum și cu noile dezvoltări tehnice.

Efectuarea testării utilizatorilor

Designul UX înseamnă mult mai mult decât să stai cu clienții pe platforma sau aplicația online, cerându-le periodic părerea despre o funcție.

De fapt, procesul de evaluare ar trebui să includă observarea capacității clientului de a desfășura activitățile care au fost concepute pentru el. În acest fel, vă pot oferi răspunsul lor needitat despre propria experiență de utilizator.

Pentru acest tip de evaluare, numărul de evaluări ale clienților, evaluări individuale și selecția participanților la test depind în mare măsură de câți bani sunteți dispus să investiți în realizarea acesteia în etapele incipiente ale dezvoltării produsului.

Din fericire, testarea centrată pe client este de fapt la fel de fiabilă și simplă ca și observarea modului în care utilizatorii interacționează cu produsul dvs. online.

Definirea și crearea de persoane

Termenul persona este folosit pentru a se referi la un personaj fictiv care reprezintă una dintre categoriile de utilizatori pentru care dezvoltați un produs. Acest tip de evaluare a personalității poate face obiectul unui studiu atent, dacă bineînțeles că este adecvat.

Deși poate fi tentant să creezi complet o persoană, cu excepția cazului în care persoana ta se bazează pe date statistice despre utilizatorii tăi reali, va fi, din păcate, inutilă. Crearea unui personaj nu va avea nicio semnificație dacă nu are nimic de-a face cu afacerea ta.

Cea mai bună modalitate de a crea o persoană este să utilizați diferite tipuri de cercetări, cum ar fi teste de utilizator, sondaje, chestionare, focus grupuri și alte metode.

Când nu vă puteți numi UX Designer

Nu poți deveni un designer UX cu adevărat priceput decât dacă înveți cum să interacționezi cu oamenii care ar trebui să te ajute să-ți modelezi strategiile.

Denumirea acestei profesii include sintagma „experienta utilizator”, dar daca utilizatorul nu exista, atunci activitatea ta nu are valoare. Dacă creezi un design bazat pe puțin mai mult decât o idee interesantă fără a ține cont de date despre nevoile reale ale utilizatorilor, atunci cu siguranță nu ești un designer UX.

Același lucru se poate spune și pentru acei specialiști UX care nu își pot defini publicul țintă. Dacă crezi că platforma ta online este perfectă pentru toată lumea, nu numai că îți faci munca imposibilă, ci și neglijezi adevăratele principii ale designului web - ar trebui să existe întotdeauna un public țintă.

Un alt dezavantaj este încercarea de a rezolva problema imediat, mai degrabă decât a se asigura că există cu adevărat și apoi a găsi cauza.

Dacă șeful tău îți cere să proiectezi o platformă online și nici măcar nu întrebi de ce trebuie făcută, atunci cel mai probabil ești un web designer obișnuit (și nu neapărat talentat), și nu un specialist UX.

Luați decizii bazate numai pe experienta personala, de asemenea, o idee proastă. Dacă șeful tău întreabă: „De ce ai decis să folosești câmpurile de etichetă în loc de altă alternativă? părereîn ultimul sondaj?”, ar trebui să răspunzi mai bine decât simplu: „Le-am ales pentru că îmi plac”. Acest lucru cu siguranță nu funcționează în designul UX.

Dacă vrei să devii un designer UX de succes și priceput, este foarte important să folosești toate instrumentele de design - de la intervievarea clienților, la teste de uzabilitate, crearea de personaje, evaluări contextuale, modele conceptuale, hărți de site, prototipuri de produse, wireframes, A/ V evaluări și multe altele.

Pentru designerii UX calificați, este necesar nu numai să-și dea seama de specificul publicului țintă, ci și să aibă capacitatea de a demonstra aceste informații echipei lor.

Produsul trebuie să evolueze mereu

Primul lucru de acceptat este că produsul dvs. nu va fi niciodată terminat. Mai mult, un produs nu trebuie luat în considerare doar din punct de vedere al valorii sale intrinseci, pentru că sunt importante și metodele necesare pentru a-l dezvolta.

Mulți profesioniști UX le poate fi dificil să se mențină în limite stricte sau să urmeze un plan, cu toate acestea, majoritatea companiilor țin de acest drum. Totuși, singurul lucru care rămâne constant este schimbarea și așa va fi mereu.

Dacă încercați să proiectați un produs, trebuie să vă străduiți să îmbunătățiți metodele necesare pentru a-l produce, precum și să îmbunătățiți continuu rezultatul final.

De fapt, poate fi util pentru designerii UX să se uite periodic înapoi la proiectele lor trecute (succesele și eșecurile) pentru a-și da seama ce au învățat și cum poate fi aplicat în munca lor viitoare.

Vă prezentăm un nou articol din 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ă deoarece deciziile corecte ale unui designer pot simplifica și îmbunătăți semnificativ calitatea vieții unui grup de oameni pentru care se dezvoltă un anumit produs sau proiect. De asemenea, puteți învăța multe despre diferitele tipuri de afaceri din lume, care pot fi utile pentru a vă î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 echipamente medicale 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), o selecție largă de proiecte freelancer.

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 - la fel ca în toate IT - sunt munca sedentară, ochii dureroși și uneori un client care trebuie 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. Cele mai populare instrumente sunt Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Pentru început, puteți încerca să redesenați capturi de ecran ale oricărei aplicații mobile sau site-uri 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. Mai multă literatură aplicată este „The User Experience Team of One: A Research and Design Survival Guide” de 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 - stăpânirea diferitelor tehnologii și instrumente, dar aceasta, de regulă, vine pe locul al doilea; 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.

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 am avut nevoie 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”. În măsura în care este gândit designul UX al unui site web, de exemplu, cu atât este mai convenabil pentru utilizator să caute 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 de multă 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 este prescurtarea pentru Interfața cu utilizatorul, iarăși textual - „ interfața cu utilizatorul" 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 ale unui 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.

Structură internă, ierarhie, număr mare servicii aditionale (Direct, Metrici, Wordstatș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 colțul din dreapta sus al site-ului.

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ă recomandări generale (plasarea clară a blocurilor, contrastarea textului cu fundalul, evidențierea sau evidențierea elementelor pe care se poate face clic și așa mai departe) pe care toți cei care proiectează produse digitale ar trebui să le urmeze.

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.

Dezvoltarea interfețelor cu utilizatorul, cu o abordare competentă, este structurată în așa fel încât să o creeze cât mai atractivă și convenabilă pentru a-și optimiza interacțiunea cu utilizatorul.

În orice proiect, dezvoltatorii de interfețe web se confruntă cu sarcina de a crea o interfață ușor de utilizat. Cu toate acestea, aceasta nu este întotdeauna o sarcină atât de simplă pe cât ar putea părea la prima vedere și, uneori, necesită destul de multă experiență în proiectare. Principalele cerințe aici sunt confortul, caracterul practic și claritatea intuitivă. În acest moment intră în joc concepte precum UX și UI design, care sunt adesea confundate. Să ne uităm la fiecare dintre ele separat și să le identificăm punctele cheie.

Design UX

Design experiență utilizatorînseamnă tradus „experiență de interacțiune”și include diverse componente UX: arhitectură informațională, design de interacțiune, design graficși conținut.

În general, designul UX implică o abordare integrată a interacțiunii utilizatorului cu interfața, fie că este vorba despre un site web, aplicatie mobila sau orice alt program. Persoana care face această muncă este Designer UX(în ultimul timp puteți auzi din ce în ce mai mult numele arhitect UX, inginer UX sau strateg, deoarece cuvântul „design” în acest context este mai mult un substantiv comun decât ceea ce suntem de fapt obișnuiți să înțelegem prin sensul acestui cuvânt) - atunci când dezvoltăm un interfața ar trebui, pe cât posibil, să țină cont de toate micile detalii, începând de la mediul și tipul utilizatorului dispozitiv electronicși terminând cu metode de introducere și afișare a informațiilor.

Exemplu simplu: Să presupunem că ai investit o sumă impresionantă de bani pentru a-ți promova resursa în primele poziții motoare de căutare, totuși, confortul său lasă mult de dorit. În acest caz, un număr impresionant de utilizatori vor părăsi pur și simplu site-ul și efectul va fi minim. De aceea este necesar să analizați în mod constant acțiunile vizitatorilor resurse, să vă îmbunătățiți site-ul web și să urmați tendințele moderne.

Principalele probleme abordate de UX design:

Stabilirea scopurilor și obiectivelor - ce trebuie să realizăm în cele din urmă?
Selectarea instrumentelor UX adecvate pentru a vă atinge obiectivele
Dezvoltarea unui produs cât mai convenabil și ușor de înțeles public țintă
Analiza rezultatului final - dacă produsul corespunde așteptărilor clientului și cât de ridicat este nivelul de satisfacție a utilizatorului.

Este gândirea competentă a tuturor detaliilor din aceste etape care vă va permite să creați o armată de fani ai produsului dumneavoastră. Un exemplu izbitor aici este compania Apple, care a urmat acest drum și a cucerit inimile a mii și milioane.

Design UI

Design interfață utilizator sau interfață utilizator- acesta este un concept mai restrâns care include un anumit set de proiectate grafic elemente tehnice(butoane, casete de selectare, selectoare și alte câmpuri). Sarcina sa este de a ajuta utilizatorul să organizeze interacțiunea cu programul/site-ul. Momentan sunt unele Reguli de proiectare a UI:

Organizarea elementelor de interfață. Aceasta înseamnă că acestea trebuie să fie structurate logic și interconectate.
Gruparea elementelor de interfață. Implică combinarea elementelor legate logic (meniuri, formulare) în grupuri.
Alinierea elementelor de interfață. Este greu de imaginat că o interfață prost aliniată ar putea fi convenabilă pentru oricine!
Stil unic elemente de interfață. Stilul joacă un rol important, deoarece este ceea ce este reținut în memoria utilizatorului.
Disponibilitate spatiu liber. Acest lucru vă permite să diferențiați blocurile de informații, concentrând atenția asupra unui singur lucru.

O interfață de utilizator dezvoltată conform tuturor regulilor crește semnificativ eficiența resursei și îi conferă un avantaj competitiv.

Arhitectura Informației (IA)

Separat, aș dori să spun câteva cuvinte despre Arhitectura Informației (IA). Activitatea sa se concentrează pe organizarea datelor, adică pe măsura în care informațiile sunt structurate din punctul de vedere al utilizatorului, mai degrabă decât pe regulile tehnice sau de sistem. Determină plasarea elementelor pe pagină, legătura paginilor în sine. Competența IA este mai degrabă meniurile și navigarea și implementarea lor competentă.

Pentru a rezuma, aș dori să notez că în surse diferite Designul UX înseamnă lucruri diferite, dar în general toate înseamnă lucrul asupra produsului descris în articol. Ce înseamnă UX pentru tine?