sivut.web

ohjeita web-sivuston tekijälle

Sivusto: Opi rakentamaan selkeä sivusto

Yleisesti

Tämän vinkin tarkoituksena on auttaa rakentamaan sivustoja, joiden sisältöön kiinni pääsemistä ei estetä sotkuisella tai olemattomalla sivun suunnittelulla. Nyt puhutaan käytettävyydestä siksi, että niin moni web-suunnittelija tuntuu unohtavan perusasiat.

Filosofia

Sanotaan, että hyvin suunniteltu on puoliksi tehty. Webissä tämä korostuu, sillä sivujen käyttäjät eivät ole valmiita käyttämään aikaa tiedon etsimiseen. Joko tieto löytyy helposti tai sitä ei löydä kukaan. Jokainen on varmasti joskus itsekin turhautunut yrittäessään hakea tietoa sekavalta web-sivulta.

Aihepiirin valinta

Eräs erityisesti kokemattomien kotisivuntekijöiden keskuudessa toistuva pahe on sivujen liika monipuolisuus. Samalta sivulta löytyvät niin henkilökohtaiset tiedot, vitsipalsta kuin web-ostoskeskuskin. Menestyvän web-sivuston tunnistaa usein siitä, että se keskittyy johonkin kapean sektorin aiheeseen. Erikoistunut web-sivusto on kuin pieni erikoiskauppa: sillä on jokin erikoisala, jossa se on oman alansa huippua.

Keskity johonkin, minkä hallitset hyvin. Se voi olla mitä tahansa mustikanpoiminnasta hirvikärpästen viljelyyn. Älä väheksy webin selaajien mielenkiintoa. Uskon, että webistä löytyy kaikille jotain, mutta uskon myös, että jokaiselle aiheelle löytyy muutama kiinnostunut ihailija. Viisi aiheesta kiinnostunutta vakiokävijää on aina parempi kuin 50 aiheesta piittaamatonta satunnaista selaajaa. Sivuston suosiota ei voida laskea kävijämäärälaskureilla.

On helppo tuottaa materiaalia jostain, minkä hallitsee jo luonnostaan hyvin. Useat hyvät yksityishenkilöiden tekemät sivustot webissä syntyvät jonkin harrastuksen pohjalta. Harrastus sivunteon takana auttaa myös pitämään innostusta yllä.

Teksti, kieli ja rakenne

Tekstin tuottaminen webbiin on erilaista kuin perinteisten julkaisujen kirjoittaminen. Paperijulkaisun kohderyhmä on usein rajattu, webissä kohderyhmä on väistämättä laajempi. Aihetta tuntemattomat kävijät tulevat etsimään tietoa ja odottavat löytävänsä helposti ymmärrettävää materiaalia. Esimerkiksi puualan paperijulkaisuja lukevat usein vain puualan ihmiset. Webissä kuka tahansa saattaa eksyä tahtomattaan tai tiedon perässä puualan sivulle. Tämän huomioon ottaminen ei estä aiheen käsittelyä monipuolisesti.

KISS-periaate (Keep It Simple and Stupid / Keep It Short and Simple) oiva tapa pitää sivuston kävijät tyytyväisinä. Webissä kannattaa sanoa asiansa lyhyesti ja jämäkästi, mutta samalla tyhjentävästi. Harva jaksaa lukea näytöltä pitkiä selittelyjä.

Käytä webissä aina lyhyempiä lauseita ja yksinkertaisempia lauserakenteita kuin muuten käyttäisit. Suosi lyhyempiä kappaleita ja käytä listoja asioiden esittämiseen. Korosta tekstiä tavallista enemmän lihavoimalla ja kursivoimalla. Nämä ovat hyviä vinkkejä sisällön jäsentämiseen niin, että selaaja näkee heti, mistä sisällössä on kyse.

Kielellinen asu on tärkeää toimivalle sisällölle. Käytän sanaa sisältö tässä painottaakseni sen tärkeyttä. Sisältö on yläkäsite, sivusto ja yksittäiset sivut ovat vain tapoja esittää tätä sisältöä. Ongelma, johon kaikki webin tekijät sortuvat jossain vaiheessa on ammattisanaston käyttäminen suurelle yleisölle suunnatuissa sivuissa. Web-sivut tulisi olla ymmärrettävissä, vaikkein alan sanastoa hallitsisikaan.

Jatkuvuus ja navigaatio

Jatkuvuus on eräs hyvän sivuston avaintekijöistä. Periaatteen ongelma on se, että sitä on vaikea noudattaa, sillä jo pelkkä "jatkuvuus" sanana on monille niin absurdi.

Webissä jatkuvuus on tärkeässä roolissa navigoinnissa. Navigoinnin, sivuston sisällä liikkumisen, tulisi olla vaivatonta. Vältä navigaatiollisia umpikujia, ne karkoittavat monia vierailijoita, jotka eivät ole vielä sinut webin kanssa. Liian monet selaajat pohtivat mielessään: "Minne tästä pääsee? Takasin ei ole tietä, eteenpäin en uskalla." Älä luota siihen, että kaikki osaavat käyttää selaimen "back"- nappia kuten sinä.

Navigaatiossa on hyvä muistaa HTML-sivujen luonne. Kuten ehkä tiedät, HTML on lyhenne sanoista HyperText Markup Language. Hyperteksti on monille käsitteenä outo, hämärän peitossa tai viimeistään kauan sitten unohdettua. Hypertekstillä tarkoitetaan webin tapaa "nitoa" sivuja yhteen. Jos perinteisestä kirjasta piirtäisi sivukartan, se olisi lineaarinen, toisin sanoen siinä olisi sivu sivun jälkeen siistissä rivissä. Webin hypertekstinen luonne tekisi sivukartasta monimutkaisen sokkelon, jossa yhdestä sivusta pääsee liikkumaan useille eri sivuille, jopa kokonaisiin eri "kirjoihin" eli sivustoihin. Tämä tekee webin "nidonnasta" monimutkaisen, mutta oikeinkäytettynä todella monipuolisen ja -käyttöisen.

