Privind la Ro-Lu: un studiu de caz de utilizare

Ro-Lu este un studio de mobilier, peisaj și design ecologic care lucrează și la artă și alte proiecte legate de design. Studioul se identifică cu o practică deschisă, exploratoare și s-a aventurat în multe alte discipline. Se presupune că atunci când site-ul a fost conceput, intenția designului a fost să reflecte stilul și ideologia lor.

Ceea ce urmează este un dialog între designerii Toptal, Darko Stanimirovic și Kent Mundle, în timp ce explorează site-ul Ro-Lu și discută despre estetica, capacitatea de utilizare și experiența generală a utilizatorului. (Nota editorului: site-ul și-a schimbat designul de la discuție.)

Acest proiect provoacă multe ipoteze despre ceea ce ar putea fi portofoliul web al unui studio de design, inclusiv experiența utilizatorului. Este posibil ca unii vizitatori ai site-ului să considere că aspectul experimental compromite utilizarea acestuia.

Unele dintre întrebările centrale care se pun sunt: ​​Este acceptabil ca estetica vizuală să fie în centrul atenției în timp ce sacrifică UX? Ce le spune acest site altor designeri despre contestarea status quo-ului? A împins lucrurile prea departe?

Kent: Darko, ai mai întâlnit o interfață ca aceasta?

Darko: Am ajuns pe pagină fără nicio cunoaștere reală a istoriei acestui grup sau a designerului din spatele site-ului, așa că am putut să o văd cu ochi proaspeți. Mi s-a părut interesant din punct de vedere vizual - culorile și aspectul sunt grozave, dar nu a existat nimic care să mă informeze despre ce era site-ul și nici despre cum să interacționez cu el. Prima mea înclinație a fost să înțeleg cum funcționează site-ul și cum să interacționez cu el, mai degrabă decât să învăț cine sunt artiștii.

Îmi imaginez că majoritatea designerilor UX care vizitează site-ul l-ar dezaproba din cauza navigației sale proaste și a lipsei unei structuri coerente. Nu este clar unde vă aflați sau care sunt opțiunile disponibile pentru explorare. Dar, în același timp, cred că comunică studioul într-un mod unic – cu siguranță este memorabil.

Chiar dacă ați veni pe site cu o intenție specifică de a găsi un anumit proiect sau cea mai recentă expoziție, ați fi greu să vă găsiți drumul. Designerii studioului și designerul site-ului par indiferenți la nevoile vizitatorilor site-ului și mai interesați să ofere o experiență unică, oricât de deconcertantă ar fi experiența utilizatorului.

Un design de portofoliu interesant este conceput ca un fel de expoziție, mai degrabă decât un simplu catalog de lucrări.

Kent: Este o calitate inerentă a portofoliilor online ale unor designeri care permite designului să iasă din normă?

Darko: Portofoliile web ale studiourilor de design sunt de obicei realizate de designeri, mai degrabă decât de dezvoltatori. Adesea, nu au idee cum să dezvolte site-ul, dar sunt liberi să se gândească la proiect într-un mod diferit. La fel ca site-ul Ro-Lu, cele mai interesante portofolii online sunt concepute mai degrabă ca un fel de expoziție online într-o galerie virtuală decât ca un simplu catalog de lucrări.

De obicei, un designer ar întreba: „Care este scopul site-ului? Ce impresie vrem să lăsăm vizitatorilor? Unde vom colecta e-mailurile? etc.” În acest caz, se simte ca și cum suntem invitați la o expoziție care prezintă lucrările studioului din punct de vedere conceptual. Ecranul digital este tratat de către designerul site-ului ca și cum ar fi camerele și pereții unei galerii, sau o pagină dintr-o revistă lucioasă și nu se acordă prea multă atenție nevoilor vizitatorului.

Kent: Cum ar putea un designer să îmbunătățească navigarea fără a compromite designul dorit al site-ului?

Darko: S-ar putea să existe modalități prin care un designer ar putea face acest site mai eficient, dar nu sunt sigur cât de interesați au fost designerii să facă navigarea mai evidentă. Designerii grafici tradiționali care fac design web au adesea o atitudine obișnuită față de vizitatori care își dau seama cum să navigheze eficient pe un site - ca și cum ar fi un joc, iar „descoperirea” lor o parte din distracție. În opinia mea, acest lucru este contraproductiv.

Dacă ar fi să reproiectez acest site, le-aș semnala vizitatorilor că aceasta este o pânză care prezintă o lucrare, cu mai mult decât se vede. Când un vizitator aterizează prima dată pe site, se pare că ceea ce vede este ceea ce primește și nu mai este nimic de explorat; nimic nu semnalează ceea ce se poate face clic pentru a se deplasa oriunde (lipsa semnificanților care să dea indicii oamenilor). Acesta este un eșec major de utilizare și dăunează scopului site-ului.

Aș comunica cumva că intenția este ca utilizatorul să interacționeze cu panoul plat de imagini prin mișcare. Poate că la intrare, întreaga pagină s-ar putea deplasa rapid, doar puțin, și apoi poate fi lăsată pe loc. Sau elementele individuale ar putea fi identificate cu o mișcare ușoară. Poate atunci, oamenii ar realiza că interfața de utilizare poate fi explorată prin diferite mijloace. Poate că o imagine s-ar putea muta puțin într-o parte, o bucată de text în alta, semnalând cumva vizitatorilor că sunt interactivi.

