Tässä artikkelissa freelance-suunnittelija Darko Stanimirovic ja ApeeScape Technical Editor Kent Mundle keskustelevat käytettävyyden, saavutettavuuden ja ainutlaatuisen kokemuksen välisestä tasapainosta Ro-Lu-verkkosivuston katsauksessa. Ro-Lu on huonekalu-, puu- ja maisemasuunnittelustudio, jonka käytäntö on levinnyt muihin tieteenaloihin. Tutkimuksessa todetaan olevan laaja, avoin ja tutkiva käytäntö. Siksi hänen salkunsa oli heijastettava hänen ideologiansa.

Tämä projekti haastoi monia oletuksia portfolion merkityksestä sen lisäksi, mitä käyttäjäkokemus voisi olla verkkotilassa. Monien käyttäjien mielestä kokeelliset ominaisuudet vaarantavat vakavasti käytettävyyden. Onko okei, että konseptit tulevat ensin? Mitä tämä verkkosivusto voisi opettaa muille suunnittelijoille nykyisen tilanteen haastamisesta? Vai onko sivusto mennyt liian pitkälle?

Kent Mundle (ApeeScape Technical Editor): Darko, oletko koskaan nähnyt sellaisia ​​malleja verkossa?

Darko Stanimirovic (Freelance ApeeScape Designer) Menin sivulle ilman todellista käsitystä tämän taiteilijaryhmän tai sivuston takana olevan suunnittelijan historiasta. Joten pystyin näkemään sen tuoreilla silmillä, ja heti, minusta se oli visuaalisesti erittäin mielenkiintoinen, värit ja rakenne ovat upeat, mutta alusta alkaen mikään ei ilmoittanut minulle tarkalleen mitä verkkosivusto oli tai miten olla vuorovaikutuksessa sen kanssa . Ja hän oli vähemmän taipuvainen yrittämään oppia keitä artistit, joita sivusto edustaa, sen sijaan, että ymmärtäisivät kuinka sivusto toimii ja kuinka ymmärtää se.

Luulen, että monet sivuston kanssa vuorovaikutuksessa olleista suunnittelijoista eivät pidä siitä navigoinnin takia, on epäselvää missä olet tai minne sinun pitäisi mennä. Mutta samalla luulen, että se välittää tutkimuksen ainutlaatuisella tavalla, et voi nähdä sitä. Vaikka tulisit sivustolle tietyllä tarkoituksella löytää tietty projekti tai viimeisin näyttely, sivuston taiteilijat ja suunnittelijat näyttävät hieman välinpitämättömiltä noille tarpeille ja kiinnostuneemmille sivuston kokemuksesta.

Mielenkiintoinen portfoliosuunnittelu on suunniteltu näyttelytyypiksi, ei yksinkertaiseksi teosluetteloksi.

KM: Onko tämä tyypillinen sivustotyyppi (joka on suunnitteluportfolio), jonka avulla voit rikkoa näitä sääntöjä?

DS: Monta kertaa taiteilijoiden salkut tekevät suunnittelijat, eikä joku, joka taipuu enemmän kohti kehitysasemaa. Toisinaan näillä suunnittelijoilla ei ole aavistustakaan tuotteen toteuttamisesta, mutta se vapauttaa suunnittelijan ajattelemaan projektia eri tavalla. Erilaiset salkut, kuten tämä, suunnitellaan näyttelytyypiksi yksinkertaisen teosluettelon sijaan.

Yleensä suunnittelija kysyy: 'Mikä on sivustosi tavoite? Missä voin kerätä sähköposteja? Jne. ”, Mutta sen sijaan salkun suunnittelija tuntee, että hänet kutsutaan näyttelyyn esittelemään käsitteellistä työtä. Siksi näkymä näyttöä käsitellään kuin näyttöruutua tai staattista sivua lehdessä tai esite , ja suunnittelija ei todellakaan ajattele, onko muotoilu vai ei reagoiva tai jotain vastaavaa.

Tällä verkkosivustolla on järkevää, että julisteen tai seinän esityksen suunnittelu sovellettiin verkkoliittymän vuorovaikutteisuuteen. Suunnittelija tietysti tietää kaikki nämä mahdollisuudet, joita verkko voi tarjota, mutta niitä käytettiin painokuvan mentaliteetissa. Joten ehkä meillä on tämä upea kangas, josta vain pieni osa paljastuu.

