Haluatko oppia optimoimaan videosi ja lataamaan ne YouTubeen siten, että hakukoneet sen löytävät. Tutustu vinkkeihin!
- Synopsis eli tiivistelmä projektista ja sen toteutuksesta
- Verkkosivuston rakenteen suunnittelu
- Asiakäsikirjoitus eli synopsiksen ideoiden konseptointi
- Tuotantokäsikirjoitus ohjaamaan itsenäistä tekemistä
- Prototyypit ja leiskaus
1. Synopsis
Synopsis on tuotantoprosessin kiteytys, jossa määritellään sivustosuunnitelman tavoitteet, lähtökohdat ja sivuston hyödyllisyys. Ideatasolla tehty tiivistelmä on napakka, helppolukuinen eikä juuri kahta sivua pidempi. Tulevan sivuston rakenne ja tyyli on jo havaittavissa. Synopsis sisältää vaatimusmäärittelyt, joihin kuuluu mm. sivuston tekninen toteutustapa, julkaisualusta, arvioidut kustannukset sekä aikataulut. Sisällöntuotannon suunnittelija tekee tässä vaiheessa myös valinnat tekijöistä ja vastuunjaosta. Vaikka synopsis toimii ohjauksena projektin työryhmälle, se on myös oivallinen apuväline kilpailuttamista tai rahoitusta suunniteltaessa.
2. Rakenne
Rakennekaavio on käsikirjoitusvaiheessa tehtävä näkemys siitä, kuinka ja missä järjestyksessä sivuston sisällöt ovat yhteydessä toisiinsa. Rakennekaaviosta näkee yhdellä silmäyksellä sivuston hierarkiat, linkitykset ja kuinka sivuston sisällä liikutaan. Rakennesuunnitelmassa luotava selkeä organisointi palvelee sekä hakukoneoptimointia » että käyttäjää loogisilla ja sivuston tavoitteita edistävillä ratkaisuilla. Rakennekaavion pohjalta voidaan tehdä myös ruutusuunnitelma, jossa sisältöjako palotellaan pienempiin osiin.
3. Asiakäsikirjoitus
Asiakäsikirjoituksessa sivuston sisällöt ja toiminallisuus on kasassa informaatioarkkitehtuurista lähtien. Tulevan sivuston voi nähdä jo valmiina mielessään. Asiakäsikirjoitus kuvaa synopsiksen ideat lopullisena tuotteena ja kertoo sen, mitä projektin toteutus vaatii. Sen pohjalta on määriteltävissä tarkka budjetti, visuaalinen ilme ja tekniset määritykset. Asiakäsikirjoituksesta sivuston tilaaja pystyy arvioimaan vastaako tuleva sivusto alkuperäisiä suunnitelmia ja hyväksyä tulevan tuotannon. Näin valmis asiakäsikirjoitus palvelee sekä sivuston tekijöitä että auttaa kommunikoimaan tilaajan suuntaan.
4. Tuotantokäsikirjoitus
Tuotantokäsikirjoitus kokoaa tarkasti yhteen asiakäsikirjoituksen suunnitelmat. Se on dokumentti, joka sisältää sivuston yksityiskohtaiset sisällöt, sisäiset ja ulkoiset linkit, käyttöliittymän, mediaelementit ja toteutustavat. Tuotantokäsikirjoitus soveltuu täysin itsenäiseen tekemiseen, koska käsikirjoitus on siinä avattu html-elementtien tasolle. Valmis tuotantokäsikirjoitus on laajennettavissa tuotantosuunnitelmaksi, jonka avulla projektipäällikkö tai mediatuotannon tuottaja voi hallita tulevaa hanketta aina markkinointiin » asti.
5. Prototyypit ja leiskaus
Kirjoitustyön rinnalla kulkee sivuston visuaalinen ilme. Siinä rakennesuunnitelma etenee rakennekaavion pohjalta yksittäisten sivujen rautalankamalleihin (wireframe) ja prototyyppeihin. Prototyyppien luontia ohjaa käyttäjäymmärrys. Käyttöliittymäsuunnittelu (UI-suunnittelu) kuvaa verkkosivun ulkoasua selainpuolella (front end), eli sitä mitä käyttäjä näytöllään näkee. Alla web-suunnittelu blogitekstistä » löytyvä mindmap verkkosivun suunnittelun jälkimmäisessä vaiheesta:
Verkkosivun sisällöntuotanto ja suunnittelu selain- ja palvelinpuolella
Sivuston visuaalisuus
Verkkosivun ulkoasun suunnittelu kuuluu sivuston sisällöntuotantoon ja on näkyvä osa viestintää. Sivuston visuaalinen suunnittelu varmistaa sivuston yhdenmukaisen ilmeen, mikä lujittaa sivuston uskottavuutta ja yrityksen omaa brändiä ». Sivuston värivalinnoilla » voidaan parantaaa käyttökokemusta ja typografian avulla » tukea sivuston sisältöä ja luettavuutta. Vaikka värien, typografian ja erilaisten mediavalintojen pääasiallisena tarkoituksena on vahvistaa sivuston viestiä, niiden on huomioitava myös saavutettavuuden vaatimukset ». Samoin mobiilinäkymät on suunniteltava helppokäyttöisiksi, selkeiksi ja nopeasti latautuviksi.
