Heuristisk genomgång av Lagerhaus E-handel

103
Hur bra är Lagerhaus nya E- handel?

Transcript of Heuristisk genomgång av Lagerhaus E-handel

Page 1: Heuristisk genomgång av Lagerhaus E-handel

Hur bra är Lagerhaus nya E-

handel?

Page 2: Heuristisk genomgång av Lagerhaus E-handel
Page 3: Heuristisk genomgång av Lagerhaus E-handel

Det finns inga magiska

silverkulor…

Page 4: Heuristisk genomgång av Lagerhaus E-handel

Men vissa generella riktlinjer…

Page 5: Heuristisk genomgång av Lagerhaus E-handel

Och det som ibland kallas heuristisk analys (eller "best practice")

Page 6: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 7: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 8: Heuristisk genomgång av Lagerhaus E-handel
Page 9: Heuristisk genomgång av Lagerhaus E-handel

Lagerhaus har insett att "less is

more".

Sajten är ren och det finns

tillräckligt mycket vitt utrymme för att användaren

ska kunna “scanna” igenom

innehållet.

Bra!

Page 10: Heuristisk genomgång av Lagerhaus E-handel

Men nog ska väl en sajt byggd 2015 vara

responsiv ändå…

Page 11: Heuristisk genomgång av Lagerhaus E-handel

Men nog ska väl en sajt byggd 2015 vara

responsiv ändå…

Jaja, tillbaka till startsidan.

Page 12: Heuristisk genomgång av Lagerhaus E-handel

Värdehöjande element i headern fungerar ofta bra.

Page 13: Heuristisk genomgång av Lagerhaus E-handel

Fri frakt över 300:- låter kanske inte så imponerande men då bör man komma ihåg att konkurrenter som Designtorget, Hemtex och Chilli erbjuder fri frakt först över 500:-.

Page 14: Heuristisk genomgång av Lagerhaus E-handel

Dock lite trist att många produkter kostar 299:- (som

den här "Glasburken med kran").

Om jag vill ha den tvingas jag betala frakt (eller lägga

till någon billig produkt som jag inte vill ha bara för

att nå 300:-).

Fri frakt över 300:- låter kanske inte så imponerande men då bör man komma ihåg att konkurrenter som Designtorget, Hemtex och Chilli erbjuder fri frakt först över 500:-.

Page 15: Heuristisk genomgång av Lagerhaus E-handel

Fri retur i butik är kanon om

man bor i närheten av en butik.

Idé - kanske skulle denna bara visas om besökaren bor högst X mil från en

Lagerhaus-butik och annars ersättas med någonting mer lämpligt?

Geolocation ftw!

Page 16: Heuristisk genomgång av Lagerhaus E-handel

Sökfältet är prominent placerat och det gillar vi. Besökare som

hittar produkter via en sökfunktion konverterar oftare.

Page 17: Heuristisk genomgång av Lagerhaus E-handel

men en sökknapp hade varit att föredra

framför en text som inte ser klickbar ut.

Sökfältet är prominent placerat och det gillar vi. Besökare som

hittar produkter via en sökfunktion konverterar oftare.

Page 18: Heuristisk genomgång av Lagerhaus E-handel

Flaggorna är klickbara och ändrar sajtens språk men det är inte uppenbart eftersom

det står "Shipping to:" framför.

Kom ihåg, det ska alltid framgå vad som är klickbart samt vad som händer när

besökaren interagerar med ett element på en sajt.

Page 19: Heuristisk genomgång av Lagerhaus E-handel

En kundvagn i övre högra hörnet följer konventioner och minskar därigenom

friktionen för besökaren.

Page 20: Heuristisk genomgång av Lagerhaus E-handel

Och det finns annat smidigt som en nedräknare som visar hur nära vi är att nå

fri frakt…

Page 21: Heuristisk genomgång av Lagerhaus E-handel

och en liten klickbar kundkasse som leder till kundvagnen (för dem som missar

kundvagnsknappen?)

Page 22: Heuristisk genomgång av Lagerhaus E-handel

Att kontaktuppgifter till kundtjänst omedelbart är lätta att hitta är ett stort

