Orice design, oricât de bun ar fi, va fi complet inutil dacă nu este un design UX. Există sute de mii de resurse acolo care creează o interfață uluitoare și design grafic și angajează cei mai buni profesioniști cu talent nerealist, dar nu își pot ocupa locul pe web. Și asta pentru că interacțiunea dintre site și utilizatori crește exponențial, ceea ce înseamnă că, pentru a găsi feedback-ul utilizatorilor, designerii web trebuie să aibă grijă de experiența utilizatorului (UX - User Experience). În acest stadiu, instrumentele de proiectare UX vor fi salvate - servicii online excelente, care oferă sugestii cu privire la proiectarea interfețelor utilizatorilor către designeri. Despre ele vom vorbi mai detaliat în acest articol.

Întrucât proiectanții trebuie să ia în considerare nu numai frumusețea și organizarea corectă a elementelor, ci și factori mai complexi legați de comportamentul vizitatorilor de pe site, aceștia recurg adesea la utilizarea instrumentelor de proiectare UX care îi pot ajuta să automatizeze unele sarcini sau să simplifice foarte mult proces de realizare a acestora. Din fericire, designul interfeței nu mai este un subiect nou și există sute de instrumente de proiectare UX pe Internet. Desigur, nu le vom enumera pe toate. Pentru a vă ajuta, am selectat doar câteva dintre cele mai interesante și utile instrumente de proiectare UX, cu descrieri scurte, pentru a le arăta caracteristicile principale și a vă oferi posibilitatea de a alege cea care se potrivește cel mai bine.

Instrumente de proiectare UX pentru modelarea și proiectarea de machete și prototipuri

Prototiparea a devenit o necesitate pentru toți proiectanții care doresc să aibă succes în ceea ce privește designul UX și experiența utilizatorului. Crearea de machete, modele și prototipuri le permite să testeze orice idee în acțiune înainte de a investi timp, efort și bani în proiect. Cu aceste instrumente de proiectare UX, vă puteți testa produsul pe parcursul întregului proces de producție și puteți face îmbunătățiri pentru a crea o experiență de utilizator robustă pentru publicul dvs. țintă.

Instrument de proiectare a interfeței Moqups

Aplicația Moqups isana HTML5 este concepută pentru a crea machete, machete și prototipuri. Moqups oferă un număr mare de presetări și șabloane pe care le puteți utiliza pentru a crea fundația pentru proiectul dvs. Puteți personaliza fiecare componentă și setați propriile culori, dimensiunea textului, pictograme etc.

Cadru de sarma

Acesta este un alt instrument de wireframing cu o interfață minimalistă ușor de utilizat. Instrumentul este ușor de utilizat și include doar funcțiile minime necesare, făcând procesul de utilizare cât mai simplu posibil. Crearea de diagrame cu acest instrument are avantajul că utilizatorii le pot partaja cu ușurință cu alții. Fiecare schemă sau machetă pe care o creați primește propria adresă URL unică pe care o puteți trimite clientului sau altor membri ai echipei.

Creion

Este un instrument de prototipare grafic. Deoarece este un instrument open source, îl puteți instala pe computerul personal și puteți începe să realizați prototipuri grafice chiar și fără acces la Internet. Desigur, nu merită să așteptați funcții avansate și funcționalități complexe de la acesta, dar face față sarcinilor sale principale.

Balsamiq

Nu vrei să petreci ore întregi prototipând? În acest caz, trebuie pur și simplu să încercați Balsamiq. Este simplu, dar foarte eficient când vine vorba de prototipare. Cu Balsamiq, utilizatorii pot crea mai multe machete care pot fi testate și selectate, ceea ce oferă cel mai bun rezultat.

PowerMockup

Ești un master PowerPoint? Apoi vă va plăcea acest instrument, deoarece transformă PowerPoint într-un puternic instrument de proiectare UX pentru realizarea de machete. Aceasta înseamnă că nu trebuie să învățați deloc software nou. PowerMockup permite persoanelor fără abilități tehnice speciale să participe la procesul de proiectare și dezvoltare, ceea ce este cu siguranță unul dintre principalele sale avantaje.

Mockplus

Mockplus are tot ce aveți nevoie pentru următorul dvs. proiect, de la interacțiuni vizualizate frumoase, 200 de componente încorporate și 3000 de pictograme, până la coeditare și testare în timp real pe dispozitive reale. Acest instrument de proiectare UI vă ajută să transformați în mod eficient și ușor ideile dvs. în prototipuri complet funcționale. În plus, instrumentul de proiectare Mockplus echilibrează ușurința utilizării cu funcționalități sofisticate pentru a crea orice element prototip.

UXPin

Căutați un instrument care vă permite să creați prototipuri interactive și machete? UXPin este un instrument intuitiv și ușor de utilizat. Folosindu-l, puteți chiar să vă faceți o idee despre cum va arăta produsul pe dispozitivele mobile, doar prin schimbarea dimensiunii ecranului browserului.

Solidifica

Gliffy

Gliffy nu este doar un alt instrument de proiectare UX; este mult mai mult. Gliffy permite utilizatorilor să creeze diagrame de rețea, desene tehnice complexe, diagrame, diagrame UML și multe altele. Interfața sa intuitivă vă permite să creați diagrame în câteva minute.

POP

Instrumente de testare A / B

Ideea din spatele acestor instrumente este de a crea două versiuni ale unei pagini și apoi de a le testa pentru a afla care versiune funcționează cel mai bine. Ratele de conversie, timpul mediu petrecut pe pagină și alte valori sunt câțiva dintre factorii pe care îi puteți utiliza pentru a evalua performanța paginii pe un site.

Desinion

Nu sunteți sigur dacă creați un proiect pe care utilizatorii doresc cu adevărat să îl vadă? Cu acest instrument de testare A / B, puteți pune orice întrebare care vă interesează și puteți obține un răspuns real al utilizatorului. Instrumentul are o caracteristică foarte utilă - discuții. Puteți începe o discuție pe site-ul dvs. pentru a implica utilizatorii în procesul de proiectare. În plus, puteți crea discuții private și le puteți partaja numai cu prietenii sau colegii.

Optimizator vizual de site-uri web

Este un instrument simplu, dar extrem de puternic, care permite testarea A / B la nivel superior. Cu ajutorul acestuia, puteți efectua, de asemenea, teste multivariate și teste divizate. Rapoartele segmentate și analiza veniturilor vor fi, de asemenea, disponibile în Visual Website Optimizer.

