Ce fac designerii UX și UI și ce fac designerii front-end? UI, UX: Cine face asta? Ghid pentru designeri SPECIAL Ce este ui.

Există o mulțime de domenii legate de design în industria IT. Cei mai des întâlniți dintre aceștia sunt designerii, ascunși în spatele acronimelor UX și UI. Ei bine, unii oameni reușesc să înscrie chiar și 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 modul în care designerii front-end sunt legați de design.

Designeri

Dezvoltarea interfeței aplicațiilor, site-urilor web sau a jocurilor este un proces destul de complicat și necesită aplicarea cunoștințelor din diferite domenii: inginerie, psihologie și design. Designerii de interfețe cu utilizatorul (în limba engleză - User Interface sau UI) se concentrează pe modul în care este afișată funcționalitatea site-ului (căutare, file, meniuri) și detaliile interacțiunii dintre client și interfață. Scopul unui designer de interfață este acceptabil din punct de vedere estetic design modern produs. 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 efectuează adesea cercetări și sondaje care vor sta la baza creării unui concept de design și, de asemenea, testează concepte în timpul dezvoltării și după aceasta. De obicei, se concentrează pe structură, conținut, navigare și modul în care utilizatorul interacționează cu acele elemente.

Produce hărți de site, prototipuri, care sunt structura de bază la creare software. Scopul unui designer UX este să se asigure că utilizatorul primește rapid și fără durere de pe site pentru ce vine aici. Cu toate acestea, astăzi este foarte comun să vedeți aceste două specializări scrise cu o 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 care vă este convenabil și încercați mai întâi să desenați capturi de ecran ale site-ului sau ale aplicației modernizându-le puțin.

Instrumente de prototipare (Mockplus, Axure). Instrumentul de prototipare este legătura dintre o idee și implementarea acesteia. Nu contează ce instrument folosești. Puteți încerca câteva și puteți decide pe cea care se potrivește stilului și preferințelor dvs.

Psihologia utilizatorului. Deja în etapa de dezvoltare a aspectului, merită să vă gândiți dacă vă va fi convenabil pentru dvs. sau altcineva să utilizați această interfață. Pune-te în pielea clientului, construiește o legătură puternică cu el și fii atent la nevoile acestuia. La urma urmei, produsul va avea succes dacă există o cerere pentru el.

Veți avea nevoie și de cunoștințe teoria culorii. Ceva pe care îl știm din copilărie, mai ales cei care au făcut școala de arte. 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 de dorit 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 web.

În funcție de specificul jobului, poate fi necesar să înțelegeți HTML și CSS sau (puțin) 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 dezvoltatorului front-end este de a dezvolta partea client a interfeței. Adică, un astfel de specialist „reînvie” ceea ce au proiectat designerii. El este responsabil pentru funcționarea și funcționarea interfeței și mai puțin pentru conținutul vizual. Dezvoltatorul front-end trebuie adesea să găsească buna decizie pentru interfața cu utilizatorul în stadiul de dezvoltare, prin urmare interacționează adesea cu designerul UX / UI. Codul scris de dezvoltatorul front-end este executat în browserul utilizatorului (cum se spune, „pe partea clientului”). De asemenea, una dintre cele mai importante sarcini este de a verifica dacă 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 se bazează pe trei piloni: limbajul de marcare a paginii HTML, foile de stil CSS și limbajul de programare JavaScript. În plus, dezvoltatorul front-end trebuie să înțeleagă principiile protocolului HTTP, servere și browsere, 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. Limbajul de marcare HTML dictează organizarea site-ului, conținutul și toată interacțiunea dintre ele. Vă permite să desemnați partea de sus a paginii, partea de jos, blocurile laterale cu conținut, titluri, afișare text și elemente multimedia. Foile de stil CSS sunt folosite pentru a decora elemente HTML. Ele determină cum este afișat exact fiecare element grafic care se află pe pagină. Cu 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. Un site foarte bun unde puteți învăța elementele de bază ale HTML și CSS este W3School. Dar numai dacă aveți cel puțin cunoștințe de bază de engleză. De asemenea, dezvoltatorul front-end ar trebui 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 ascuți singur la nevoile tale. Dacă știți engleza, vă recomandăm site-ul getbootstrap și același w3schools.

JavaScript

Javascript este nucleul dezvoltării front-end. Este primul și cel mai utilizat limbaj de programare a interfeței. El este capabil să adauge 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 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 utiliza funcțiile de completare automată a formularului de căutare, puteți rearanja și redimensiona grila și puteți configura cronometre cu numărătoare inversă. Curs practic jQuery la w3school

Cadre Javascript

Există diferite tipuri de cadre, dar îl puteți alege pe cel care vi se potrivește cel mai bine. Cele mai cunoscute sunt Angular, Backbone, Ember și React. Sunt o structură gata făcută pentru cod. Ele ajută la accelerarea dezvoltării. Și în combinație cu bibliotecile, pot minimiza dezvoltarea unui site sau a unei aplicații de la zero. Prezentare generală a celor mai populare 5 cadre și biblioteci JavaScript din 2017

Sistemul de control al versiunilor Git

Sistemele de control al versiunilor sunt capabile să urmărească modificările care sunt aduse codului în timp. De asemenea, vă permite să vă întoarceți la versiunea anterioara proiect. Git este cel mai utilizat sistem de control al versiunilor. A ști cum să lucrezi cu Git este o abilitate esențială pentru fiecare dezvoltator.

Concluzii scurte

UI înseamnă User Interface, care înseamnă „interfață cu utilizatorul” în traducere. Acesta este, Designer UI este în primul rând responsabil pentru modul în care produsul este prezentat utilizatorului. El dezvoltă butoane, pictograme, selectează fonturi, pregătește aspectul. UX înseamnă User Experience. Asa de Designer UX proiectează designul site-ului, aplicația - da, orice - 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 singură persoană-orchestră: UI / UX designer. Dezvoltatorul front-end dă viață muncii designerilor, aducând dinamică în ea: butoanele încep să fie apăsate, iar imaginea se schimbă. El trebuie să cunoască limbaje de programare aromate cu cadre, preprocesoare și biblioteci.

