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

Laatikko toimii korostamisen elementtinä, kun halutaan kiinnittää lukijan huomio. Laatikkoa tuleekin käyttää tästä syystä vain harkiten. Laatikosta on olemassa kaksi vaihtoehtoa: laatikko taustavärillä ja laatikko ilman taustaväriä.

Laatikko taustavärillä tietokoneella ja mobiilissa. Kuvassa on esimerkkinä Kyberturvallisuuskeskuksen varoitus.
Laatikko taustavärillä
Laatikko ilman taustaväriä tietokoneella ja mobiilissa. Kuvassa on esimerkkinä tietoa lennon viivästymisestä.
Laatikko ilman taustaväriä

Mihin laatikko sopii?

Laatikon käyttö sisällön korostamiseen on erinomainen tapa kiinnittää lukijan huomio. Laatikkoa voi käyttää esimerkiksi seuraavissa tilanteissa:

  • Jos sivulla on sisältöä, joka on kriittistä lukijalle (esim. turvallisuusohjeet, rajoitukset, huomautukset, vakiotiedot), korostuslaatikko auttaa varmistamaan, että tieto ei huku muuhun tekstiin.
  • Jos sivun sisältö on pitkä tai monimutkainen, voit käyttää laatikkoa tiivistämään olennaiset asiat lukijan helposti silmäiltäväksi.

Mihin laatikko ei sovi? 

  • Kun haluat tehdä linkkilistoja, käytä erillistä linkkilista-elementtiä.
  • Älä käytä laatikkoa turhaan, jos sisältö ei ole olennaisesti tärkeämpää kuin ympäröivä teksti.
  • Käytä useampaa laatikkoa samalla sivulla vain hyvin harkitusti.
  • Älä laita laatikkoon taulukkoa. 

Tarkemmat ohjeet laatikon käyttöön 

Laatikkoelementin oma otsikko (Drupal) on aina tasoa 2, eli se nousee myös sivun sisällysluetteloon. Voit luoda laatikolle otsikon myös tekstielementillä, huomioiden sivun muiden otsikoiden rakenteen. Yleensä laatikon otsikko on 3-tasoa tai alempi. Laatikolla ei aina tarvitse olla otsikkoa. Laatikon sisälle voit laittaa vain tekstiä tai linkkejä. 

Kun sinulla on tiivis nosto, johon haluat käyttäjän kiinnittävän erityishuomiota: valitse laatikko taustavärillä.

Kun sinulla on pidempi nosto, esimerkiksi useamman tekstikappaleen mittainen sisältö: valitse laatikko ilman taustaväriä

Laatikko taustavärillä on huomattavasti visuaalisesti raskaampi elementti, kuin laatikko ilman taustaväriä. Lähtökohtaisesti laatikko taustavärillä kiinnittää ensimmäisenä lukijan huomion. Älä kuitenkaan käytä sivuilla useasti kumpaakin vaihtoehtoa, sillä se lisää sekavuutta. Lisäksi useampi laatikko samalla sivulla laimentaa sen tehon, eikä lukija pysty enää nopeasti silmäilemällä havaitsemaan, mikä sivulla on tärkeintä. 

 

Päivitetty