Upload
essi-raunamaa
View
12
Download
3
Embed Size (px)
Citation preview
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