godt ecommerce design i praksis
DESCRIPTION
Slides fra gennemgang af praktiske redskaber til skabelse af godt eCommerce design. Opfølgning på tidligere foredrag, der tog udgangspunkt i neuropsykologi & godt design.TRANSCRIPT
Godt design – I praksis
-Opfølgning, Neuropsykologi
-Coffee Shop Usability Testing
-Start med det simple, en skabelon for webshops
-Webshops i praksis
Baggrund, om Søren Sprogø
-Rådgiver om online markedsføring og konverteringsoptimering (på Jysk: Drive kunder ind i butikken, og få dem til at købe noget)
- Uddannet Datamekaniker samt Multimediedesigner. Dvs. teknisk velfunderet, men med stor viden om design, kommunikation, salg og markedsføring.
- 18 års erfaring fra IT-branchen. Bl.a. fra OFiR, Bon’a Parte, Wupti.com, Cofman.com
- Elsker teori, men kun hvis det kan omsættes til praksis.
- Ved lidt om alt, og er god til at kombinere det.
- Er mega-meget-midtjyde. Født, opvokset og bor i Silkeborg.
Neuropsykologi
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?
Hvor gemmerløven sig?
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 testenHvor vil du klikke for at komme videre?
Squint testenHvor vil du klikke for at komme videre?
Squint testenHvor vil du klikke for at komme videre?
Squint testenHvor vil du klikke for at komme videre?
Squint testenHvor vil du klikke for at komme videre?
Squint testenHvor 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 TestingSæt rigtige mennesker ned foran dit website, og observer hvordan de bruger det.
-Find et par venner, bekendte eller folk fra gaden.
-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øbskurv0 varer i kurven
Læg i kurv
”Katteshoppen” i praksis
”Katteshoppen” i praksis
Du skal have en rigtig, rigtig god grund, hvis du vil bryde brugernes forventninger til, hvor de forskellige elementer på siden findes!
User Expectations for the Location of Common E-Commerce Web Objects
Examining User Expectations for the Location of Common E-Commerce Web Objects, Januar 2001http://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
Fade effekt, whitespace
Call-to-action, gruppering
Lille skrift, helt anden stil
Brug samme font/størrelse
Prøv at lave en ”Katteshoppen.dk”
Skriftstørrelser, whitespace
ReferencerBø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 bedst http://whichtestwon.com/ http://www.abtests.com/