Selkeässä navigaatiossa käyttäjä tietää jatkuvasti, missä hän on, mistä on tullut ja mihin suuntiin voi jatkaa. Jatkosuuntien valikoinnin tulisi olla yksiselitteistä: jos selaaja haluaa hiihtomonoja, hän tuskin ilahtuu nähdessään valinnan: "varusteet" ja "vaatetus". Kuten olet varmasti itsekin huomannut, valinta ei aina ole yksinkertaista.

Graafinen ilme

Viimeisenä tutustumme hieman grafiikan ihmeelliseen maailmaan - tällä kertaa ei tosin graafikon vaan suunnittelijan silmin. Sisällön eli sivujesi sanoman levitys on sivustosi ensisijainen tarkoitus. Mikään, ei hieno graafinen ulkoasu eikä uudella digitaalikamerallasi otettu kuva naapurin kissasta saisi häiritä varsinaisen sisällön levitystä. Tilanne on toki toinen, jos sivusi kertoo naapurin kissasta. Grafiikkaa ja kauniita digitaalikamerakuviakin voidaan nimittäin käyttää sisällön tukemiseen.

Monilla informatiivisilla sivustoilla ylimääräinen graafinen olemus on vain riesaksi. Kuvaa lisättäessä kannattaa miettiä, onko kuva lataamisen arvoinen. Mikäli kuva ei millään tavalla tue sisältöä, on se turha. Kaikki webin käyttäjät eivät surffaa vielä pitkään aikaan erityisen nopeilla yhteyksillä. Jokainen turha kuva, jonka vuoksi selaaja joutuu odottamaan, lisää kärsimystä.

Poikkeuksen tekevät viihteelliset sivustot. Nämä eroavat kuitenkin merkittävästi informatiivisista sivuista, sillä vaikka viihteestä jäisikin osa kokematta, se ei ole yhtä vakavaa kuin se, että osa tiedosta jäisi saamatta.

Tämä sivu on luotu 16.5.2001 ja viimeksi päivitetty 30.1.2004.


Käyttäjien kommentit

28.3.2003 13:03
Hessu

"Minne tästä pääsee? Takasin ei ole tietä, eteenpäin en uskalla." Älä luota siihen, että kaikki osaavat käyttää selaimen "back"- nappia kuten sinä.

Niinpä hyvin sanottu... Enpä päässyt takaisin edelliselle sivulle kuin "back" napilla.

8.5.2003 18:56
Make <hifk9@jippii.fi>

Olisit päässyt takaisin painamalla "sivusto"-linkkiä tuolla ylhäällä..

29.7.2003 10:57
Kassu

Hessun kommentissa oli järkeä. Sivun rullaaminen ylös alas ja toistuva Sivusto-valikossa käynti turhauttaa.

8.10.2003 20:44
Rube

KISS = Keep It Short and Simple..

30.1.2004 02:09
Juha-Pekka Järvenpää <jp@sivut.org>

KISS:n "pidennyksestä" on kaksi koulukuntaa. Lisäsin myös sen toisen samalla kun päivitin tekstiä muutenkin. Merkitys näillä on kuitenkin täsmälleen sama, eli pidetään web-sivut lyhyinä ja idioottivarmoina.

7.7.2004 22:15
Markus <markus.valimaki@jippii.fi>

Yksinkertaisen sivustorungon päälle on hyvä rakentaa monipuolisuutta alasivuilla. Hyvä. Kannatan kuitenkin loogisesti toimivia ja hyvin näkyvillä olevia sivuston päälinkkejä, jotka löytyvät joka sivulla. Silloin satunnainenkin netin käyttäjä pääsee heti sinuiksi sivuston käytön kanssa. Jos sivusto taas on monimutkainen, joka sisältää esim. yli 5 alasivua, tulee mielestäni käyttää vaikkapa JavaScriptillä tms. tehtyä pudotusvalikkoa, jolloin sivuston KISS -sääntöä ei rikota, vaan monimutkaisuusongelma ohitetaan "uuden" tekniikan käyttöönotolla. :)

25.8.2004 00:59
Late

Joo, tuolla ylä valikossa täytyy käydä ja sitten klikata sitä seuraavaa linkkiä joka ei ole violetti. Ehdottomasti pitäisi olla sellaiset "seuraava-" ja "edellinen artikkeli" linkit tässä, jotta voisin tämän koko "sivusto" sivuston kahlata läpi. Nyt sen läpikäymiseen kuluu turhaa sivun vierittämistä ja klikkailua, joka ärsyttää suunnattomasti.

2.11.2006 18:45
slghlie <sgegisuhgseigusiusepuehiues.fi>

mä en vieläkää saanu selvää että miten se saakelin netti sivusto tehää... kyllä ohjeissa oli oikeaa tietoo mut ei sielä ollu mitää linkkii että sieltä vois tehä sen sivun!!!!! voisko joku vastata!!!???

5.1.2007 09:56
tiia

yhyy... mä en osaa lisätä sitä niinku taustakuvaa sivuille tai siis sitä layottia ;( help me please :D

8.2.2007 14:39
Wolf <musta_varjo@hotmail.com>

Hei, kaikki jotka haluiu tehä oman kotisivun, http://www.freewebs.com/kennelohje löytyy kaikki tieto (ja paikat) kotarin tekoon... ;D

Lisää oma kommentti


Juha-Pekka Järvenpää
jp@sivut.org
http://www.jarvenpaa.net/