plus.

Page 23: Heuristisk genomgång av Lagerhaus E-handel

Mega dropdowns funkar ofta kanon på

större sajter.

Besökaren slipper scrolla och det är enkelt att få en överblick över

produktkategorier.

Page 24: Heuristisk genomgång av Lagerhaus E-handel

Det som möjligtvis kan förvirra

besökaren är att det ser ut som om vissa kategorier är helt

tomma.

Bestick, Kakeldekor och Mat & godis är

dock klickbara länkar som döljer produkter.

Page 25: Heuristisk genomgång av Lagerhaus E-handel

Ett tips är också att sortera kategorier utifrån popularitet (förhoppningsvis

redan gjort).

Page 26: Heuristisk genomgång av Lagerhaus E-handel

Bilderna imponerar. Både produkt- och

inspirationsbilder är väldigt smakfulla

och framhäver produkterna på ett

vackert sätt.

Page 27: Heuristisk genomgång av Lagerhaus E-handel

Men det saknas helt Triggers

(CTA:er) ovanför sidbrytet (fold), det vill säga den

del av sidan besökare ser utan

att behöva scrolla..

Page 28: Heuristisk genomgång av Lagerhaus E-handel

och klickar jag på enskilda produkter vill jag komma till

produktsidan - inte till en generell sommarsida.

Page 29: Heuristisk genomgång av Lagerhaus E-handel

Texten "KÖP" återspeglar inte vad som händer när jag klickar

på knappen. "Lägg i varukorgen" hade varit bättre.

Page 30: Heuristisk genomgång av Lagerhaus E-handel

Texten "KÖP" återspeglar inte vad som händer när jag klickar

på knappen. "Lägg i varukorgen" hade varit bättre.

Dessutom är CTA:n ganska tråkig.. en svart liten knapp

uppmanar mig inte till att klicka.

Page 31: Heuristisk genomgång av Lagerhaus E-handel

Texten "KÖP" återspeglar inte vad som händer när jag klickar

på knappen. "Lägg i varukorgen" hade varit bättre.

Dessutom är CTA:n ganska tråkig.. en svart liten knapp

uppmanar mig inte till att klicka.

Vad sägs om att i alla fall göra den

mörkblå (i samma färg som

kundvagnsknappen)?

Page 32: Heuristisk genomgång av Lagerhaus E-handel

produktbilden och produktnamnet länkar till

produktsidan vilket inte är inte alldeles solklart.

Kanske skulle det räcka med att stryka under

produktnamnet för att synliggöra att detta är en

klickbar länk?

Page 33: Heuristisk genomgång av Lagerhaus E-handel

Nya produkter

Page 34: Heuristisk genomgång av Lagerhaus E-handel

Nya produkter

Vackra kategori- och inspirationsbilder

Page 35: Heuristisk genomgång av Lagerhaus E-handel

Nya produkter

Vackra kategori- och inspirationsbilder

och en hel sektion som enbart visar bilder från Instagram.

Page 36: Heuristisk genomgång av Lagerhaus E-handel

Om jag hade 112k följare på Instagram och så duktiga fotografer hade jag också placerat en

sektion för Instagram på startsidan.

Page 37: Heuristisk genomgång av Lagerhaus E-handel

Om jag hade 112k följare på Instagram och så duktiga fotografer hade jag också placerat en I

sektion för Instagram på startsidan.

självfallet på villkor att Instagram gav högst ROI jämfört med andra sociala medier.

Page 38: Heuristisk genomgång av Lagerhaus E-handel

Bra footer där allt som behövs finns.

Page 39: Heuristisk genomgång av Lagerhaus E-handel

Sociala medieikoner..

Page 40: Heuristisk genomgång av Lagerhaus E-handel

Sociala medieikoner..Trygghetssymboler…

Page 41: Heuristisk genomgång av Lagerhaus E-handel

Sociala medieikoner..Trygghetssymboler…

Kontaktuppgifter till kundtjänst (snyggt att detta finns både i

footern och i headern)

Page 42: Heuristisk genomgång av Lagerhaus E-handel

