Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Vem är jag?
Introduktion
Systemvetenskap
Grafisk design
Webbdesign
Neurowebdesign
Jimi Wikman
Neurowebdesigner
1996 – Webbdesign
2006 – Egen design...
Marknadsledande management- och IT-
konsultföretag med fokus på
multikanalhandel sedan 2001
50+ heltidsanställda experter ...
Vad händer?
Trender
Vi går mot en allt mer mobil värld
Mobil evolution
Nytt användarbeteende
Snabb vs trygg checkout
Enhetskaos (Vilda västern...
Största trenden 2012
Respons till skärmkaoset
En kodbas för alla skärmar
Helt nya krav på processer
Osäker framtid
Respons...
Mer fokus på UX än användbarhet
Mer kvalitativ data än kvantitativ
Analysdata bara en del av konverteringen
Clicktale och ...
Fånga upp besökare som besökt
webbplatsen men sedan avvikit med
annonser som matchar deras intressen.
Kontakta besökare so...
Om du vet vad din kund vill ha kan du
skapa unika erbjudande och upplevelser.
Samla data för att kunna erbjuda
personifier...
Kundklubbar är förlegade.
Händelsestyrda aktiviteter som skapar
automatiska händelser i systemet.
Problemlösning ger varum...
Psykologisk webdesign
Neurowebdesign
Kognitions
vetenskap
Data
vetenskap
Neuro
vetenskap
PsykologiFilosofi
Lingvistik
Antropologi
Relativt ny gren inom design
...
Strukturpsykologi
Gestaltlagarna
Gestaltpsykologi är en psykologisk
inriktning från 1923 som menar att
människan behöver förstå saker som
helheter och möns...
Hjärnans behov av att skapa
avgränsningar även om dom inte finns.
Hjärnan fyller i "tomrummet".
Whitespace och olika färgb...
Law of similarity
Law of similarity innebär att objekt som
liknar varandra grupperas ihop till en
enhet.
Saker som inte är...
Undermedvetet
Skapa fokus på den viktigaste delen av
webbsidan, dvs den delen vi vill att
besökaren ska interagera med.
Tänk tredimensio...
Rörelseriktningar
Styr ögat på webbplatsen.
Används med fördel tillsammans med
fokalpunkter.
Ögon mest effektiva.
Styr bes...
Ansikten ger uppmärksamhet
Gammelhjärnan
Mat
Fara
Sex
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...
Vi väljer i de flesta fallen produkten
längs till vänster, oavsett produktens
egenskaper.
Vid prisjämförelse så upplevs en...
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
g...
Tips från coachen
Tre snabba
Synlig och tydlig navigering.
Logisk struktur på sidan
Använd breadcrumbs.
Loggan leder till index sidan
Länkfärg vs färgb...
Sökfunktionen blir allt mer viktig.
Bra sökfunktion som kan tolka
felstavningar.
Autocomplete / förslag på söktermer
blir ...
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 ins...
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Neurowebdesign och trender inom design för Ehandel
Upcoming SlideShare
Loading in …5
×

Neurowebdesign och trender inom design för Ehandel

614 views

Published on

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

Published in: Design
  • Be the first to comment

Neurowebdesign och trender inom design för Ehandel

  1. 1. Vem är jag? Introduktion
  2. 2. Systemvetenskap Grafisk design Webbdesign Neurowebdesign Jimi Wikman Neurowebdesigner 1996 – Webbdesign 2006 – Egen designfirma / webbhotell 2011 – Brightstep AB
  3. 3. 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
  4. 4. Vad händer? Trender
  5. 5. 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!
  6. 6. 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…
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. Psykologisk webdesign Neurowebdesign
  12. 12. 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
  13. 13. Strukturpsykologi Gestaltlagarna
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. Undermedvetet
  18. 18. 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
  19. 19. Rörelseriktningar Styr ögat på webbplatsen. Används med fördel tillsammans med fokalpunkter. Ögon mest effektiva. Styr besökarens blick
  20. 20. Ansikten ger uppmärksamhet
  21. 21. Gammelhjärnan
  22. 22. Mat
  23. 23. Fara
  24. 24. Sex
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. Tips från coachen Tre snabba
  29. 29. 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
  30. 30. 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…
  31. 31. 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

×