SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Godt design – I praksis ,[object Object]
Coffee Shop Usability Testing
Start med det simple, en skabelon for webshops
Webshops i praksis,[object Object]
Neuropsykologi Hvor gemmerløven sig? Når hulemanden var på jagt, skulle han ofte følge spor.  Og naturen rundt omkring ham sendte alt for mange  signaler til at den tænkende del af hjernen havde  tid til at bearbejde det.Ligger der en løve gemt på lur? Er der farlige planter?Er der mad? Eller spor fra noget jeg kan spise?Eller måske endda noget jeg kan parre mig med? Så han udviklede synscenteret, der ”filtrerer” det vi ser  i hvad der er vigtigt og ikke vigtigt,  hvad vi skal passe på og hvad vi godt kan lide.  Hvilket gør at vi ikke nødvendigvis ser det vi ser,  men nærmere en fortolkning af det! Allerede inden vi overhovedet er begyndt at tænke over noget, har vi fået et signal om der er noget vi skal passe på. Og dette påvirker os langt mere end vi tidligere har troet!
Brugere er måldrevne Hulemanden var desuden altid ude efteret eller andet. Han havde et mål. Men at lede efter visuelle spor ude iden vilde natur er en kæmpe opgave,så synscenteret lærte hurtigt at sorterei hvad der måske kan bringe en ét skridttættere på målet, og sende dette videretil videre behandling i den ”tænkende”del af hjernen. Sjovt nok surfer vi rundt på nettet påsamme facon!
Squint testen Hvor vil du klikke for at komme videre?
Squint testen Hvor vil du klikke for at komme videre?
Squint testen Hvor vil du klikke for at komme videre?
Squint testen Hvor vil du klikke for at komme videre?
Squint testen Hvor vil du klikke for at komme videre?
Squint testen Hvor vil du klikke for at komme videre?
Usability Testing ...Er dyrt ...Er besværligt ...Tager lang tid ...Kræver uddannelse ...Koster mange penge ...Kræver et kæmpe laboratorier ...Kræver masser af maskiner og teknik ...Ikke nødvendigvis!
Coffee Shop Usability Testing
Coffee Shop Usability Testing Sæt rigtige mennesker ned foran dit website, og observer hvordan de bruger det. ,[object Object]
Orienter dem om at dette er en test af websitet,  og ikke af dem. Det er derfor helt OK at give op.
Fortæl dem en historie og stil dem en opgave.
Observer hvordan de søger. Der er GULD at hente i at teste konkurrenter!
Lad være med at afbryde dem, guide dem, eller at  ”forsvare” dit website.
Tag noter undervejs, stil spørgsmål bagefter. ”Forestil dig at din familie har besluttet sig for at tage på sommerferie i Spanien. Og nu vil du kigge lidt på om det er muligt at finde en god lejlighed for en billig penge.”  ”Forestil dig at der lige er gået børnepenge ind. De skal dælme brændes af på noget lækkert tøj til ungerne, hvilket passer meget godt, da de trænger til nyt til foråret. Sæt i gang!”
Simpel produktside
Grupper informationerne
Opret fix-punkter
Fremhæv Call-to-action Indkøbskurv 0 varer i kurven Læg i kurv
”Katteshoppen” i praksis
”Katteshoppen” i praksis
User Expectations for the Location of Common E-Commerce Web Objects Du skal have en rigtig, rigtig god grund, hvis du vil bryde brugernes forventninger til, hvor de forskellige elementer på siden findes! Examining User Expectations for the Location of Common E-Commerce Web Objects, Januar 2001 http://www.surl.org/usabilitynews/41/web_object-ecom.asp
Få styr på white space
Ensartet klik-indikation
Centreret tekst, svært at læse
Hvor er indkøbskurven?
Trættende tekst
Gruppering og symmetri
Call-to-action, gruppering

Weitere ähnliche Inhalte

Ähnlich wie Godt eCommerce design i praksis

Morgeninspiration 25.04.17 forstå dine brugere
Morgeninspiration 25.04.17 forstå dine brugereMorgeninspiration 25.04.17 forstå dine brugere
Morgeninspiration 25.04.17 forstå dine brugerePeytz & Co
 
Når online og offline mødes i forretningen
Når online og offline mødes i forretningenNår online og offline mødes i forretningen
Når online og offline mødes i forretningenAndreas Klinke Johannsen
 
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...FrontPage Google
 
Fremtiden tilhører de frygtløse masterslides
Fremtiden tilhører de frygtløse masterslidesFremtiden tilhører de frygtløse masterslides
Fremtiden tilhører de frygtløse masterslidesAstrid Haug
 
Disruption. Fra forsvar til angreb - med bevidst innovation
Disruption. Fra forsvar til angreb - med bevidst innovationDisruption. Fra forsvar til angreb - med bevidst innovation
Disruption. Fra forsvar til angreb - med bevidst innovationPeytz & Co
 
