SuunnitteluArkisto

Sisältö vastaan toiminnallisuus

Verkkosivustoa kehitettäessä vastaan tulee kaksi peruskysymystä: ”Mitä on sisältö?” ja ”Mitä on toiminnallisuus?” Näitä yhdistämällä voimme kysyä itseltämme…

Sisältö vastaan toiminnallisuus

Verkkosivustoa kehitettäessä vastaan tulee kaksi peruskysymystä: ”Mitä on sisältö?” ja ”Mitä on toiminnallisuus?” Näitä kysymyksiä yhdistämällä voimme myös pohtia: mitä eroa sisällöllä ja toiminnallisuudella oikeastaan on?

Verkkosivuston sisältö tarkoittaa yksinkertaisesti ja yleisesti ilmaistuna suoraa pääsyä tiedostoihin, teksteihin, videoihin tai kuviin – siis välitöntä pääsyä tietoon. Käyttäjät puolestaan ovat usein vuorovaikutuksessa sivustojen kanssa suorittaakseen monimutkaisia tehtäviä. On jopa olemassa lukuisia palveluita, joiden avulla voi rakentaa uusia verkkosivustoja; näitä voidaan kutsua tehtäväpohjaisiksi järjestelmiksi. Syy siihen, miksi vaatimukset jaetaan kahteen erilliseen listaan, on se, että sisältö- ja toiminnallisuusvaatimukset ovat pohjimmiltaan erilaisia. Vaikka tekstien kirjoittamiseen, laadukkaiden kuvien ottamiseen tai videoiden editointiin kuluisi runsaasti aikaa, sisältö on luonteeltaan vähemmän monimutkaista kuin toiminnallisuus. Verkkosivuston toiminnallisuus vaatii tarkkaa suunnittelua ja teknistä rakentamista: ostoskorin tai kassajärjestelmän suunnitteleminen ja toteuttaminen on teknisesti vaativampaa kuin tekstin tuottaminen tai valokuvien ottaminen.

Ajatellaanpa esimerkiksi tilannetta, jossa sivuston käyttäjä haluaa tietää, paljonko toimitus maksaa. Tämä on perusteltu käyttäjän tarve. Jos toimitusehdot kuvataan sivustolla, se voi olla erinomainen vastaus tarpeeseen. Etenkin yksinkertaisella sivustolla lyhyt teksti toimituskulujen määräytymisestä on helppo tapa. Suuremmissa verkkokaupoissa toimituskulujen laskenta on kuitenkin usein monimutkaisempaa, jolloin sivustolle on rakennettava automaattinen toimituskululaskuri. Käyttäjälle olisi mukavaa, jos sivusto laskisi toimituskulut hänen puolestaan. Yhteenvetona verkkosivuston suunnittelijan on esitettävä itselleen kaksi kysymystä sekä sisällöstä että toiminnallisuudesta: ”Palveleeko tämä asiakkaan tarvetta?” ja ”Palveleeko tämä käyttäjän tarvetta?” Kaikkein tärkeintä on palata säännöllisesti sivuston strategiadokumentteihin, sillä niissä määritellään viime kädessä sekä asiakkaan että käyttäjän tarpeet.

Tässä on pitkä luettelo esimerkkejä sisältövaatimuksista:

  • Logo

  • Yhteystiedot

  • Tietoa meistä -teksti

  • Sosiaalisen median linkit

  • Tuotekuvat ja -kuvaukset

  • Esille nostetut tuotteet

  • Hinta- ja toimitustiedot

  • Asiakasarviot

  • Usein kysytyt kysymykset (UKK)

  • Henkilökuvat

  • Esittelytekstit (biot)

  • Ruokalistat

  • Ainesosaluettelot

  • Aukioloajat

  • Reittiohjeet

  • Yrityksen historia

  • Lukukausikalenteri

  • Tapahtumatiedot

  • PDF-tiedostot

  • Äänitiedostot

  • Kuvagalleria

  • Tekijätiedot

  • Blogikirjoitukset

Kaikki nämä esimerkit liittyvät tekstiin, kuviin, ääneen, videoon ja tiedostoihin. Tässä puolestaan on esimerkkiluettelo toiminnallisuusvaatimuksista:

  • Lajittelu

  • Suodatus

  • Haku

  • Kuvaesitys (slideshow)

  • Käyttäjän tunnistautuminen

  • Tilin luominen

  • Salasanan palautus

  • Ostoskori

  • Toimituskululaskuri

  • Tilauslomake

  • Kassatoiminto (checkout)

  • Tilaushistoria

  • Yhteydenottolomake

  • Kuvan suurennus (zoom)

  • Kuvien lataaminen palvelimelle

  • Värivalitsin

  • Päivämäärävalitsin

  • Jakaminen sosiaaliseen mediaan

Kaikkia näitä toimintoja yhdistää se, että ne määrittelevät monimutkaisia järjestelmiä, jotka pelkän sisällön esittämisen sijaan antavat käyttäjille mahdollisuuden suorittaa tiettyjä tehtäviä.

Lähde: Roman Jaster, Web Design: Strategy and Information Architecture by California Institute of the Arts, (https://www.coursera.org/)

Metin Gerçek

Scrum Master, UI/UX-suunnittelija

Näytä kaikki kirjoittajan Metin Gerçek artikkelit