En dragning jag gjorde för Bredbandsbolaget 2013 angående Neurowebdesign och trender inom design för Ehandel

2. Vem är jag?
Introduktion

3. Systemvetenskap
Grafisk design
Webbdesign
Neurowebdesign
Jimi Wikman
Neurowebdesigner
1996 – Webbdesign
2006 – Egen designfirma / webbhotell
2011 – Brightstep AB

4. Marknadsledande management- och IT-
konsultföretag med fokus på
multikanalhandel sedan 2001
50+ heltidsanställda experter fördelade
över följande affärsområden
Strategi
Utveckling
Optimering
Plattformsoberoende men experter på
hybris, Intershop, Magento and EPiServer
Kontor i Stockholm, Malmö, Borås, Oslo
men levererar över hela Europa
Om Brightstep
Kort presentation

5. Vad händer?
Trender

6. Vi går mot en allt mer mobil värld
Mobil evolution
Nytt användarbeteende
Snabb vs trygg checkout
Enhetskaos (Vilda västern)
Android värst idag
Mobile War
It’s all in your pocket!

7. Största trenden 2012
Respons till skärmkaoset
En kodbas för alla skärmar
Helt nya krav på processer
Osäker framtid
Responsiv design
One design to rule them all…

8. Mer fokus på UX än användbarhet
Mer kvalitativ data än kvantitativ
Analysdata bara en del av konverteringen
Clicktale och Eyetracking
Användartester vs A/B tester
Konvertering vs data
Varför vs vad

9. Fånga upp besökare som besökt
webbplatsen men sedan avvikit med
annonser som matchar deras intressen.
Kontakta besökare som besökt
webbplatsen men sedan avvikit med
erbjudanden som matchar deras
intressen.
Inte helt oproblematiskt.
Retargeting & Remarketing
Återta dina kunder

10. Om du vet vad din kund vill ha kan du
skapa unika erbjudande och upplevelser.
Samla data för att kunna erbjuda
personifierade erbjudanden.
Bilmärke + färg I utskick gav stor
respons.
Personifiering
Kom närmare din kund

11. Kundklubbar är förlegade.
Händelsestyrda aktiviteter som skapar
automatiska händelser i systemet.
Problemlösning ger varumärkeslojalitet.
Reciprocity och en liten julgranskula…
Lojalitet
Knyt kunden till dig

12. Psykologisk webdesign
Neurowebdesign

13. Kognitions
vetenskap
Data
vetenskap
Neuro
vetenskap
PsykologiFilosofi
Lingvistik
Antropologi
Relativt ny gren inom design
Har sina rötter i kognitionsvetenskap
och inkluderar bland annat filosofi,
psykologi, neurovetenskap,
datavetenskap, lingvistik och
Antropologi
Påverka beslut genom vårt
undermedvetna
Finns många olika varianter som
Peruasive design, Design for Persuasion,
Emotion and Trust osv
Neurowebbdesign
Mental påverkan i design

14. Strukturpsykologi
Gestaltlagarna

15. Gestaltpsykologi är en psykologisk
inriktning från 1923 som menar att
människan behöver förstå saker som
helheter och mönster.
Två punkter som visas efter varandra
formar rörelse utan att det finns någon
rörelse.
Används även inom konsten.
Gestaltpsykologi
Hjärnan ser mönster

16. Hjärnans behov av att skapa
avgränsningar även om dom inte finns.
Hjärnan fyller i "tomrummet".
Whitespace och olika färgbakgrunder
hjälper hjärnan se avgränsningarna I
webbdesign.
Law of closure

19. Law of similarity
Law of similarity innebär att objekt som
liknar varandra grupperas ihop till en
enhet.
Saker som inte är lika hör inte ihop.
Lika hör ihop

22. Undermedvetet

23. Skapa fokus på den viktigaste delen av
webbsidan, dvs den delen vi vill att
besökaren ska interagera med.
Tänk tredimensionellt!
Uppmärksamhetsfärger och
kontrastfärger ger oftast bäst resultat.
Fokalpunkter & CTA
Styr besökarens handlingar

24. Rörelseriktningar
Styr ögat på webbplatsen.
Används med fördel tillsammans med
fokalpunkter.
Ögon mest effektiva.
Styr besökarens blick

25. Ansikten ger uppmärksamhet

27. Gammelhjärnan

28. Mat

29. Fara

30. Sex

31. Känslig för tid och förlust gör att vi
reagerar på tidsbestämda
erbjudanden.
Begränsat antal gör att produkten
upplevs mer värdefull.
Tid och begränsat antal
Hjärnan är dålig förlorare

32. Vi väljer i de flesta fallen produkten
längs till vänster, oavsett produktens
egenskaper.
Vid prisjämförelse så upplevs en produkt
med lägre pris som billigt om skillnaden
är tillräckligt stor, oavsett om det är en
helt annan produkt så länge den är
relaterad.
Jämförelse & vänsterprincipen
Vi är svaga för jämförelser

33. Val mellan 6 och 24 olika honungssorter.
Vid 24 sorter stannade 60 och 2
genomförde köp.
Vid 6 sorter stannade 40 och 12
genomförde köp.
Ju fler val vi får desto lägre
beslutsfrekvens.
Val-paralysering
För många val minskar konvertering

34. Tips från coachen
Tre snabba

35. Synlig och tydlig navigering.
Logisk struktur på sidan
Använd breadcrumbs.
Loggan leder till index sidan
Länkfärg vs färgblinda.
Väl synlig kundkorg!
Navigering utan GPS
Logisk och lättförståelig navigering

36. Sökfunktionen blir allt mer viktig.
Bra sökfunktion som kan tolka
felstavningar.
Autocomplete / förslag på söktermer
blir allt mer vanligt.
Sökfunktion
Om det inte kan hittas finns det inte…

37. Förutsäg besökarens frågor och ge svar
på webbplatsen.
Gör det lätt att hitta informationen.
Använd search as you type instant
answers.
Var tillgänglig!
Besvara besökarens frågor
Förutsäg besökarens frågor