Ennen merkkaustyöhön ryhtymistä on syytä kiinnittää huomiota sivuston suunnitteluun. Valitettavan usein tämä vaihe jää kokonaan väliin ja tulokset ovat sen mukaisia.
Ensimmäinen ja tärkein kysymys, jonka sivuston rakentajan on selvitettävä kuuluu: ketä tai mitä tarkoitusta sivusto palvelee? Vastausta tähän kysymykseen ei saa unohtaa sivuja rakentaessa ja laajentaessa. Mitä monipuolisempi vastaus tähän kysymykseen on, sitä enemmän sivusto vaatii suunnittelulta. Myös tulevaisuuden tarpeet pitää huomioida mahdollisimman hyvin. Esimerkiksi yrityksen sivujen lähtökohtana on voinut olla joku seuraavista:
Toiminnan laajentuessa kaikki edellä mainitut voivat tulla ajankohtaisiksi. Puutteellinen suunnittelu näkyy, joko sekavana ja epämiellyttävänä sivustona tai moninkertaisena työpanoksena.
Sivuston rakenne on oltava mahdollisimman selkeä, sekä ylläpitäjälle, että asiakkaalle. On muistettava, että asiakas usein tulee "takaovesta" sisälle, esim. hakukonetuloksen tai tiettyyn alisivuun viittaavan linkin avulla. Usein asiakas myös haluaa edetä sivustossa eri tavalla, kuin tekijä on kuvitellut. Joten myös asiakkaan on pystyttävä hahmottelemaan sivuston rakenne, muuten hän "eksyy" ja pettyy. Usein puumainen ja hierarkkinen rakenne on selkein, kunhan se ei ole liian hallitseva.
Huomioi seuraavat vihjeet varsinkin laajoissa sivustoissa:
Myös ylläpidon kannalta selkeä ja tarpeeksi tilava hakemistorakenne on välttämätön. Hakemistorakenteen kannattaa seurata sivuston rakennetta ja hakemistoja tulee olla riittävästi, jotta satojen tiedostojen hakemistoilta tai tarpeettomilta tiedostojen siirroilta vältyttäisiin.
Oleellista sivun sisällöllisessä rakenteessa on se, että sivu muodostuu tietyn selvän ajatuksen ympärille. Negatiivisesti sanottuna, yhteen sivuun ei saisi sisällyttää useita käsitteitä, tai yhtä kokonaisuutta ei saisi pilkkoa. Suurikokoisiin dokumentteihin voi pilkkomisen sijaan laittaa hypertekstisisällysluettelon. Niitä voi myös tarjota vaihtoehtoisissa muodoissa, esim. pakattuina tiedostoina, jolloin asiakas voi lukea tai tulostaa sivut yhteydettömässä tilassa.
Huomioi seuraavat asiakasviihtyvyyttä koskevat ohjeet sivuja suunnitellessasi.
Varsinkin aloitussivu on pidettävä kevyenä, sillä eteisessä odottaminen ajaa vierailijat muualle. Vältä myös splash-sivun (mainos- tai tehokeinosivu ennen varsinaista pääsivua) käyttöä, sillä ne usein hämmentävät ja kaiken kaikkiaan aiheuttavat enemmän vihastusta, kuin ihastusta.
Varoita raskaista sivuista, sekä laita isot hitaasti latautuvat kuvat omalle sivulleen linkin taakse, jotta asiakas tietäisi mihin on ryhtymässä.
Vältä pelkästään koristeellisia kuvia, sekä muita sivuja raskauttavia tehosteita, jollei niillä ole selvää funktiota.
Huolehdi kuvien tiedostokoon optimoimisesta. Varmista, etteivät kuvasi ole liian raskaita esim. karsimalla turhaa kuvatietoa ja pienentämällä kuvat käyttökokoonsa.
Varmista jokaiselta sivulta linkitys pääsivulle. Back-toimintoon ei saa luottaa, sillä asiakas voi tulla muualta.
Käytä myös sivuttaislinkkejä, ettei asiakkaan tarvitse aina kiertää pääsivun kautta.
Varmista, ettei asiakkaan tarvitse turhaan vierittää selainikkunaa sivusuunnassa, eli käytä suhteellisia pituusarvoja absoluuttisten sijaan.
Pidä sivujen ulkonäkö yhtenäisenä. Asiakkaan orientoituminen helpottuu, kun paikat tulevat tutuiksi ja esim. navigointilinkit löytyvät aina samasta kohdasta sivua.
Varmista sivujen toimivuus mahdollisimman monella ja erilaisilla asiakasohjelmilla. Mitä monipuolisempia dokumentteja teet, sitä useammalla asiakasohjelmalla ja niiden eri versioilla ne on tarkastettava. Ota myös huomioon, että yritysmaailmassa selainten päivitystahti on huomattavasti hitaampaa, kuin yksityisillä.
Varmista sivujen toimivuus ja riittävä värien kontrasti ilman kuvatukea. Jotkut asiakasohjelmat eivät tue kuvia ja toiset asiakkaat ottavat kuvat pois käytöstä (asetuksista) nopeuttaakseen sivujen latautumista.
Varmista sivuston asiasisällön saavutettavuus ilman scriptitukea. Jotkut asiakasohjelmat eivät tue scriptejä lainkaan, toiset taas puutteellisesti. Monet asiakkaat surffaavat ilman scriptitukea esimerkiksi tietoturvasyistä.
Varmista, ettei sivujen toimivuus ole riippuvaista, jostakin edistyneestä tai erityisestä tekniikasta, kuten Flashista.
Näillä ohjeilla pärjää jo pitkälle. Totta kai joudut itse huolehtimaan vielä paljosta muusta, josta tärkein on sivujesi asiasisältö, sen asiallisuus ja ajantasaisuus.