Totul depinde de gradul de pompare a bunicii. Dacă bunica este designer UX/UI, atunci, cel mai probabil, nu sunt necesare metafore simplificatoare. Pentru o bunică mai puțin curioasă, aceasta poate fi o scuză: „Sunt angajat în aplicații mobile și online.” Dacă încercăm să facem o definiție din cuvinte ușor de înțeles pentru bunica obișnuită, reflectând sensul cât mai concis și cât mai aproape posibil, atunci aceasta va fi: „Sunt angajat în îmbunătățirea calității serviciilor digitale (UX), inclusiv în proiectarea punctelor, canalelor. pentru obținerea acestor servicii (UI)”.

Tatiana Pchelintseva, Absolvent al cursului UX/UI Design la BHSAD

„Bunica mea... S-a dovedit că nici măcar tatăl meu, până de curând, nu a înțeles ce fac. A avut loc un incident amuzant. Tata m-a întrebat pentru cine studiez. Am răspuns că facem 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 am fost foarte impresionat. 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 amenajat în funcție de nevoile lor: rafturi de perete la înălțimea la care ar fi convenabil ca mama să aranjeze cărți, canapeaua este la o distanță atât de mare de televizor încât impactul ei asupra ochilor este minim, aparatul de cafea este întotdeauna într-un loc vizibil. Un designer UX proiectează și el, dar nu atât pe propria sa, cât pe experiența altcuiva: el identifică obiectivele utilizatorului/afacerii, îi determină durerile și oferă soluții.

Denis Ushakov, absolvent BHSAD

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

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

De exemplu, unul dintre proiectele de absolvire ale studenților noștri din acest an este o vitrină digitală pentru Tele2. Acesta este un chioșc cu autoservire în magazinele 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 reelabora UX și UI a vitrinei digitale, astfel încât să facă acest serviciu convenabil, să crească conversia și să „digitizeze” comunicațiile dintre abonați și un operator de telefonie mobilă.

Proiectul studenților cursului BHSAD UX/UI Design pentru Tele2: vitrină digitală pentru Tele2

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

2. Care sunt competențele unui designer UX/UI ideal?

La momentul apariției termenului „user experience design” (UXD), termenul „interface design” (UID) exista deja și avea o listă clară stabilă de artefacte - acele rezultate ale muncii unui designer de interfețe de produs digital care a făcut posibilă realizarea unei interfețe: pictograme, butoane, machete, kit UI, 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 la o clasă de designeri UX care au adăugat noi artefacte acestui proces asociate cu o abordare mai științifică și mai metrică a designului serviciilor: cercetarea utilizabilității, cercetarea utilizatorilor, dezvoltarea arhitecturii informaționale, ruta utilizatorului. analiză. Este ca și cum un designer de mobilier lucrează 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 toată munca se ridică. 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.

O combinație de competențe de designer UX/UI

Cât câștigă acești designeri? hh.ru va răspunde cel mai precis la această întrebare. Potrivit serviciului, astăzi companiile sunt gata să ofere designeri UX / UI de la 70 la 200 de mii pe lună și 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ă. Echipele de proiectare au un element de complementaritate, de învățare reciprocă. Pentru eficacitatea acestui proces sunt alcătuite așa-numitele „hărți stelare”, unde este marcat gradul de posesie a diferitelor competențe. Și, de exemplu, dacă designerul nu cunoaște animația, atunci el este transferat într-o echipă în care se dezvoltă această abilitate. Așa ne tratăm studenții, 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 designer grafic, au fost proiecte pe servicii web, dar la un moment dat nu mi-a plăcut faptul că mă conectez la produs abia în ultima etapă, când nu-l mai pot influența. utilizabilitate. Adică desenezi butoane, pictograme, le aranjezi în funcție de sarcina tehnică, chiar dacă înțelegi pe plan intern că va fi incomod sau nu va rezolva problema.

Prin urmare, am decis să mă 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 pentru un stagiu în Marea Britanie. După mai multe proiecte de training pentru Golden Crown și Mail.Ru, m-am angajat ca UX/UI designer la Tele2. Pe lângă portofoliu, a fost important cum pot lucra în echipă, ce roluri am luat î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 asta este complet diferit: lucrăm cu analiști, iar când vine vorba de UI, pot deja să argumentez locația, forma, culoarea fiecărui element de interfață. Am avut pe curs băieți care nu veneau din domeniul designului (marketeri, manageri, dezvoltatori). Pe parcursul cursului, au stăpânit instrumentele de prototipare, 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, printre care sunt distribuite produsele MegaFon. De exemplu, în prezent căutăm designeri pentru echipele MegaFon.Bank și MegaFon.TV. Când m-am uitat deja la portofoliu și am comunicat cu un specialist UX / UI, îmi verific mai întâi cunoștințele de teorie: compoziție, tipografie, colorare. Pun mai multe întrebări pentru fiecare dintre subiecte, iar dacă designerul răspunde „Eu văd așa” - 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 colorării.

Când se testează teoria, aflu care dintre cele cinci niveluri de UX după modelul Jess Garrett este cel mai „pompat” la candidat, iar î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 de dezvoltare sunt întotdeauna puse la interviu. De obicei arăt mai multe site-uri și întreb câte coloane sunt în grilă sau care este diferența dintre JS și 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 gata să plătească mult, pe de altă parte, acum mulți designeri își caută de lucru și nu își găsesc un loc de muncă 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 trebuie să desenați deloc ecrane, iar oamenii vă vor mulțumi pentru asta. Pentru a crea aceste artefacte, sunt utilizate instrumente și metodologii de proiectare reale: gândire de proiectare, mapare a poveștilor utilizatorului, mapare 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 ajunge la rezultate corecte într-un mod greșit. Situația de pe piața noilor profesii este instabilă, acum aceasta este o ocupație destul de populară ș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 încheierea cursului. Nu se poate spune că este foarte activ, dar mi-a plăcut Avito când am fost acolo într-o excursie de la britanici. Procesul de angajare a fost destul de standard pentru industria de design: revizuirea portofoliului, atribuirea de teste, două interviuri și am primit o ofertă.