On joka tapauksessa utelias nähdä tämän suunnittelijan prosessi ja yrittää ymmärtää, miten he yhdistivät graafisen suunnittelun trendien eri maailmat verkkoon. Voit nähdä, kuinka samankaltainen tämä sivusto on suunnitellun ajan trendillä, jota kutsutaan paljastetuksi sisällöksi. Vaikka tämä graafinen tyyli oli jonkin verran moderni, miten Ro-Lu: n suunnittelijat sisällyttivät jonkin verran vuorovaikutteisuutta painosuunnittelun suuntaukseen, on jonkin verran mielenkiintoista.

Vaikka katsoja ei ehkä ymmärtäisikään näyttelyn työtä, se voi silti vaikuttaa häneen muilla arvokkailla tavoilla.

KM: Kuinka tarkalleen voimme parantaa navigointirakennetta vaarantamatta sivuston tarkoitusta?

DS: Mielestäni on aina tapoja tehdä sivustosta tehokkaampi, mutta en ole varma kuinka kiinnostunut suunnittelijat olivat sen tekemisestä ilmeiseksi. Perinteisten graafisten suunnittelijoiden suhtautuminen sanoo, ettei heitä kiinnosta, jos katsojat eivät ymmärrä kaikkea, koska se on osa työtä. Kuten gallerianäyttelyissä, monta kertaa ei ole oppaita, jotka selittäisivät, kuinka esillä oleva työ kulutetaan. Vaikka katsoja ei ymmärtäisikään näyttelyn työtä, se voi silti vaikuttaa häneen muilla arvokkailla tavoilla. He voisivat silti mennä kotiin ajattelemalla työtä välttämättä ymmärtämättä sitä. Kuitenkin tämän kontekstin ulkopuolella, kuvaamaan muotoa, kommentoin joitain järjestelyjä, jotka tekisin alla.

Ensinnäkin se varmasti ilmoittaa, että tämä on loistava kangas, työpöytä tai linkkilauta. Kun aloitat sivuston, luulet, että kaikki on heti näkyvissä. Näyttää siltä, ​​ettei ole minnekään muuta mennä.

Se viestiisi, että käyttäjän tulisi olla vuorovaikutuksessa tämän levyn kanssa liikkumisen kautta. Ehkä heti kun se tulee, voit siirtää koko sivun, vain vähän, ja jättää sen paikalleen. Käyttäjä näkee nopeasti, että se liikkuu, mutta voi myös tehdä sen itse. Tai ehkä yksittäiset elementit voidaan tunnistaa pienellä liikkeellä. Ehkä valokuva liikkuu hieman toiselle puolelle, vähän tekstiä toiselle, ja ne tunnistetaan interaktiivisiksi tai siirrettäviksi. On kuitenkin vaikea sanoa ilman prototyyppejä.

Sama ongelma lähentämisen tai pienentämisen vaihtoehdossa ei ole vain ilmeinen. Painikkeet ovat vasemmassa yläkulmassa, ja vaikka näyttää siltä, ​​että tämän tyyppinen navigointi on oikealla puolella, muut tekstipainikkeet piilottavat jotenkin zoomauspainikkeet. Jotenkin zoom-navigoinnin on oltava hierarkian kannalta näkyvämpi tai ainakin on jonkinlainen vihje sen sijaintiin. Tästä huolimatta en ole edes varma, kuinka zoomata. Lähentämisen jälkeen ei voi tehdä paljon muuta, sinun tarvitsee vain tehdä se. Ja tekstin satunnaisuudella ei ole paljon kannustimia lukea sitä.

Mitä tulee navigointiin samoissa kohteissa ja projekteissa, on myös vähän tarvetta kiinnittää huomiota. Minusta tuntuu siltä, ​​että on epäselvää, mitä voidaan tehdä, kun olet mukana projektissa. Tabletilla tai kosketusnäytöllä kohdistin ei voi osoittaa, että ensimmäistä kuvaa voidaan napsauttaa siirtyäksesi seuraavaan vaiheeseen.

Kun olet vihdoin sisällä, neljä navigointinuolta ovat hieman hämmentäviä. Pelkästään vasen ja oikea näyttävät melko suoraviivaisilta, ja ne tarjoavat loogista etenemistä. Mutta ylimpien ja alempien lisääminen vaarantaa koko rakenteen. Vasen ja oikea vieritys on järkevää edetessäsi projektia, mutta ylös ja alas ja yhtäkkiä on piilotettu tärkeä sisältö, josta et ole saanut mitään viitteitä.