Fremtidens markeder og produkter
Fremtidens markeder og produkterFremtidens markeder og produkter
Fremtidens markeder og produkterSocialsquare
 
Iværksætter DNA Modul 1 - Idé fasen
Iværksætter DNA Modul 1 - Idé fasenIværksætter DNA Modul 1 - Idé fasen
Iværksætter DNA Modul 1 - Idé fasenNicolaj Hansen
 
FFW præsentation for Universal Music event om datadrevet marketing
FFW præsentation for Universal Music event om datadrevet marketingFFW præsentation for Universal Music event om datadrevet marketing
FFW præsentation for Universal Music event om datadrevet marketingFFW
 
Hvem er mine kunder og hvor fanger jeg dem bedst
Hvem er mine kunder og hvor fanger jeg dem bedstHvem er mine kunder og hvor fanger jeg dem bedst
Hvem er mine kunder og hvor fanger jeg dem bedstPeytz & Co
 
Asbjørn Poulsen - Headstart Trendseminar
Asbjørn Poulsen - Headstart Trendseminar Asbjørn Poulsen - Headstart Trendseminar
Asbjørn Poulsen - Headstart Trendseminar Seismonaut
 
Employee experience
Employee experience Employee experience
Employee experience Astrid Haug
 
Bring viden ind i din virksomhed
Bring viden ind i din virksomhedBring viden ind i din virksomhed
Bring viden ind i din virksomhedJeppe Bech
 
Pretotyping Summer School 2014
Pretotyping Summer School 2014Pretotyping Summer School 2014
Pretotyping Summer School 2014Pretoytping
 
Førstehjælp til gode idéer
Førstehjælp til gode idéerFørstehjælp til gode idéer
Førstehjælp til gode idéerPRE.DO
 
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.Ida Borch
 
Iværksætteri for ledige - En mini e-bog
Iværksætteri for ledige - En mini e-bogIværksætteri for ledige - En mini e-bog
Iværksætteri for ledige - En mini e-bogHenrik German Qvottrup
 

Ähnlich wie Godt eCommerce design i praksis (20)

Morgeninspiration 25.04.17 forstå dine brugere
Morgeninspiration 25.04.17 forstå dine brugereMorgeninspiration 25.04.17 forstå dine brugere
Morgeninspiration 25.04.17 forstå dine brugere
 
Når online og offline mødes i forretningen
Når online og offline mødes i forretningenNår online og offline mødes i forretningen
Når online og offline mødes i forretningen
 
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...
Skirejser og netkøb – Hvordan præsenterer man sine produkter bedst muligt på ...
 
5 intranet trends 2012
5 intranet trends 20125 intranet trends 2012
5 intranet trends 2012
 
Innovation
InnovationInnovation
Innovation
 
Fremtiden tilhører de frygtløse masterslides
Fremtiden tilhører de frygtløse masterslidesFremtiden tilhører de frygtløse masterslides
Fremtiden tilhører de frygtløse masterslides
 
Disruption. Fra forsvar til angreb - med bevidst innovation
Disruption. Fra forsvar til angreb - med bevidst innovationDisruption. Fra forsvar til angreb - med bevidst innovation
Disruption. Fra forsvar til angreb - med bevidst innovation
 
Sociale medier
Sociale medierSociale medier
Sociale medier
 
Fremtidens markeder og produkter
Fremtidens markeder og produkterFremtidens markeder og produkter
Fremtidens markeder og produkter
 
Iværksætter DNA Modul 1 - Idé fasen
Iværksætter DNA Modul 1 - Idé fasenIværksætter DNA Modul 1 - Idé fasen
Iværksætter DNA Modul 1 - Idé fasen
 
Introduktion til personas af Lene Nielsen, ITU
Introduktion til personas af Lene Nielsen, ITUIntroduktion til personas af Lene Nielsen, ITU
Introduktion til personas af Lene Nielsen, ITU
 
FFW præsentation for Universal Music event om datadrevet marketing
FFW præsentation for Universal Music event om datadrevet marketingFFW præsentation for Universal Music event om datadrevet marketing
FFW præsentation for Universal Music event om datadrevet marketing
 
Hvem er mine kunder og hvor fanger jeg dem bedst
Hvem er mine kunder og hvor fanger jeg dem bedstHvem er mine kunder og hvor fanger jeg dem bedst
Hvem er mine kunder og hvor fanger jeg dem bedst
 
Asbjørn Poulsen - Headstart Trendseminar
Asbjørn Poulsen - Headstart Trendseminar Asbjørn Poulsen - Headstart Trendseminar
Asbjørn Poulsen - Headstart Trendseminar
 
Employee experience
Employee experience Employee experience
Employee experience
 
Bring viden ind i din virksomhed
Bring viden ind i din virksomhedBring viden ind i din virksomhed
Bring viden ind i din virksomhed
 