De asemenea, opțiunea de a mări pe pânză nu este evidentă. Situate în colțul din stânga sus, butoanele sunt prea mici pentru a fi observate. În plus, odată mărit, nu mai mult este captivant din punct de vedere vizual, așa că nu există nicio recompensă pentru a face acest lucru. Este prea înțelept, lăsând vizitatorii să se simtă și mai pierduți și nu sunt siguri ce să facă.

Este nevoie de atenție și în cadrul proiectelor în sine. După selectarea unui proiect, nu este clar ce să faci în continuare. Cu o tabletă, spre deosebire de un desktop, cursorul nu se poate schimba la trecerea cursorului pentru a indica faptul că imaginea principală se poate face clic, ceea ce înseamnă o trecere înainte la următoarea etapă.

Odată ce un vizitator intră în sfârșit, cele patru săgeți de navigare de pe interfața de utilizare sunt confuze. Stânga și dreapta în sine par simple și oferă o progresie logică - adăugarea de sus și de jos compromite întreaga structură.

O parte din designul acestui portofoliu se referă la jocul cu limitările.

Kent: Calitățile unice ale acestei experiențe justifică dezavantajele experimentului?

Darko: Conceptul de pânză liberă ar putea fi păstrat, făcând, de asemenea, site-ul mai utilizabil. Îmbunătățirea gradului de utilizare nu înseamnă neapărat să reveniți într-un aspect web tradițional de zidărie. Problema principală aici este că utilizatorul este forțat să plece într-o călătorie de „descoperire”. Aceasta este o greșeală. Nu este ceva ce oamenii se așteaptă sau sunt pregătiți să facă atunci când vizitează un site web.

Există o fricțiune încorporată în a cunoaște acest site — poate că această frecare este ceea ce face site-ul atât de unic. Acestea fiind spuse, nu cred că oamenii ar trebui să fie „făcuți să lucreze” pentru a se bucura de un site web. Prea multă frecare poate împinge lucrurile prea departe, determinând vizitatorii să abandoneze site-ul cu frustrare.

Kent: Intențiile bune ale designerului site-ului pot scuti produsul de calitățile sale negative?

Darko: Cred că multe dintre acestea sunt intenționate și că aleatorietatea nu este aleatorie, deoarece seamănă cu o tendință în design grafic numit conținut expus, care este populară de ceva vreme. Problema aici este că designul pe web nu este design grafic; este web design .

O mulțime de standarde tradiționale de design web sunt aruncate pentru clienții care sunt bine-cunoscuți, totul în numele experimentării și care doresc să fie „diferiți”. În loc să se concentreze pe prezentarea în cel mai eficient mod, cu cel mai bun UX, acest site reprezintă modul în care creatorii gândesc despre munca lor, practica lor și cum doresc să o prezinte lumii.

De exemplu, pe pagina lor „Despre”, aceștia afișează elemente care par irelevante la început, cum ar fi fotografiile în miniatură de la mijlocul propoziției. Pentru o persoană obișnuită, aceste părți pot părea redundante sau inutile, dar arată într-adevăr cum acest studio profită de fiecare ocazie pentru a-și exprima stilul și a comunica vizitatorilor cine sunt.

Acest site este un exemplu care demonstrează că un portofoliu nu trebuie doar să lase lucrarea să vorbească de la sine, ci modul în care este prezentată poate exprima și valorile individului.

Kent: Deși o mare parte din ceea ce este contestat în acest site web este specific tipului de conținut de portofoliu, există lecții care pot fi aplicate în general designului web?

Darko: Deși un proiect de portofoliu este în mod inerent mai flexibil prin faptul că nu trebuie întotdeauna să comunice totul perfect, acest site web arată că experimentarea în design web este posibilă și că este necesară.

Majoritatea designerilor web încep modelele cu componente care nu sunt interactive; acest site web ar fi imposibil de conceput în acest fel. Dar, în loc să ne ferim de asta, cred că este important să analizăm ceea ce încearcă să facă acest site, deoarece în mod clar nu a fost ușor de executat.

Web-ul are încă limitările sale, dar, în opinia mea, designerii web se simt adesea excesiv de constrânși de ele. Acest site arată cum să începeți să extindeți posibilitățile și nu ar trebui pur și simplu ignorat ca un „site de portofoliu artistic,” în care un designer este liber să facă orice vrea.

Întrebarea devine atunci, cum facem asta fără a întrerupe capacitatea de utilizare?

Kent: Adesea, desigur, este dificil să reinventezi roata în limitele bugetelor și termenelor.

Darko: Da, de multe ori acele constrângeri îi obligă pe designeri să se retragă în siguranța a ceea ce este deja acolo – sau cu ceea ce oamenii sunt obișnuiți. Aceasta se referă la o discuție mai largă despre importanța originalității în designul web și înțelegerea acelor avantaje sau dezavantaje. Unde ar trebui să sacrificăm utilitatea pentru originalitate sau invers? Cum găsim acel echilibru? Este o dezbatere interesantă.

(Site-ul web Ro-Lu a fost proiectat de Dylan Fracareta și Eric Price. Fracareta, care este acum director de design la Muzeul de Artă Contemporană din Chicago, conducea o practică independentă de design, concentrându-se pe design pentru artă, arhitectură, modă și sectoare culturale. Price este un designer grafic și programator, cu accent pe media digitale, publicații și design de identitate pentru sectoarele de artă și culturale.)

• • •

Citiri suplimentare pe Blogul Toptal Design:

• Analiză euristică pentru UX – Cum să rulați o evaluare a gradului de utilizare
• O rătăcire împotriva modelelor drăguțe
• Experiența este totul – Ghidul suprem UX
• Testare UX pentru mase: Păstrați-o simplă și rentabilă