Dezvoltarea produsului este în primul rând un efort de echipă la care designerul trebuie să participe de la bun început și să deseneze interfețe bazate pe metrici și cercetări, să fie capabil să creeze prototipuri pentru teste, să lucreze în colaborare cu dezvoltatorii și, cel mai important, trebuie să contribuie la realizarea unei Tel 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 relevante, oferim studenților noștri cazuri reale de la mărci importante și le combinăm în echipe interfuncționale.

Pe parcursul acestui an, am reușit să finalizăm aproximativ 20 de proiecte pentru diverse tipuri de companii: de la așteptatul fintech - Alfa-Bank, MTS, MegaFon - până la start-up-uri din domeniul tehnologiei agricole. Mulți studenți și-au putut găsi un loc de muncă după ce au susținut proiecte în acele companii pentru care au realizat proiectul, deoarece clienții își văd competențele și experiența practică în acest proces.

Denis Ushakov, absolvent BHSAD

„Proiectul nostru a fost să se dezvolte aplicatie de mobil AgroClick pentru agricultură exactă. Aplicația pentru cercetători agronom îl ajută să-și păstreze toate datele despre plante într-un singur loc, să le organizeze și să le partajeze rapid. Esența soluției este accelerarea comunicării între agronom scouting, care se află toată ziua pe teren, culegând informații despre culturi, și specialistul agronom, care ia decizii cheie în birou, de exemplu, cu privire la 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, pentru că deja vedeau de ce sunt capabil, aveam experiență de a lucra împreună. Mi se pare că aproape toți colegii de clasă până la sfârșitul studiilor au obținut 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 creșterea dezvoltării interne și la trecerea la șine de produse personalizate. Prin urmare, nevoia de designeri UX/UI va fi mare. Nu pot promite munți de aur, deoarece piața noilor profesii se adaptează din ce în ce mai repede la cerere, așa cum a fost și cu specialiștii în big data, machine learning, blockchain și alte domenii, dar un designer de produse educat, cu un portofoliu bun și palmaresul este acum scump și solicitat în întreaga lume.

„Cred că punctul aici nu este atât în ​​numele „UX / UI design”, cât în ​​funcționalitate și responsabilitate. Cererea nu va scădea, desigur, dar pentru cine? Se observă valuri: la început toată lumea căuta un generalist - un designer-aspect-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 și a început să fie folosit nu atât conceptul de buton, cât de experiență de utilizator. Am început să jucăm teste, design thinking, eye trackers. Am început să gândim în procese, nu în ecrane.

Cred că următorul val se va concentra pe conștientizarea și implementarea conceptelor și principiilor de bază ale UX în toate profesiile implicate în crearea unui produs. Adică, vor fi la cerere specialiști care la nivelul ADN-ului înțeleg principiile cercetării, principalele metode de analiză a utilizatorilor și proceselor, precum și de proiectare a experiențelor. Și acest lucru nu exclude abilitățile înalte de proiectare. Cred în creșterea competenței de design, pentru că un designer este bun, dar nimeni nu a anulat senzația de frumusețe în sensul cel mai larg al cuvântului.

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

Dacă acceptăm 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 Designers. Aplicații bancare, servicii de telecomunicații, comerț electronic, servicii de întâlniri, servicii de geolocalizare și informare... Puteți continua mult timp - este mai ușor să deschideți desktopul telefon mobil sau desktop de laptop și răsfoiți prin aplicațiile instalate. Toate acestea sunt produse digitale, ale căror componente logice și vizuale sunt lucrate de designeri UX/UI.

Proiectul cursanților BHSAD pentru MTS UX/UI Design: un ghid mobil pentru adaptarea și dezvoltarea angajaților MTS

Lucrarea poate varia de la crearea unui produs complet nou până la digitizarea serviciilor existente. De exemplu, studenții noștri au făcut un caz pentru MTS - un ghid mobil pentru adaptarea noilor angajați și dezvoltarea lor cu un sistem de gamification și alte funcții. A existat întotdeauna un sistem de adaptare: de la un departament standard de HR la servicii HR și un sistem de mentorat, dar soluția digitală este ceva nou. Este mai flexibil, mai eficient și vă permite să rezolvați diverse probleme ale companiei printr-un singur serviciu: networking, training, organizarea muncii angajaților.

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ă ies de pe pistă. Prin urmare, companiile moderne trec la cicluri rapide adaptive 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, șeful departamentului de cercetare analitică a interacțiunii utilizatorilor la Sberbank-Technology

„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 marile sisteme fintech sau, de exemplu, despre modul în care Uber își menține consistența, fiind situat în 77 de țări ale lumii. 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ândirea la design. Echipa folosește metodele necesare acolo unde simte că trebuie. Aceasta face parte din treabă. Și nu tinerii designeri hipsteri angajați pentru a desena interfețele au intrat în scenă. Erau unchi și mătuși peste 45 de ani, proprietari de afaceri, directori generali de corporații. Pentru că este deja la nivelul bunului simț.

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

În Rusia, cultura designului de produs este abia î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.

În companiile digitale, derivatele Design Thinking sunt în mod tradițional populare - Google Ventures Design Sprints, IBM Design Thinking, precum și diverse părți ale instrumentului Design Thinking - modelarea caracterelor, cercetarea etnografică, hărțile părților interesate, maparea călătoriei utilizatorului (Customer Journey Mapping) și altele. Relativ nou, dar de remarcat este framework-ul Jobs To Be Done, unde produsul este dezvoltat nu atât pe baza caracteristicilor utilizatorului, cât în ​​funcție de situația în care se află. Relevanța metodologiei depinde atât de sfera 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 real, principalul lucru este dorința de a face un produs cool pentru oameni.

Dmitry Ershov, șeful serviciilor cloud, MegaLabs JSC

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

În timpul planificării noilor versiuni, evaluăm funcționalitatea în ceea ce privește importanța pentru utilizatori, pentru afaceri și pentru 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 utilizatorului.

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 eficiența fiecăreia dintre ele. Cea mai eficientă soluție este determinată de statisticile comportamentului utilizatorului.”

7. În ce industrii se vor integra tehnicile de design UX/UI în viitor?