În mod optim

Este un instrument robust de testare A / B care permite utilizatorilor să efectueze un test fără a intra în detalii tehnice și fără a fi nevoie de abilități speciale. Lipsa codului și editarea vizuală completă îl fac foarte popular printre specialiștii în marketing.

Instrumente de testare a utilizabilității

Când vine vorba de un design UX bun, este posibil să aveți nevoie de instrumente de testare a utilizabilității pentru a vă ajuta să înțelegeți problema experienței utilizatorului și să identificați nevoile și psihologia utilizatorilor țintă. Dacă puteți defini ce doresc cu adevărat vizitatorii și potențialii clienți și să construiască o interfață bazată pe aceste cunoștințe, atunci designul va impresiona și va energiza cu siguranță audiența. Utilizarea testelor UX poate fi aproximativ împărțit în instrumente de testare a utilizabilității la distanță și instrumente de feedback. În această secțiune, am colectat atât acele, cât și alte soluții, astfel încât să puteți alege care vi se potrivește cel mai bine.

Bucla11

Loop11 este un instrument simplu de testare a utilizabilității care nu necesită cunoștințe de HTML sau limbaje de programare. În cadrul instrumentului, puteți utiliza șabloane gata făcute sau puteți crea o temă personal. În plus, există mai multe modalități de a invita colaboratorii să-ți testeze proiectele. Puteți crea propria listă de utilizatori pe baza rețelelor sociale, puteți crea o fereastră pop-up pe site pentru a găsi persoane interesate. Tot ce trebuie să faceți este să creați o listă de întrebări sau să includeți diferite modele din care să alegeți, apoi să trimiteți o invitație persoanelor care le cer să le răspundă. Pe baza rezultatelor, veți putea face modificările de proiectare necesare.

Oul nebun

Acest instrument vă va ajuta să vă faceți pagina mai ușor de utilizat și să vă măriți conversiile, creând experiența potrivită pentru utilizator. Funcționează după cum urmează. Vă trimiteți designul, după care utilizatorii și experiența utilizatorului îl vor analiza și vor împărtăși comentariile dvs., pe care le puteți utiliza pentru a vă îmbunătăți site-ul.

Instrumente de utilizare

Este unul dintre cele mai utilizate instrumente de proiectare UX și a câștigat o popularitate imensă printre designeri și specialiști în marketing pentru caracteristicile sale utile. Acest instrument vă ajută să analizați paginile site-ului web din punctul de vedere al utilizatorului. Acest imens avantaj pentru proiectant este că oferă indicii specifice cu privire la locul și ce schimbări trebuie să facă designerul pentru a crește conversia sau ce elemente trebuie mutate pentru a putea împinge utilizatorul să ia anumite acțiuni. Acest instrument de utilizare permite, de asemenea, feedback și feedback de la persoanele care folosesc efectiv produsul.

A se vedea

Este un „software analitic” care este utilizat pentru a urmări activitatea utilizatorilor aplicației. Acest instrument vă va ajuta să obțineți informații valoroase despre modul în care utilizatorii interacționează cu aplicația dvs. Funcția „Înregistrare utilizator” a acestui instrument este cea mai impresionantă. Înregistrează activitatea utilizatorilor și astfel vă oferă o perspectivă excelentă asupra comportamentului utilizatorului. Este un instrument util pentru îmbunătățirea performanței generale a aplicației dvs. și pentru creșterea conversiilor.

Attensee

Este un instrument de urmărire a comportamentului utilizatorului care vă ajută să înțelegeți cum publicul dvs. vizat vizualizează paginile site-ului dvs. Attensee vă oferă o indicație vizuală dacă oamenii observă „elemente importante ale site-ului dvs.”. Acest lucru este direct legat de proiectare, deoarece dacă observați că un număr semnificativ de utilizatori nu se concentrează de fapt pe elemente importante precum bannere, butoane de îndemn, oferte speciale, Attensee vă poate ajuta să remediați acest lucru.

UserVoice

Acesta este un alt instrument puternic care vă permite să vizualizați și să analizați diferitele acțiuni ale utilizatorilor în timp ce aceștia navighează pe site-ul dvs. Acest instrument vă permite să obțineți feedback direct de la utilizatori reali și să remediați problemele pe care le întâmpină.

MouseStats

După cum sugerează și numele acestui instrument, MouseStats vă ajută să urmăriți acțiunile utilizatorului cu mouse-ul. După cum probabil știți, mișcările mouse-ului imită mișcările ochilor utilizatorului. Urmărirea mișcărilor cursorului și derularea vă vor oferi indicii importante despre modul în care utilizatorii interacționează cu designul dvs. Cel mai bun lucru despre acest instrument este că oferă o reprezentare vizuală a activității utilizatorilor și, astfel, ajută la efectuarea modificărilor necesare.

Instrumente de proiectare UX pentru prototipare și proiectare colaborativă

Munca în echipă este o necesitate atunci când vine vorba de dezvoltarea unor modele UX bune pentru publicul țintă. Dacă sunteți obișnuiți să lucrați în echipă, atunci trebuie să aveți acces la instrumentele adecvate care vă pot ajuta membrii echipei să colaboreze eficient și fără efort și să-și facă propriile sugestii. Mai jos sunt instrumente de proiectare UX pentru prototipare și proiectare colaborativă pe care le-ați putea găsi utile.

FileSquare

Nu este doar un instrument de colaborare. Vă permite să creați un prototip interactiv și, în același timp, să colaborați cu alți membri ai echipei. Luați decizii creative și obțineți feedback în timp real de la oameni.

Notism

Lucrați la conținut vizual și căutați un instrument de colaborare? Atunci ai nevoie de notism. Pentru a face comunicarea cu echipa cât mai convenabilă posibil, aceasta folosește schițe și note. Notificările vin în timp real, astfel încât să puteți primi feedback de la colegi și clienți de îndată ce cineva le notează.

stilou roșu

Cu RedPen, proiectarea și prototiparea în colaborare vor fi rapide și ușoare. Acest instrument UX este destinat modelării și prototipurilor de proiectare în colaborare. Este special conceput pentru a facilita colaborarea cu conținut grafic. Schimbul de recenzii este foarte simplu: pentru a selecta oricare dintre elemente și a lăsa o notă, utilizatorul trebuie doar să treacă peste el. După aceea, apare o mică casetă de text în care vă puteți lăsa feedbackul.

Memosort

