Verkkosivujen suunnittelu ja kehitys

Sivusto, joka auttaa asiakasta eteenpäin.

Kerro selkeästi, mitä tarjoatte, missä toimitte ja miten yhteyttä otetaan. Suunnittelemme ja korjaamme sivut ja toiminnot, joiden avulla kävijä saa tehtävänsä valmiiksi.

Art deco -tyylinen verkkosivukuvitus näyttää selkeän polun näkyvään toimintopainikkeeseen.

Vastaa kysymyksiin, jotka edeltävät yhteydenottoa.

Kuvittele keittiöasentajan verkkosivusto. Kodinomistaja haluaa tietää, millaisia töitä yritys tekee, missä se toimii ja mitä tietoja kustannusarvioon tarvitaan. Näyttäväkin sivu voi jättää kaikki kolme kysymystä avoimiksi.

Kokoa vastaukset yhteen. Hyödyllinen palvelusivu yhdistää tarjotun työn, sopivan esimerkin ja selkeän ohjeen yhteydenottoon. Kuvitus näyttää, miten nämä osat liittyvät toisiinsa.

Kuvitettu keittiöasennuksen palvelusivu yhdistää tarjotut työt, toiminta-alueen ja yhteydenottoon tarvittavat tiedot.
Kuvitettu esimerkki: yksi palvelusivu kertoo, mitä töitä tehdään, millä alueella ja mitä asiakkaan pitää lähettää.

Anna sivun jokaiselle osalle tehtävä.

Auta lukijaa arvioimaan, sopiiko palvelu hänelle. Aloita tiedoista, joita kävijä joutuisi muuten kysymään.

Nimeä työ ja toiminta-alue.

”Keittiöasennukset Turussa” kertoo enemmän kuin ”Laadukkaat ratkaisut”. Selitä, mitkä työt sisältyvät palveluun ja kuuluuko kävijän sijainti toiminta-alueeseen. Aluetiedon pitää olla helppo päivittää.

Selitä, mitä esimerkki näyttää.

Keittiökuva tarvitsee asiayhteyden: uusien kaappien asennus on eri työ kuin ovien vaihto. Selitä työn laajuus lyhyessä kuvatekstissä. Jätä yksityiset tiedot pois ja merkitse kuvitus kuvitukseksi.

Kerro, mihin seuraava linkki vie.

”Kysy keittiöprojektistasi” antaa yhteydenotolle tarkoituksen. Kerro ennen lomakkeen tai sähköpostin avaamista, mitä asiakkaan pitää lähettää: esimerkiksi sijainti, lyhyt kuvaus ja hyödyllisiä valokuvia.

Vahvistus ruudulla on vasta puolet tarkistuksesta.

Anna lomakkeen kentille selkeät nimet. Pyydä vain tarpeellisia tietoja ja kerro, miten virheet korjataan. Lähettämisen jälkeen kävijälle on kerrottava, mitä tapahtui. W3C:n lomakeopas selittää nämä periaatteet.

Tarkista myös vastaanotto. Sovi testistä sivuston omistajan kanssa, lähetä selvästi merkitty testiviesti ja varmista, että se saapuu oikeaan postilaatikkoon. Pelkkä vahvistus ruudulla ei todista viestin perillemenoa.

Puhelimessa näkyy yhteydenoton vahvistus. Nuoli johtaa samaan viestiin vastaanottajan sähköpostilaatikossa.
Tarkista sekä lähetys että vastaanotto: kävijä näkee vahvistuksen ja oikea vastaanottaja saa yhteydenoton.

Sovita muutoksen laajuus ongelmaan.

Puuttuva vastaus ratkaisee ensimmäisen toimenpiteen. Uusi ulkoasu ei yksin korjaa viallista yhteydenottolomaketta tai lisää puuttuvaa tietoa toiminta-alueesta.

Rajattu korjaus

Jos asiointipolku muuten toimii, yksi lause voi riittää kertomaan toiminta-alueen. Epäselvä seuraava vaihe voi tarvita paremman linkin ja lyhyen selityksen. Testaa muutosta kävijän alkuperäisellä tehtävällä.

Laajempi uudistus

Jos ihmiset eivät löydä oikeaa palvelua useiden sivujen joukosta tai asettelu estää perustoimintoja puhelimella, rakenne voi tarvita laajempaa työtä. Sovi työn laajuudesta ja tarkistuksista ennen toteutusta.

Ratkaisusta riippumatta tavallisten muokkausten pitäisi olla helppoja. Tiimin pitää voida päivittää palvelutietoja, esimerkkejä ja yhteystietoja rakentamatta sivua uudelleen.

Aloita yhdestä sivusta ja yhdestä konkreettisesta tehtävästä.

Anna työlle testattava tavoite ensimmäisestä kuvauksesta viimeiseen tarkistukseen asti.

Lähetä sivu ja tavoite.

Kerro, kenelle sivu on tarkoitettu ja mitä kävijän pitäisi voida tehdä. Esimerkiksi toiminta-alueen kodinomistajien pitää voida pyytää keittiöasennuksen kustannusarvio.

Sovi tarvittavasta muutoksesta.

Käymme saman polun läpi, tunnistamme esteen ja suosittelemme selkeästi rajattua muutosta. Se voi koskea tekstiä, navigointia, asettelua, latautumista tai itse yhteydenottoa.

Toista tehtävä muutoksen jälkeen.

Tarkista sovittu polku tietokoneella ja puhelimella, myös näppäimistöä käyttäen. Varmista, että teksti on luettavaa, kuvat pysyvät paikoillaan, oikeat tiedot löytyvät ja mahdollinen testiyhteydenotto saapuu perille.

Art deco -tyylinen verkkosivukuvitus näyttää selkeän polun näkyvään toimintopainikkeeseen.

Löydä ensimmäinen muutos, joka kannattaa tehdä.

Lähetä sivu, tavoiteltavat asiakkaat ja se, mitä heidän pitäisi voida tehdä. Voimme auttaa muuttamaan tavoitteen konkreettiseksi sivuston parannukseksi.