Yleensä ajatus akselin selaamisesta tarkoittaa, että samantyyppinen sisältö etenee. Mutta tässä on hämmentävä osa: elementit joka suuntaan ovat täysin erilaisia ​​sisältötyyppejä, joten logiikka ei ole kovin intuitiivinen. Joten ehkä tarrat voisivat auttaa, mutta ehdotan pystyakselien poistamista kokonaan. Vaikka tutkimus on saattanut vaatia nimenomaan tätä symmetristä muotoa, uskon, että lineaarinen navigointi linkeillä, jotka jatkuvat kunkin projektin ylä- ja alaosaa pitkin, olisi ollut ihanteellinen. Sisällön suhteen ei ole paljon muutettavaa esityksen tai rakenteen suhteen.

Osa tästä suunnittelusta on pelaamista rajoituksilla.

KM: Vaikka sivusto ei olekaan ilmeinen tai intuitiivinen, onko navigoinnissa korvaavia ominaisuuksia?

DS: Kuten mainitsin näyttelyiden yhteydessä, katsojia ei koskaan opasteta sisällön läpi. Tämän arvot eivät todennäköisesti ole niitä, joita UX Designers yleensä arvostaisi. Yleensä ei ole mitään syytä vaikeuttaa käyttäjien asioita. Mutta osa suunnittelutyöstä on enemmän pelaamista rajoituksilla kuin sinun tarvetta luoda tuote. Tämä tarkoittaa sitä, että suunnittelija hyväksyy sen, että kaikki ihmiset eivät pysty kuluttamaan tuotetta asianmukaisesti. Tämä johtaa kuitenkin siihen, että tuotteesta tulee enemmän taidetta kuin mikään muu. Tavoitteena on jotain muuta kuin 'kuluttaa kaikki tiedot, lukea kaikki, saada etua myynnissä jne.' Monet suunnittelijat voivat tarkastella tätä sivustoa vain kapeasta objektiivisten tavoitteiden näkökulmasta. Toisaalta tämä suunnittelija on luonut tuotteen, joka jättää vaikutelman taiteilijoihin, heidän arvoihinsa, aikomuksiinsa tai tyyleihinsä sen sijaan, että vain esittäisi niitä. Monien online-artistisalkkujen yhteydessä tämä voi olla merkittävästi tehokas pyrkimys.

KM: Joten tämän kokemuksen ainutlaatuinen laatu voi taata kokeilun haittapuolet?

DS: Mielestäni löysän kankaan käsite voidaan säilyttää ja samalla tehdä sivustosta käyttökelpoisempi. Parantaaksesi käytettävyyttä sinun ei tarvitse välttämättä joutua rakenteeseen, jossa on lohkoja. Minulle suurin ongelma on, että käyttäjä on yksin seikkailussa löytääkseen verkkosivuston tarkoituksen, mutta jälleen kerran kirjoittaja voisi sanoa, että tämä on hänen aikomuksensa. Sivustoon tutustumisessa on vähän kitkaa, mutta ehkä se on laatu, joka tekee sivustosta niin ainutlaatuisen.

Tässä ongelma ei ole sama kuin suunnittelutrendit, jotka tekevät sisällöstä paljon vähemmän luettavaa, kuten kevyet fontit valkoisella pohjalla, koska niiden haasteet ovat kietoutuneet toisiinsa ja tekevät samanaikaisesti sivuston mielenkiintoiseksi.

KM: Onko olemassa muita järjestettyjä, tilattuja ja arkistoituja järjestelymuotoja, jotka tarjoavat jonkinlaista helpotusta tässä navigointirakenteessa?

DS: Arvostan järjestettyä ja arkistoitua näkymää paitsi sen todellisen tarkoituksen vuoksi, myös siksi, että se palvelee ja välittää studion persoonallisuutta. Se näyttää melkein olevan enemmän suunnittelijoiden tai studion hauskaa. 'Järjestetty näkymä' on heidän yritys esittää helpompaa navigointia, mutta sitä tarjotaan melkein 'käsitteelliseksi' vaihtoehdoksi, ja sillä on silti omat haasteensa. Vaikka se on riveissä ja sarakkeissa, sinun on silti vieritettävä ja zoomattava kuten suurella kankaalla.