Dacă luăm practica mondială, zonele cu cea mai lentă dezvoltare cu concurență scăzută, de exemplu, serviciile publice - există unde să puneți mâna. La noi, în mod tradițional, alfabetizarea financiară și juridică scăzută, din această cauză, produsele care vizează managementul averii și tot felul de servicii juridice nu apar atât de repede pe cât ne-am dori.

Pe parcurs, facem doar 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 realiza un instrument sub forma unui chatbot care poate funcționa în orice messenger convenabil utilizatorului.

Un proiect al studenților cursului BHSAD UX/UI Design pentru Ak Bars Bank: un asistent financiar personal, un instrument pentru investiții în orice mesager convenabil.

IDEO a fost o forță motrice recunoscută în aplicarea gândirii designului de mulți ani. Din ultimele lor cazuri, puteți vedea că această metodologie începe în mod activ să fie aplicată î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 digitalizeze. 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, fii mai flexibil și fă-ți clienții mai fericiți.

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

Traducerea materialului Hubspot despre ce este designul UX, cum se creează, ce instrumente sunt folosite și de ce este nevoie de design UX pentru afaceri.

La ce folosește site-ul sau aplicația dvs.? Este doar pentru a colecta informații cu el? Sau cumpărați cu un singur clic și primiți livrarea mărfurilor mâine? Sau este mai important să găsiți rapid răspunsuri la întrebările potrivite?

Gândiți-vă la oamenii care au dezvoltat acest site sau aplicație. Care era scopul lor?

Au încercat să creeze o resursă web care să aibă tot ceea ce le-ar plăcea. Un site ușor de utilizat, care vă oferă rapid informațiile pe care le căutați și vă ajută să luați decizii informate.

UX, sau experiența utilizatorului, cuprinde percepțiile și emoțiile pe care le evocă un produs sau serviciu software. UX se caracterizează prin ușurință în utilizare, accesibilitate și comoditate. Despre UX se vorbește adesea în contextul dispozitivelor electronice, smartphone-urilor, computerelor, software-ului sau site-urilor web. Dar un astfel de concept nu este nou; este ceva care se schimbă rapid, determinat de progresele tehnologice, noile interacțiuni și tendințele consumatorilor.

Utilizatorii caută modalități fulgerătoare de a rezolva problemele, așa că UX este extrem de important. Asigurați-vă că site-ul este clar și ușor de înțeles pentru utilizatori.

Dacă clienții nu găsesc resursa utilă și ușor de utilizat, se vor dezabona rapid. Majoritatea utilizatorilor decid într-un minut dacă închid site-ul.

În acest articol, vorbim mai multe despre industria UX în curs de dezvoltare, ce fel de designeri angajează companiile și de ce designul atent aduce beneficii fiecărei afaceri.

Ce este UX Design?

Designul UX, sau designul experienței utilizatorului, este ceea ce determină cât de mulțumit va fi utilizatorul cu un produs sau serviciu software; acest proces implică îmbunătățirea funcționalității, a gradului de utilizare și a confortului. UX Design - Creare produse software cu o experiență de utilizator atentă și relevantă. Domeniul designului UX acoperă o mulțime de subsecțiuni care merită luate în considerare.

1. Design interactiv

Designul de interacțiune, sau IxD, este o subsecțiune a designului UX care definește interacțiunea dintre utilizator și produs; scopul acestor interacțiuni este o experiență bună pentru utilizator.

2. Design vizual

Designul vizual folosește ilustrații, fotografie, tipografie și scheme de culori pentru a îmbunătăți experiența utilizatorului final. În designul vizual, este important să urmați principiile designului artistic. Printre acestea se numără echilibrul, spațiul, contrastul... Culoarea, forma, dimensiunea și alte elemente influențează, de asemenea, designul.

3. Cercetarea utilizatorilor

Acesta este ultimul dintre elementele de bază ale designului UX pe care companiile le folosesc pentru a-și da seama de așteptările clienților lor. Un proiect web de succes servește unui scop specific și rezolvă probleme specifice, așa că un pas important este acela de a afla de ce are nevoie consumatorul. Fără aceasta, designul se bazează doar pe presupuneri și presupuneri.

4. Arhitectura informaţiei

Designerii folosesc arhitectura informațională pentru a structura și eticheta conținutul într-un mod specific, pentru a facilita utilizatorilor să găsească informațiile de care au nevoie. Arhitectura informației este aplicată în dezvoltarea web, dezvoltarea de smartphone-uri, aplicații și este vizualizată în multe obiecte fizice. Ușurința în utilizare și accesibilitatea sunt două aspecte principale ale arhitecturii informaționale.

Pentru a ilustra, luați în considerare o hartă a metroului din New York. Apropo, asta bun exemplu arhitectură informațională care ajută oamenii să treacă de la un punct condiționat „A” la punctul „B”. Și, așa cum sună postulatul Institutului de Arhitectură Informațională, „dacă faci ceva pentru alții, aplici arhitectura informațională”.

Procesele componente ale UX Design

Există trei etape ale designului UX: 1. căutare public țintă 2. înțelegerea obiectivelor companiei – cum afectează astfel de obiective utilizatorul 3. gândirea în afara cutiei

De obicei, designul UX adoptă o abordare centrată pe utilizator - creând produsul final potrivit în trei pași. Mai simplu spus, trebuie luate în considerare nevoile celor pentru care se dezvoltă designul. Se aplică o mulțime de soluții pentru a elimina tot felul de complexități și rugozități; prototipurile sunt create și testate pe utilizatori.

Pe baza rezultatelor lucrării, este selectată cea mai bună dintre opțiunile dezvoltate. Dacă priviți lucrurile din punctul de vedere al utilizatorului și proiectați în funcție de preferințele acestuia, rezultatul va fi pe placul tuturor.

Principii de design UX

Industria de design UX se schimbă rapid, dar principiile fundamentale rămân aceleași. Designerii trebuie să înțeleagă de ce au nevoie în ceea ce privește echilibrul vizual. Concizia și claritatea sunt nuanțe importante; aici se aplică principiul - cu cât mai puțin, cu atât mai bine. Încercați ca designul să fie intuitiv și, mai important, luați în considerare interesele și nevoile utilizatorilor.

