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

Sinua saattaa kiinnostaa myös

Näkemyksiä | Blogi 17.01.2019

Markkinointi kuuluu kaikille

Keskustelu 1: Mahdoton yhtälö Asiakas: Haluamme sellaisen yhteisen tekemisen meiningin, mikä heijastuu ulospäinkin! Sellaisen tunnistettavan, meidänlaisen fiiliksen, joka tulee asiakkaalle jokaisessa kohtaamisessa. MBE: Se on brändipersoona. Brändipersoonassa määritellään nimenomaan millaisen [...] Lue lisää

Näkemyksiä | Blogi 09.01.2019

Markkinointi on investointi

Jokaisella liiketoiminnalla tulee olla tavoitteet, teilläkin on varmasti omat tavoitteenne, tai näin ainakin toivon. Tavoitteiden tulee olla korkealla, mutta ei mahdottomat. Yleensä tavoitteisiin pääsy vaatii investointeja. Niitä voivat olla esimerkiksi [...] Lue lisää

Näkemyksiä | Blogi 08.01.2019

Teoriasta käytäntöön 

Olen liiketalouden opiskelija Lahden ammattikorkeakoulusta. Vaikka opiskelu ammattikorkeakoulussa onkin yliopisto-opiskeluun verrattuna vähemmän teoriaa ja enemmän tekemistä, on opiskelu kuitenkin aika paljon asioiden teorioiden opiskelua. Opiskeluun on mahtunut monia hyödyllisiä ja [...] Lue lisää