Kuuntele tämän artikkelin ääniversio

On tieteellistä tietoa siitä, miksi tietyt mallit kiinnittävät silmäsi ja saavat veren pumppaamaan.

Ihmisen aivot ovat laiskoja, puolueellisia ja alttiita pikavalinnoille.

Käyttäjän kokemustutkimus ihmisen kognitiosta voi olla sohvainen, epätieteellinen ja täynnä vääriä oletuksia - ehkä se on laiskojen aivojen vika.

Tunnistaminen on monimutkaista, ja monet tekijät vaikuttavat suolistoreaktioihin tai välittömään vaikutelmaan. Kun kysyt joku, 'Miksi teit niin?' on suuri mahdollisuus, etteivät he pysty vastaamaan tai että tulkitset heidän vastauksensa väärin.

Anna neurotiede.

Vaikka tutkimusmenetelmät, kuten havainnointi ja haastattelut, vaativat UX-tutkijaa ja osallistujaa usein arvaamaan, nykyaikainen tekniikka kuten silmänseuranta avulla tutkijat voivat tutkia lähes huomaamattomia reaktioita ja mieltymyksiä .

Tuotteissa, joissa on paljon liikennettä, näennäisesti pienet yksityiskohdat, kuten napin leveys tai tekstin värikontrasti, voivat tehdä miljoonia dollareita eron. Siksi tekniikan jättiläiset, kuten Facebook ja Google, alkavat käyttää neurotieteisiin perustuvia tekniikoita tutkiakseen, miten ihmiset käyttävät tuotteitaan.

Aloitetaan reaktiivisen, 'nopean ajattelun' johdannosta ja annetaan muutama vinkki suunnittelijat auttaa hyödyntämään neurotieteen voimaa loistavien käyttäjäkokemusten luomiseksi.

Suunnittelupsykologia: nopea ajattelu, hidas ajattelu

Ei ole mikään salaisuus, että suuri osa siitä, mikä ohjaa ihmisen käyttäytymistä, on alitajunnan alaista. Millisekunneissa sen jälkeen, kun henkilö on kohdannut uuden sovelluksen tai verkkosivuston, miljoonat hermosolut syttyvät ja aivot tekevät satoja alitajunnan alaisia ​​päätöksiä.

Olenko oikeassa paikassa? Pitäisikö minun luottaa tähän sivustoon?

YouTube UX -tutkija Javier Bargas-Avila selvitti vuonna 2012 tutkimus että ihmiset muodostavat esteettisiä reaktioita verkkosivulle ensimmäisten 17 - 50 millisekunnin kuluttua valotuksesta .

Tämän asettamiseksi perspektiiviin silmän vilkkuminen kestää 300–400 millisekuntia. Tuotteesi voi saada kokeilunsa, tuomionsa ja tuomionsa alle silmänräpäyksessä.

Näitä näyttökertoja ei ehkä rekisteröidä, mutta ne vaikuttavat käyttäytymiseen. Esimerkiksi, Jos sivusto latautuu hitaasti ja aivot lukevat ensimmäiset kohteet, jotka latautuvat aiheen ulkopuolisiksi, käyttäjä voi siirtyä heti poispäin eikä odottaa sivuston latautumista.

Yritykset, kuten Facebook, sijoittavat merkittäviä resursseja elementtien latausjärjestyksen tutkimiseen. Jos joku kirjautuu Facebookiin eikä näe ilmoitusmerkkejä, hän voi siirtyä pois heti. Jos merkit latautuvat ensin, ne voivat odottaa, kun sisältöä sisältävä uutissyöte latautuu.

Nobel-palkinnon saaneen Daniel Kahnemanin kirja Ajattelu, nopea ja hidas jakaa ihmisen ajattelun ja päätöksenteon kahteen järjestelmään eron havainnollistamiseksi.

Järjestelmä 1: nopea, automaattinen, usein, tunnepitoinen, stereotyyppinen, alitajunta.

Järjestelmän 1 ajattelu on reaktiivinen —Vastuussa monimutkaisesta mutta vaistomaisesta kognitiosta, kuten esineiden välisen etäisyyden tai tunnevasteiden määrittämisestä. Laiska aivosi yleensä olettaa järjestelmän 1 ajattelun.

Järjestelmä 2: hidas, vaivallinen, looginen, laskeva, tietoinen, harvoin.

Järjestelmän 2 ajattelu on analyyttinen ja sitä käytetään monimutkaisemmissa skenaarioissa, kuten sopivan sosiaalisen käyttäytymisen määrittäminen tai kahden tuotteen vertailu eri hinnoilla ja ominaisuuksilla.