Men var finns värdet i att prenumerera på

nyhetsbrevet?

Page 43: Heuristisk genomgång av Lagerhaus E-handel

"Ta del av nya produkter, spännande inspirationsbilder och bli inbjuden till vår

exklusiva medlemsrea."

Släng in en lockande text vet jag..

Typ..

Page 44: Heuristisk genomgång av Lagerhaus E-handel

"Anmäler" gör jag på Polisstationen.

Mer positiv text på knappen också tack!

Page 45: Heuristisk genomgång av Lagerhaus E-handel

FFS jetshop, att publicera länkar på kunders webbplatser i SEO- och

reklamsyfte är inte snyggt.

Page 46: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 47: Heuristisk genomgång av Lagerhaus E-handel
Page 48: Heuristisk genomgång av Lagerhaus E-handel

och sökfunktionen hittar sökningar på

exakta produktnamn (konstigt vore det väl

annars).

Inga konstigheter, en sökning ger

förslag på sökord..

Page 49: Heuristisk genomgång av Lagerhaus E-handel

En felstavad sökning ger inga träffar men ett

förslag på vad jag kan ha velat söka efter

Page 50: Heuristisk genomgång av Lagerhaus E-handel

Sökfunktionen är alltså uppenbarligen smart och hittar produkter oavsett om sökningen sker i singularis, pluraris, felstavningar eller

synonymer.

Lagerhaus - ge mig inte bara förslag på "rätt" sökning utan hjälp mig spara klick genom att visa upp det rätta sökresultat direkt.

Page 51: Heuristisk genomgång av Lagerhaus E-handel

Typ såhär..

Mocku

p

Page 52: Heuristisk genomgång av Lagerhaus E-handel

Schysst med sökhistorik men det där kan jag inte

använda.

Vertikal uppdelning av söktermerna tack.

Page 53: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 54: Heuristisk genomgång av Lagerhaus E-handel
Page 55: Heuristisk genomgång av Lagerhaus E-handel

Trevlig och genomtänkt kategorisida

En egen meny för underkategorin är

perfekt när mängden produkter

är så pass stor.

Page 56: Heuristisk genomgång av Lagerhaus E-handel

Möjlighet att lägga till SEO-anpassad

text

Page 57: Heuristisk genomgång av Lagerhaus E-handel

Möjlighet att lägga till SEO-anpassad

text

Vissa produkter kan pushas extra hårt genom att få mer

utrymme

Page 58: Heuristisk genomgång av Lagerhaus E-handel

Möjlighet att lägga till SEO-anpassad

text

Vissa produkter kan pushas extra hårt genom att få mer

utrymme

och besökaren kan enkelt få en bild av vilka produkter som

är nya.

Page 59: Heuristisk genomgång av Lagerhaus E-handel

Men vad betyder den gröna ugglan

på vissa produkter?

Någon form av miljömärkning?

Page 60: Heuristisk genomgång av Lagerhaus E-handel

Och vad betyder den gröna ugglan

på vissa produkter?

Någon form av miljömärkning?

Kanske kan förklaras genom en

kort mouseover-text?

Page 61: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 62: Heuristisk genomgång av Lagerhaus E-handel
Page 63: Heuristisk genomgång av Lagerhaus E-handel

Brödsmulor (breadcrumbs) hjälper användaren förstå var

han eller hon befinner sig

Page 64: Heuristisk genomgång av Lagerhaus E-handel

Brödsmulor (breadcrumbs) hjälper användaren förstå var

han eller hon befinner sig

Den högupplösta produktbilden förstoras vid

klick

Page 65: Heuristisk genomgång av Lagerhaus E-handel

Brödsmulor (breadcrumbs) hjälper användaren förstå var

han eller hon befinner sig

Den högupplösta produktbilden förstoras vid

klick

och det finns även möjlighet att se produkten från olika

vinklar. Snyggt!

Page 66: Heuristisk genomgång av Lagerhaus E-handel

Brödsmulor (breadcrumbs) hjälper användaren förstå var

han eller hon befinner sig

Den högupplösta produktbilden förstoras vid

klick

och det finns även möjlighet att se produkten från olika