Cu Memosort, distanța nu mai este un obstacol. Acest instrument uimitor este unul dintre cele mai bune instrumente de proiectare colaborativă. Vă va ajuta să vă conectați cu echipa și să colaborați în timp real. Toate notele din Memosort sunt salvate automat, deci nu trebuie să vă faceți griji cu privire la pierderea oricărei idei sau sugestii bune.

Trello

Uitați de e-mailurile lungi și plictisitoare, Trello este aici pentru a facilita colaborarea și comunicarea pentru echipa dvs. Avantajul acestui instrument este că este gratuit. În interiorul instrumentului Trello, există cărți speciale care reprezintă diferite proiecte. Tot ce trebuie să faceți pentru a adăuga persoane la un proiect este să-l trageți și să îl fixați pe harta corespunzătoare. Instrumentul este, de asemenea, actualizat în timp real.

Invision

Este o combinație interesantă de colaborare și instrument de prototipare. Cu acesta, puteți crea prototipuri și modele interactive. Interacțiunea în timp real este posibilă cu Invision. Tot ce trebuie să faceți este să trimiteți un link către design către ceilalți membri ai echipei, aceștia pot lucra la el și pot face și sugestii.

Rezumând

Deci, acestea sunt câteva instrumente de proiectare UX care îi ajută pe proiectanții web să creeze proiecte online de succes pe cont propriu și în echipă, precum și să colecteze informații despre experiența utilizatorului în scopul auto-îmbunătățirii. Dacă știți alte instrumente utile pe care am uitat să le menționăm, asigurați-vă că scrieți despre aceasta în comentarii!

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

De fapt, când în urmă cu doi ani aveam nevoie să aflu ce fel de „fitile” și „ui” erau, a trebuit să sap cu atenție înainte să pot înțelege ce este și cum diferă unul dintre celelalte. S-au scris multe despre acest lucru și, în același timp, nu este întotdeauna clar. Prin urmare, propun să înțelegem împreună aceste concepte.

Să începem cu UX. UX înseamnă Experiența utilizatorului, care se traduce literalmente prin „experiență a utilizatorului”. Modul în care este gândit designul UX, de exemplu, al unui site web, cu atât este mai convenabil pentru utilizator să caute informațiile necesare sau să interacționeze cu acestea. Cu alte cuvinte, sarcina proiectării UX este de a rezolva problemele de funcționalitate și comoditate ale unui instrument sau resursă.

Apropo, conceptul se referă nu numai la sfera IT, ci și practic la oricare alta. Putem spune că designul UX al unui stilou este cât de bine scrie, câtă pastă de scris este suficientă, dacă ajută la formarea scrisului de mână corect, dacă este convenabil de transportat, cu un capac de protecție sau automat ... În în general, cât de bine rezolvă produsul sarcina pentru care este destinat și în același timp este important - cât de clar este pentru utilizator.

Utilizatorul ar trebui să se simtă confortabil și să înțeleagă totul

În ceea ce privește proiectarea UI, în acest caz este o abreviere pentru Interfața cu utilizatorul, din nou literalmente - „interfață cu utilizatorul”. Acest tip de design determină culoarea, forma, dimensiunea și locația elementelor, numele și dimensiunea fonturilor. Adică, interfața de utilizare este o componentă vizuală, a cărei sarcină, dacă doriți, este de a evidenția și evidenția anumite elemente ale unui site web sau produs. Adică, pentru a face un produs sau resursă plăcut ochiului și intuitiv de utilizat. De exemplu, percepția textului depinde de modul în care este împărțit în paragrafe, dimensiunea și tipul fontului, prezența titlurilor și ilustrațiilor și spațiul din jurul textului.

Diferențele dintre designul UX și UI

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

Structura internă, ierarhia, un număr imens de servicii suplimentare ( Direct, Valori, 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 altă culoare - aceasta este interfața de utilizare. De asemenea, legat de interfața de utilizare este faptul că site-ul are un fundal alb curat, indentări între rezultatele căutării, suficiente pentru o percepție confortabilă, un favicon, precum și posibilitatea de a merge la e-mail în colțul din dreapta sus al site-ului. oricand.

Designer UX se gândește la modul în care utilizatorul va interacționa cu sistemul, astfel încât acesta să răspundă așteptărilor sale. Designer UI se gândește la modul în care ar trebui să arate: icoane, imagini, font, compoziția culorilor, ușurința percepției în general. Și destul de des aceeași persoană este implicată în această sarcină, așa că deseori în vacanta unui designer, UI și UX sunt scrise prin /.

Conceptele sunt diferite, dar sunt similare prin faptul că vizează asigurarea confortului utilizatorului.

Aplicații

După cum sa menționat mai sus, termenii UI și UX se aplică nu numai câmpului IT. De fapt, au apărut imediat ce a fost creat primul produs. Adică acum foarte mult timp. De exemplu, poate fi luată în considerare una dintre primele descoperiri în proiectarea UX roată.

Apariția recentă a termenilor, asemănările î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 proiectării UX / UI, nu este suficient să citiți un tutorial sau câteva articole o dată, să înțelegeți elementele de bază și să finalizați câteva proiecte. Domeniul designului web se schimbă și evoluează aproape în fiecare zi, deci cerințele și faptul că „ ieri„Era în tendință” azi„Nu mai este ca il faut.

Cum să înțelegeți dacă designul dvs. este corect

Dacă vorbim despre sarcina vânzării, atunci „corectitudinea” designului UX este verificată prin intermediul 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, tuturor membrilor grupului de discuții li se cere să găsească o secțiune specifică pe site sau să se înregistreze. Cât de repede se ocupă de aceasta vorbește foarte mult despre calitatea designului UX.

Conceptul de design UI, în acest caz, este mai subiectiv, deoarece depinde adesea de pretenția și gustul utilizatorului. Și ceea ce pare frumos pentru unul, rănește ochii altuia. Cu toate acestea, există linii directoare generale (aspect clar al blocului, text care contrastează cu fundalul, evidențierea sau evidențierea elementelor care pot fi făcute clic și așa mai departe) pe care ar trebui să le urmeze oricine proiectează produse digitale.

Scrieți în comentarii Mai jos este părerea dvs. dacă am reușit să dezvăluie și dacă nu, cu ce ar trebui să o completez.

Totul depinde de gradul de pompare al bunicii. Dacă bunica ta este designer UX / UI, atunci probabil că nu vei avea nevoie de metafore simplificatoare. Pentru o bunică mai puțin curioasă, aceasta ar putea fi o scuză: „Lucrez cu aplicații mobile și online”. Dacă încercăm să compunem o definiție din cuvinte pe care o bunică medie le înțelege, reflectând cât mai laconic și îndeaproape semnificația, va fi: „Îmbunătățesc calitatea serviciilor digitale (UX), inclusiv proiectarea punctelor, canalelor pentru primirea acestor servicii (UI). "

Tatiana Pchelintseva, în Absolvent al cursului "UX / UI design" BHShD

„Bunicii mele ... S-a dovedit că până și tatăl meu până nu de curând nu înțelegea ce fac. A fost un incident amuzant. Tata m-a întrebat pentru cine studiez. Am răspuns că realizăm produse digitale, îmbunătățind experiența utilizatorului. (Pauză) „Vindeți brânză pe internet?” De ce exact brânză, încă nu înțeleg, dar m-a impresionat foarte mult. A trebuit să spun că fiecare dintre noi este un designer UX.

Părinții au făcut recent reparații în apartament, l-au echipat în conformitate cu nevoile lor: rafturi de perete la înălțimea la care va fi convenabil pentru mama să aranjeze cărți, canapeaua este situată la o astfel de distanță de televizor, astfel încât efectul său asupra ochii sunt minimi, cafetiera este întotdeauna într-un loc proeminent ... Un designer UX este, de asemenea, angajat în design, dar nu atât experiența lui, cât și a altcuiva: identifică obiectivele utilizatorului / companiei, identifică durerile acestora și propune soluții. "

Denis Ushakov, în Absolvent BVShD

„Cel mai greu din ceea ce fac a fost să-i explic bunicii mele, care percepe sintagma„ design de produs ”ca fiind ceva legat de un magazin alimentar și întreabă în permanență cu ce fel de produse lucrez. :)