Toistuvat tarrat sekoittavat myös verkko-organisaatiota. Ne näyttävät olevan tehokkaita projektinimikkeitä, mutta sinun on todella vietävä ylhäältä nähdäksesi kyseisen otsikon. On todella hauskaa, että he erottivat muodot, kuten 'tilattu' ja 'satunnainen', kun melkein kaikki näytti olevan aluksi helpompaa.

Arkistoidut näyttävät kuitenkin olevan yksinkertaisimpia ja melko suoraviivaisia, koska ne on järjestetty vain päivämäärien mukaan. Silti he eivät tyytyneet häneen vieritys perinteinen. Tarkoitus näyttää olevan verkkoalustan rajoitusten käyttö saadakseen käyttäjän jollakin tavalla, jota he saattavat kuvata turhauttavaksi, rumeaksi tai rikki.

Suunnittelijoilla on tyypillisesti ajattelutapa, että hyvä verkkosivusto antaa asiakkaille kaiken, mitä heidän tarvitsee tietää ensimmäisellä sivulla tai ensimmäisessä vierityksessä.

KM: Jos suunnittelijoiden tarkoituksena oli itse asiassa provosoida käyttäjiä tällä tavalla, lieventääkö se sivustoa hieman sen puutteista?

DS: Luulen, että suuri osa tästä on tarkoituksellista ja että satunnainen ei itse asiassa ole yhtä satunnaista kuin jonkin aikaa suosittu trendi, jota kutsutaan 'paljastetuksi sisällöksi'. Mutta arvostan sitä, että he pysyivät kiinni vieritys , erityisesti arkistosivun kanssa. Arkisto voi ratkaista monet ongelmistasi vastaamaan käyttäjien erityistarpeita, jotka tulevat katsomaan tiettyjen näyttelyiden tai jonkin tietyn ajanjakson nimiä. Tämä ei kuitenkaan välttämättä sisällä kaikentyyppisiä käyttäjiä. Suunnittelijoilla on tyypillisesti ajattelutapa, että hyvä verkkosivusto antaa asiakkaille kaiken, mitä heidän tarvitsee tietää ensimmäisellä sivulla tai ensimmäisessä vierityksessä.

Monet säännöt muuttuvat sen suhteen, miten taiteilija tai brändi voi edustaa itseään, kun heillä on iso nimi. Joten tämä sivusto edustaa todella sitä, miten he ajattelevat työstään, käytännöstään ja miten ajattelevat kaiken tämän edustamista sen sijaan, että keskityisivät vain esittelemään sitä tehokkaimmalla tavalla.

Vaikka menisimme heidän 'meitä' -sivulleen, he upottavat elementtejä, jotka näyttävät olevan merkityksettömiä, kuten valokuvien esikatselu lauseiden keskellä. Nämä palaset näyttävät tavalliselle ihmiselle tarpeettomilta tai hyödyttömiltä, ​​mutta se todella osoittaa, kuinka studio käyttää jokaista mahdollisuutta näyttää tyylinsä tai keitä he ovat - ja juuri sitä taiteilijoiden pitäisi tehdä.

Sivusto on esimerkki siitä, että salkun ei todellakaan tarvitse antaa teoksen enää puhua puolestaan, mutta tapa, jolla se esitetään, voi myös ilmaista sen yksittäiset arvot.

Siksi, jos tämä tutkimus olisi tehnyt jotain konservatiivisempaa, se olisi jäänyt huomaamatta nopeasti verkossa.

KM: Kuinka online-salkun konteksti ja sen luontaiset käyttäjät voivat sallia tai kannustaa erityyppistä suunnittelua?

DS: Luulen, että tämän tyyppisillä verkkosivustoilla yksi tärkeimmistä asioista, jotka suunnittelijana on ymmärrettävä, on se, kuinka paljon henkilö tietää taiteilijoista ennen verkkosivustolle tulemista. Jos tiedät jo jotain studiotyöstä ja päädyt jonnekin tuollaiseen, saatat olla hieman enemmän kärsivällisyyttä mennä virtauksen mukana. On kuitenkin ihmisiä, jotka eivät tunne taiteilijoita ja tuntevat hämmennystä, ja he lähtevät todennäköisesti viiden sekunnin kuluttua. Joten tämä on sellainen verkkosivusto, jossa on ihmisiä, joilla on todennäköisesti vahva kannustin jo olla siellä. Näin ollen huonoa käytettävyyttä varten on vähän puskuria. Muun tyyppisissä yrityksissä he voivat menettää asiakkaita.