Koska aivot eivät halua käsitellä tietoja uudelleen tai tehdä uusia päätöksiä joka kerta kun kohtaavat uuden skenaarion, suuri osa ihmisen päätöksenteosta kuuluu järjestelmään 1 eli 'nopeaan ajatteluun'.

Kun teet päätöksen nopeasti, aivot voivat liiallisesti luottaa skeemeihin tai henkiset mallit - tutut tiedon ja vuorovaikutuksen mallit. Kun järjestelmän 1 ajattelu on mukana, järjestelmä 2 ei koskaan käynnisty. Ihmiset eivät ehkä ole tietoisia aivojensa päätöksenteosta, mutta se vaikuttaa voimakkaasti heidän käyttäytymiseensä ja käsitykseen tuotteesta.

Psykologian tiede suunnittelussa

Ihmisen aivot kuluttavat huikeat 25% kehon hapesta huolimatta siitä, että ne muodostavat vain noin 2% sen massasta. Aivot ovat laiskoja selviytymismekanismina - mallintunnistus ja pikavalinnat tarkoittavat vähemmän energiaa, joka kulutetaan tilanteen tietoiseen käsittelyyn . Aivot tunnistaa asiat, merkitsee ne ja jättää ne huomiotta, kunnes ne ovat jälleen merkityksellisiä.

Aivojen mieltymykset malleihin ja laiska päätöksenteko saattavat helpottaa selviytymistä, mutta se vaikeuttaa UX-suunnittelua. Kuinka opiskelet jotain, jota tutkimusaiheesi ei edes pysty havaitsemaan?

Kourallinen neurotieteen tekniikat ovat äskettäin siirtyneet UX-tutkimukseen, auttaa tutkijoita valaisemaan asioita, jotka stimuloivat 'nopeaa ajattelua'.

Huomiota ja havainnointia voidaan tutkia silmänseurantakamerat . Tunnepitoisuus ja kiihottuminen voidaan määrittää ihoanturit tai kasvojen analyysi. Sähköinen vaste aivoissa voidaan mitata elektroenkefalografia .

Vastaanottaja suunnittelijat , se saattaa kuulostaa mahdottomalta tehtävältä vangita jonkun kiinnostus ja välittää elintärkeää tietoa alle silmänräpäyksessä. Onneksi, aivan kuten neurotiede voi auttaa meitä diagnosoimaan ongelmia, se voi myös paljastaa yleisiä ratkaisuja ja parhaita käytäntöjä.

Tässä on muutama yleinen kokemus neurotieteistä käyttökokemustutkimus joita suunnittelijat voivat käyttää suunnitellessaan digitaalisia tuotteita.

Suunnittelupsykologiavinkki nro 1: Tee siitä helppo tunnistaa

Jokainen saapuu verkkosivustolle tai sovellukseen odottaen jonkin verran miltä sen pitäisi näyttää. Pysyminen lähellä tätä odotusta auttaa suunnittelijat hyötyvät alitajunnan välittömästä päätöksenteosta.

Henkilö, joka avaa sovelluksesi tai verkkosivustosi, haluaa tietää a) onko sillä mitä etsin; ja b) onko tämä korkealaatuinen? Pidä suunnittelee yksinkertaisesti ja pitää tuotemerkin, palvelut ja tuotteet edessä ja keskellä auttaa ihmisiä orientoitumaan.

Tietojen sijoittaminen eteen ja keskelle tarkoittaa sitä, että muita tietoja ei saa syrjäyttää. Suunnittelun sekoittaminen on yhtä tärkeää kuin komponenttien uudelleenjärjestely.

Huomaat, että teknologiayritykset siirtyvät yksinkertaisempiin, vähemmän tungosta käyttöliittymiin. Nämä minimalistiset mallit ylittää monimutkaisemmat mallit tehtävän suorittamisessa ja visuaalisen selkeyden osoitetaan vaikuttavan ostopäätöksiin päällä ja offline-tilassa.

On ollut tieteellisesti todistettu että visuaalisesti yksinkertaiset ja puhtaat mallit toimivat paremmin. Laiska aivot voivat ymmärtää sivuston tarkoituksen välittömästi ja ymmärtää mitä toimia on tehtävä.

Suunnittelupsykologian vinkki 2: Ilmoita mitä on tulossa

Pohjustus tai jonkun valmisteleminen tulevaa tietoa tai vuorovaikutusta varten voi parantaa käyttäjän kykyä ymmärtää uutta tietoa ja reagoida siihen. Voit perustaa jonkun odottamaan esimerkiksi käyttöliittymän elementtejä, tiettyjä vuorovaikutuksia tai prosessin ajoitusta.