Dar, în general, atât pentru bunica, cât și pentru părinți, o explicație bazată pe exemplul unui volan al mașinii este destul de potrivită: designul UX explică amplasarea volanului în mașină, iar interfața de utilizare explică aspectul său. "

Un exemplu este unul dintre proiectele studenților noștri de absolvire din acest an - o vitrină digitală pentru Tele2. Acesta este un chioșc de autoservire în saloanele Tele2, care vă permite să obțineți singur serviciile necesare și să economisiți timp. Studenții cursului s-au confruntat cu sarcina de a reproiecta UX și UI ale magazinului digital, astfel încât să facă acest serviciu convenabil, să crească conversia și să „digitalizeze” comunicațiile dintre abonați și operatorul de telefonie mobilă.

Proiectul studenților cursului „UX / UI design” BHSAD pentru Tele2: vitrina digitală pentru Tele2

Designerii s-au gândit atât la lista funcțiilor de prezentare, cât și la succesiunea acestora, la locația navigării pe ecran, la pașii pentru obținerea acestui serviciu. Pentru a face acest lucru în mod eficient, nu este suficient să desenați pur și simplu ecranul, totul este dezvoltat pe baza cercetării, testării și a altor instrumente de proiectare a produselor pe care trebuie să le dețină un designer UX / UI.

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

În momentul apariției termenului „design de experiență a utilizatorului” (UXD), termenul „design de interfață” (UID) exista deja și avea o listă clară stabilă de artefacte - acele rezultate ale muncii unui designer de interfață de produs digital care a făcut posibilă crearea unei interfețe: pictograme, butoane, crearea de machete, kit UI, lucrul cu fonturi, grile, crearea ilustrațiilor etc.

Introducerea competențelor UXD în domeniul dezvoltării soluțiilor digitale a dat naștere unei clase de designeri UX care au adăugat artefacte noi la acest proces, asociate cu o abordare mai științifică și metrică a proiectării serviciilor: cercetare a utilizabilității, cercetare utilizator, dezvoltare arhitectură informațională, utilizator analiza traseului. Este ca și cum un designer de mobilier ar lucra cu ergonomie pentru a crea nu numai scaune frumoase și rezistente, ci și mai confortabile.

Odată cu apariția unei abordări flexibile în software (Agile, Scrum), numărul de experți foarte specializați în echipe începe să scadă datorită creșterii numărului de competențe ale fiecărui participant. În echipele de produse agile, devine imediat clar că separarea responsabilităților UX și UI crește timpul de dezvoltare datorită faptului că cerințele pentru „acceptarea” muncii între designeri sunt în continuă schimbare și în creștere. În cele din urmă, unul dintre designeri se îmbolnăvește, apoi întreaga lucrare se ridică. Prin urmare, echipele de produse preferă să recruteze designeri UX / UI care combină, deși superficial, atât competențele UXD, cât și UID, mai degrabă decât doi experți profundi.

Combinarea competențelor de proiectare UX / UI

Cât câștigă acești designeri? Cel mai corect răspuns la această întrebare este hh.ru. Conform serviciului, companiile de astăzi sunt gata să ofere designeri UX / UI de la 70.000 la 200.000 pe lună sau mai mult.

Vă puteți construi traiectoria din diferite puncte de plecare, dar, bineînțeles, dacă începeți de la un grafician, dezvoltator de software, analist de afaceri digitale, cercetător social sau psihologic, atunci această traiectorie va fi mai scurtă și calea va fi mai rapidă. Există un element de complementaritate și învățare reciprocă în echipele de proiectare. Pentru eficiența acestui proces, sunt întocmite așa-numitele „hărți stelare”, unde este marcat gradul de deținere a diferitelor competențe. Și, de exemplu, dacă un designer nu deține animație, atunci este mutat într-o echipă în care este dezvoltată 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 în Marea Britanie, am lucrat ca grafician, au existat proiecte pe servicii web, dar la un moment dat nu mi-a plăcut faptul că mă conectez la produs doar în ultima etapă, când nu mai pot afecta uzabilitate. Adică, desenați butoane, icoane, le aranjați în funcție de atribuirea tehnică, chiar dacă înțelegeți intern că va fi incomod sau nu va rezolva problema.