Domeniul de aplicare al UX este de obicei limitat la noile tehnologii, dar în centrul tuturor se află principii vechi ca lumea care îi ajută pe designeri să rezolve tot felul de probleme printr-o metodologie consecventă și subiectivă.

Luați în considerare contextul: utilizatorul trebuie să știe unde se află în momentul actual. Nu ar trebui să existe un sentiment de supraîncărcare de informații sau că el este pierdut. Sarcina dvs. este să solicitați și să indicați direcția corectă.

Fii om: Nimănui nu-i place senzația de a interacționa cu o mașină. Este mai probabil să construiți încredere dacă arătați latura umană a companiei dvs.

Disponibilitate: Nimeni nu vrea să-și piardă timpul. Designul UX de succes îmbunătățește navigarea.

Ușurință: consistența și simplitatea în design este întotdeauna un lucru bun. Construiți relații cu utilizatorii prin UX convenabil.

Simplitate: Fără calcule greșite sau descrieri inutile. Mergeți direct la punctul principal.

UX rezultat

Când proiectul UX este finalizat, designerul și echipa arată clientului și echipei lor o listă cu ceea ce s-a făcut. Este necesar să se arate procesul de lucru, o listă de idei implementate.

Aceasta este o parte importantă a procesului general. Acest lucru face mai ușor pentru designerii UX să găsească ceea ce caută, să-și demonstreze viziunea și să explice anumite recomandări de îmbunătățire.

1. Cercetarea utilizatorilor

Nevoile, tendințele și motivațiile utilizatorilor sunt toate dezvăluite prin diverse studii asupra utilizatorilor. Acestea pot fi date cantitative și calitative obținute în timpul testelor, de exemplu, cu participarea focus-grupurilor; o descriere detaliată a procesului de înregistrare, îmbarcare și solicitări către serviciul clienți. Scopul este de a obține o analiză detaliată a ceea ce este pe site și ce altceva poate fi îmbunătățit - toate ideile sunt testate pe utilizatori reali.

Cercetătorii creează portrete ale consumatorilor pe baza datelor reale despre oameni, ceea ce ajută la determinarea cu precizie cine va interacționa cu un site web sau cu o aplicație.

Prin cercetarea utilizatorilor, designerii își găsesc și își definesc utilizatorul.

2. Evaluarea concurenților

Evaluarea punctelor forte și a punctelor slabe ale concurenților este o modalitate de a vă extinde propria strategie UX. Cel mai bine este să acționați cu ajutorul rapoartelor analitice care evidențiază evoluții concurente. De fapt, aceasta este o analiză detaliată a designului interactiv al concurenților, o listă de puncte slabe, calcule greșite și omisiuni, în general, ceea ce poate deveni un avantaj competitiv.

3. Design interactiv

Descrierea interacțiunilor utilizatorilor poate fi sub forma unui prototip - acest lucru facilitează înțelegerea modului în care utilizatorii vor îndeplini sarcinile cheie, vor găsi informații și, în general, vor folosi produsul. Este descris procesul de căutare a informațiilor și cât de convenabilă este dezvoltarea. Prototipul ar trebui să fie cât mai simplificat posibil și aproape de versiunea finală.

4. Arhitectura informaţiei

IA este procesul de preluare a informațiilor și de transformare a acesteia într-o formă digerabilă, ceea ce este deosebit de important pentru site-urile mari. Este important să înțelegeți contextul în care oamenii vor folosi designul. Rezultatul final ar putea fi o hartă a site-ului cu indicii sau un exemplu de flux de utilizatori care arată modul în care vizitatorii navighează pe site.

Ce este User Interface Design?

Când Apple a introdus componenta de navigare Click Wheel pentru iPod, lucrul era intuitiv și extrem de funcțional - ca să nu mai vorbim vizual. Acesta este un bun exemplu de interfață de utilizator de succes sau UI. UI este modul în care interacționați cu computere, mașini, site-uri web, aplicații, dispozitive purtabile etc. Designul UI este ceea ce face ca toate aceste lucruri să fie cât mai simple și eficiente posibil.

UI vs. UX

UX, experiența utilizatorului, se referă la mișcarea utilizatorului pe un site web sau pe o aplicație. Designerii UX lucrează la forma și funcția unui produs sau tehnologie. UI sau interfața cu utilizatorul se concentrează pe modul în care arată și funcționează învelișul exterior al unui produs. Scopul designerilor UI este componentele tangibile și vizibile ale acestui proces.

Elemente generale ale UI

UX și UI au multe în comun, dar este important de remarcat diferențele cheie dintre cele două subiecte. Din nou, UI se concentrează pe exteriorul produsului, în timp ce UX se referă mai mult la modul în care oamenii interacționează cu site-ul sau aplicația. Iată cele mai comune elemente ale UI despre care trebuie să știți pentru a înțelege mai bine diferențele:

Componente de informații: designerii de UI folosesc componente de informații pentru a extinde așa-numitele. experiența cititorului – pentru a transmite mai multe informații. Exemple de componente de informații sunt indicatorii de stare, notificările și casetele de mesaje. Toate acestea sunt folosite ca confirmare: utilizatorul a finalizat o anumită sarcină. Sau pentru a anunța că este necesară o anumită acțiune din partea lui.

Navigare pe breadcrumb

Este un instrument de design care îmbunătățește vizual gradul de utilizare a unui site web.

Așa își văd oamenii locația pe o pagină web, în ​​structura sa ierarhică. Nu sunt necesare niciun element de design elegant, trebuie doar să arătați în ce secțiune a site-ului se află utilizatorul. De obicei, astfel de link-uri sunt plasate în partea de sus a paginii web a magazinelor online sau pe alte resurse.

Controale de intrare: utilizatorilor li se oferă mai multe opțiuni pentru a răspunde la întrebarea care le este adresată. Acestea pot fi casete de selectare, liste drop-down și butoane radio. Informațiile trebuie să fie scurte și concise pentru a facilita înțelegerea nevoilor.

Experienta de cercetare

