Aivot ja visuaalisuus - miksi designilla on väliä

AIVOT JA VISUAALISUUSMIKSI DESIGNILLA ON VÄLIÄEssi RaunamaaSenior Service Designer / Solita@raunamaa

MITÄ TAPAHTUU KUN KOHTAAMME KÄYTTÖLIITTYMÄN?

50 MS

VISUAALISUUDEN VAIKUTUS94%

ULKONÄKÖ VAIKUTTAA ENEMMÄN KUIN TOIMIVUUS

SKANNAUS› Tilan hahmottaminen:

• Missä olen?• Mitä sijaitsee missäkin?

› Onko täällä mitään minulle?› Mitä ennakkoluuloja ulkoasu

ruokkii?

ENNAKKOLUULOTToimivat ensisijaisena perusteena, kun käyttö aloitetaan.https://youtu.be/TudFAEUkR9Y?t=37

SKANNAUS› Eniten katsotaan:

• Otsikot• Linkit• Listat, erotellut boksit• Boldatut sanat

LUOKITTELU

LUOKITTELU› Mitä näit?› Missä?

LUOKITTELU› Mitä näit?› Missä?

LUOKITTELU› Aivot on ”ohjelmoitu”

luokittelemaan asioita.• Läheisyys• Samankaltaisuus• Väri• Symmetria

WHITE SPACEHahmotamme asiat itse asiassa tyhjän tilan perusteella.› Erottaa asiat toisistaan.› Luokittelee yhteenkuuluvat

asiat.

WHITE SPACE

VAINU ELI ”INFORMATION SCENT”

› Ihminen valitsee ensimmäisen etäisesti tarvetta muistuttavan kohdan.• Tutkimustiedon mukaan

yleensä luetaan otsikosta 2 ensimmäistä sanaa.

› Vainun saamiseen ei haluta käyttää älyllistä vaivaa.• Motivaation vahvuus

VAINU

KLIKKAUS› Aivot laskevat jokaiselle

tekemälleen päätökselle ”hankintahinnan”.

› Käyttäjä on laiska ja tyhmä:Ihminen valitsee vähiten kuormittavan vaihtoehdon. Käyttäjä jaksaa vain harvoin nähdä älyllistä vaivaa.

VAIVA

HUOMIO

VUORO-VAIKUTUS

LUKEMINEN

AJATTELU

LAISKUUS› Koettu vaiva vs. Koettu

hyöty› Käyttäjä muodostaa aina

arvion• Arvion muodostumiseen

vaikuttaa aiempi kokemus• Arvion muodostumiseen

vaikuttaa design

VAIVA

HUOMIO

VUORO-VAIKUTUS

LUKEMINEN

AJATTELU

KÄYTTÄJÄT VIETTÄVÄT SUURIMMAN OSAN AJASTAAN MUUALLA KUIN TEKEMÄSSÄSI PALVELUSSA.

AIEMPI KOKEMUS› Hankintahinnan alentaminen› Tehtävien

automatisoituminen› Vaikuttaa siihen, mistä

käyttäjät etsivät tietoa ja toiminnallisuuksia

LOGIN

OSTOS-KORI

HAKU

NAVIGAATIO

MURUPOLKU

ETUSIVU-LINKKI

YHTEYS-TIEDOT

FONTIT / TYPOGRAFIA› Emme itseasiassa lue kirjaimia.› Luemme kirjainyhdistelmiä.› Vielä tarkemmin näiden yhdistelmien välejä.

FONTIT / TYPOGRAFIA

FONTIT / TYPOGRAFIA

KATSOTKO MAINOKSIA?› Liika mainosmaisuus ajaa pois› Etusivu tunnistetaan isosta kuva-alueesta, mutta siihen ei

välttämättä silti kiinnitetä huomiota• Banner blindness

KATSOTKO MAINOKSIA?

MIELIKUVA

MIKSI BRÄNDIMIELIKUVAN LUOMA TUNNE ON TÄRKEÄ?

PAREMPI KÄYTTÖKOKEMUS PAREMPI KONVERSIO PAREMPAA LIIKETOIMINTAA

DESIGNIN VAIKUTUS BRÄNDIMIELIKUVAAN PAREMPI BRÄNDIPAREMPAA LIIKETOIMINTAA

KAIKEN MEIDÄN TEKEMISEN TULEE TUKEA ASIAKKAAN LIIKETOIMINTAA