Esimerkiksi Yelp käyttää ylimääräistä näyttöä varoittamaan käyttäjiä, jotka poistuvat Yelpistä vierailemaan kolmannen osapuolen sivustolla. Lisäkonteksti auttaa käyttäjää ilmoittamaan uuden suunnittelun ja tietoarkkitehtuurin.

Pohjustus on kaksiteräinen miekka. Tiedot, joita et halua välittää, voivat silti vaikuttaa päätöksentekoon . Esimerkiksi, jos valokuvausyrityksessäsi on vain vauvakuvia, henkilö saattaa napsauttaa väärin olettaen, että palvelet vain pikkulasten asiakaskuntaa.

Suunnittelupsykologiavinkki # 3: Järjestä laiskoille lukijoille

Silmänseuranta tutkimukset pystyvät seuraamaan ihmisen katseita, kun he ovat vuorovaikutuksessa tuotteen kanssa. He voivat tuottaa lämpökarttoja, jotka osoittavat näytön toiseen osaan keskittyvän ajan, tai karttoja siitä, kuinka silmä hyppää sivun ympäri.

Tiedämme, että kaikilla toimialoilla ja sovellustyypeissä aivot etsivät tietoja yleensä F-mallina (tai E-kuvio). Henkilö tarkastelee yläreunassa olevia tietoja, lukee oikealle ja etsii sitten alaspäin sivua asiaankuuluvien tietojen tai kuvakkeiden löytämiseksi.

F-kuvion rikkominen - esimerkiksi tärkeiden tietojen sijoittaminen oikeaan alakulmaan - vaikeuttaa sen löytämistä.

Kesätä tekstiäsi

Mukaan a Nielsen Norman -tutkimus 45 237 sivun katselukerrasta ihmiset lukevat vain noin 20% sivun tekstistä. Mikä pahempaa, sivustoilla, joilla on enemmän sisältöä, ihmiset omistivat vain noin 4 ylimääräistä sekuntia jokaista 100 uutta sanaa kohti.

Maailmassa, jossa ihmiset eivät lue sanasta sanaan, Nielsen Norman käyttää seuraavat ohjeet skannattavalle tekstille .

• Korostettu avainsanat
• Mielekäs alaotsakkeet
• Luettelomerkitty luettelot
• Yksi idea kappaleessa
• käänteinen pyramidi tyyli- aloita johtopäätöksellä
• Puolet sanojen määrästä (tai vähemmän) tavanomaista kirjoittamista

Työskentele väripopin ja kontrastin kanssa

Tekstin organisointi ja sijainti eivät ole ainoat tärkeät tekijät suunnittelussa. Väriteoriaa, painoja ja kontrastia voidaan käyttää ohjaamaan käyttäjän huomiota.

NASAn ohjaamon suunnittelutiimi käyttää luminanssia - tai mallin havaittua kirkkautta - auttamaan hallitsemaan ohjaajan huomiota alueella, joka on täynnä kilpailevaa tietoa. ohjaamon suunnittelutiimi käyttää värejä ja kontrastia antaa visuaalinen näkyvyys tärkeimmille elementeille.

Luminanssi ja kontrasti , voidaan käyttää koko tuotteessasi korostamaan tai vähättelemään tiettyjä tietoja, mutta niihin viitataan useimmiten painike- tai toimintakehotuksessa. Kuten alla olevista punaisista esimerkkipainikkeista näet, vaikka vasemmassa yläkulmassa oleva painike on kyllästynein, se 'tuntuu' kirkkaimmalta, koska kontrasti on suurin.

Kontrasti ja kirkkaus ovat vain ensimmäinen askel. Väriteoria ehdottaa tuotteidesi värien tasapainottamista käyttämällä hallitsevaa väriä 60% ajasta, toissijaista 30% ja aksenttia 10%. Tämä erittely on yhdenmukainen neurotieteen kanssa, joka vetää silmää. Koska korostusväriä käytetään vähiten, se kiinnittää eniten silmiä.

Aivan kuten kirkkaan värin käyttö voi kiinnittää silmän, mykistettyjen värien käyttö voi auttaa käyttäjää määrittämään, mikä tieto on toissijaista vai vähemmän tärkeää. Esimerkiksi useimmat verkkosivustot käyttävät neutraalinvärisiä alatunnistealueita osoittaakseen erotuksen sivun muusta tiedosta.

Mahdolliset ominaisuudet tai tietosuunnittelijat poistavat prioriteetin, mikä auttaa käyttäjää keskittymään suoraan tuontitoimintoihin tai tietoihin.

Suunnittelupsykologian vinkki 4: Gut Check

