Pikaopas suunnittelijoille

Suun­nit­te­le sel­keät si­vu­poh­jat

Var­mis­ta, että si­vun eri osat erot­tu­vat toi­sis­taan sel­keäs­ti. Eri­tyi­sen tär­ke­ää on, että käyt­tä­jäl­le ei jää epä­sel­väk­si, mis­sä si­vun pää­si­säl­tö on.

Tee si­vus­ton ra­ken­tees­ta ja toi­min­nois­ta yh­den­mu­kai­set

Si­vus­tol­la ole­vat eri toi­min­not näyt­tä­vät sa­moil­ta ja löy­ty­vät sa­mas­ta pai­kas­ta riip­pu­mat­ta sii­tä, mil­lä ala­si­vul­la ol­laan.

Suun­nit­te­le sel­keä ja joh­don­mu­kai­nen ot­sik­ko­ra­ken­ne. Var­mis­ta, että kaik­ki si­vun mer­ki­tyk­sel­li­sel­lä si­säl­löl­lä on ym­mär­ret­tä­väs­ti ni­me­tyt ot­si­kot.

Muis­ta riit­tä­vä tum­muus­kont­ras­ti

Si­vun teks­ti­si­säl­löil­lä ja toi­min­nal­li­sil­la ele­men­teil­lä on ol­ta­va riit­tä­vä tum­muus­kont­ras­ti taus­taan näh­den.

Älä käy­tä ku­via vä­lit­tä­mään teks­tu­aa­lis­ta in­for­maa­tio­ta

Kir­joi­ta teks­tit HTML-läh­de­koo­diin ja muo­toi­le nii­tä tar­vit­taes­sa CSS-tyy­li­tie­dos­to­jen avul­la.

Muis­ta so­pi­va ri­vin pi­tuus

Älä tee ri­veis­tä lii­an ly­hyi­tä tai lii­an pit­kiä. Ta­val­li­ses­ti 50–120 merk­kiä on so­pi­va ri­vin pi­tuus.

Käy­tä riit­tä­vän suur­ta teks­tiä ja sel­ke­ää kir­ja­sin­tyyp­piä

So­pi­va teks­tin koko saat­taa riip­pua käy­tet­tä­väs­tä kir­ja­sin­tyy­pis­tä. Ta­val­li­ses­ti teks­tin koon tu­li­si olla kui­ten­kin vä­hin­tään 10pt.

Päät­teet­tö­mät (sans-se­rif-tyy­li­set) fon­tit ovat mo­nel­le hel­pom­pia lu­kea.

Tee lin­keis­tä link­kien nä­köi­siä

Tee kai­kis­ta in­te­rak­tii­vi­sis­ta ele­men­teis­tä, ku­ten lin­keis­tä ja pai­nik­keis­ta, vi­su­aa­li­ses­ti sen nä­köi­siä, että käyt­tä­jä tie­tää nii­den ole­van link­ke­jä/​pai­nik­kei­ta. Älä käy­tä sa­mo­ja tyy­le­jä (esi­mer­kik­si al­le­vii­vaus­ta) muis­sa si­vus­ton osis­sa.

Älä käy­tä vä­riä ai­noa­na kei­no­na vä­lit­tää mer­ki­tys­tä

Vä­rin li­säk­si on hyvä käyt­tää mui­ta­kin vi­su­aa­li­sia kei­no­ja, ku­ten link­kien koh­dal­la al­le­vii­vaus­ta.

Väl­tä välk­ky­viä ja no­peas­ti liik­ku­via ele­ment­te­jä

Nopeasti etenevät ja välkkyvät esitystavat vievät tavallisesti liikaa huomiota ja voivat pahimmillaan aiheuttaa sairauskohtauksia esimerkiksi epileptikoille.

Li­sää jo­kai­sel­le ala­si­vuil­le link­ki si­vus­ton etusi­vul­le

Usein si­vu­nä­ky­män va­sem­mas­sa ylä­kul­mas­sa on si­vus­ton logo/​nimi, joka toi­mii sa­mal­la link­ki­nä si­vus­ton etusi­vul­le.

Var­mis­ta, että käyt­tä­jä tie­tää si­jain­tin­sa si­vus­tol­la

Käyt­tä­jän tu­lee tie­tää, mis­sä koh­taa si­vus­toa hän on.