Tästä syystä salkusivustoilla on vähän vapautta olla hauskoja ja mielenkiintoisia. Se muistuttaa minua siitä, että jos ajat esikaupunkialueelle, siellä on monia kauppoja. Monta kertaa kaikki julisteet ja julisteet ovat näiden myymälöiden omistajien tekemiä henkilökohtaisesti. Sitten he voivat olla hauskoja, hulluja tai typeriä, ja minulle voi heti nähdä yrityksen takana olevan henkilön jokaisessa julistetta koskevassa päätöksessä: väri, kirjasintyyppi ja kaikki hauskat lisäykset. Joka tapauksessa jotkut taiteilijat saattavat pyytää WordPress-mallia ja siinä kaikki.

Uhraammeko käytettävyyden omaperäisyydelle vai päinvastoin? Kuinka löydämme tämän tasapainon? Se on vaikea kysymys.

KM: Vaikka suurin osa tällä verkkosivustolla haastettavista asioista on nimenomaan portfolion sisältö, onko Web-suunnitteluun yleensä sovellettavissa oppitunteja?

DS: Verkkosalkku on luonnostaan ​​joustavampi, koska sen ei tarvitse aina kommunikoida kaikesta täydellisesti. Mutta tämä verkkosivusto osoittaa, että verkkosuunnittelun kokeilu on mahdollista ja välttämätöntä. Tämä verkkosivusto ylittää verkkosuunnittelun siitä, mitä kuvakaappaus voi näyttää. Kuvakaappaus tästä sivustosta näyttäisi olevan rikki tai keskeneräinen, mutta käyttäjät voivat selvittää sen avaamalla interaktiivisen kokemuksen. Monet web-suunnittelijat luovat pilkata asioissa, jotka eivät ole vuorovaikutteisia, ja tätä verkkosivustoa olisi mahdotonta kuvitella tällä tavalla. Joten mielestäni on tärkeää, että katsomme, mitä tämä verkkosivusto yrittää tehdä, eikä välttää sitä, koska sitä ei selvästikään ole helppo käyttää.

Verkolla on edelleen rajoituksia, mutta monesti web-suunnittelijat ottavat ne tiukasti. Joten tämä sivusto voi testata kuinka aloittaa näiden mahdollisuuksien laajentaminen. Meidän ei pidä sivuuttaa, että tämä salkku kuuluu taiteilijalle, jossa suunnittelija voi tehdä mitä haluaa. Meidän pitäisi saada inspiraatiota tältä sivustolta, ja ehkä seuraavaa projektia varten yritämme ottaa huomioon tämän ikkunan rajoitukset, jotka tämä suunnittelija on haastanut ja järjestänyt. Joten suunnittelijoille, jotka haluavat tutkia tällaista ennakkotapausta, voimme ehdottomasti haastaa itsemme tekemään jotain ainutlaatuista.

KM: Monta kertaa on tietysti vaikeaa kehittää pyörää uudelleen budjetin ja työajan rajoissa.

DS: Kyllä, monta kertaa nämä rajoitukset pakottavat suunnittelijat etsimään sitä, mikä on turvallista tehdä sitä, mikä on jo siellä, mitä ihmiset ovat tottuneet näkemään. Tämä johtaa meidät laajempaan keskusteluun omaperäisyyden merkityksestä web-suunnittelussa ja siitä, miten ymmärtää nämä edut tai haitat. Uhraammeko käytettävyyden omaperäisyydelle vai päinvastoin? Kuinka löydämme tasapainon? Se on vaikea kysymys.

Ro-Lu-verkkosivuston ovat suunnitelleet Dylan Fracareta ja Eric Price. Fracaretalla on itsenäinen suunnittelukäytäntö, joka keskittyy muotoiluun taide-, arkkitehtuuri-, muoti- ja kulttuurialalla. Price on graafinen suunnittelija ja ohjelmoija, joka keskittyy digitaalisen median, julkaisemisen ja identiteetin suunnitteluun taide- ja kulttuurialoilla.