HTML-oppaan etusivu
 
Internet ja sähköposti
 
Perusteet
    Tekijänoikeudet
    Käyttömukavuus
    Kuvitus
    Julkaiseminen
  
HTML-koodit
    Sivun rakenne
  Väritys
    Värikoodit
  Kuvien koodit
  Korvausmerkit
  Hakemistorakenne
  Tekstin asettelu
  Linkit
  
Sanasto
 
 
Muut atk-palvelut
 
 
 

 

Sivujen käyttömukavuus

 
Internet-sivujen ulkoasu kannattaa miettiä hyvin tarkkaan. Ulkoasultaan selkeitä ja yhtenäisiä sivuja on mukava katsella. Selkeiltä sivuilta tietokin löytyy helpommin. 

Jotta sivut ovat mahdollisimman monelle yhtä helppokäyttöiset ja mukavat katsella, pitää tiettyihin asioihin kiinnittää huomiota.

Aivan ensimmäiseksi sinun täytyy ottaa kohderyhmäsi huomioon. Mieti tarkkaan missä tarkoituksessa teet sivusi, mitä sivuilta täytyy löytyä ja missä muodossa.

Jos haluat että sivuihisi voi tutustua mahdollisimman moni, yritä pitää ne mahdollisimman yksinkertaisina. Ulkoasun arvioinnissa ja tietojen sijoittelussa olet sinä itse hyvä kohderyhmä ainakin aluksi; voit itse arvioida muiden Internet-sivuja, mikä niissä on hyvää ja mikä huonoa. Mieti miten itse hakisit tietoa sivuiltasi. Jos et ole kovin vaativa, pyydä ulkopuolista testaamaan sivusi ennen kuin laitat mitään Internetiin.

Tekstit

Tekstiosuuksien tulisi olla mahdollisimman lyhyitä. Jopa tekstirivien pituudella on merkitystä - lyhyempiä rivejä on helpompi lukea. Sivujenkin pituuden voi huoletta pitää lyhyenä koska sivuja voi linkittää toisiinsa. Linkkiketjua ei kuitenkaan kannata jatkaa loputtomiin. Muuten sivujen käyttäjä on pian eksyksissä eikä enää muista mistä olikaan päässyt nykyiselle sivulle.

Hyväksi tavaksi on havaittu sivujen aiheiden jakaminen pääosiin ja vasta tarpeen tullen pienempiin lisäosiin. Pääosien linkit pitäisi olla jokaisella sivulla näkyvissä, silloin sivujen käyttäjä pääsee aina helposti paikasta toiseen.

Värit

Sivujen värit ovat oleellinen osa sivujen käyttömukavuutta. Väritys voi piristää ja houkutella lukijaa tai toisaalta rasittaa silmiä ja mieltä. Esimerkiksi vastavärit sopivat joissain asioissa yhteen, mutta  koko näytöllinen liilaa taustaa ja keltaista tekstiä voi olla hieman sykähdyttävä kokemus. Musta teksti vaalealla pohjalla saattaa olla mielikuvituksettoman tuntuinen, mutta toisaalta taas erittäin mukava lukea. Jos tasainen väritys ei miellytä, voit käyttää taustassa värin sijasta jotain taustakuvaa.

Sivujen latautumisaika

Sivujen latautumisajoista ja ulkoasusta saat kohtalaisen käsityksen kun käytät Internetiä ja tutkit monenlaisia sivustoja. Paina mieleesi kuinka nopeasti erilaiset kuvat ja sivut latautuvat näytöllesi. Sitten yritä muistella minkä ikäinen koneesi ja kuinka nopea nettiyhteytesi on sekä mitkä ohjelmat sinulla on käytössäsi. Mitä luulet, kuinka monella Internetin käyttäjällä on samanlaiset laitteet kuin sinulla? Vastauksesta voit päätellä kuinka monella muulla käyttäjällä Internet-sivut näkyvät ja latautuvat samalla tavalla kuin sinulla.

