Etusivu: Sisällöntuottajanopas
Etusivu: Sisällöntuottajanopas
Valikko

Palvelusivulla kuvataan palveluprosessi, eli miten asiakas saa itse hoidettua asiansa joko digitaalisesti tai muissa kanavissa.

Palvelusivulla kuvataan asiakkaan prosessi, eli miten hänen tulee toimia saadakseen asiansa hoidettua. Palveluprosessi voi olla digitaalinen tai käyttää muita kanavia.

Palvelusivu luodaan Drupalissa sivupohjalla Perussivu.

Palvelusivun tarkoituksena on ohjata käyttäjää toimimaan itse. Pohdi palvelusivua tehdessäsi, mikä tieto on asiakkaalle relevanttia juuri kyseisessä prosessin vaiheessa.

Mikäli samasta aiheesta on ollut tai olisi tulossa sekä palvelu- että tietosivu, pohdi, voisiko asiat yhdistää yhdelle palvelusivulle. Juttele sisältömallin valinnasta ja mahdollisesta sivujen yhdistämisestä L-päivittäjän tai sisältömuotoilijan kanssa.

Esimerkkikuva palvelusivun rakenteesta tietokoneella ja mobiilissa.

Suositellut sisällöt ja käytettävät elementit

Käytä palvelusivulla seuraavia elementtejä.

Huom! Kaikkia elementtejä ei ole pakko käyttää! Sisältömallin pääsisältö on ohje-elementissä.

1. Otsikko ja ingressi

Valitse sisällön tyypiksi Palvelu. Kun valitset palvelu, saat sivun näkymään palvelulistauksissa.

Kirjoita otsikko otsikkokenttään ja ingressi ingressikenttään.

Esimerkkikuva otsikosta ja ingressistä perussivulla. Otsikko Henklöauton ajokortin hankkiminen, ingressi Henkilöauton ajokortin voit saada 18-vuotiaana. Henkilöauton eli B-luokan ajokortilla voit ajaa myös pakettiautoa.

2. Sisällysluettelo

Jos sivulla on 3–8 väliotsikkoa, käytä sivun sisäistä sisällysluetteloa.

Otsikko 2 -tyylillä tehdyt otsikot nousevat sivun sisäiseen sisällysluetteloon. Kirjoita väliotsikot niin, että tärkeimmät aihekokonaisuudet ovat silmäiltävissä sisällysluettelosta.

Sisällysluettelon otat käyttöön Drupalissa ingressin alapuolelta valitsemalla Näytä sisällysluettelo sivun alussa.

Sisällysluettelon otsikon oletusteksti on Tällä sivulla. Käytämme aina oletusotsikkoa. Älä siis kirjoita mitään kohtaan Sisällysluettelon otsikko.

Esimerkkkuva sisällysluettelosta, jossa on otsikko ja viisi sisältökohtaa.

3. Tukiteksti

Kirjoita sivun sisältöä enemmän avaava teksti tekstielementtiin. 

Pidä tukiteksti lyhyenä ja käytä sitä harkitusti ja vain tarvittaessa. 

Lisää linkkejä vain hyvin harkitusti. Jos aivan välttämätöntä, voit linkittää tekstin jälkeen linkkielementillä esim. toiselle palvelusivulle linkkitekstityylillä “Näin teet asian x”.

4. Palvelun käytön edellytykset

Lisää palvelun käytön edellytykset tekstielementtiin vain tarvittaessa. Jos mitään erityisiä edellytyksiä ei ole, jätä tämä elementti pois.

Väliotsikossa pitää mainita palvelu, joita edellytykset koskevat. Palvelun käytön edellytykset ei ole sallittu otsikko.

Otsikko voi olla esimerkiksi muotoa: "Milloin voit tehdä asian x?" tai "Millä perusteella asian x voi saada?".

Kuvaa palvelun käytön edellytykset tiiviisti muutamalla luetelman kohdalla tekstielementin lista-toiminnolla. Käytä lyhyitä virkkeitä.

On tärkeää, että tässä kohtaa edellytyksistä kerrotaan hyvin lyhyesti, koska varsinainen palveluprosessi kerrotaan vasta seuraavassa elementissä.

