Patrząc na Ro-Lu: studium przypadku użyteczności

Ro-Lu to studio projektowania mebli, krajobrazu i środowiska, które zajmuje się również sztuką i innymi projektami związanymi z projektowaniem. Studio utożsamia się z otwartą, odkrywczą praktyką i zapuszcza się w wiele innych dyscyplin. Przyjmuje się, że przy tworzeniu strony intencją projektu było odzwierciedlenie ich stylu i ideologii.

Poniżej znajduje się dialog między projektantami Toptal, Darko Stanimirovic i Kent Mundle, którzy eksplorują witrynę Ro-Lu i omawiają jej estetykę, użyteczność i ogólne wrażenia użytkownika. (Od redakcji: strona zmieniła wygląd od czasu dyskusji.)

Ten projekt kwestionuje wiele założeń dotyczących internetowego portfolio studia projektowego, w tym jego doświadczenia użytkownika. Możliwe, że niektórzy odwiedzający witrynę uznają, że eksperymentalny wygląd i działanie utrudniają jego użyteczność.

Niektóre z zadawanych pytań to: Czy akceptowalne jest, aby estetyka wizualna zajmowała centralne miejsce podczas poświęcania UX? Co ta strona mówi innym projektantom o kwestionowaniu status quo? Czy posunął się za daleko?

Kent: Darko, czy spotkałeś się wcześniej z interfejsem takim jak ten?

Darko: Wszedłem na stronę bez żadnej prawdziwej znajomości historii tej grupy, ani projektanta strony, więc mogłem to zobaczyć świeżym okiem. Uważam, że jest to interesujące wizualnie — kolory i układ są świetne, ale nic nie informowało mnie o tym, o czym jest strona ani jak z nią wchodzić w interakcję. Moją pierwszą chęcią było zrozumienie, jak działa strona i jak się z nią angażować, a nie poznawanie artystów.

Wyobrażam sobie, że większość projektantów UX odwiedzających witrynę nie pochwaliłaby jej ze względu na słabą nawigację i brak spójnej struktury. Nie jest jasne, gdzie jesteś, ani jakie są dostępne opcje eksploracji. Ale jednocześnie uważam, że komunikuje to studio w wyjątkowy sposób – z pewnością zapada w pamięć.

Nawet jeśli trafiłeś na stronę z konkretnym zamiarem znalezienia konkretnego projektu lub najnowszej wystawy, trudno byłoby Ci się odnaleźć. Projektanci studia i projektant strony wydają się obojętni na potrzeby odwiedzających witrynę i bardziej zainteresowani zapewnieniem unikalnych wrażeń, bez względu na to, jak niepokojące są one dla użytkownika.

Ciekawy projekt portfolio pomyślany jest jako rodzaj wystawy, a nie prosty katalog prac.

Kent: Czy to nieodłączna cecha portfolio niektórych projektantów online, która pozwala projektowi wyłamywać się z normy?

Darko: Portfele internetowe studiów projektowych są zazwyczaj tworzone przez projektantów, a nie programistów. Często nie mają pojęcia, jak rozwijać witrynę, ale mogą myśleć o projekcie w inny sposób. Podobnie jak strona Ro-Lu, najciekawsze portfolia online są pomyślane jako rodzaj internetowej wystawy w wirtualnej galerii, a nie prosty katalog prac.

Zazwyczaj projektant zadaje pytanie: „Jaki jest cel witryny? Jakie wrażenie chcemy wywrzeć na odwiedzających? Gdzie będziemy zbierać e-maile? itp." W tym przypadku czujemy się tak, jakbyśmy zostali zaproszeni na wystawę, która koncepcyjnie przedstawia pracę pracowni. Ekran cyfrowy jest traktowany przez projektanta strony jak pomieszczenia i ściany galerii lub strona w błyszczącym czasopiśmie i nie poświęca się zbyt wiele uwagi potrzebom odwiedzającego.

Kent: W jaki sposób projektant może poprawić nawigację bez naruszania zamierzonego projektu witryny?