vinklar. Snyggt!

Kanske hade jag också kunnat önska en zoom-funktion men

det är ingen biggie.

Page 67: Heuristisk genomgång av Lagerhaus E-handel

Det går att dela produkten via sociala medier samt E-post

(bra men vanligt förekommande

funktion)

Page 68: Heuristisk genomgång av Lagerhaus E-handel

Det går att dela produkten via sociala medier samt E-post

(bra men vanligt förekommande

funktion)

Vad jag saknar är möjligheten

att spara en produkt som en favorit…

Page 69: Heuristisk genomgång av Lagerhaus E-handel

Det är ingen tillfällighet att flera av

världens största e-handlare har

rekommendationsfunktioner som påminner

om dessa.

Undersökningar visar att 15% av alla e-

handelskunder har köpt en produkt som de har

uppmärksammats på via en rekommendations-

fuktion.

Page 70: Heuristisk genomgång av Lagerhaus E-handel

Jag saknar en kommentars-

funktion som gör produktsidan mera

levande..

Page 71: Heuristisk genomgång av Lagerhaus E-handel

Jag saknar en kommentars-

funktion som gör produktsidan mera

levande..

Eller i vart fall en möjlighet att skriva en

recension av produkten.

Page 72: Heuristisk genomgång av Lagerhaus E-handel

Det gör mig lycklig att se Lagerhaus använda

fontstorlek 15 på produkttexter och på andra texter på sajten.

Page 73: Heuristisk genomgång av Lagerhaus E-handel

Äntligen kan även lite äldre besökare se vad

som står!

Det gör mig lycklig att se Lagerhaus använda

fontstorlek 15 på produkttexter och på andra texter på sajten.

Page 74: Heuristisk genomgång av Lagerhaus E-handel

Äntligen kan även lite äldre besökare se vad

som står!

Visste du förresten av när vi passerar 40 så når bara hälften av

ljuset våra näthinnor jämfört med när vi var 20? När vi passerar 60 sjunker den siffran till

20%.

Det gör mig lycklig att se Lagerhaus använda

fontstorlek 15 på produkttexter och på andra texter på sajten.

Page 75: Heuristisk genomgång av Lagerhaus E-handel

Bra att både lagerstatus och pris

tydligt förmedlas

Page 76: Heuristisk genomgång av Lagerhaus E-handel

Bra att både lagerstatus och pris

tydligt förmedlas

Likaså att det finns fördjupad information

om produkten.

Page 77: Heuristisk genomgång av Lagerhaus E-handel

Något jag saknar är leveranstid. Det står

förvisso i headern men skulle kunna upprepas

här också.

Page 78: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 79: Heuristisk genomgång av Lagerhaus E-handel
Page 80: Heuristisk genomgång av Lagerhaus E-handel

Ser ni att Lagerhaus har tagit bort hela header-sektionen och bara lämnat kvar sin logotyp? Det är för att undvika att besökare "fladdrar"

iväg på sajten utan att slutföra köpet.

Page 81: Heuristisk genomgång av Lagerhaus E-handel

Stora tydliga thumbnail-bilder visar vad som ligger i

varukorgen.

Page 82: Heuristisk genomgång av Lagerhaus E-handel

Pris, antal och summa framgår tydligt.

Page 83: Heuristisk genomgång av Lagerhaus E-handel

Priset uppdateras automatiskt när jag ändrar antalet produkter

så vad den här ikonen har för funktion förstår jag inte

Page 84: Heuristisk genomgång av Lagerhaus E-handel

Huruvida det är smart att, i det här stadiet, framhäva att

besökaren kan få gratis frakt om han eller hon handlar mer är

svårt att veta.

Kanske vore det bättre att nu göra allt för att leda besökaren

till ett köp snarare än att få denna att återigen ge sig ut på

jakt på sajten.

Typisk A/B-testhypotes!

Page 85: Heuristisk genomgång av Lagerhaus E-handel

Jag hade gärna sett att rabattkodsfältet gömts bakom

en länk för att undvika att besökare lämnar sajten för att

gå på "rabattkodsjakt".