Jos edellytysten kertominen vaatii enemmän tilaa ja tekstiä, kirjoita laajempi kuvaus niistä sivun loppuun. Kerro tässä, minkä väliotsikon alta tarkemmat ohjeet löytyvät.

5. Palveluprosessi

Kuvaa palveluprosessin vaiheet käyttämällä ohje-elementtiä.

Kerro tässä vain se tieto, mitä käyttäjän pitää ehdottomasti tietää ennen kuin hän lähtee hoitamaan asiaansa. Muista, että myös Oma asioinnissa on ohjeet.

Esimerkki ohje-elementin käytöstä tietokoneella ja mobiilissa. Kuvassa kerrotaan, miten ajo-oikeuden alentamisilmoitus tehdään..

6. Ohjaus asiointiin

Jos palvelun voi hoitaa sähköisesti, lisää aina ensimmäiseksi ohjaus sähköiseen asiointiin asioinnin palvelulähtö -elementillä.

Toissijaiset asiointitavat

Useampia palveluita voi hoitaa myös lomakkeella, tai asioimalla toimistolla tai puhelimitse. Lisää alle toissijaiset asiointikanavat asioinnin palvelulähdön jälkeen tekstielementillä. Älä lisää otsikkoa osiolle. Aloita teksti “Jos et voi...”

Esimerkkikuva asioinnin palvelulähdöstä tietokoneella ja mobiilissa.

7. Käsittelyaika (vain tarvittaessa)

Lisää tarvittaessa tieto käsittelyajasta laatikkoelementillä. Käytä laatikosta taustavärillistä versiota. 

Lisää laatikko-elementtiin otsikko "Aiheen käsittelyaika". Aihe on tässä tapauksessa kyseinen palvelu, esimerkiksi "Ikäpoikkeusluvan käsittelyaika" tai "Henkilöluvan käsittelyaika". Otsikko on tasoa 2 ja nousee myös sisällysluetteloon.

Kerro asia laatikossa mahdollisimman tiiviisti. Käyttäjää kiinnostaa pääasiassa tietää, miten kauan hänen asiansa käsittelyssä kestää.

Esimerkki taustavärillisestä laatikosta, jossa kerrotaan ikäpoikkeuslupien käsittelyajasta.

8. Lisätiedot, kuten tarkemmat edellytykset palvelun käytölle, tai UKK

Lisää lisätiedot vain tarvittaessa käyttäen haitarielementtiä. Jos lisätietoaiheita on useita, voit käyttää myös useita haitarielementtejä.

Otsikoi aina jokainen haitarikokonaisuus.

Esimerkkikuva sisältöhaitarista auki ja kiinni tietokoneella ja mobiilissa.

9. Kuvalliset nostot (vain tarvittaessa)

Käytä kuvallisia nostoja vinkkaamaan käyttäjälle relevanteista muista sisällöistä. Kun valitset linkitettäviä aiheita, käytä omaa harkintaasi. Mikä muu sivu tai aihe käyttäjää voisi kiinnostaa tässä kohtaa käyttäjäpolkua? Mikä lisätieto voisi olla hänelle tarpeellinen? 

Kuvallinen nosto herättää käyttäjän huomion, joten harkitse nostettavat linkit tarkkaan.

Esimerkkikikuva kuvallisesta nostosta perussivun sivupohjalla. Nostoja on kolme ja ne ovat allekkain.

10. Lisätietolinkit kuten lomakkeet (vain tarvittaessa)

Lisää tarvittaessa lisätietolinkit, kuten linkit lomakkeisiin, liitteisiin tai ohjeisiin käyttäen linkkilistaelementtiä ilman taustaväriä.

Esimerkit linkkilistasta ilman taustaväriä tietokoneella ja mobiilissa. Linkkilistassa on otsikko ja kolme linkkiä.

11. Linkitys lakiin tai säädökseen (vain tarvittaessa)

Lisää tarvittaessa sivun loppuun linkki palvelua koskevaan lainsäädäntöön käyttämällä säädösnostoelementtiä.

Säädösnosto tietokoneella. Kuvassa määräys 15 luvasta vapaiden radiolähettimien yhteistaajuuksista ja käytöstä.
Päivitetty