5.1 Sivuston ja käyttöliittymän suunnittelu

Web-sivuston tekeminen vaatii järjestelmällisyyttä ja suunnitelmallisuutta. Yleisin virhe on lähteä liikkeelle ulkoasusta, grafiikasta, teknisestä ratkaisusta tai jostain muusta epäoleellisesta seikasta. Tällaisia harrastajien sivuja netti on pullollaan, eivätkä ne anna tekijöistään lainkaan edustavaa kuvaa. Siksi ennen kuin ryhtyy varsinaiseen koodaustyöhön pitää etukäteen selvittää muutamia asioita.

Vaihe 1: Määrittely

Ihan ensimmäinen ja tärkein asia on tehdä itselleen (ja muille) selväksi mitä varten sivusto tehdään:

  • Mitä sillä halutaan saavuttaa?
    Myydä keikkoja, saavuttaa näkyvyyttä, myydä tuotteita, myydä omaa osaamista? Välittää tietoa? Mitä tietoa ja kenelle?
  • Ketkä sitä lukevat?
    Muut muusikot? Nuoret, alle 25 v vai eläkeläiset? Bisnesmiehet, toimittajat? Miksi joku ylipäätään tulee sivuille?
  • Mitä tietoa sivulla kävijät sivulta hakevat?
    Erityisesti: mitä tietoa kävijät ensisijaisesti etsivät ja tarvitsevat?
  • Minkälainen kuva sivuston omistajasta halutaan antaa?
    Asialinjaa, vai taidehörhöilyä? Moderni nuorekas vai kuivakkaan asiallinen? Tämä liittyy aika paljon kolmeen edelliseen seikkaan
  • Pitääkö mahdollisimman monen päästä käsiksi sivuilla olevaan tietoon, vai voidaanko tehdä rajoituksia, esim. Sulkea pois kaikki kännykällä tai kämmentietokoneella selaavat? Entä tarvitaanko sivujen lukemiseen joitain erityisiä ohjelmia, plug-in -lisukkeita tai tietty selain, vai pitäisikö sen toimia kaikilla mahdollisilla selaimilla?
  • Pitääkö sivuja pystyä tulostamaan? Tämä saattaa vaikuttaa käytettyihin ratkaisuihin, tai sitten sivuista pitää tehdä saman tien kaksi versiota - toinen näytölle ja toinen paperille.

Määrittelyn jälkeen tiedetään, minkätyylisiä sivuja ollaan tekemässä, miksi, kenelle ja millä välineillä. Samoin tiedetään mitkä ovat yhteensopivuuden reunaehdot, eli täytyykö ratkaisut tehdä sen perusteella, että ne toimivat kaikilla selaimilla vai ainoastaan esim. Microsoftin Internet Explorer -selaimella Windows-käyttöjärjestelmällä.

Vasta kun nämä seikat on määritelty, ja kaikki projektiin osallistuvat tietävät mitä ollaan tekemässä ja millä ehdoilla, otetaan kynä käteen ja ryhdytään piirtämään paperille suunnitelmia.