Verkkosivujen suunnittelu, joka toimii: mistä se oikeasti koostuu

Ulkoasu on kohta, jossa tilaajan on vaikeinta arvioida. Kauneus on makuasia, toimivuus ei — ja ne kaksi voi erottaa ilman suunnittelijan koulutusta. Alla on se, minkä perusteella katsoa.

Ensimmäinen kysymys ei koske värejä

Hyvä suunnittelu alkaa kysymyksestä, mitä ihmisen on tällä sivulla tehtävä: soitettava, kysyttävä hintaa, selattava luetteloa, ladattava asiakirja. Värit ja kirjaintyyppi tulevat vasta sen jälkeen. Jos ulkoasu on kaunis mutta sivun tarkoitus on epäselvä, se ei toimi — eikä mikään värivalinta korjaa sitä.

Käytännön tarkistus: katso ensimmäistä ruutua kolme sekuntia ja sulje silmät. Tiedätkö, mitä yritys tekee ja mikä on seuraava askel? Jos et, ei tiedä kävijäkään.

Ulkoasu ja nopeus ovat sama päätös

Suuret taustakuvat, kymmenen kirjaintyyppiä, animaatio joka elementissä, video etusivulla — esityksessä se näyttää hyvältä. Mobiiliyhteydellä jokainen tällainen päätös maksaa sekunteja, ja sekunnit maksavat kävijöitä. Siksi ulkoasu ja tekninen puoli on tehtävä yhdessä: jokaisen raskaan elementin on ansaittava paikkansa.

Tämä ei tarkoita että ulkoasun pitäisi olla tylsä. Se tarkoittaa, että vaikutus tehdään asioilla jotka ovat halpoja — typografia, välit, sommittelu, yksi hyvä kuva oikeassa paikassa — eikä asioilla jotka ovat raskaita.

Mobiilista alkaen, ei mobiiliin sovittaen

Suurin osa kävijöistä tulee puhelimella. Jos ulkoasu tehdään tietokoneen ruudulle ja puristetaan jälkeenpäin puhelimeen, puhelimeen jää siitä huonoin osa: pitkät lomakkeet, pienet painikkeet, valikko jonka sisään katoaa. Jos suunnittelu alkaa puhelimesta, tietokoneversio on vain väljempi — tämä suunta toimii, vastakkainen ei.

Merkki, josta laadun näkee

Luotettavin laadun merkki ei ole ensivaikutelma vaan se, mitä tapahtuu kuuden kuukauden kuluttua. Onko uuden palvelusivun lisääminen viiden minuutin työ vai uusi projekti? Näyttääkö uusi artikkeli muun sivuston kaltaiselta? Osaako joku lisätä painikkeen niin ettei se näytä vieraalta?

Vastaus riippuu siitä, onko ulkoasulla säännöt: sovitut värit, välit, painikkeiden tilat, otsikkotasot, kuvien suhteet. Säännöillä varustettu ulkoasu kasvaa. Säännöttä jäänyt on kokoelma yksitellen tehtyjä sivuja, ja jokainen lisäys rikkoo kokonaisuutta vähän.

Saavutettavuus ei ole erillinen kohta

Kontrasti, joka on luettava myös auringossa. Lomakekentät, joilla on nimi eikä vain vihje. Painikkeet, joihin osuu sormella. Nämä eivät ole hyväntekeväisyyttä — ne ovat yksinkertaisesti suunnittelua, joka toimii myös kun olosuhteet eivät ole ideaalit. Ja haulle ne ovat hyödyllisiä samasta syystä: kunnollinen otsikkorakenne ja luettava teksti ovat juuri sitä mitä konekin tarvitsee.

Miten ulkoasu ja tekninen puoli kulkevat meillä samassa virrassa, on kirjattu verkkokehityksen sivulle. Jos punnitsette vanhan sivuston uudistamista, kannattaa ensin katsoa onko ongelma ulkoasussa vai mitattavissa asioissa — sen näyttää tekninen auditointi.