Näkemyksiä | Blogi 17.10.2018

Visuaalisuudella vaikuttavuutta

Matkapuhelin on nykyisin suosituin laite netin käytössä ja on muuttanut samalla visuaalisuuden ja käyttöliittymän suunnittelua monella tapaa. Sivuja skrollataan alaspäin ja sen vuoksi kaiken etusivun sisällön ei tarvitse olla enää myöskään tietokoneella heti aloitusnäkymässä esillä. Pudotusvalikot puolestaan eivät ole aina mobiiliympäristössä miellyttäviä käyttää. Käyttäjästä on helpompaa, jos jo etusivulla on kiinnostavaa sisältöä ja sieltä on selkeä ohjaus alasivuille.

Sivustolle kannattaa miettiä selkeä rakenne, jotta käyttäjä hahmottaa aina missä kulkee. Nettisivuilla tulee ensisijaisesti olla jokin tarkoitus ja sen käyttäjille merkityksellistä sisältöä. Hyvä visuaalinen ilme tukee sisältöä ja antaa sille lisäarvoa, auttaa käyttäjää löytämään etsimänsä ja houkuttelee tutustumaan sivuihin syvemmin.

Litteydestä tuli trendi

Verkkosivut suunnitellaan usein responsiiviseksi, jotta sisältö skaalautuu automaattisesti sopivaan näkymään kaikenkokoisilla päätelaitteilla. Sivujen pitää myös latautua nopeammin minkä vuoksi raskaita efektejä ja kolmiulotteisisia elementeistä on tällä vuosikymmenellä luovuttu. Värit ovat selkeinä tasaisina pintoina ja elementit suorakulmaisia ja grideissä eli tiettyyn ruudukkoon sopivia. Tätä kutsutaan flat designiksi, litteäksi tyyliksi.

Tyylisuunnan edelläkävijä oli Microsoft, joka otti yksinkertaiset ikonit ja suorakulmaiset tasaiset väripinnat käyttöön käyttöjärjestelmissään. Typografia suunniteltiin helposti luettavaksi ja neutraaliksi, samalla tavalla kuin opasteiden pitää olla mahdollisimman selkeitä aistiärsykkeitä täynnä olevilla lentokentillä. Visuaalisilla elementeillä oli siis selvä funktio, käyttökokemuksen pitää olla helppoa ja nopeaa.

Skandinaaviseen muotoiluun tottuneelle litteä tyyli nimestään huolimatta tuntuu parhaimmillaan tyylikkäältä eikä ole missään nimessä tylsää. Ei ole varmastikaan sattumaa, että pelkistetympi tyylisuunta näkyy vahvasti myös printtimaailman ja muotoilun puolella. Netin kirkkaiden värien vuoksi yrityksetkin uskaltavat olla entistä värikkäämpiä. Logot ja symbolit ovat kaksiulotteisia ja ikonimaisia. Typografiassa puolestaan vallitsee geometrinen trendi.

Panosta houkuttelevaan ulkoasuun

Verkkosivut kehittyvät koko ajan ja samalla ymmärretään paremmin käyttäjän tarpeita. Visuaalista suunnittelua edeltää aina hyvin mietitty käyttöliittymän suunnittelu. Sivuilla navigoinnin ja ostoon tai kontaktiin johtavan polun tulee olla vaivaton ja looginen. Tämä vaatii myös elementeiltä kontrastia ja tunnistettavuutta: kirkkaita värejä, isoja ja pieniä kirjasimia, selkeitä symboleita ja muotoja, jotka opastavat sivuston selaajaa miellyttävällä tavalla. Panosta erottuviin kuviin, otsikoihin ja nostoihin, sillä sivuja silmäillään nopeasti. Erilaisia elementtejä ei kannata olla liikaa, sillä informaatiotulva on netissä liikuttaessa valtava.

Nettisivuilla on alettu yhä selvemmin tuoda litteiden elementtien rinnalle elävämpiä elementtejä: realistisia 3D-kuvia ja heittovarjoja, vinoja ja pyöreitä muotoja, liukuvärejä kirkkaissa väreissä ja liikkuvaa kuvaa. Tekstit, kuvat, värialueet ja muut elementit saadaan liikkumaan pysty-, vaaka- ja syvyyssuunnassa. Gridejä rikotaan ja elementtejä asetellaan epäsymmetrisesti. Erilaisten efektien hyödyntämisessä pitää olla kuitenkin varovainen, jotta käyttökokemus ei heikenny.

Tukeeko nettisivusi yrityksesi brändi-ilmettä?

Silloin kun suunnittelen yritykselle uusia nettisivuja, otan yrityksen muun visuaalisen ilmeen tarkasti huomioon. Jos yrityksen muutkin materiaalit ovat myös päivityksen tarpeessa, kannattaa nekin freesata kuntoon samassa yhteydessä, jotta kokonaisuus säilyy yhtenäisenä ja yhtä tuoreena. Nettisivuilla huomio kiinnittyy ensimmäisenä valokuviin. Niillä on suuri merkitys yrityskuvan luomisessa.

Ihmistä puolestaan kiinnostaa eniten aina toisen ihmisen valokuva. Rohkaisenkin tuomaan sivuille henkilökuvia, sillä B2B-puolellakin ja raskaan teollisuuden saralla kauppaa käyvät aina ihmiset. Vielä henkilökohtaisemman fiiliksen tekevät yrityksen oikeat työntekijät taitavan valokuvaajan kuvaamina.

Essi

AVAINSANAT: nettisivut, visuaalinen viestintä, visuaalisuus

Muita näkemyksiä samalta kirjoittajalta

Näkemyksiä | Blogi 12.02.2019

Vahva ilme vaatii sitoutumista

Visuaalisella ilmeellä halutaan luoda yrityksestä, yhteisöstä tai brändistä tietty mielikuva kaikille sidosryhmille. Sen tulee erottua kilpailijoista ja olla helposti tunnistettava. Yrityksen ulkopuolinen henkilö kohtaa vain palasia ilmeestä. Jotta sen tunnistaa [...] Lue lisää

Sinua saattaa kiinnostaa myös

Näkemyksiä | Blogi 18.03.2019

Sisältö on kuningas

Miksi meillä jaksetaan jauhaa sisällöistä? Ehkä siksi, että sisältö on kaikki kaikessa. Korjaan: hyvä sisältö on kaikki kaikessa. Hyvä sisältö nimittäin auttaa yrityksen asiakasta tekemään valinnan. Oikeanlainen sisältö sitouttaa jo [...] Lue lisää

Näkemyksiä | Blogi 07.03.2019

Sekä B2B että B2C lähellä sydäntä

Valmistumiseni jälkeen olen päässyt kerryttämään kokemusta sekä B2B- että kuluttajamarkkinoinnin parissa. Tämä on mahdollistanut eturivin paikat molempiin esityksiin. Taustastani sen verran, että urani aukesi suuren kansainvälisen pakkausteollisuuden yrityksen palveluksessa, mikä [...] Lue lisää

Näkemyksiä | Blogi 27.02.2019

Hymy on MBE:llä ykkönen

Mietitäänkö teillä, mitä asiakkaat oikeasti teistä ajattelevat? Miten hyvin esimerkiksi arvonne välittyvät asiakkaille saakka? Usein yrityksillä on jonkinlainen kalpea aavistus, olettamus siitä, mitä asiakkaan mielessä liikkuu. Tarkka tieto voi kuitenkin [...] Lue lisää