Fără cercetare, nu va fi posibil să aflați despre nevoile și preferințele oamenilor. Cercetarea UX se referă la găsirea a ceea ce doresc utilizatorii; datele obținute formează baza designului UX. Companiile și designerii folosesc cercetarea pentru a trage concluzii despre ceea ce funcționează și ce trebuie schimbat. Există mai multe opțiuni pentru cercetarea UX.

Testare de utilizare

Scopul unui astfel de studiu este de a afla cât de succes este produsul; utilizatorii participă la testare. Acesta este modul în care companiile obțin informații reale despre modul în care oamenii folosesc un produs sau un sistem sau cum funcționează acel produs sau sistem. Există două moduri principale de a testa.

Testarea de utilizare pe utilizatori aleatori este o modalitate rapidă și ieftină pentru companii și cercetători de a obține informații de la oameni care ar putea să nu cunoască despre produsul lor. Oameni aleatoriu folosesc produsul și își împărtășesc părerea.

Testarea de utilizare de la distanță permite companiilor să efectueze cercetări în timp ce utilizatorii se află în mediul lor natural (de exemplu, acasă sau la birou).

Instrumente de testare a utilizabilității

Astfel de instrumente vă permit să aflați părerea utilizatorilor, să analizați feedbackul și să faceți anumite modificări pe baza datelor. Dacă sunteți în căutarea unui instrument care să vă ajute să vă dați seama cât de ușor este de utilizat site-ul sau aplicația dvs., aveți două opțiuni:

Adobe Fireworks CS6 permite designerilor web să creeze grafică pentru pagini web fără a fi nevoiți să se adâncească în complexitatea codului sau a designului. Adobe Fireworks are o serie de avantaje. Acest instrument are o acuratețe impresionantă a pixelilor, opțiuni de compresie a imaginii (JPEG, GIF etc.), permițând utilizatorilor să creeze site-uri web funcționale și să creeze vectori.

Cu ajutor de la Adobe XD vă permite să proiectați site-uri web și aplicații mobile, precum și prototipuri, wireframes și grafica vectoriala. Puteți partaja prototipuri interactive pe mai multe platforme, inclusiv Windows, Mac, iOS și Android - instrumentul este perfect pentru lucrul în echipă.

Axure RP Pro este altul un instrument bun pentru UX design și, în plus, gratuit. Axure are mai multe opțiuni, inclusiv prototipare și documentare. Puteți chiar să creați o hartă de navigare a utilizatorului și hărți ale site-ului. Ideal pentru crearea de aplicații web și desktop, Axure oferă utilizatorilor posibilitatea de a exporta rapid în PDF sau HTML.

Acesta este un software complex cu multe funcții specifice, inclusiv. editare nedistructivă (însemnând că Sketch nu va schimba densitatea pixelilor imaginii cu care lucrați). Export de cod, acuratețea pixelilor, prototipare, editare vectorială - acestea sunt principalele avantaje ale Sketch.

6. Software de storyboarding

S-ar putea să vă întrebați de ce designul UX are nevoie de un storyboard. Dar este o modalitate bună de a prezice vizual modul în care un utilizator va interacționa cu produsul dvs. într-un context mai larg. Există mai multe instrumente de storyboarding, cu diferite caracteristici și niveluri de dificultate.

Storyboarder este o dezvoltare gratuită cu funcționalități de bază, care este potrivită pentru toți designerii, indiferent de nivelul lor de calificare. Acest software creează rapid schițe sau figuri stick pentru a descrie un plan sau o idee. Un alt instrument este Toon Boom Storyboard Pro. Combină funcția de desen, animație, controlul camerei și multe alte opțiuni - pentru o taxă anuală sau lunară. Funcționalitate largă pentru povestiri sofisticate și lucrări pregătitoare detaliate. Toate acestea sunt grozave pentru designerii care caută o oportunitate de a-și spune vizual povestea printr-o interfață.

Cum să devii designer UX?

Dacă îți place designul, cercetarea și lucrul cu oameni – să-i asculți pe alții despre experiențele lor – atunci ar putea merita luată în considerare o carieră în design UX. Într-un astfel de caz, va trebui să vă concentrați pe aspectele conceptuale ale designului; creați o experiență de utilizator de calitate pentru alți utilizatori.

Există câțiva pași importanți pe drumul spre a deveni un designer UX. Multe universități din întreaga lume își oferă cursurile, dar pentru a te înscrie la ele, 4 ani de studii în domeniul designului este de obicei o condiție prealabilă. Există programe mai flexibile, cum ar fi Programul de absolvire a Universității Quinnipiac în Designul experienței utilizatorului. Există și programe de certificare pentru profesioniști. Depinde mult de durata antrenamentului și de nivelul de pregătire.

Dacă sunteți gata să vă îndepliniți visul de a deveni designer UX, veți avea nevoie de un CV și un portofoliu vibrant. Resurse precum Dribbble sau Behance sunt utile. Vă puteți prezenta munca pe propriul site web creat cu constructori precum SquareSpace.

Nu pierdeți din vedere următoarele nuanțe:

atracție vizuală

Prezentarea este totul. Lucrarea ar trebui să vorbească de la sine... arată, nu spune! Alegerea culorii, tipografie - totul este important.

Adăugați o pagină Despre

De ce ar trebui să te angajeze cineva? Ce nou puteți aduce oricărei organizații? Arată-le recrutorilor viziunea ta unică sau ceea ce te inspiră.

Angajatul companiei tale de vis nu ar trebui să aibă dificultăți în navigarea unui site de portofoliu. Adăugați în meniu secțiuni precum contacte, CV, portofoliu, despre mine etc. pentru a facilita navigarea.

Explicați cum vă creați UX Viitorul dvs. angajator dorește să vă înțeleagă modul de gândire. Adăugați informații care îi spun recrutorului despre cercetarea dvs. UX, brainstorming, procesul de proiectare sau prototip.

Creați un portofoliu suplimentar

Folosiți alte instrumente pentru a vă face munca disponibilă pe resursele web în care își petrec timpul designerii și cei care doresc să-i angajeze,

Designul UX este construit în jurul cunoștințelor psihologiei umane și, de-a lungul anilor de studiu pe utilizatori, există multe legi ale psihicului pe care trebuie să le cunoașteți atunci când proiectați o interfață.

