You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 14 Next »

Tämä on Heidin ja Veeran työstösivu etusivun ohjeille.

Sisällystä:

  • suositukset käytettävyyden näkökulmasta ja saavutettavuus
  • Vaakaelementtien suuri määrä ja tähän liittyvät käyttäjätestaushuomiot
  • Selaa-palkki: osa organisaatioista tuntuu kaipaavan alanavigaatiota ja käyttävät selaa-palkkia tarkoitetusta poiketen -> Saavutettavuusongelma. 
    • (Kehitystavoite: Standardisoidumpi alanavigointi?)
  • Ohjeistuksen voisi tehdä omalle alasivulleen ja linkittää osaksi sivua: Näkymän ulkoasu


Yhteneväisyys Finna-näkymien välillä

Lorem ipsum

Etusivun yleisilme

Finnassa toteutettiin vuonna 2019 käyttäjätutkimus, jonka tuloksissa havaittiin, että käyttäjät kokivat näkymien etusivut toisinaan sekavina. Tämä saattoi johtua siitä, että sivun yläosassa on kaksi vaakavalikkoa ja niiden välissä iso vaakasuuntainen hakukenttä. Hakukenttä löytyi helposti mutta muut sisällöt jäivät etäisiksi. Vaakasuuntaisia elementtejä oli siis paljon ja käyttäjälle tarjottiin runsaasti informaatiota.

Suosituksena on, että etusivu kannattaisikin pitää mahdollisimman selkeänä. Tarvittaessa etusivulta voi poistaa mahdollisia turhia elementtejä ja valikoita voi tarvittaessa yhdistää. Elementtien vähentäminen ja informaatiomäärän karsiminen voi auttaa selkeyttämään käyttäjän kokemusta.

Selaa-palkki

Organisaatiot voivat nostaa etusivun Selaa-palkkiin omia kiinnostavia aineistoja. Selaa-palkista löytyy kattavammin ohjeistusta täältä. Selaa-palkin käyttötarkoitus on kerrottu elementin koodissa ARIA merkintästandardin avulla. Organisaatioiden kannattaakin huomioida, että Selaa-palkin käyttäminen muihin tarkoituksiin voi aiheuttaa saavutettavuusongelmia ja hämmennystä ruudunlukijaa käyttäville kävijöille. 

Värit

Organisaatiot voivat ottaa huomioon oman graafisen ilmeensä ja hyödyntää siinä määriteltyjä värejä. Saavutettavuussyistä on aina hyvä huomioida riittävät kontrastierot esimerkiksi tekstin ja taustan välillä.

Vinkki! Wave on hyvä ja ilmainen työkalu saavutettavuuden ja kontrastierojen tarkastasteluun: https://webaim.org/resources/contrastchecker/





  • No labels