Darko: Mogą istnieć sposoby, w jakie projektant mógłby uczynić tę stronę bardziej efektywną, ale nie jestem pewien, w jakim stopniu projektanci byli zainteresowani uczynieniem nawigacji bardziej oczywistą. Tradycyjni graficy, którzy zajmują się projektowaniem stron internetowych, często mają zwyczajne podejście do odwiedzających, którzy zastanawiają się, jak skutecznie poruszać się po witrynie – tak, jakby była to gra, i ich „odkrywanie” części zabawy. Moim zdaniem przynosi to efekt przeciwny do zamierzonego.

Gdybym miał przeprojektować tę stronę, zasygnalizowałbym odwiedzającym, że jest to płótno prezentujące pracę, w której jest coś więcej niż na pierwszy rzut oka. Kiedy odwiedzający po raz pierwszy ląduje na stronie, wygląda na to, że to, co widzi, jest tym, co otrzymuje i nie ma nic więcej do odkrycia; nic nie sygnalizuje tego, co można kliknąć, aby się gdziekolwiek przenieść (brak elementów oznaczających, które dałyby wskazówki ludziom). Jest to poważna awaria użyteczności i szkodliwa dla celu witryny.

W jakiś sposób zakomunikowałbym, że intencją jest, aby użytkownik wchodził w interakcję z płaską tablicą obrazów poprzez ruch. Być może przy wejściu cała strona może się szybko przesunąć, tylko nieznacznie, a następnie pozostać na swoim miejscu. Lub poszczególne elementy można było zidentyfikować po lekkim ruchu. Być może wtedy ludzie zdadzą sobie sprawę, że interfejs użytkownika można badać na różne sposoby. Może obraz mógłby się przesunąć trochę w jedną stronę, kawałek tekstu w drugą, w jakiś sposób sygnalizując odwiedzającym, że są interaktywni.

Podobnie opcja powiększenia płótna nie jest oczywista. Umieszczone w lewym górnym rogu przyciski są zbyt małe, aby można je było zauważyć. Co więcej, po powiększeniu niewiele więcej jest angażujących wizualnie, więc nie ma za to żadnej nagrody. To zbyt efekciarskie, przez co odwiedzający czują się jeszcze bardziej zagubieni i nie wiedzą, co robić.

Należy również zwrócić uwagę w samych projektach. Po wybraniu projektu nie jest jasne, co dalej. W przypadku tabletu, w przeciwieństwie do pulpitu, kursor nie może się zmienić po najechaniu kursorem, aby wskazać, że główny obraz można kliknąć, co oznacza przejście do następnego etapu.

Gdy gość jest już w środku, cztery strzałki nawigacyjne w interfejsie użytkownika są mylące. Same lewe i prawe wydają się proste i zapewniają logiczny postęp — dodanie góry i dołu kompromituje całą strukturę.

Częścią tego projektu portfolio jest granie z ograniczeniami.

Kent: Czy wyjątkowe cechy tego doświadczenia uzasadniają wady eksperymentu?

Darko: Można zachować koncepcję luźnego płótna, jednocześnie czyniąc witrynę bardziej użyteczną. Poprawa użyteczności niekoniecznie oznacza powrót do tradycyjnego, murowanego układu sieci. Głównym problemem jest to, że użytkownik jest zmuszony udać się w podróż „odkrycia”. Jest to błąd. Nie jest to coś, czego ludzie oczekują lub są przygotowani do zrobienia podczas odwiedzania witryny.

W poznawaniu tej strony jest pewne wewnętrzne tarcie — może to właśnie tarcie sprawia, że ​​ta strona jest tak wyjątkowa. To powiedziawszy, nie uważam, że ludzie powinni być „zmuszeni do pracy”, aby cieszyć się stroną internetową. Zbyt duże tarcie może posunąć sprawę za daleko, powodując, że odwiedzający opuści witrynę z frustracją.

Kent: Czy dobre intencje projektanta strony mogą uwolnić produkt od jego negatywnych cech?