Prin urmare, am decis să aprofundez în proiectarea UX / UI, să înțeleg modul în care un produs este dezvoltat de la zero, se efectuează cercetări, utilizatorul este studiat, sarcinile și comportamentul său? și cum afectează totul interfața. În primul rând, am urmat un curs introductiv online de la AIC, apoi am mers la practică în Marea Britanie. După mai multe proiecte de formare pentru Golden Crown și Mail.Ru, am primit un loc de muncă ca designer UX / UI la Tele2. În plus față de 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 loialitate pentru clienții Tele2. Și acest lucru este complet diferit: lucrăm cu analiști și, atunci când vine vorba de interfață, pot argumenta deja locația, forma, culoarea fiecărui element de interfață. Am avut pe curs tipi care nu provin din domeniul designului (marketeri, manageri, dezvoltatori). Pe parcurs, au stăpânit instrumentele de prototipare, au învățat cum să realizeze unele elemente de interfață. Este clar că nu au același fundal de design ca și graficienii. Dar este atât de grozav când chiar și managerii sau dezvoltatorii înțeleg proiectarea, pot realiza un prototip, pot repara un banner, o pictogramă și, în general, încep să înțeleagă că proiectarea este multă muncă. "

Dmitry Ershov, șeful serviciilor cloud, MegaLabs SA

„MegaLabs are mai multe echipe, printre 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 am vorbit cu un specialist UX / UI, îmi verific mai întâi cunoștințele despre teorie: compoziție, tipografie, culoare. Pentru fiecare dintre subiecte pun mai multe întrebări, iar dacă proiectantul răspunde „Îl văd așa” - imediat minus 1 punct. Dar dacă, de exemplu, se oferă să aleagă o culoare folosind o schemă de triade, devine clar că este familiarizat cu elementele de bază ale culorii.

Când teoria este verificată, aflu care dintre cele cinci niveluri UX conform modelului Jess Garrett este cel mai „pompat” pentru candidat și, în funcție de nivel, dau mai multe probleme. Designerii de produse MegaFon sunt oameni care creează interfețe pe baza obiectivelor și nevoilor clienților companiei. Se acordă preferință celor care înțeleg problemele și oferă mai multe soluții pe loc.

Întrebările se adresează întotdeauna întrebări de dezvoltare. De obicei afișez mai multe site-uri și întreb câte coloane sunt în grilă sau cum diferă JS de CSS. Un designer trebuie să poată explica toate acestea pentru a-și „împacheta” ideile într-un limbaj pe care dezvoltatorii îl pot înțelege. ”

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

Pe de o parte, industria se confruntă cu un deficit de astfel de specialiști și este gata să plătească foarte mult, pe de altă parte, acum mulți designeri caută de lucru și nu pot găsi un loc de muncă decent pentru o lungă perioadă de timp. Care este problema ambelor?

În primul rând, trebuie să vă schimbați gândirea. De la „cum să faci ecrane de portofoliu frumoase” până la „cum să faci oamenii mai fericiți după ce interacționează cu un produs”. Se poate dovedi că nu trebuie să desenați deloc ecrane și oamenii vă vor mulțumi pentru asta. Pentru a crea aceste artefacte, se folosesc instrumente și metodologii de proiectare reale: gândire de proiectare, cartografiere a poveștii utilizatorului, cartografiere a fluxului utilizatorilor, cartografiere a călătoriei clienților, testare împărțită, teste de utilizare, cercetare cantitativă și multe altele. Deși uneori puteți ajunge la rezultatele corecte într-un mod greșit. Situația pe piață a noilor profesii este instabilă, acum este o ocupație destul de solicitată și profitabilă, dar cererea creează ofertă.

Evgeny Zasimenko, absolvent BHSAD, designer de produs la Avito

„Am început să caut un loc de muncă ca designer de produse cu câteva luni înainte de sfârșitul cursului. Acest lucru nu înseamnă că este foarte activ, dar la Avito mi-a plăcut când eram acolo într-o excursie din Britanka. Procesul de recrutare a fost destul de standard în industria designului: revizuirea portofoliului, atribuirea testelor, două interviuri și am primit o ofertă.

Dezvoltarea produsului este, în primul rând, o muncă în echipă, la care un proiectant ar trebui să participe de la bun început și să se angajeze în desenarea interfețelor bazate pe metrică și cercetare, să poată crea prototipuri pentru teste, să lucreze împreună cu dezvoltatorii și, cel mai mult important, ar trebui 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 lor, 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 mari și le combinăm în echipe multifuncționale.

În acest an, am reușit să finalizăm aproximativ 20 de proiecte pentru diferite tipuri de companii: de la așteptatul fintech - Alfa-Bank, MTS, MegaFon - la startup-uri din domeniul tehnologiei agricole. Mulți studenți au reușit să găsească de lucru ca urmare a apărării proiectelor în acele companii pentru care au realizat proiectul, deoarece clienții din proces își văd competențele și experiența practică.

Denis Ushakov, absolvent al BHShD

„Proiectul nostru a fost să dezvoltăm aplicația mobilă AgroClick pentru Exact Farming. Aplicația pentru scuter agronom îl ajută să păstreze toate datele despre plante într-un singur loc, să le structureze și să le partajeze rapid. Esența soluției este de a accelera comunicarea între un agronom scuter, care se află pe teren toată ziua și colectează informații despre culturi, și un agronom specialist, care ia decizii cheie în birou, de exemplu, cu privire la achiziționarea de pesticide.

Acum continuu să lucrez la proiect ca designer de produs deja în cadrul personalului acestei companii. Clientul însuși mi-a oferit funcția de designer de produs, deoarece au văzut deja de ce eram capabil, aveam experiență lucrând împreună. Mi se pare că aproape toți colegii de clasă au primit până la sfârșitul studiilor un loc de muncă legat 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 diferitelor companii - de la bănci la restaurante - sunt digitalizate, ne putem aștepta la o creștere a dezvoltării interne și la o tranziție la șinele de produse pentru dezvoltare personalizată. Prin urmare, nevoia de designeri UX / UI va fi mare. Nu pot promite munți de aur, întrucât piața noilor profesii se adaptează din ce în ce mai repede la cerere, așa cum a fost cu specialiștii în big data, învățare automată, blockchain și alte domenii, dar un designer de produs educat, cu un portofoliu bun și un palmares bun este acum scump și solicitat în întreaga lume.

„Cred că nu se referă atât la numele„ UX / UI-design ”, cât la funcționalitate și responsabilitate. Cererea nu va scădea, desigur, dar pentru cine? Valurile sunt observate: la început, toată lumea căuta o persoană versatilă - un proiectant, proiectant de machete, redactor. Acest lucru se datora 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 de cercetare și proiectare interne și s-au folosit conceptele de butoane nu atât de mult, cât și de experiența utilizatorului. Am început să jucăm teste, gândiri de design, eye trackers. Au început să gândească în procese, nu în ecrane.