Perusajatus on siis se, että mitä suurempia tiedostoja Internet-sivuille haetaan, sitä hitaammin sivut latautuvat. Esimerkiksi pitkät tekstiosuudetkin voivat olennaisesti hidastaa sivujen latautumisaikaa. Runsaat värit puolestaan tekevät sivuilla olevista kuvista suuria tiedostoja. 

Nykyään voisi uskoa että useimmilla on laajakaistayhteydet käytössään. Tekniikka on tuonut mukanaan myös uutta, mutta toisaalta ollaan ehkä palattu vanhaan eli nopeudet saattavat olla hitaita kännyköillä ja mokkuloilla, varsinkin jos niillä otetaan yhteyttä huonolta yhteysalueelta.

Esimerkkinä seuraava:
Eräs henkilö teki yritykselleen mielestään hienot sivut. Sivun ylälaidassa oli yrityksen logo ja pari sopivaa kuvaa. Sivun vasemmassa laidassa näkyi aina valikko josta pääsi sivuston muille sivuille. Sivujen väritys oli toteutettu kuvien avulla eli sinisen taustavärin sijaan sivulla oli sinisävyinen taustakuva. Klikkaamalla valikon linkkiä haluttu sivu avautui valikon viereen omaan kehykseen. Tietysti tekstiäkin elävöitti aiheeseen sopivat kuvat. Lisäksi sivun alalaidassa kulki teksti oikealta vasemmalle jossa muun muassa toivotettiin kävijä tervetulleeksi sivuille.
Sivujen tekijällä oli käytössään mainostoimiston työvälineet: Erittäin tehokas Macintosh-tietokone, jossa oli 24 tuuman näyttö eli todella suuri. Internet-yhteys muodostettiin suoralla kaapelilla jonka siirtonopeus oli sen hetkistä huippuluokkaa.

Tekijä vain oli unohtanut ettei kaikilla ole yhtä hienoja laitteita käytössään. Mitä sitten kävi keskinkertaisen tietokoneen omistajalle?

Testikoneena oli pari vuotta vanhempi PC jossa oli 14 tuuman näyttö. Internet-yhteys muodostettiin ISDN-modeemilla. Sivut testattiin sekä Netscapen Navigatorilla että Microsoftin Explorerilla. Sivujen latautumisaika oli 40 sekuntia. Se on todella pitkä aika odottaa - tutkitusti sivun latautumista jaksaa odottaa n. 20 sekuntia. (voit kokeilla tätä olemalla hiljaa ja tekemättä yhtään mitään hiiri kädessä, missä vaiheessa alkaa tuntua siltä että jotain voisi tapahtua)

Sivuston pitkä latautumisaika johtui runsaista kuvista sekä käytetyistä animaatoista. Lisäksi sivujen ulkoasu oli pienehköllä näytöllä katseltuna erittäin sekava.

Jostain syystä Netscape-selaimessa ohjelman valikot, työkalupainikkeet (Back, Forward jne.) ja osoitekenttä hävisivät kokonaan. Tämä johti siihen, että testisivulta ei päässyt muille sivuille koska uutta osoitetta ei voinut kirjoittaa mihinkään. Jos halusi jatkaa Internetin käyttöä, piti selain sulkea ja avata uudelleen. Explorer-selaimessa valikot ja painikkeet jäivät näkyviin, mutta koska ne veivät näytöltä tilaa, testattavan Internet-sivun vasen valikko ei näkynyt kokonaan. Yleensä sivuilla on vierityspalkit joiden avulla sivua voi selata ylös- ja alaspäin, nyt ne puuttuivat kokonaan ja esim. yrityksen yhteystietoihin ei päässyt lainkaan käsiksi.

Joskus kohderyhmän kartoittaminen vastaa edellä esitettyihin pulmiin: millaiset laitteet heillä on, haluavatko he nähdä hyvää grafiikkaa vai onko asiateksti tärkeämpää.

Sivujen hyvän ulkonäön muidenkin koneilla voit siis varmistaa vain kokeilemalla sivuja mahdollisimman monessa - mielellään eri-ikäisessä - selaimessa ja tietokoneessa.

 
 
 
 

GN113 Warbird Consulting Oy, Malmin lentoasema, 00700 Helsinki puh. 0400 411 595