Pretotyping Summer School 2014
Pretotyping Summer School 2014Pretotyping Summer School 2014
Pretotyping Summer School 2014
 
Førstehjælp til gode idéer
Førstehjælp til gode idéerFørstehjælp til gode idéer
Førstehjælp til gode idéer
 
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.
Mere bundlinje, mindre bragesnak. Om sociale medier i markedsføringen.
 
Iværksætteri for ledige - En mini e-bog
Iværksætteri for ledige - En mini e-bogIværksætteri for ledige - En mini e-bog
Iværksætteri for ledige - En mini e-bog
 

Godt eCommerce design i praksis

  • 1.
  • 3. Start med det simple, en skabelon for webshops
  • 4.
  • 5. Neuropsykologi Hvor gemmerløven sig? Når hulemanden var på jagt, skulle han ofte følge spor. Og naturen rundt omkring ham sendte alt for mange signaler til at den tænkende del af hjernen havde tid til at bearbejde det.Ligger der en løve gemt på lur? Er der farlige planter?Er der mad? Eller spor fra noget jeg kan spise?Eller måske endda noget jeg kan parre mig med? Så han udviklede synscenteret, der ”filtrerer” det vi ser i hvad der er vigtigt og ikke vigtigt, hvad vi skal passe på og hvad vi godt kan lide. Hvilket gør at vi ikke nødvendigvis ser det vi ser, men nærmere en fortolkning af det! Allerede inden vi overhovedet er begyndt at tænke over noget, har vi fået et signal om der er noget vi skal passe på. Og dette påvirker os langt mere end vi tidligere har troet!
  • 6. Brugere er måldrevne Hulemanden var desuden altid ude efteret eller andet. Han havde et mål. Men at lede efter visuelle spor ude iden vilde natur er en kæmpe opgave,så synscenteret lærte hurtigt at sorterei hvad der måske kan bringe en ét skridttættere på målet, og sende dette videretil videre behandling i den ”tænkende”del af hjernen. Sjovt nok surfer vi rundt på nettet påsamme facon!
  • 7. Squint testen Hvor vil du klikke for at komme videre?
  • 8. Squint testen Hvor vil du klikke for at komme videre?
  • 9. Squint testen Hvor vil du klikke for at komme videre?
  • 10. Squint testen Hvor vil du klikke for at komme videre?
  • 11. Squint testen Hvor vil du klikke for at komme videre?
  • 12. Squint testen Hvor vil du klikke for at komme videre?
  • 13. Usability Testing ...Er dyrt ...Er besværligt ...Tager lang tid ...Kræver uddannelse ...Koster mange penge ...Kræver et kæmpe laboratorier ...Kræver masser af maskiner og teknik ...Ikke nødvendigvis!
  • 15.
  • 16. Orienter dem om at dette er en test af websitet, og ikke af dem. Det er derfor helt OK at give op.
  • 17. Fortæl dem en historie og stil dem en opgave.
  • 18. Observer hvordan de søger. Der er GULD at hente i at teste konkurrenter!
  • 19. Lad være med at afbryde dem, guide dem, eller at ”forsvare” dit website.
  • 20. Tag noter undervejs, stil spørgsmål bagefter. ”Forestil dig at din familie har besluttet sig for at tage på sommerferie i Spanien. Og nu vil du kigge lidt på om det er muligt at finde en god lejlighed for en billig penge.” ”Forestil dig at der lige er gået børnepenge ind. De skal dælme brændes af på noget lækkert tøj til ungerne, hvilket passer meget godt, da de trænger til nyt til foråret. Sæt i gang!”
  • 24. Fremhæv Call-to-action Indkøbskurv 0 varer i kurven Læg i kurv
  • 27. User Expectations for the Location of Common E-Commerce Web Objects Du skal have en rigtig, rigtig god grund, hvis du vil bryde brugernes forventninger til, hvor de forskellige elementer på siden findes! Examining User Expectations for the Location of Common E-Commerce Web Objects, Januar 2001 http://www.surl.org/usabilitynews/41/web_object-ecom.asp
  • 28. Få styr på white space
  • 37. Lille skrift, helt anden stil
  • 39. Prøv at lave en ”Katteshoppen.dk”
  • 41. Referencer Bøger ”Brugervenligt webdesign” af Rolf Molich ”Don’t make me think”af Steve Krug ”Rocket Surgery Made Easy” af Steve Krug ”Call to Action: Secret Formulas to Improve Online Success” af Bryan & Jeffrey Eisenberg ”The Decisive Moment – How the brain makes up its mind” af Jonah Lehrer På nettet Artikler om webdesign på min egen blog. http://www.afdeling18.dk/tag/Design.aspx Gode artikler andre steder på nettet. http://delicious.com/SoerenS Gæt hvilken, der er bedsthttp://whichtestwon.com/ http://www.abtests.com/