Nu vă numiți niciodată designer UI: UI este UX

Publicat: 2022-03-11

UI și UX sunt doi termeni de design foarte comuni; cu toate acestea, acești termeni sunt adesea aruncați în context greșit.

Între timp, titlurile de post tradiționale, cum ar fi „designer de site-uri web” și „designer de aplicații” sunt mult mai puțin frecvente în zilele noastre, în ciuda faptului că sunt descrieri perfecte ale serviciilor de design pe care le-ar putea oferi un designer. Despre ce este această fascinație pentru cuvântul „UI” ? Și de ce unii designeri se numesc „designeri UI” sau „designeri UX/UI”?

UI nu face parte din UX?

De ce a devenit „UI” un astfel de cuvânt la modă?

UX vs. UI

Noi, ca designeri (și ca ființe umane), suntem obsedați de felul în care arată lucrurile. Știm că „ceea ce este în interior contează”, dar totuși ne defilăm în fața oglinzii în fiecare dimineață, încercând să arătăm frumos pentru străinii întâmplători pe care nu îi vom mai vedea niciodată.

Designul UI nu este diferit. Ne dorim ca interfețele noastre de utilizator să fie plăcute din punct de vedere estetic și, indiferent dacă recunoaștem sau nu, ne place ca munca noastră să fie admirată și validată. Deoarece lucrurile care sunt atractive din punct de vedere vizual atrag mai multe capetele, acest lucru îi poate determina pe unii designeri să dedice mai mult timp modului în care arată o interfață, mai degrabă decât modului în care funcționează. Diferența cheie dintre UI și UX este că UI este așa cum arată , iar UX-ul este modul în care funcționează .

Prin definiția Nielsen Norman Group, „„Experiența utilizatorului” cuprinde toate aspectele interacțiunii utilizatorului final cu compania, serviciile și produsele sale.”

A te numi designer de interfață este aproape la fel cu a spune: „Sunt mai concentrat pe cum arată”. În realitate, interfața cu utilizatorul este doar o contribuție la experiența utilizatorului. Există mulți alți factori dincolo de interfața de utilizare care contribuie la experiența generală a utilizatorului.

A numi câteva:

  • Fluxul de utilizatori îl ajută pe utilizator să-și atingă obiectivul rapid?
  • Poate orice utilizator, indiferent de vârstă sau de capacitatea fizică, să acceseze interfața de utilizare?
  • Utilizabilitatea este suficient de bună pentru ca utilizatorul să poată folosi site-ul cu ușurință?
  • Deciziile de proiectare sunt conduse de date solide și de cercetarea utilizatorilor?
  • Este aplicația suficient de intuitivă pentru a ghici ce vrea utilizatorul?

Designul vizual încă contează. Culorile încă contează, brandingul contează în continuare și modul în care interfața de utilizare se anime atunci când utilizatorul interacționează cu ea contează, dar atunci când începem să luăm decizii de design în funcție de cum arată ceva, nu mai proiectăm pentru utilizatori .

De fapt, nici măcar nu proiectăm. Facem artă.

o imagine care compară ui vs. ux
Experiența utilizatorului vs. interfață cu utilizatorul. (Ilustrație de Shane Rounce)

De regulă, UI este modul în care interacționați cu un produs (de exemplu, clicuri, atingeri și interacțiuni vocale), iar UX este opinia/emoția rezultată resimțită de utilizator (de exemplu, este rapid/lent, intuitiv/confuz și /sau îl face pe utilizator să se simtă fericit/frustrat).

De ce nu ar trebui să „Design for like-uri”

Rețelele de socializare creează dependență. De ce creează dependență este o cu totul altă poveste – în concluzie, este. Oamenii împărtășesc lucruri pe rețelele de socializare pentru „like-uri”, deoarece, pe scurt, activează sistemul de recompense din creierul nostru. Căutăm validarea de la ceilalți sub formă de like-uri și adepți la fel cum căutăm sex sau mâncare - se simte frumos și, pe măsură ce sentimentul începe să se estompeze, îl căutăm rapid din nou pentru a ne îndeplini dorințele. Persoana medie petrece aproape două ore pe zi pe rețelele de socializare.

Introduceți Dribbble, sau mai bine zis, ceea ce este cunoscut sub numele de „efectul Dribbble”.

Dribbble a început ca un site web „arătați și spuneți” pentru designeri, dar a devenit rapid cunoscut ca o modalitate de a arăta munca de design pentru aprecieri, mai degrabă decât feedback constructiv. Acest lucru i-a determinat pe designeri să încarce lucrări special pentru aprecieri, iar acest moft nu s-a terminat aici.