Darko: Wierzę, że wiele z tego jest zamierzone i że losowość nie jest przypadkowa, ponieważ przypomina trend w projektowaniu graficznym zwany eksponowanymi treściami, który jest popularny od jakiegoś czasu. Problem polega na tym, że projektowanie w sieci nie jest projektowaniem graficznym; to projektowanie stron internetowych .

Wiele tradycyjnych standardów projektowania stron internetowych jest rzucanych dla klientów, którzy są dobrze znani, wszystko w imię eksperymentów i chcących być „innym”. Zamiast skupiać się na prezentowaniu go w najbardziej efektywny sposób, z najlepszym UX, ta strona pokazuje, jak twórcy myślą o swojej pracy, swojej praktyce i jak chcą ją zaprezentować światu.

Na przykład na stronie „Informacje” wyświetlają elementy, które na początku wydają się nieistotne — takie jak miniatury zdjęć w środku zdania. Przeciętnej osobie te fragmenty mogą wydawać się zbędne lub bezużyteczne, ale to naprawdę pokazuje, jak to studio wykorzystuje każdą okazję, aby wyrazić swój styl i przekazać odwiedzającym, kim są.

Ta strona jest przykładem pokazującym, że portfolio nie musi po prostu pozwolić pracy mówić samo za siebie, ale sposób jej prezentacji może również wyrażać wartości jednostki.

Kent: Chociaż wiele z tego, co jest kwestionowane w tej witrynie, jest specyficzne dla treści typu portfolio, czy istnieją lekcje, które można ogólnie zastosować do projektowania stron internetowych?

Darko: Chociaż projekt portfolio jest z natury bardziej elastyczny, ponieważ nie zawsze musi wszystko doskonale komunikować, ta strona internetowa pokazuje, że eksperymentowanie w projektowaniu stron internetowych jest możliwe i jest potrzebne.

Większość projektantów stron internetowych zaczyna makiety z komponentami, które nie są interaktywne; ta strona internetowa byłaby nie do pomyślenia w ten sposób. Ale zamiast uciekać od tego, myślę, że ważne jest, abyśmy przeanalizowali, co próbuje zrobić ta witryna, ponieważ najwyraźniej nie było to łatwe do wykonania.

Sieć nadal ma swoje ograniczenia, ale moim zdaniem projektanci stron internetowych często czują się przez nie nadmiernie skrępowani. Ta strona pokazuje, jak zacząć rozszerzać możliwości i nie powinna być po prostu lekceważona jako „strona z artystycznym portfolio”, w której projektant może robić, co chce.

Powstaje zatem pytanie, jak to zrobić bez naruszania użyteczności?

Kent: Często oczywiście trudno jest wymyślić koło na nowo w ramach ograniczeń budżetowych i czasowych.

Darko: Tak, często te ograniczenia zmuszają projektantów do wycofania się w bezpieczne miejsce – lub do czego ludzie są przyzwyczajeni. Przemawia to do szerszej dyskusji na temat znaczenia oryginalności w projektowaniu stron internetowych i zrozumienia tych zalet – lub wad. Gdzie powinniśmy poświęcić użyteczność na rzecz oryginalności lub odwrotnie? Jak znaleźć tę równowagę? To interesująca debata.

(Strona internetowa Ro-Lu została zaprojektowana przez Dylana Fracaretę i Erica Price. Fracareta, który jest obecnie dyrektorem ds. projektowania w Museum of Contemporary Art w Chicago, prowadził niezależną praktykę projektową, skupiając się na projektowaniu dla sztuki, architektury, mody i sektory kultury. Price jest grafikiem i programistą, skupiającym się na mediach cyfrowych, publikacjach i projektowaniu tożsamości dla sektorów sztuki i kultury.)

• • •

Dalsza lektura na blogu Toptal Design:

• Analiza heurystyczna dla UX – jak przeprowadzić ocenę użyteczności
• Rant przeciwko ładnym wzorom
• Doświadczenie jest wszystkim — ostateczny przewodnik po UX
• Testowanie UX dla mas: proste i efektywne kosztowo