Guardando Ro-Lu: un caso di studio sull'usabilità

Ro-Lu è uno studio di design di arredamento, paesaggio e ambiente che si occupa anche di arte e altri progetti legati al design. Lo studio si identifica con una pratica aperta ed esplorativa e si è avventurato in molte altre discipline. Si presume che quando il sito è stato concepito, l'intenzione del design fosse quella di riflettere il loro stile e ideologia.

Quello che segue è un dialogo tra i designer di Toptal Darko Stanimirovic e Kent Mundle mentre esplorano il sito di Ro-Lu e ne discutono l'estetica, l'usabilità e l'esperienza complessiva dell'utente. (Nota dell'editore: il sito ha cambiato il suo design dopo la discussione.)

Questo progetto sfida molti presupposti su ciò che potrebbe essere il portfolio basato sul web di uno studio di design, inclusa la sua esperienza utente. È possibile che alcuni visitatori del sito ritengano che l'aspetto sperimentale ne comprometta l'usabilità.

Alcune delle domande centrali che vengono poste sono: è accettabile che l'estetica visiva sia al centro della scena sacrificando l'UX? Cosa dice questo sito agli altri designer sulla sfida allo status quo? Ha spinto le cose troppo oltre?

Kent: Darko, hai mai incontrato un'interfaccia come questa?

Darko: Sono arrivato alla pagina senza alcuna reale conoscenza della storia di questo gruppo, o di quella del designer dietro il sito, quindi ho potuto vederlo con occhi nuovi. L'ho trovato visivamente interessante: i colori e il layout sono fantastici, ma non c'era nulla che mi informasse sull'argomento del sito, né su come interagire con esso. La mia prima inclinazione è stata capire come funzionava il sito e come interagire con esso, piuttosto che imparare chi fossero gli artisti.

Immagino che la maggior parte dei designer di UX che visitano il sito lo disapprovi a causa della sua scarsa navigazione e della mancanza di una struttura coerente. Non è chiaro dove ti trovi o quali siano le opzioni disponibili per l'esplorazione. Ma, allo stesso tempo, penso che comunichi lo studio in un modo unico: è sicuramente memorabile.

Anche se sei venuto sul sito con l'intento specifico di trovare un determinato progetto o l'ultima mostra, ti sarebbe difficile orientarti. I designer dello studio e il designer del sito sembrano indifferenti alle esigenze dei visitatori del sito e più interessati a fornire un'esperienza unica, non importa quanto sconcertante l'esperienza dell'utente.

Un interessante portfolio design è concepito come una sorta di mostra, piuttosto che un semplice catalogo di lavori.

Kent: È una qualità intrinseca dei portafogli online di alcuni designer che consente al design di uscire dalla norma?

Darko: I portafogli web degli studi di design sono in genere realizzati da designer piuttosto che da sviluppatori. Spesso non hanno idea di come sviluppare il sito ma sono liberi di pensare al progetto in modo diverso. Come il sito Ro-Lu, i portfolio online più interessanti sono concepiti come una sorta di mostra online in una galleria virtuale piuttosto che come un semplice catalogo di lavori.

Tipicamente, un designer chiederebbe: “Qual è l'obiettivo del sito? Quale impressione vogliamo lasciare ai visitatori? Dove raccoglieremo le email? eccetera." In questo caso sembra di essere invitati a una mostra che presenta concettualmente il lavoro dello studio. Lo schermo digitale viene trattato dal progettista del sito come se fosse le stanze e le pareti di una galleria, o la pagina di una rivista patinata, e non si tiene molto conto delle esigenze del visitatore.

Kent: In che modo un designer potrebbe migliorare la navigazione senza compromettere il design previsto del sito?

Darko: Potrebbero esserci modi in cui un designer potrebbe rendere questo sito più efficace, ma non sono sicuro di quanto fossero interessati i designer a rendere la navigazione più ovvia. I grafici tradizionali che si occupano di web design spesso hanno un atteggiamento disinvolto nei confronti dei visitatori che cercano di capire come navigare in un sito in modo efficace, come se fosse un gioco, e la loro "scoperta" fa parte del divertimento. Questo secondo me è controproducente.

Se dovessi riprogettare questo sito, segnalerei ai visitatori che si tratta di una tela che mostra un'opera, con più di quanto sembri. Quando un visitatore atterra per la prima volta sul sito, sembra che ciò che vede sia ciò che ottiene e non ci sia più niente da esplorare; nulla segnala ciò che è cliccabile per spostarsi ovunque (mancanza di significanti per dare indizi alle persone). Questo è un grave errore di usabilità e dannoso per lo scopo del sito.

Vorrei in qualche modo comunicare che l'intenzione è che l'utente interagisca con la tavola piatta delle immagini attraverso il movimento. Forse all'ingresso, l'intera pagina potrebbe spostarsi rapidamente, solo leggermente, e quindi essere lasciata al suo posto. Oppure i singoli elementi potrebbero essere identificati con un leggero movimento. Forse allora, le persone si renderebbero conto che l'interfaccia utente può essere esplorata con vari mezzi. Forse un'immagine potrebbe spostarsi un po' da un lato, un pezzo di testo dall'altro, segnalando in qualche modo ai visitatori che sono interattivi.

Allo stesso modo, l'opzione per ingrandire la tela non è ovvia. Situati nell'angolo in alto a sinistra, i pulsanti sono troppo piccoli per essere notati. Inoltre, una volta ingrandito, non molto di più è visivamente accattivante, quindi c'è poca ricompensa per farlo. È troppo ingannevole, lasciando i visitatori ancora più persi e incerti su cosa fare.

L'attenzione è necessaria anche all'interno dei progetti stessi. Dopo aver selezionato un progetto, non è chiaro cosa fare dopo. Con un tablet, a differenza di un desktop, il cursore non può cambiare al passaggio del mouse per indicare che l'immagine principale è selezionabile, a significare un passaggio alla fase successiva.

Una volta che un visitatore è finalmente entrato, le quattro frecce di navigazione sull'interfaccia utente creano confusione. La sinistra e la destra da sole sembrano semplici e forniscono una progressione logica: l'aggiunta della parte superiore e inferiore compromette l'intera struttura.

Parte di questo design del portfolio riguarda il gioco con i limiti.

Kent: Le qualità uniche di questa esperienza giustificano gli svantaggi dell'esperimento?

Darko: Il concetto di tela sciolta potrebbe essere mantenuto rendendo il sito più fruibile. Migliorare l'usabilità non significa necessariamente ricadere in un layout web tradizionale in muratura. Il problema principale qui è che l'utente è costretto a intraprendere un viaggio di "scoperta". Questo è un errore. Non è qualcosa che le persone si aspettano o sono preparate a fare quando visitano un sito web.

C'è qualche attrito intrinseco nel conoscere questo sito, forse questo è ciò che rende il sito così unico. Detto questo, non credo che le persone dovrebbero essere "fatte per lavorare" per godersi un sito web. Troppo attrito può spingere le cose troppo oltre, facendo sì che i visitatori abbandonino il sito per la frustrazione.

Kent: Le buone intenzioni del designer del sito possono alleviare il prodotto dalle sue qualità negative?

Darko: Credo che gran parte di questo sia intenzionale e che la casualità non sia casuale, poiché assomiglia a una tendenza nel design grafico chiamata contenuto esposto che è stata popolare per un po' di tempo. Il problema qui è che il design sul web non è un design grafico; è web design .

Molti standard di web design tradizionali vengono eliminati per i clienti che sono famosi, tutto in nome della sperimentazione e del desiderio di essere "diversi". Piuttosto che concentrarsi sulla presentazione nel modo più efficiente, con la migliore UX, questo sito rappresenta come i creatori pensano al loro lavoro, alla loro pratica e come vogliono presentarlo al mondo.

Ad esempio, nella loro pagina "Informazioni", mostrano elementi che all'inizio sembrano irrilevanti, come le foto in miniatura a metà frase. Per una persona media, questi frammenti possono sembrare ridondanti o inutili, ma mostra davvero come questo studio coglie ogni opportunità per esprimere il proprio stile e comunicare ai visitatori chi sono.

Questo sito è un esempio che dimostra che un portfolio non deve semplicemente lasciare che l'opera parli da sola, ma il modo in cui viene presentata può anche esprimere i valori dell'individuo.

Kent: Sebbene gran parte di ciò che viene contestato in questo sito Web sia specifico per il tipo di contenuto del portfolio, ci sono lezioni che possono essere applicate in generale al web design?

Darko: Sebbene un progetto portfolio sia intrinsecamente più flessibile in quanto non ha sempre bisogno di comunicare tutto perfettamente, questo sito mostra che la sperimentazione nel web design è possibile e che è necessaria.

La maggior parte dei web designer inizia i prototipi con componenti che non sono interattivi; questo sito sarebbe impossibile da concepire in questo modo. Ma piuttosto che evitarlo, penso che sia importante analizzare ciò che questo sito Web sta cercando di fare perché chiaramente non è stato facile da eseguire.

Il web ha ancora i suoi limiti, ma secondo me i web designer spesso si sentono eccessivamente vincolati da essi. Questo sito mostra come iniziare ad ampliare le possibilità e non dovrebbe essere semplicemente ignorato come un "sito portfolio artistico", in cui un designer è libero di fare quello che vuole.

La domanda quindi diventa: come possiamo farlo senza interrompere l'usabilità?

Kent: Spesso, ovviamente, è difficile reinventare la ruota entro i limiti di budget e tempistiche.

Darko: Sì, spesso queste restrizioni costringono i designer a ritirarsi nella sicurezza di ciò che è già là fuori o di ciò a cui le persone sono abituate. Questo parla di una discussione più ampia sull'importanza dell'originalità nel web design e sulla comprensione di tali vantaggi o svantaggi. Dove dovremmo sacrificare l'usabilità per l'originalità, o viceversa? Come troviamo quell'equilibrio? È un dibattito interessante.

(Il sito web Ro-Lu è stato progettato da Dylan Fracareta ed Eric Price. Fracareta, che ora è direttore del design al Museum of Contemporary Art di Chicago, gestiva uno studio di design indipendente, incentrato sul design per l'arte, l'architettura, la moda e Settori culturali Price è un grafico e programmatore specializzato in media digitali, pubblicazioni e design dell'identità per i settori dell'arte e della cultura.)

• • •

Ulteriori letture sul blog di Toptal Design:

• Analisi euristica per UX – Come eseguire una valutazione dell'usabilità
• Uno sfogo contro i bei disegni
• L'esperienza è tutto: la guida all'esperienza utente definitiva
• Test UX per le masse: mantienilo semplice ed economico