Page 86: Heuristisk genomgång av Lagerhaus E-handel

Bra när det är tydligt vilka olika betalningsmetoder som finns

Page 87: Heuristisk genomgång av Lagerhaus E-handel

Bra när det är tydligt vilka olika betalningsmetoder som finns

Men väldigt konstigt att det här fältet inte går att fylla i.

Om ni ändå "tvingar" mig att

ange mitt personnummer för att sedan automatiskt hämta mina

personuppgifter, varför finns det här fältet då överhuvudtaget?

Page 88: Heuristisk genomgång av Lagerhaus E-handel

Bra dock att ni accepterar personnumret oavsett om jag

skriver det med 19 i början eller med bindestreck innan de 4

sista siffrorna.

Page 89: Heuristisk genomgång av Lagerhaus E-handel

Felmeddelanden ska på ett trevligt och tydligt sätt beskriva

vad som gick fel och hjälpa besökaren till rätta.

Page 90: Heuristisk genomgång av Lagerhaus E-handel

De ska också visas i närheten av det relevanta fältet där felet

skett.

Tanken är att meddelandet på ett trevligt och tydligt sätt ska beskriva vad som gick fel och

hjälpa besökaren till rätta.

Ta om möjligt också på er skulden och skyll

aldrig på kunden. Det här är ett typiskt genetiskt

och dåligt felmeddelande.

Page 91: Heuristisk genomgång av Lagerhaus E-handel

Be aldrig användaren om information som inte är

nödvändig för själva köpet.

Page 92: Heuristisk genomgång av Lagerhaus E-handel

Be aldrig användaren om information som inte är

nödvändig för själva köpet.

Varför behöver ni till exempel mitt

mobilnummer? Förklara!

Page 93: Heuristisk genomgång av Lagerhaus E-handel

Lätt att lösa (mockup)

Page 94: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 95: Heuristisk genomgång av Lagerhaus E-handel
Page 96: Heuristisk genomgång av Lagerhaus E-handel

Bra att betalningen sker på sajten och att

användaren inte skickas iväg till tredje

part.

Page 97: Heuristisk genomgång av Lagerhaus E-handel

Bra att betalningen sker på sajten och att

användaren inte skickas iväg till tredje

part.

Men varför är headern tillbaka? Köpet är ju

inte slutfört…

Page 98: Heuristisk genomgång av Lagerhaus E-handel

Startsida

Kategorier

Produktsida

Kassa

Kortbetalning

Bekräftelse

Söksida

Page 99: Heuristisk genomgång av Lagerhaus E-handel

Bra sammanställning av min order. All info

jag kan tänkas behöva finns med.

Page 100: Heuristisk genomgång av Lagerhaus E-handel

Bra sammanställning av min order. All info

jag kan tänkas behöva finns med. Men varför blir jag

inte tackad för att jag har valt att handla just hos er på Lagerhaus?

Page 101: Heuristisk genomgång av Lagerhaus E-handel

Bra sammanställning av min order. All info

jag kan tänkas behöva finns med. Men varför blir jag

inte tackad för att jag har valt att handla just hos er på Lagerhaus?

Och varför släpper ni bara iväg mig utan att be mig signa upp för ett nyhetsbrev eller gilla er på sociala

medier?

Page 102: Heuristisk genomgång av Lagerhaus E-handel

SammanfattningJag tycker om Lagerhaus e-handel.

Visst, precis som alla andra sajter har den småproblem men ingenting som direkt hindrar kunder från att utföra det som denne kom till sajten för att göra.

Jag uppskattar också de vackra bilderna och att de låter sajten "andas" genom att inte fylla den med onödiga element och färger.

Bra gjort Lagerhaus!

Page 103: Heuristisk genomgång av Lagerhaus E-handel

Sveriges första bok om konverteringsoptimering

(skriven av undertecknad)säljs nu till introduktionspris

på http://www.konvertering.nu

"Att du blir befordrad eller får en löneförhöjning efter att ha tillämpat metodiken i den här

boken kan jag inte lova men helt omöjligt är det inte. Köp den!"

—Niels Bosma, Co-founder offerta.se