Cred că următorul val se va concentra pe conștientizarea și implementarea conceptelor și principiilor UX de bază în toate profesiile de creare a produselor. Adică, vor fi solicitați specialiști care, la nivel de ADN, să înțeleagă principiile cercetării, metodele de bază de analiză a utilizatorilor și a proceselor și de proiectare a experiențelor. Și acest lucru nu exclude abilități ridicate de proiectare. Cred în creșterea competenței de design, deoarece designerul este bun, dar sentimentul de frumusețe în sensul larg al cuvântului nu a fost anulat. "

5. Cum se reflectă munca unui designer UX / UI în viața de zi cu zi?

Dacă presupunem că aproape tot ceea ce folosim a fost inventat de designeri, atunci aproape toate serviciile digitale de masă - site-uri mobile, servicii web și altele - sunt acum inventate de Digital Product Designer. Aplicații bancare, servicii de operator de telecomunicații, comerț electronic, întâlniri servicii, geolocalizare și servicii de informare ... Puteți continua mult timp - este mai ușor să deschideți desktopul unui telefon mobil sau desktopul unui laptop și să căutați prin aplicațiile instalate Toate acestea sunt produse digitale, pe plan logic și vizual componentă din care lucrează proiectanții UX / UI.

Proiectul studenților cursului "UX / UI design" BHSAD pentru MTS: un ghid mobil pentru adaptarea și dezvoltarea angajaților MTS

Lucrarea poate fi fie crearea unui produs complet nou, fie digitalizarea serviciilor existente. De exemplu, studenții noștri au susținut MTS - un ghid mobil pentru adaptarea noilor angajați și dezvoltarea acestora cu sistemul de gamificare și alte funcții. Sistemul de adaptare a existat dintotdeauna: de la un departament standard de resurse umane la servicii de resurse umane și un sistem de mentorat, dar este o soluție digitală care este ceva nou. Este mai flexibil, eficient și vă permite să rezolvați diverse sarcini ale companiei printr-un singur serviciu: rețea, instruire, organizarea muncii angajaților.

Durata de viață a modelelor de afaceri profitabile se diminuează 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ă ies de pe pistă. Prin urmare, companiile moderne se îndreaptă către cicluri adaptive rapide de schimbare constantă. Aici este vorba doar despre notorii Agile și Scrum. Proiectați-dezvoltați-învățați și din nou în cerc. În consecință, expertiza în proiectare ca parte a acestui cerc devine fundamentală.

Alina Ermakova, șefa departamentului de cercetare analitică pentru interacțiunea 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 fintech mari sau, de exemplu, despre modul în care Uber își menține coerența, situată în 77 de țări ale lumii. UX / UI este deja în ADN-ul lor. Aceasta nu este o etapă, nu o metodă, acesta este un proces normal de producție. De exemplu, nu există ceremonii de gândire la design.

Întregul proces de creare a produselor este gândirea de proiectare. Echipa folosește metodele potrivite acolo unde se simte bine. Aceasta face parte din treaba. Și nu tinerii designeri de hipster au fost angajați să deseneze interfețe pentru a intra în scenă. Erau unchi și mătuși de peste 45 de ani, proprietari de afaceri, administratori de corporații. Pentru că acest lucru se află deja la nivelul bunului simț ".

6. Ce metodologii sunt în prezent cele mai populare?

În Rusia, cultura designului produselor este în curs de dezvoltare. 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.

Derivații Design Thinking sunt în mod tradițional populari în companiile digitale - Google Ventures Design Sprints, IBM Design Thinking, precum și diferite părți instrumentale Design Thinking - modelarea personajelor, cercetarea etnografică, hărțile părților interesate, cartografierea călătoriei clienților și altele. Relativ nou, dar demn de menționat 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ă. Relevanța metodologiei depinde atât de domeniul de aplicare al companiei, cât și de procesele interne. Implementarea aceluiași Scrum într-o companie mare este mai lungă și mai dificilă decât într-un startup, dar totul este realist, principalul lucru este dorința de a face un produs excelent pentru oameni.

Dmitry Ershov, șeful serviciilor cloud, MegaLabs SA

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

Atunci când planificăm noi versiuni, evaluăm funcționalitatea în termeni de importanță pentru utilizatori, pentru afaceri și pentru costurile forței de muncă. Cel mai greu este evaluarea importanței pentru utilizatori. Pentru a obține mai multă obiectivitate, folosim cadrul HEART. Vă ajută să priviți noi funcționalități prin obiectivele utilizatorilor.

Uneori apar dispute, de exemplu, proprietarul produsului nu este de acord cu designerul. În astfel de cazuri, dezvoltăm și lansăm diferite opțiuni în același timp, pentru a evalua eficacitatea fiecăreia dintre ele. Cea mai eficientă soluție este determinată de statisticile comportamentului utilizatorilor. "

7. În ce industrii vor fi integrate tehnicile de proiectare UX / UI în viitor?

Dacă luăm practica globală, cele mai lente zone în curs de dezvoltare sunt cele cu concurență redusă, de exemplu, serviciile guvernamentale - acolo este unde să punem mâna. În țara noastră, în mod tradițional alfabetizarea financiară și juridică scăzută, din această cauză, nu atât de repede pe cât ne-am dori, există produse care vizează gestionarea averii și tot felul de servicii juridice.

Desigur, facem o mulțime de fintech, unul dintre cazurile recente este un 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 format chatbot care poate funcționa în orice mesager ușor de utilizat.

Proiectul studenților cursului de proiectare UX / UI al BHSAD pentru banca Ak Bars: un asistent financiar personal, un instrument pentru investiții în orice mesager convenabil.

IDEO a fost un motor recunoscut al gândirii de proiectare de mulți ani. Din cazurile lor recente, puteți vedea că această metodologie începe să fie aplicată în mod activ în domeniul educației, dezvoltării electronice portabile și soluționării problemelor globale.

Este clar că concurența crescută în diferite tipuri de companii a forțat companiile să devină digitale. Prin urmare, dacă astăzi vedem că agrotecnologia, medicamentele, restaurantele și alte sfere 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ă și să își actualizeze soluțiile digitale mai repede, și fiți mai flexibili și faceți clienții mai fericiți.

„Majoritatea companiilor percep în continuare cercetarea UX / UI, gândirea de proiectare și alte tehnici creative ca un serviciu, un serviciu separat care poate fi comandat sau angajat. A gândi 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.