Onneksi et tarvitse tuhansia dollareita silmänseurantaohjelmistoa tai elektroencefalogrammaa kertoaksesi, toimiiko suunnittelu.

Viiden sekunnin testit ovat tehokas työkalu sen määrittämiseen, ovatko mallit heti ymmärrettäviä.

Jonkin sisällä 5 sekunnin testi , osallistuja tarkastelee sivustoa tai sovellusta 5 sekunnin ajan ja vastaa sitten aiheeseen ja suunnitteluun liittyviin kysymyksiin. Osallistuja ei voi viitata takaisin kuvaan, vaan antaa 'vaikutelmansa' - mitä osallistujat olettivat olevan tuotteen tarkoitus ja toiminta ja mitä he tekisivät tai mihin he etsivät seuraavia vaiheita.

Tuotteellasi voi olla kaikki toiminnot, joita käyttäjä haluaa, mutta jos laiska, kuviota rakastava aivo ei pysty heti ymmärtämään sitä, se siirtyy eteenpäin .

Suunnittelijat henkisenä lukijana

Kun opimme lisää suunnittelupsykologiasta, aivoista ja käsityksestä, suunnittelunormit muuttuvat edelleen koko teollisuudessa. Yhdistävä säie on dataa - kun menetelmät neurotieteen ja kognition tutkimiseen paranevat, niin myös UX-suunnitteluun käytettävissä olevan datan tyyppi ja laatu paranevat.

Suuri käyttökokemussuunnittelu ei ole taikuutta - se on tiedettä. Neurotiede.

Tämä artikkeli on kirjoitettu yhteistyössä UX-tutkijan kanssa Caitria O’Neill , aiemmin Facebookissa, tällä hetkellä Airbnb: ssä, ja kaveri osoitteessa Stanfordin koulu .

• • •

Lue lisää ApeeScape Design Blogista:

• eCommerce UX - yleiskatsaus parhaista käytännöistä (infografiikan kanssa)
• Ihmiskeskeisen suunnittelun merkitys tuotesuunnittelussa
• Parhaat UX-suunnittelijoiden salkut - inspiroivia tapaustutkimuksia ja esimerkkejä
• Heuristiset periaatteet mobiililiittymille
• Ennakoiva suunnittelu: Kuinka luoda maagisia käyttökokemuksia

Perustietojen ymmärtäminen

Mitä suunnittelun periaatteet tarkoittavat?

Suunnitteluperiaatteet ovat käsitteitä, joita käytetään järjestämään tai järjestämään suunnittelun rakenneosat. Tapa, jolla näitä periaatteita sovelletaan, vaikuttaa teoksen ilmeikkään sisältöön tai sanomaan.

Mitkä ovat suunnittelumallien tyypit?

Suunnittelumallit on jaettu kolmeen perustyyppiin: käyttäytymiseen, luovuuteen ja rakenteeseen.

Mitkä ovat suunnittelun viisi elementtiä?

Viisi muotoilun elementtiä ovat: viivat, muodot, massa, rakenne ja väri.

Miksi meidän on käytettävä suunnittelumalleja?

Käyttäjän odotukset ovat yksi syy siihen, että käytämme suunnittelumalleja. Ohjelmistokehityksessä samasta syystä käytämme reseptejä kakkujen paistamiseen. Ne ovat toistettava prosessi, jota käytetään tunnetun tuloksen saavuttamiseen. Ilman reseptejä jokainen kakku olisi uusi keksintö - sama koskee ohjelmistojen suunnittelumalleja.

Mikä on F-kuvion lukeminen?

Tutkimusten mukaan F-mallin lukeminen on tapaa, jolla ihmiset yleensä lukevat verkkosivustojen sisältöä. Ihmiset yleensä katsovat ensin yläreunassa olevia tietoja, lukevat oikealle ja etsivät sitten sivua alaspäin asiaankuuluvien tietojen tai kuvakkeiden löytämiseksi.

Mitä on silmänseuranta markkinoinnissa?

Silmänseurantatekniikan avulla markkinatutkija pystyy tunnistamaan, mitkä kohteet herättävät jonkun huomion verkkosivulla tai sovelluksessa, ymmärtämään, miten asiakkaat kokevat tuotteen ympäröivän ympäristön, ja erottamaan, mikä ajaa heidän päätöksensä ostaa tai toimia.

Mitkä ovat suunnittelun kahdeksan periaatetta?

Nämä voivat vaihdella kysytyn mukaan. Suunnittelun kahdeksan periaatetta ovat: tasapaino, linjaus, kontrasti, osuus, korostus, liike, yhtenäisyys ja rytmi.