Labona
Verkkosivujen visuaaliset tyylit muuttuvat, mutta sivuston on aina autettava kävijää löytämään etsimänsä. Ulkoasu vaikuttaa siihen, mitä sivulta huomataan ja kuinka helppoa sisältöä on lukea. Siksi suunnitteluratkaisuja kannattaa arvioida oman yleisön ja käyttötarkoituksen kautta.
Tässä artikkelissa tarkastelemme neljää ulkoasun suunnitteluun vaikuttavaa suuntausta: myönteistä ilmettä, minimalismia, animaatioita ja kuvituksia. Niistä voi poimia omaan yritysilmeeseen sopivia keinoja ilman, että sivusto rakennetaan vaihtuvien trendien varaan.
Lähestyttävä ilme
Sivuston tunnelma syntyy kuvista, väreistä, typografiasta ja tekstin sävystä. Jos yrityksen palvelu perustuu henkilökohtaiseen kohtaamiseen, myös verkkosivulla voi näyttää ihmiset työn takana. Ilmeen kannattaa sopia siihen tilanteeseen, jossa asiakas palvelua etsii.
Henkilökuvissa luonteva ilme ja tunnistettava työympäristö kertovat yrityksestä enemmän kuin irrallinen kuvapankkikuva. Hymy sopii moniin tilanteisiin, mutta tärkeintä on kuvan uskottavuus ja yhteys käsiteltävään asiaan.
Väreillä, kirjaintyypeillä ja pienillä kuvituksilla voi tehdä ilmeestä rennon tai leikkisän. Valitse keinot yrityksesi luonteen mukaan ja varmista samalla tekstin luettavuus. Esimerkiksi emoji voi sopia kevyeen viestiin, mutta olennaisen ohjeen merkitys ei saa jäädä sen varaan. Yhtenäinen tyyli auttaa kävijää tunnistamaan yrityksen eri sivuilla.
Minimalismi
Minimalistisessa ulkoasussa korostuvat sisältö, selkeä rakenne ja riittävä tila elementtien välillä. Suuri otsikko voi auttaa huomaamaan sivun aiheen, mutta otsikon on myös kerrottava jotain. Rajaukset ja tyhjä tila voivat erottaa kokonaisuudet toisistaan ilman runsasta koristelua. Tarkista erityisesti mobiilissa, että tärkeät tiedot löytyvät eikä ilmavuus venytä sivua kohtuuttomasti.
Efektit ja animaatiot
Animaatio voi näyttää, että painiketta on painettu, avata valikon tai havainnollistaa palvelun toimintaa. Hiiren osoittimen alla muuttuva painike on yksi esimerkki, mutta toiminnon pitää näkyä myös kosketusnäytöllä ja näppäimistöä käytettäessä. Liikkeen määrää kannattaa rajata: jatkuvasti liikkuva tausta voi viedä huomion sisällöstä. Testaa myös latausnopeus ja varmista, että sivua voi käyttää ilman tarpeetonta liikettä.
Kuvataide ja piirrokset
Valokuva näyttää tuotteen, ihmisen tai työtilanteen. Piirros taas voi selittää asian, jota on vaikea kuvata kameralla. Valitse kuvat sen mukaan, mitä lukijan on tarkoitus ymmärtää.
Kuvituksessa voi käyttää esimerkiksi geometrisia muotoja, retrohenkisiä värejä tai käsin piirrettyä jälkeä. Memphis-tyyli, Mondrianin teoksista tutut sommittelut ja paperikollaasit tarjoavat erilaisia lähtökohtia. Tyylin nimi ei kuitenkaan ratkaise sen sopivuutta yritykselle: kuvitusten pitää muodostaa tunnistettava kokonaisuus muun ilmeen kanssa.
Samaa kuvitustyyliä voi käyttää kaavioissa, kuvakkeissa ja palvelun vaiheiden esittelyssä. Verkkokaupassa kollaasi voi näyttää tuoteperheen, mutta yksittäisen tuotteen ominaisuudet on esitettävä myös selkeästi. Kuvitus kannattaa ottaa mukaan jo sisällön suunnitteluun, jotta se selittää asiaa eikä jää pelkäksi koristeeksi.
Neljä lähtökohtaa suunnitteluun
- Yritykseen ja asiointitilanteeseen sopiva tunnelma
- Selkeä rakenne ja luettava sisältö
- Käyttöä helpottavat animaatiot
- Asiaa havainnollistavat kuvat ja piirrokset