Design UX: Legea lui Fitts

Timpul până la atingerea țintei este o funcție de distanța până la țintă și dimensiunea acesteia. În 1954, psihologul Paul Fitts, care a studiat sistemul motor uman, a arătat că timpul necesar pentru a lovi o țintă depinde de distanța până la țintă și este, de asemenea, invers legat de dimensiunea țintei. Conform acestei legi, mișcările rapide și țintele mici duc la mai multe erori. Legea lui Fitts este aplicată pe scară largă în UI și UX. De exemplu, conform acestei legi, butoanele interactive ar trebui să fie mari, deoarece butoanele mici sunt mai greu de apăsat și durează mai mult.

legea lui Hick

Timpul de decizie crește odată cu numărul și complexitatea alegerilor. Cu cât numărul de stimuli este mai mare, cu atât utilizatorul va trebui să aleagă mai mult cu care să interacționeze. Dacă utilizatorii sunt bombardați cu opțiuni, ei vor trebui să își facă timp pentru a interpreta și a decide ce nu vor să facă.

legea lui Iacov

Utilizatorii petrec mai mult timp pe alte site-uri. Aceasta înseamnă că utilizatorii preferă ca site-ul dvs. să funcționeze la fel ca site-urile pe care le cunosc deja. Legea lui Jakob a fost inventată de Jakob Nielsen, co-fondator al Nielsen Norman Group, care a adus contribuții uriașe la UX, cum ar fi inventarea metodei de evaluare euristică.

legea sarcinii

Oamenii vor percepe și interpreta imagini ambigue sau complexe în cel mai simplu mod posibil, deoarece această interpretare necesită cel mai mic efort cognitiv din partea noastră. Această lege a fost descoperită în 1910 de psihologul Max Wertheimer când a văzut lumini lângă o trecere de cale ferată. Era ca și cum ai aprinde și stinge luminile în jurul scenei. Pentru observator, pare a fi aceeași lumină care trece de la bec la bec, când de fapt este doar o serie de becuri care se aprind și se sting pe rând.

UX Design: Legea proximității

Obiectele apropiate unele de altele sunt percepute ca un grup. Această lege este, de asemenea, una dintre cele fundamentale în psihologia Gestalt și a fost descoperită de Wertheimer. El a observat că o serie rapidă de evenimente a creat iluzia mișcării. Filmele, de exemplu, sunt cadre cu mișcare rapidă care sunt percepute ca o experiență vizuală continuă.

legea lui Miller

În medie, o persoană poate păstra 7 ± 2 elemente în memoria de lucru. În 1956, George Miller spunea că gama de memorie imediată și judecată absolută era limitată la aproximativ 7 informații. Unitatea de bază a informațiilor este bitul, cantitatea de date necesară pentru a alege între două alternative la fel de probabile. Adică, 4 biți de informații reprezintă o decizie între 16 alternative pereche (4 decizii binare consecutive). Punctul în care confuzia provoacă o judecată greșită este lățimea de bandă a conexiunii.

legea Parkinson

Orice sarcină necesită tot timpul alocat pentru ea. Potrivit acestei legi, restricțiile de timp, spațiu sau buget duc la creșterea productivității și eficienței.

Efect de aranjament în serie

Utilizatorii își amintesc cel mai bine primul și ultimul obiect dintr-o serie. Manipularea plasării în serie pentru a crea o experiență mai bună pentru utilizator este folosită în multe modele populare de companii de succes precum Apple, Electronic Arts și Nike.

Design UX: Legea lui Tesler

Legea lui Tesler, sau Legea conservării complexității, afirmă că pentru orice sistem există o anumită valoare care nu poate fi redusă. La mijlocul anilor 1980, Larry Tesler și-a dat seama că interacțiunea utilizatorului cu aplicațiile era la fel de importantă ca și aplicațiile în sine. El spune că, în multe cazuri, un inginer ar trebui să petreacă o săptămână în plus simplificând o aplicație, mai degrabă decât ca milioane de utilizatori să petreacă un minut în plus folosind-o. program complex. Cu toate acestea, Bruce Tognazzini susține că oamenii rezistă să-și simplifice viața. Prin urmare, dacă aplicația este simplă, utilizatorii încep să se străduiască pentru sarcini mai complexe.

Design UX: efectul Von Restorff

utilizator Interfață Design sau interfață cu utilizatorul este conceput pentru a ajuta la organizarea interacțiunii utilizatorului cu un dispozitiv sau cu un program. Acesta este ceea ce utilizatorul întâlnește atunci când se uită la un dispozitiv sau un ecran: locația elementelor interfeței grafice, a butoanelor și a navigației. Cât de convenabilă este interfața cu utilizatorul depinde de dorința unei persoane de a utiliza site-ul sau aplicația. Loialitatea utilizatorilor depinde în mare măsură de confortul și atractivitatea interfeței. Un design luminos atrage oamenii și îi face să acceseze programul sau site-ul web. Prin urmare, este important ca designul UI să fie intuitiv.

Pentru a înțelege ce este designul UX și UI, imaginați-vă un scaun. Vom numi în mod condiționat designul UX al cadrului său, deoarece o persoană rezolvă o problemă a utilizatorului cu ajutorul scaunului însuși. În același timp, designul UI condiționat al unui produs este numărul picioarelor sale, forma spatelui sau a tapițeriei. Designul bun al interfeței de utilizare ține cont de caracterul practic al designului extern, de exemplu, un scaun, aceasta înseamnă să alegeți nu numai un material frumos, ci și durabil pentru produs.

Astfel, designul UI are ca scop crearea percepției emoționale necesare asupra produsului. Și designul UX se bazează pe asistența utilizatorului pentru a lucra cu resursa.

Ca rezultat al interacțiunii dintre UI și UX design, utilizatorul primește o singură impresie despre estetica designului vizual al interfeței și ușurința de trecere. la acțiunea dorită de pe pagină.

Vei primi

Lucrare de calitate realizata

Design atractiv

Implicarea emoțională a utilizatorului

Interfață structurată

Ceea ce determină prețul designului UI

