Käyttökokemukseen liittyvät ohjeet

2. Luo selkeä rakenne käyttäjien tueksi

Pidä nämä käyttökokemusta koskevat periaatteet mielessäsi sivustoasi optimoidessasi.

Aloitussivusta riippumatta käytettävissäsi on vain muutama sekunti ja sivun yläosa herättääksesi käyttäjän kiinnostuksen ja esitelläksesi tarjontasi. Käytä yksinkertaista hierarkiaa, joka antaa sivulle selkeän rakenteen, ohjaa käyttäjiä ja korostaa keskeistä sisältöä.

Suo ajatus myös sivustosi informaatioarkkitehtuurille. Käyttäjät kykenevät tunnistamaan tutut sivut tuntemattomien joukosta, jos organisoit ja näytät tiedot johdonmukaisesti sivustossasi. Jos sivustosi rakenne ei ole looginen ja odotustenmukainen, käyttäjät hämääntyvät eivätkä tiedä, mihin siirtyä seuraavaksi. Pahimmillaan he saattavat turhautua ja poistua sivustostasi.

Vinkkejä:
Luo sivustoosi hyvä rakenne seuraavien vinkkien avulla:
  • Kontrasti: Käytä väriä, kylläisyyttä ja läpinäkymättömyyttä elementtien erottelemiseen sivulla.
  • Koko: Koon määritys on yksinkertainen väline käyttäjien ohjaamiseen. Älä pelkää käyttää isoja ja näyttäviä elementtejä kiinnittääksesi käyttäjän huomion sivun keskeiseen sisältöön.
  • Kohdistus: Samassa linjassa olevat elementit vaikuttavat liittyvän toisiinsa.
  • Tyhjä tila: Kiinnitä huomiota keskeisiin elementteihin jättämällä niiden ympärille tyhjää tilaa. Koko sivu näyttää silloin paremmalta.
  • Ruudukko: Ruudukon käyttö elementtien asettelussa parantaa sivun järjestystä ja rakennetta.

Esimerkki:
Sanomalehtien sivustoissa hierarkiaa käytetään usein menestyksekkäästi rakenteen luomisessa. Tärkein uutinen hallitsee näkymää, eikä käyttäjä voi olla huomaamatta sitä. Myös muiden aihealueiden pääotsikot on kirjoitettu isolla tekstillä, jotta sivustoa selaavat käyttäjät erottavat ne nopeasti ja helposti. Kuvien ja otsikoiden eri koot ja suhteet auttavat käyttäjää löytämään tiedot sivulta.

Oliko tästä apua?
Miten sivua voisi parantaa?