Designul este un termen destul de larg și vag. Când cineva spune „Sunt designer”, nu este clar ce face zi de zi. Există o serie de industrii diferite care intră sub incidența acestui concept.

Responsabilitățile de proiectare acoperă o varietate de domenii, de la design industrial (auto, mobilier), tipărit (reviste și alte publicații), până la design web (site-uri web, aplicații mobile). Odată cu fluxul recent de companii de înaltă tehnologie axat pe crearea de interfețe pentru ecrane, a apărut o mulțime de lucrări noi în domeniul designului. Poziția unui designer UX sau UI poate fi de neînțeles nu numai pentru neinițiați, ci chiar și pentru proiectanții înșiși, care provin din alte industrii.

"Nu există un singur răspuns corect la această întrebare."

Să încercăm să ne dăm seama ce înseamnă cu adevărat acest lucru în industria IT.

Designer UX

Designerii UX sunt preocupați în primul rând de modul în care produsul interacționează cu utilizatorul... Nu există un singur răspuns corect la această întrebare. Proiectanții UX explorează diferite abordări pentru rezolvarea unei probleme specifice a utilizatorului. Sarcina principală a unui designer UX este să se asigure că produsul curge logic de la un pas la altul. Unul dintre modurile în care un designer UX poate descoperi acest lucru este prin efectuarea testelor utilizatorului în persoană și învățarea din modul în care se simte. Prin identificarea obstacolelor verbale și non-verbale, corectează și repetă pentru a crea o experiență „mai bună” pentru utilizator. Un exemplu este crearea integrării minunate pentru un utilizator nou.

„Definiți modele de interacțiune, fluxul de sarcini ale utilizatorului și specificul interfeței. Elaborați scenarii, interacțiuni end-to-end, modele de interacțiune, dezvoltarea unei interfețe grafice de utilizator. Colaborând cu directorul nostru creativ și graficianul nostru pentru a combina partea vizuală a Twitter cu funcționalitățile sale. Elaborați și întrețineți fire wireframe, machete și specificații, după cum este necesar. "

Un exemplu de ecran de aplicație proiectat de un designer UX
Sursa: Kitchenware Pro Kit Wireframe de Neway Lau pe Dribbble.

Sarcină: Cadruri cu ecrane, scenarii, planul site-ului

Instrumente: Photoshop, Sketch, Illustrator, Fireworks, InVision

Probabil ai auzit de el: „ Utilizatorul ar trebui să vadă pagina „Mulțumesc” după încheierea înregistrării. ”

Designer UI

Spre deosebire de designerii UX, care sunt preocupați de percepția generală a produsului, este important pentru designerii de UI cum arată produsul... Aceștia sunt responsabili pentru proiectarea fiecărui ecran sau pagină cu care utilizatorul interacționează și furnizarea părții vizuale a interfeței de utilizare pe care designerul UX a proiectat-o. De exemplu, un designer UI, care creează un tablou de bord, poate aduce informații mai importante sau poate decide dacă un glisor sau un tablou de bord este cel mai intuitiv de adăugat la o diagramă. De asemenea, proiectantul interfeței este responsabil de crearea unui ghid complet de proiectare care să ofere un limbaj de proiectare coerent care să cuprindă întregul produs. Menținerea consistenței elementelor vizuale și determinarea în ce direcție să lucrați. De exemplu, modul de afișare a erorilor sau avertismentelor este în competența unui designer UI.

„Conceptul și implementarea limbajului vizual Airbnb.com. Crearea unui ghid de stil extins. "

Liniile dintre UI și UX designer sunt destul de neclare și de foarte multe ori companiile aleg să combine aceste roluri.

Proiectantul UI determină aspectul general al aplicației.
Sursa: Metro Style Interface 4 de Ionut Zamfir la Dribbble.

Instrumente: Photoshop, Sketch, Illustrator, Fireworks

„Câmpurile„ enter ”și„ register ”trebuie mutate în colțul din dreapta sus.”

Designer grafic

„Graficienii lucrează la micile detalii la care alții nu acordă atenție.”

Un designer grafic este cineva care face grafică - cel mai probabil un non-designer vă va răspunde dacă îl întrebați ce face un designer. Designerilor grafic nu le pasă de modul în care ecranele se referă reciproc și nici de modul în care cineva interacționează cu un produs. În schimb, se concentrează pe proiectarea de pictograme, comenzi și imagini frumoase și crearea unui aspect adecvat. Designerii grafici lucrează la detalii mici pe care ceilalți nu le pot vedea și lucrează adesea în Photoshop la măriri 4x și 8x.

„Produceți proiecte vizuale de înaltă calitate: de la concept la execuție, inclusiv pentru desktop, web și dispozitive mobile cu rezoluții diferite (pictograme, grafică și materiale de marketing). Crearea și repetarea resurselor care reflectă marca, fac produsul frumos și inspiră viața acestuia. "

De asemenea, designerii de interfețe trebuie să facă nu numai munca proprie, ci și să facă un aspect perfect pentru pixeli. Unele companii aleg să nu aibă o persoană separată pentru rolul de designer grafic.

Un designer grafic proiectează, direcționează și reglează fiecare pixel pentru a asigura rezultatul final perfect.
Sursa: IOS 7 Guide Freebie PSD de Seevi kargwal la Dribbble.

Instrumente: Photoshop, Sketch

Probabil ai auzit de el:"Reduceți creșterea și mutați butonul cu 1 pixel spre stânga!"

Proiectant de mișcare

Vă amintiți mișcarea subtilă când trageți ecranul pentru a actualiza e-mailurile iPhone-ului dvs.? Aceasta este treaba unui proiectant de mișcare. Spre deosebire de designerii grafici, care tind să se ocupe de obiecte statice, designerii de mișcare creează animații în cadrul unei aplicații. Au de-a face cu ce face interfața după ce utilizatorul o atinge... De exemplu, ei decid cum să alunece meniul, ce efecte să utilizeze pentru tranziții și cum va fi apăsat butonul. Când se face bine, mișcarea devine o parte integrantă a interfeței, oferind indicii vizuale despre modul de utilizare a produsului.

„Sunt necesare cunoștințe de design grafic, design de mișcare, artă digitală, simțul culorii și tipografiei, conștientizarea generală a materialelor / texturilor și o înțelegere practică a animației. Cunoașterea firmware-ului iOS, OS X, Photoshop și Illustrator, precum și familiarizarea cu Directorul (sau echivalent), Quartz Composer (sau echivalent), modelarea computerelor 3D, grafica în mișcare. "