1. Numărul de concepte de interfață. Cu cât sunt mai multe, cu atât este mai sus.
2. Tipul de dispozitiv pentru care este dezvoltată interfața. Poate fi interfața aplicației Android, interfața aplicații iOS sau o aplicație web.
3. După ce am format reguli UX. Dacă trebuie să stabilim regulile, prețul crește.
4. Nevoie de ilustrații. Ele pot fi grafice și animate. Pretul depinde si de cantitate. Cu cât sunt necesare mai multe ilustrații, cu atât costul designului UI este mai mare.

Comandați un design de interfață cu utilizatorul de la o agenție de branding COLORO. Vom găsi o abordare a proiectului dumneavoastră.

Dezvoltarea designului UI: etape

1.Formularea problemei:

• stabilirea obiectivelor pentru care va fi utilizată interfața;
• analiza nevoilor utilizatorilor;
• alegerea platformei pe care să implementeze proiectul.

2. Dezvoltarea schițelor de interfață.
3. Prototiparea, pentru a evalua confortul interfeței.
4. Analiza datelorși selecția celor mai bune opțiuni.

Interfața UI include următoarele elemente:

• arhitectura informatiei;
• proiectarea interacțiunii;
• design grafic.

Crearea designului UI: reguli

1. Designul elementelor de aplicare ar trebui să fie ca simplu și de înțeles.
2. Utilizator nu ar trebui să efectuează acțiuni complexe sau lanțuri lungi de tranziții.
3. Este recomandabil să se folosească elemente familiare controale și imagini clare.
4. Sunt necesare elemente legate logic uniîn meniul si forme.
5. Cel mai elemente importante UI trebuie să plece primul.
6. Interfața trebuie să fie încadrat într-un singur stil.

Atunci când dezvoltați un design UI pentru o aplicație mobilă sau web, este necesar să luați în considerare efect estetic-utilizabilitate(efect estetic-utilizabilitate). Fiind sub influența sa, unei persoane i se pare că interfața aplicațiilor care arată mai bine este mai convenabilă. Prin urmare, designul interfeței cu utilizatorul ar trebui să fie armonios combină frumusețeași comoditate.

Comandă proiectarea interfeței într-o agenție de branding KOLORO. Știm să găsim un echilibru.

Caracteristici ale dezvoltării interfeței aplicației

În funcție de scopul proiectului și scopul interfeței, designerul selectează schema de culori și designul. Ar trebui luat în considerare psihologia culorilorși cum îi afectează pe oameni. Când proiectați o interfață de utilizare, culoarea poate fi folosită evidentiaza calitatea aplicatii. Roșul este asociat cu puterea și pasiunea, verdele - cu natura și prosperitatea, albastrul - cu pacea, violetul - cu creativitatea și înțelepciunea.

Este necesar să se elaboreze cu atenție detaliile proiectului într-un stadiu incipient și să urmeze principiile principale ale dezvoltării unei interfețe mobile. Printre cele mai recente tendințe de design se numără dezvoltarea de aplicații care ar funcționa atât pe Android, cât și pe iOS. Cu toate acestea, designul UI este cel mai bine dezvoltat separat pentru fiecare aplicație mobilă. În acest fel, erorile și defecțiunile pot fi evitate.

Interfața de utilizare se confruntă cu următoarele sarcini:

1. Furnizați interacţiune utilizator cu aplicația.
2. aduce emoțional satisfacţie utilizator în timpul funcționării.
3. Arata atractiv.

Componentele UI

1. design vizual, sau VD este important pentru afișarea de calitate a culorilor, fonturilor și a altor elemente ale site-ului, deoarece aceasta este ceea ce creează estetica site-ului. O interfață de utilizator bună poate exista doar în combinația dintre conținutul paginii și funcționalitatea. În plus, designul vizual urmărește să atragă utilizatorul și să-și construiască încrederea în produs sau serviciu.
2. Sistem de proiectare - proiectarea interfeței utilizator prin sisteme de elemente de interfață individuale. Sunt necesare pentru a dezvolta șabloane reutilizabile.
3. Prototip este un exemplu de lucru al interfeței de utilizator proiectată. Simularea muncii oferă o idee despre răspunsurile elementelor de interfață înainte ca acestea să fie dezvoltate direct.
4. Conţinut. Gadget-urile au învățat utilizatorii să lucreze în modul multitasking, așa că atunci când proiectați o interfață cu utilizatorul, este important să demonstrați rapid și corect conținutul și funcționalitatea principală a aplicației și să mutați totul secundar în fundal sau să îl eliminați.

1. Părere- aceasta este utilizarea unui design diferit sau a unei animații a răspunsului programului la acțiunea utilizatorului. Acest lucru dă unei persoane să înțeleagă că totul este sub control și funcționează corect.
2. Operare cu o singură mână. design bun interfața trebuie adaptată pentru operarea cu o singură mână. Cel mai simplu mod de a gestiona programul este atunci când elementele necesare de navigare sunt situate în colțul din stânga jos. De asemenea, designul convenabil al interfeței prevede prezența butoanelor mari, a indentărilor și a designului captivant al elementelor importante pentru o interacțiune ușoară cu acestea.
3. Intrare rapidă. Formularele de completat ar trebui: să necesite o cantitate minimă de informații de la utilizator; ofera raspunsuri. De exemplu, dacă trebuie să aflați vârsta utilizatorului, este mai bine să folosiți o listă derulantă, dar să aflați adresa prin sincronizare cu geolocalizare. Recomandare generală- intrare manuală minimă.

Dezvoltarea designului UI în KOLORO vă va aduce

1. Interfață plăcută din punct de vedere estetic. Elementele de design și schemele de culori vor fi selectate în conformitate cu conceptul aplicației.
2. Simplitate și claritate în utilizare. Oamenii vor înțelege cu ușurință cum să interacționeze cu interfața.
3. Consecvență. Elementelor care acționează în același mod trebuie să li se acorde consistență. Acest lucru va face aplicația mai ușor de utilizat.

Designul UI este un element important al interfeței. Cu ajutorul acestuia, programul și utilizatorul sunt în contact. Contactați o agenție de branding culoare,și vom dezvolta cel mai convenabil design UI!