Ca și în cazul tuturor dependențelor, designerii au început să găsească mai multe modalități de a-l hrăni, inclusiv crearea de clienți falși și concepte de aplicație doar pentru a avea ceva care să le „place” Dribbbler-ilor.

Abonați-vă la blogul de design Toptal și primiți cartea noastră electronică

Ce e în neregulă cu asta?

Designul înseamnă rezolvarea problemelor cu care se confruntă utilizatorii. Dacă nu proiectăm cu un utilizator în minte, atunci nu există nicio problemă de rezolvat. Dacă nu există nicio problemă , atunci vizualizăm interfețele de utilizator de dragul acesteia. Nu numai că vom ajunge cu ceva nepractic, dar proiectarea pentru idealuri imaginare nu ne va ajuta să ne îmbunătățim ca designer.

Să aruncăm o privire la câteva dezastre de design pe Dribbble.

Chiar dacă acest prim exemplu nu formează un real brief/client de design, iar fundalul exagerat îndepărtează oarecum designul în sine, ceea ce face acest lucru și mai nerealist este faptul că elementele vizuale se extind dincolo de fereastra de vizualizare, ca un un fel de „ruperea celui de-al patrulea” efect de perete. În timp ce designul își propune să fie „frumos”, nu este un design care funcționează .

tendințe de design vs. design semnificativ
În acest exemplu, designul sacrifică semnificația și valoarea pentru elementele vizuale nepractice.


proiectare pentru utilizatori reali cu dispozitive reale
În acest exemplu, interfața de utilizare este proiectată pentru un dispozitiv care nici măcar nu există.


o interfață 3d din viitor
Acest exemplu arată uimitor ca o piesă de artă, dar în prezent niciun dispozitiv nu ne permite să vedem interfețele de utilizare în acest fel.


un design de site web frumos prezentat
Acest exemplu este mult mai bun, deoarece prezintă un design real, viabil, fără clopote și fluiere.

De unde această obsesie pentru designul vizual?

Proiectarea pentru like-uri este adesea derivată din dragostea pentru o anumită tendință de design care a devenit mainstream; de exemplu, utilizarea de către Apple a designului plat și a minimalismului care a văzut efectiv sfârșitul skeuomorfismului. Deși, desigur, nu este nimic în neregulă cu oricare dintre aceste estetici vizuale, proiectarea a ceva pur pentru a implementa o tendință se limitează la descrierea postului unui artist, nu a unui designer și, cu siguranță, nu include UX.

În schimb, în ​​primul rând, designerii UX ar trebui să se uite la cum să îmbunătățească experiențele utilizatorilor și, dacă o tendință de design vizual se întâmplă să umple acel gol, atunci și numai atunci ar trebui să o folosim.

După cum am menționat mai devreme, colectarea de „aprecieri” activează sistemul de recompense din creierul nostru. Mai exact, recompensele cresc nivelul de dopamină din corpul nostru, iar dopamina acționează ca un neurotransmițător, trimițând un mesaj creierului atunci când ne recompensăm. Creierul, extrem de recunoscător, ne face să ne simțim bine în schimb ca recompensă pentru acțiunile noastre.

Acest lucru îi determină pe „designerii” leneși să evite designul pentru utilizatori și, în schimb, implementează tendințe care vor avea ca rezultat un număr mare de aprecieri. Acest lucru provoacă concepții greșite despre ceea ce este cu adevărat designul, ceea ce îi determină pe clienți să gândească la fel. Acesta este un mare deserviciu pentru industria de design UX și colegii designeri UX care doresc să proiecteze cele mai bune produse.

Principii de design UX

Este imposibil să explici multe concepte de UX dintr-o dată, dar iată factorii fundamentali care contribuie la o experiență eficientă a utilizatorului, pe scurt:

  • Viteză
    • Aplicația sau site-ul este lent (sau se simte lent)?
    • Este necesar utilizatorului să facă clic/defilare/interacționare mai mult decât este necesar?
    • Există prea multe distrageri și/sau decizii de luat?
    • Există frecare care oprește/întârzie utilizatorul să obțină ceea ce își dorește?
  • Intuiţie
    • Este evident pentru utilizator ce trebuie să facă în continuare?
    • Putem determina ce dorește utilizatorul și putem afișa conținutul în consecință?
  • Accesibilitate
    • Poate utilizatorul să acceseze interfața de utilizare, indiferent de vârstă sau dizabilitate?
    • Ne-am gândit la numeroasele tipuri diferite de daltonism?
  • Utilizabilitate
    • Pe dispozitivele mobile, țintele de atingere au dimensiunea adecvată?
    • Sunt țintele ușor accesibile pentru degetele mari?
    • Este designul receptiv? Se adaptează la toate dispozitivele?