Instrumente: AfterEffects, Core Composer, Flash, Origami

Probabil ai auzit de el:„Meniul ar trebui să apară de la stânga la 800 ms.”

Cercetător UX

Un cercetător UX știe totul despre nevoile utilizatorilor.

Un cercetător UX știe totul despre nevoile utilizatorilor. Scopul cercetătorului este să răspundă la două întrebări principale: „Cine sunt utilizatorii noștri?” și „Ce vor utilizatorii noștri?” De obicei, aceasta include sondaje ale utilizatorilor, cercetări de piață și analize de date. Proiectarea este un proces de iterație constantă. Cercetătorii pot ajuta cu acest proces prin efectuarea testelor A / B pentru a afla care opțiune de proiectare se potrivește cel mai bine nevoilor utilizatorilor. Cercetătorii UX tind să fie pilonul principal al companiilor mari, unde accesul la cantități mari de date le oferă posibilitatea de a trage concluzii semnificative statistic.

„Colaborarea îndeaproape cu echipele de dezvoltare pentru identificarea subiectelor de cercetare. Proiectarea cercetării referitoare atât la acțiunile utilizatorului, cât și la percepții. Efectuarea de cercetări folosind și aplicând o varietate de metode, cum ar fi anchetele. "

Termenul UX își are originea în 1993 în măruntaiele Apple Corporation, transcrierea sunând ca User eXperience. Odată cu popularitatea tot mai mare a dispozitivelor mobile, acest concept a devenit la modă și a început să fie folosit peste tot. Dar chiar și acum, nu toată lumea poate răspunde cu certitudine ce este designul UX, cum diferă de designul UI și de ce aceste lucruri sunt adesea menționate împreună. Vă vom ajuta să vă dați seama.

Ce este designul UX

În limba rusă, designul UX este designul experienței utilizatorului. Este unul dintre primii pași în crearea unui produs și servește pentru a face aplicația logică, convenabilă și utilă. și site-urile determină ce impresii va obține o persoană din utilizarea lor, cât de exact va folosi aceste produse.

Unde este mai bine să plasați intrarea în contul dvs. personal? Câți pași trebuie să parcurgă un utilizator pentru a se abona la un newsletter sau pentru a plasa o comandă? De unde va ști că operațiunea a avut succes? Acestea sunt tipurile de întrebări pe care le decide un designer UX.

Designul UX include diferite componente:

• arhitectura informațională;
• design interactiv;
• uzabilitate (un indicator al simplității, comodității și eficacității unui produs în ochii utilizatorilor).

Un designer UX înțelege psihologia și emoțiile utilizatorilor, analizează așteptările acestora de la produs și își stabilește un obiectiv de atins. Apoi, alege instrumentele adecvate și vine cu o aplicație sau o structură de site care îndeplinește toți parametrii necesari.

O idee brută a unui site web sau a unei aplicații este ca un puzzle demontat în biroul nostru. Din voința designerului UX, din aceste piese se formează o structură clară.

În calitate de designer UX, nu există sarcini monotone, astfel încât proiectele diferite necesită adesea persoane cu abilități din domenii diferite. Există laboratoare întregi cu echipamente tehnice puternice, în care o echipă de mai mulți oameni lucrează la cercetare. În astfel de laboratoare, există dispozitive care înregistrează reacțiile psihofizice ale utilizatorilor (de exemplu, mișcările privirii și bătăile inimii), efectuează sondaje, observă utilizatorii folosind metoda inclusă și neinclusă etc.

Este important ca designerii UX să poată:

• efectuează cercetări ale utilizatorilor;
• creați fireframes și prototipuri de site-uri și aplicații. Acest lucru vă va ajuta să evaluați în ce direcție să dezvoltați aplicația sau site-ul. Mai mult, abilitatea de a desena nu este deloc o abilitate obligatorie pentru un designer UX modern. Există multe instrumente de prototipare în care puteți utiliza elemente gata făcute pentru a crea o vizualizare competentă a interfeței (de exemplu, Axure, Balsamiq sau UXPin);
• interacțiunea de proiectare, adică imaginați-vă cum va folosi exact produsul o persoană. Pentru aceasta, sunt create hărți ale rutelor utilizatorilor de-a lungul ecranelor aplicațiilor, wireframe interactive ale site-urilor și aplicații cu diferite opțiuni de proiectare;
• testați produsul;
• face analize. Utilizarea diverselor valori (cum ar fi Webvisor, Hotjar, Mixpanel, UXcam sau Appsee) vă va ajuta să înțelegeți cât de eficient este designul și să rafinați produsul pe baza datelor reale.

Puteți citi mai multe despre principiile și fundamentele proiectării interfeței UX în.

Ce este designul UI

Proiectarea interfeței utilizator sau designul UI este întruchiparea vizuală a designului UX. Sarcina sa este de a face o aplicație, un site web sau alt produs intuitiv, atractiv și cât mai ușor de utilizat cu ajutorul anumitor soluții grafice.

Proiectantul UI este responsabil pentru modul în care va arăta fiecare ecran sau pagină. Domeniul său de responsabilitate este controlul grafic, cum ar fi butoanele și casetele de selectare, fonturile, schemele de culori și diferite imagini.

Cum ar trebui să arate butonul pentru a face clic mai ușor? Ce dimensiune de font ar trebui să aleg pentru ca textul să poată fi citit? Cum formatez mesajul de eroare astfel încât să atragă atenția, dar să nu fie enervant? Proiectarea UI a interfețelor ajută la găsirea răspunsurilor la aceste întrebări.

Designerul de interfață utilizează diferiți editori grafici în activitatea sa: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

În timp ce lucrează la modul în care va arăta aplicația pe ecranul gadgetului, proiectantul UI se concentrează pe liniile directoare ale platformei mobile - seturi de recomandări de la Apple și Google, datorită cărora aplicațiile terțe par consistente și se integrează perfect în conceptul general.

Dacă tragem o analogie foarte simplă din viață, atunci designul UX este aspectul unui apartament și comunicații, iar interfața interioară este alegerea tapetului și a pardoselii. Cu toate acestea, în practică, designul UX și UI sunt strâns corelate, al doilea îl urmează logic pe primul și adesea aceeași persoană este implicată în ambele. Prin urmare, linia dintre cele două concepte este estompată și sunt indicate împreună.