Siirry sisältöön
Verkkosivuprojektissa käyttöliittymäsuunnittelu on yksi tärkeimmistä vaiheista. Siihen kannattaa panostaa kunnolla, sillä se luo perustan koko verkkosivustolle.
Meillä Verkkoasemalla verkkosivuprojektit etenevät työvaiheittain suunnittelusta ylläpitoon.
Verkkosivuprojektin työvaiheet
- Suunnitteluvaihe
- Visuaalisen ilmeen suunnittelu
- (Sisällönsuunnittelu ja -tuotanto)
- Tekninen tuotanto
- Käyttöönotto ja julkaisu
- Ylläpito
Käyttöliittymäsuunnittelu kuuluu näistä projektin ehkä tärkeimpään vaiheeseen eli suunnitteluvaiheeseen.
Suunnitteluvaiheessa käymme läpi seuraavat työvaiheet:
- Kickoff & workshop
- Avainsana-analyysi – yleensä osa sisällöntuotantoa
- Sivuston rakenteen ja navigaation suunnittelu
- Rautalankasuunnittelu ja käyttöliittymäelementtien suunnittelu
Sivuston määrittely ja käyttöliittymäsuunnittelu on helpoin ja kustannustehokkain vaihe miettiä sivuston toiminnot ja sisältötyypit kuntoon. Sisällönsuunnittelu ja -tuotanto voidaan tarvittaessa aloittaa heti käyttöliittymäsuunnitteluvaiheen jälkeen, mikä jouduttaa projektin valmistumista huomattavasti.
Mitä myöhäisemmässä vaiheessa projektia tehdään muutoksia ja lisäyksiä sivuston rakenteeseen, sitä työläämpää se on, koska muutokset yleensä pitää tehdä teknisen tuotannon lisäksi myös rautalankoihin, visuaaliseen suunnitelmaa ja sisältösuunnitelmaan.
Lue, mistä WordPress-toteutuksen hinta muodostuu.
Sivuston määrittely ja käyttöliittymäsuunnittelu on helpoin ja kustannustehokkain vaihe miettiä sivuston toiminnot ja sisältötyypit kuntoon.
Rautalangat potenssiin 2
Käyttöliittymäsuunnittelun lopputulos on klikkailtava UX-proto (UX, user experience), josta saa käsityksen siitä, mitä elementtejä ja sisältöjä sivustolle toteutetaan. UX-proto on käytännössä monipuolisempi rautalankakokonisuus.
Klikkailtavalla protolla, joka on käytännössä interaktiivinen rautalanka, voidaan testata sivuston
- elementtejä
- sivukokonaisuuksia
- navigaatiota sekä sisäisesti että jopa kohdekäyttäjäryhmällä.
Näin saadaan palautetta jo tässä vaiheessa siitä, onko sivustolle tulossa oikeanlaista sisältöä oikeassa järjestyksessä.
Mikäli käyttäjätestausta tehdään, pitää siihen tietenkin varata aikaa projektiaikataulussa, mutta se on usein hedelmällinen vaihe, jolloin voidaan muun muassa testata haluttujen kävijäpolkujen toteutumista.
Käyttöliittymäsuunnittelun lähtökohdat
Käyttöliittymäsuunnittelu aloitetaan joko kickoffin ja workshopien jälkeen tai jo workshopien aikana. Workshopien aikana mietitään sivuston rakenne ja navigaatio. Projektista riippuen rautalangat eli käyttöliittymä rakennetaan ja hyväksytetään joko workshopien aikana tai erillisessä palaverissa. Asiakkaalla on mahdollisuus itsekin testata käyttöliittymää UX-protolla ennen sen hyväksyntää ja siirtoa seuraavaan projektivaiheeseen.
Käyttöliittymäsuunnittelussa hyödynnetään workshopeissa kerättyä tietoa ja SEO-analyysin tuloksia. Workshopeissa kerätään tietoa muun muassa seuraavista:
- Asiakkaan toiveet, tarpeet, tavoite, mahdollinen palaute asiakkaan asiakkailta
- Nykyisten verkkosivujen puutteet ja hyvät puolet
- Mahdollisen nykyisten verkkosivujen auditin tulokset
- Asiakkaan tuotteen/palvelun tyyppi ja siihen liittyvät tarpeet, mm. verkkokauppa
- Kohderyhmä
- Tarvitaanko blogia, uutisvirtaa, ladattavia tiedostoja tai muita tavallisia, mutta ei kaikille tarpeellisia ominaisuuksia
- Tarvitaanko mittatilauksena toteutettavia osioita tai sisältöjä, esimerkiksi erillistä sisäänkirjautumisen taakse piilotettavaa jäsenaluetta, erillisiä tietokantoja
Tästä kaikesta määrittelystä leivotaan verkkosivuille rautalangat. Mutta sitä ennen mietitään sivuston rakenne ja navigaatio. Siitä seuraavaksi…
Tarvitsetteko apua Käyttöliittymän suunnittelussa?
Jos haluat keskustella siitä, miten voisimme Verkkoasemalla auttaa sinua, varaa aika tuotantojohtajamme Joni Norringin kalenteriin!
Sinua saattaisi kiinnostaa myös nämä
WooCommerce-verkkokaupa
