Graafinen suunnittelu voi edistää verkkosivun käytettävyyttä ohjaamalla huomion sisältöön ja välittämällä informaatiota, jota ei voida välittää yhtä tehokkaasti muilla tavoin. Verkkoviestimen erityispiirteiden ymmärtäminen on käytettävyyden ja graafisen suunnittelun yhdistämisen lähtökohta.
Verkkosivut ovat oma viestimensä
Käytettävyys ja graafinen suunnittelu ovat usein ristiriidassa keskenään. Yksi syy tähän on, että verkkosivua suunniteltaessa mallina käytetään esitteitä, mainoksia, sanoma- ja aikakauslehtiä tai televisiota. Tuloksena on verkkoon sopimaton esitystapa sekä käyttäjät ja käyttöympäristön huonosti huomioiva toteutus, joka haittaa viestin välittymistä ja vähentää sen vaikutusta. Perinteisten viestimien ongelmallisia piirteitä ovat:
- Staattinen muoto: rakennetta ei voi muuttaa tai mukauttaa eri käyttäjille
- Itsenäinen kokonaisuus: muodostaa ympäristöstään erottuvan kokonaisuuden
- Suoraviivainen eteneminen: sisältö vastaanotetaan määrätyssä järjestyksessä
- Selkeä alku ja loppu: tutustuminen aloitetaan ja lopetetaan määrätystä kohtaa.
Sopimaton toteutus voi tehdä verkkosivun käyttämisestä epämiellyttävää ja karkottaa käyttäjät siitä huolimatta, että ulkoasu olisi miellyttävä. Suunnittelijan tulisi ymmärtää verkkosivujen olevan oma viestimensä ja pikemminkin hyödyntää sen vahvuuksia kuin yrittää siirtää muiden viestimien konventioita verkkoon. Hyvän toteutuksen tuntee siitä, että se on suunniteltu viestimen ehdoilla. Perinteisiä viestimiä voidaan käyttää suunnittelussa apuna kun huomioidaan verkkoviestimen erityispiirteet, joita ovat:
- Interaktiivisuus: käyttäjä voi Internetissä osallistua sisällön tai palvelun tuottamiseen
- Käyttäjäkeskeisyys: käyttäjä valitsee milloin ja missä järjestyksessä tutustuu sivustoon
- Hypertekstuaalisuus: rakenne ei noudata puhtaasti lineaarista tai hierarkkista esitystapaa
- Rakenteellinen kuvaus: muoto esitetään selaimessa tulkittavalla sivunkuvauskielellä
- Tuntematon käyttöympäristö: verkkosivua voidaan käyttää eri päätelaitteilla, käyttöjärjestelmillä ja selaimilla.
Suunnittele joustavasti
Suunnittelijan on vaikea tietää, miltä verkkosivu näyttää eri ympäristöissä: sivun leveys ja korkeus sekä tekstin rivitys vaihtelevat, sivuelementit voivat siirtyä eri paikkoihin, värit voivat näyttää erilaisilta ja kuvat erikokoisilta. Verkkosivujen erityispiirteisiin voi suhtautua rajoituksina tai vahvuuksina. Vaikka juuri nämä erityispiirteet ovat saaneet aikaan Internetin menestyksen, moni suunnittelija näkee ne rajoituksina ja yrittää rikkoa niitä esimerkiksi:
- Pakottamalla käyttäjän tutustumaan sivustoon tietyssä järjestyksessä
- Suunnittelemalla sivuston vain tietylle päätelaitteille ja selaimelle
- Rikkomalla sivunkuvauskielen sääntöjä ja suosituksia
- Edellyttämällä selaimelta tietyn ohjelmointikielen tuen tai selainlaajennuksen.
Sivusto, joka taistelee Internetin erityispiirteitä vastaan, voi olla miellyttävän näköinen. Valitettavan usein tuloksena on kuitenkin epämiellyttävä kokemus: sivustoa ei voi käyttää kuin rajattu käyttäjäryhmä ja heilläkin on ongelmia löytää sivustosta informaatiota tai suorittaa tehtäviä. Kun suunnittelija on hyväksynyt, ettei hän voi täydellisesti hallita verkkosivun ulkoasua, hän voi alkaa suunnitella verkkoviestimen ehdoilla ja hyödyntää sen erityispiirteitä. Verkkosivun ei tarvitse näyttää puhelinluettelolta ollakseen käytettävä, mutta sen tulee joustaa ja mukautua käyttäjän ja käyttöympäristön tarpeiden mukaan.
Vähemmän somisteita, enemmän sisältöä
Ristiriita graafisen suunnittelun ja käytettävyyden välillä tuskin johtuu liiasta panostamisesta verkkosivujen graafiseen toteutukseen vaan pikemminkin liian vähäisestä: graafisen suunnittelun voimavaroja käytetään liiaksi verkkosivujen somistamiseen kun painopisteen tulisi olla verkkosivun sisällössä. Graafisen suunnittelun voimavarojen siirtäminen sisällön tuottamiseen merkitsee myös taloudellisten panostusten lisäämistä sivuston ylläpitoon.
Kuvitus, joka täydentää tai on osa sisältöä, helpottaa käyttäjää löytämään informaatiota ja suorittamaan tehtäviä. Kuvitellaan esimerkiksi kirja-arvosteluja julkaiseva sivusto, jonka etusivulla on linkit kolmeen viimeiseen arvosteluun, kirjojen nimet, arvostelujen otsikot ja ingressit mutta ei lainkaan kuvaa arvosteltavasta kirjasta. Kansikuvan lisääminen etusivulle helpottaisi käyttäjää tunnistamaan teoksen myöhemmin. Näin kansikuva täydentäisi verkkosivun sisältöä ja parantaisi samalla sen käytettävyyttä.
Kuvituksen tulisi olla käyttäjälle merkityksellistä. Joissain tapauksissa kuvitusta ei voi edes korvata tekstillä. Tällaista merkityksellistä kuvitusta ovat:
- Uutis- ja dokumenttikuvat
- Henkilö- ja tuotekuvat
- Yritys- ja tuotetunnukset
- Kartat ja kaaviot
- Graafit ja diagrammit.
Kuvitukseen liittyviä tyypillisiä käytettävyysongelmien lähteitä ovat:
- Otsikoiden ja linkkien esittäminen kuvina
- Kirjavat tai värikkäät taustakuvat
- Linkkejä sisältävät imagemap-kuvat
- Animoidut kuvat ja Flash-esitykset
- Mainoksilta näyttävät kuvat
- Kuvista puuttuvat korvaavat alt-tekstit
- Symboleista tai ikoneista puuttuvat selitteet.
Vinkkejä kuvien käyttöön verkkosivulla:
- Pidä verkkosivun ja kuvien yhteenlaskettu tiedostokoko pienenä
- Käytä pieniä kuvia ja ryhmittele niitä, jos kuvia on useita
- Paranna silmäiltävyyttä lisäämällä verkkosivulle merkityksellisiä kuvia
- Hyödynnä kuvitusta ohjaamaan käyttäjän huomio sisältöön
- Anna vihjeitä kuvien tärkeydestä kokoeroilla ja sijoittelulla
- Lisää tilannekuviin kuvateksti, jotta kuva tulkittaisiin oikein
- Lisää käyttäjien luottamusta kuvaan ilmoittamalla sen kuvaajan.
Yhteenveto
Sivuston graafinen suunnittelu ei ole yksin luovaa työtä, vaan pikemminkin ulkoasun, toteutusaikataulun, teknisten rajoitusten sekä sivuston ja käyttäjien päämäärien muodostaman kokonaisuuden hallintaa. Graafisen toteutuksen onnistumisen edellytys on verkkoviestimen erityispiirteiden ymmärtäminen ja huomioiminen suunnittelussa. Toteutuksen tulee joustaa huomioiden eri käyttäjät ja käyttöympäristöt. Valitettavasti graafisen suunnittelun voimavaroja käytetään yhä ensisijaisesti verkkosivujen somistamiseen. Graafisen toteutuksen tulisi pikemminkin täydentää tai olla osa sivuston sisältöä, jolloin se parhaiten myös tukee asetettuja käytettävyystavoitteita.