20 de euristici de utilizare
Susan Weinschenk și Dean Barker (Weinschenk și Barker 2000) au cercetat ghidurile de utilizare și euristicile din mai multe surse (inclusiv Nielsen, Apple și Microsoft) și au generat acest set de 20 de euristici de utilizare pentru a verifica.

Designul vizual este încă important

Designul vizual joacă un rol important în proiectarea experienței utilizatorului, de aceea nu ar trebui să comparăm UI cu UX—UI este o parte a UX. A te numi designer UI atrage atenția doar asupra aspectelor mai pline de farmec ale designului UX, acordând mai puțină atenție UX în ansamblu și modului în care poate fi folosit pentru a îndeplini obiectivele de afaceri.

Iată principiile de design UX enumerate mai sus, doar că de această dată, vom menționa modul în care designul vizual influențează lucrurile:

  • Viteză
    • Poate utilizatorul să identifice rapid unde trebuie să se uite și să interacționeze, folosind contrastul , culoarea și spațierea ca indicii vizuale?
    • Interfața de utilizare/conținutul de deasupra paginii se redă imediat, explică ce trebuie să facă utilizatorul pe ecranul respectiv și are un îndemn clar la acțiune?
  • Accesibilitate
    • Alegerile de culoare creează suficient contrast?
    • Este UI suficient de mare pentru cei cu dificultăți de a vedea?
  • Utilizabilitate
    • Există o ierarhie vizuală care ilustrează importanța fiecărui element?
    • Transmitem vizual încredere și securitate atunci când este cazul?
    • Implementăm micro-interacțiuni care par naturale și clarifică acțiunea pe care o întreprinde utilizatorul?

Este important să ne gândim la UI ca la un instrument care poate fi folosit pentru a îmbunătăți UX, mai degrabă decât la o acoperire strălucitoare care poate face UX „să arate mai bine”. Luați Amazon de exemplu: ei câștigă peste o sută de miliarde de dolari în fiecare an și, deși experiența lor de interfață și de plată este evident intuitivă, nu este convențional atrăgătoare în ceea ce privește estetica vizuală.

Amazon
Amazon a câștigat 1,9 miliarde de dolari în ultimele trei luni ale anului 2017, dar nu ați fi ghicit din designul său UI.

Designul UX/UI ar trebui să fie condus de date

Designul UX (care include UI) ar trebui să fie condus de cercetarea utilizatorilor (analitice de urmărire, interviuri cu utilizatorii, sondaje cu clienții), teste de utilizare, un flux de lucru UX slab (care include prototipuri, feedback intern și livrare regulată) și orice altceva care oferă date și informații despre modul în care utilizatorii interacționează cu interfața (sau cu afacerea în ansamblu).

Dacă o aplicație sau un site web nu funcționează conform standardelor așteptate, aceste metode calitative și cantitative de cercetare a utilizatorilor pot ajuta designerii UX să ia decizii de design mai eficiente, fie că este vorba despre o decizie legată de fluxul de utilizatori sau doar de culori. Această abordare a proiectării bazată pe date face ca UI și UX să fie unul și același lucru.

Concluzie

Nu este nimic în neregulă să fii numit designer web sau designer de aplicații sau chiar designer de aplicații vocale sau designer de purtabile. Descrie ceea ce ești, iar clienții vor putea înțelege mai repede ceea ce faci. Clienților nu le pasă dacă aveți un post la modă sau câte aprecieri are un design pe Dribbble. Tot ce doresc clienții să știe este că știi cum să rezolvi experiențele utilizatorilor în mod eficient, ținând cont de obiectivele de afaceri ale companiei și luând decizii de proiectare bazate mai degrabă pe date decât pe preferințe și tendințe.

Pe de altă parte, nici termenul „UX designer” nu este greșit – adică dacă te consideri un designer care proiectează toate tipurile de interfețe. Mai presus de toate, este important ca în calitate de designer să alegi un titlu de post cu care te identifici cu adevărat.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
  • Importanța designului centrat pe om în proiectarea produsului
  • Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
  • Principii euristice pentru interfețele mobile
  • Design anticipator: Cum să creați experiențe magice pentru utilizator