Heuristisk genomgång av Lagerhaus E-handel
•
4 likes•2,658 views
En genomgång av Lagerhaus nya E-handel baserad på "best practice" och en heuristisk analys.
Heuristisk genomgång av Lagerhaus E-handel
- 1. Hur bra är Lagerhaus nya E- handel?
- 5. Och det som ibland kallas heuristisk analys (eller "best practice")
- 9. 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!
- 10. Men nog ska väl en sajt byggd 2015 vara responsiv ändå…
- 11. Men nog ska väl en sajt byggd 2015 vara responsiv ändå… Jaja, tillbaka till startsidan.
- 12. Värdehöjande element i headern fungerar ofta bra.
- 13. 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:-.
- 14. 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:-.
- 15. 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!
- 16. Sökfältet är prominent placerat och det gillar vi. Besökare som hittar produkter via en sökfunktion konverterar oftare.
- 17. 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.
- 18. 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.
- 19. En kundvagn i övre högra hörnet följer konventioner och minskar därigenom friktionen för besökaren.
- 20. Och det finns annat smidigt som en nedräknare som visar hur nära vi är att nå fri frakt…
- 21. och en liten klickbar kundkasse som leder till kundvagnen (för dem som missar kundvagnsknappen?)
- 22. Att kontaktuppgifter till kundtjänst omedelbart är lätta att hitta är ett stort plus.
- 23. Mega dropdowns funkar ofta kanon på större sajter. Besökaren slipper scrolla och det är enkelt att få en överblick över produktkategorier.
- 24. 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.
- 25. Ett tips är också att sortera kategorier utifrån popularitet (förhoppningsvis redan gjort).
- 26. Bilderna imponerar. Både produkt- och inspirationsbilder är väldigt smakfulla och framhäver produkterna på ett vackert sätt.
- 27. 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..
- 28. och klickar jag på enskilda produkter vill jag komma till produktsidan - inte till en generell sommarsida.
- 29. Texten "KÖP" återspeglar inte vad som händer när jag klickar på knappen. "Lägg i varukorgen" hade varit bättre.
- 30. 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.
- 31. 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)?
- 32. 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?
- 33. Nya produkter
- 34. Nya produkter Vackra kategori- och inspirationsbilder
- 35. Nya produkter Vackra kategori- och inspirationsbilder och en hel sektion som enbart visar bilder från Instagram.
- 36. Om jag hade 112k följare på Instagram och så duktiga fotografer hade jag också placerat en sektion för Instagram på startsidan.
- 37. 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.
- 38. Bra footer där allt som behövs finns.
- 41. Sociala medieikoner.. Trygghetssymboler… Kontaktuppgifter till kundtjänst (snyggt att detta finns både i footern och i headern)
- 42. Men var finns värdet i att prenumerera på nyhetsbrevet?
- 43. "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..
- 44. "Anmäler" gör jag på Polisstationen. Mer positiv text på knappen också tack!
- 45. FFS jetshop, att publicera länkar på kunders webbplatser i SEO- och reklamsyfte är inte snyggt.
- 48. 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..
- 49. En felstavad sökning ger inga träffar men ett förslag på vad jag kan ha velat söka efter
- 50. 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.
- 52. Schysst med sökhistorik men det där kan jag inte använda. Vertikal uppdelning av söktermerna tack.
- 55. Trevlig och genomtänkt kategorisida En egen meny för underkategorin är perfekt när mängden produkter är så pass stor.
- 56. Möjlighet att lägga till SEO-anpassad text
- 57. Möjlighet att lägga till SEO-anpassad text Vissa produkter kan pushas extra hårt genom att få mer utrymme
- 58. 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.
- 59. Men vad betyder den gröna ugglan på vissa produkter? Någon form av miljömärkning?
- 60. 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?
- 63. Brödsmulor (breadcrumbs) hjälper användaren förstå var han eller hon befinner sig
- 64. Brödsmulor (breadcrumbs) hjälper användaren förstå var han eller hon befinner sig Den högupplösta produktbilden förstoras vid klick
- 65. 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!
- 66. 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.
- 67. Det går att dela produkten via sociala medier samt E-post (bra men vanligt förekommande funktion)
- 68. 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…
- 69. Det är ingen tillfällighet att flera av världens största e- handlare har rekommendationsfunk tioner 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.
- 70. Jag saknar en kommentars- funktion som gör produktsidan mera levande..
- 71. Jag saknar en kommentars- funktion som gör produktsidan mera levande.. Eller i vart fall en möjlighet att skriva en recension av produkten.
- 72. Det gör mig lycklig att se Lagerhaus använda fontstorlek 15 på produkttexter och på andra texter på sajten.
- 73. Ä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.
- 74. Ä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.
- 75. Bra att både lagerstatus och pris tydligt förmedlas
- 76. Bra att både lagerstatus och pris tydligt förmedlas Likaså att det finns fördjupad information om produkten.
- 77. Något jag saknar är leveranstid. Det står förvisso i headern men skulle kunna upprepas här också.
- 80. 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.
- 81. Stora tydliga thumbnail-bilder visar vad som ligger i varukorgen.
- 82. Pris, antal och summa framgår tydligt.
- 83. Priset uppdateras automatiskt när jag ändrar antalet produkter så vad den här ikonen har för funktion förstår jag inte
- 84. 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!
- 85. 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".
- 86. Bra när det är tydligt vilka olika betalningsmetoder som finns
- 87. 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?
- 88. Bra dock att ni accepterar personnumret oavsett om jag skriver det med 19 i början eller med bindestreck innan de 4 sista siffrorna.
- 89. Felmeddelanden ska på ett trevligt och tydligt sätt beskriva vad som gick fel och hjälpa besökaren till rätta.
- 90. 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.
- 91. Be aldrig användaren om information som inte är nödvändig för själva köpet.
- 92. 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!
- 93. Lätt att lösa (mockup)
- 96. Bra att betalningen sker på sajten och att användaren inte skickas iväg till tredje part.
- 97. 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…
- 99. Bra sammanställning av min order. All info jag kan tänkas behöva finns med.
- 100. 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?
- 101. 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?
- 102. Sammanfattning Jag 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!
- 103. 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