WWW-sivujen suunnittelusta
Suurin osa luennosta MP3-muodossa. Luentosalin teknisten ongelmien
takia luennon alkuosaa ei saatu äänitettyä :-(
Luentokalvot
- Rakenne ja ulkonäkö pitää erottaa toisistaan
- Jakob Nielsen: Ten Good Deeds in Web Design
- Sivujen pitää toimia kaikilla mahdollisilla selaimilla
- Sivun pitää toimia myös ilman CSS:ää
- Sivun pitää toimia myös ilman kuvia!
- Suurin osa näyttöpinta-alasta pitää käyttää varsinaisen asian esittämiseen eikä
navigointiin tai mainoksiin
- Linkit
- Linkkitekstin on oltava lyhyt ja ytimekäs
- Linkkitekstin on oltava toimiva vaikka se irrotettaisiin kontekstista
- Linkkien pitää olla alleviivattuja ja väriltään sinisiä
- Käytä title-attribuuttia
- Linkki ei saa avata uutta ikkunaa!
- Jokaiselta sivulta pitäisi löytyä linkki ainakin sivuston alkuun.
- Henkilön nimestä linkki henkilön kotisivulle (ei mailto:-linkkiä)
- Vältä liian uutta tekniikkaa.
- Älä käytä turhaan multimediaa
- Kuvat
- Käytä kuvia harkitusti
- Pidä kuvien koko mahdollisimman pienenä
- Sivun pitää latautua nopeasti
- Käyttäjälle pitää kertoa jos tulossa on pitkä odotus
- Käyttäjä jaksaa odottaa maksimissaan 15 sekuntia
- Sivuilla ei saa käyttää liikaa raskasta grafiikkaa
- Sivun yläosan pitää olla järkevä ilman kuvia
- Alt-tekstien pitää olla havainnollisia
- Kuvissa ja taulukoissa kannattaa käyttää width- ja height-
attribuutteja, koska ne nopeuttavat sivun näkymistä.
- Kannattaa välttää suuria ja monimutkaisia taulukoita
- Sivujen pitää toimia näyttöresoluutioista riippumatta
- Absoluuttisia kokomäärityksiä ei saa käyttää.
- Käytä suhteellisia kokomäärityksiä (%).
- Kehyksiä ei pidä käyttää
- Käyttäjä ei enää tiedä mihin linkit vievät
- Kehyksillä ei ole mitään rakenteellista merkitystä eli
niitä on hyvin hankala katsella muilla kuin graafisillla selaimilla
- Sivujen merkitseminen kirjanmerkkeihin ei onnistu helposti
- Sivun tulostaminen on ongelmallista
- Kehykset ovat ongelmallisia hakukoneille
- Käyttäjä voi eksyä sivuille kehysten ulkopuolelta ja on täysin
hukassa jos tähän ei ole osattu varautua navigointilinkeillä
- Kehyksille on oltava kehyksetön vaihtoehto, jonka on oltava
yhtälailla ajantasalla kuin kehyksellisen version
- URLien pitää olla ja pysyä!
- WWW-sivuille ei kirjoiteta samalla tavalla kuin lehtiin
- Käytä värejä varovasti
- Varmista tarpeeksi suuri kontrasti tekstin ja taustan välillä
- Jos määrittelet värejä niin määritä aina sekä tekstin, että taustan väri kumpikin
- Suosi yksivärisiä taustoja
- Muista värisokeat
- Ei liian montaa erilaista kirjasinta
- Otsikot, leipäteksti, koodikirjasin
- Kirjasinkoon pienentämistä tulee välttää.
- Älä vilkuta, liikuta tai zoomaile tekstiä
- Tasaa teksti vasempaan laita, koska se on tällöin nopeinta lukea
- Suosi päätteettömiä kirjasintyyppejä kuten esim. Verdana jota on käytetty tällä sivulla
- Suunnittele sivuille järkevä hierarkia, joka toimii myös tulevaisuudessa
- Käytä selkeitä hakemistojen ja tiedostojen nimiä
- Muista laittaa
/-merkki URLeihin jos osoite loppuu hakemistoon
- Vältä Javan ja Javascriptin käyttöä
- Kaikilla ei ole käytössä Javaa tai Javascriptiä
- N. 16% selaa webbiä ilman Javascriptiä
- Varo ettei sivun toiminnallisuus riipu Javasta tai Javascriptistä
- Älä tee automaattisesti esiin ponnahtelevia ikkunoita!
- Unohda laskurit, koska ne eivät laske eivätkä pysty laskemaan oikein sivujen kävijämääriä
Lisätietoa