Att flytta IKEA-effekten online och till e-handeln

IKEA-effekten kallas ett fenomen där du värderar en produkt högre när du varit med och konstruerat den. Själva namnet kommer från att vi monterar ihop Ikeas möbler själva och där igenom lägger ett engagemang i produktionen. Samma princip gäller hantverk, konstformer m.m. Det är inte bara en känsla av värde utan även att personer värderar produkterna högre i kronor och ören.

I den digitala världen finns det många studier som visar att ju mer man engagerar sig i en sajt eller app, ju svårare blir det att sluta eller byta till en konkurrent. Du bygger upp ett liv tillsammans med Facebook, Runkeeper eller Minecraft och blir kvar där. Det blir som en kontinuerlig ström av IKEA-effekt. En del användare har svårt att exempelvis byta från Spotify till någon annan musiktjänst eftersom de byggt upp spellistor och följer många artister, framför att det bara är en bättre musikstreamingtjänst.

När det gäller e-handel är vi tyvärr många som inte riktigt lyckats med att flytta IKEA-effekten online. Det handlar snarare om att optimera de erbjudanden vi har om och inte komplicera säljtratten. En del leverantörer är duktiga på att bygga interaktiva lösningar där man kan bygga sitt eget kök eller badrum eller bygga stilguide för kläder där man matchar plagg och stilar. Jag skulle gärna se att leverantörer och andra aktörer hittar skalbara lösningar för att bygga in detta hos handlarna som en bonus. Jag har kommit i kontakt med några av dem och är inte speciellt imponerad av teknologilösningarna tyvärr.

Jag skulle också gärna se att e-handlare bygger upp tydligare tjänster för att få kunder att engagera sig mer. Det behöver inte vara i produkterna i sig, men kunderna ska välja ditt varumärke nästa gång de handlar. Nyckeln är att hitta ett sätt där kunderna bygger upp ett liv tillsammans med ditt varumärke, och lägger ner jobb på att få till den bästa produkten.

Tipsa gärna om du känner till något bolag som gör detta bra.

Varför vi kör “Designstudio” för att underlätta kravställning i vårt sajtprojekt


“Designstudio” är en strukturerad, intensiv workshop för att samla in idéer från olika delar av organisationen och gemensamt bygga den bästa användarupplevelsen. Vi bygger nya sajten i olika steg och ser till att involvera olika personer från avdelningar för varje steg.

Vår senaste Designstudio hade temat “Produktpresentation” — med fokus på kategorisidor och produkter. Ett övergripande syfte var också att få kunden att hitta rätt så fort som möjligt. Vi satt i två timmar och fick fram ett stort urval av idéer. Så här gjorde vi:

Vi samlade alla som skulle vara med (7 personer) i ett rum och repeterade vilket tema denna Designstudio skulle handla om. Ingen skulle förbereda sig på något sätt utan poängen är att vi tar del av en kollaborativ designprocess. Alla fick en penna och ett papper. Första steget är att vi sätter en klocka på 5 minuter. Under den tiden ska alla rita något kring det tema vi arbetar med. Det kan vara en användarprocess, en skiss på hur en produktsida ser ut eller kanske ett flöde när kunden klickar runt. Penna och papper gör det möjligt att tänka och designa fritt.

När 5 minuter har gått går vi varvet runt och alla får presentera sin idé och tankar under max 2 minuter, inklusive feedback från de andra deltagarna. Vad som händer nu är att alla får en massa nya bra idéer och uppslag till sätt att vidareutveckla sin idé eller spinna vidare på någon annans. Alla ritar i ytterligare 5 minuter, med 2 minuter presentation igen. Sen gör man den här övningen så många gånger man hinner under två timmar, eventuellt med en kaffepaus i mitten. När Designstudion är över finns det gott om bra och dåliga idéer att ligga till grund för implementation.

Några regler för Designstudio:

  • Inga datorer eller telefoner får vara närvarande på mötet då de distraherar
  • Alla deltagare ha 2 minuter på sig att presentera sin design
  • Man får bara ge positiv feedback på andras idéer
  • Chefer får alltid presentera sist, eftersom de kan vara för tongivande (valfri regel)

Konceptet Designstudio kommer från LEAN-rörelsen och vi använder den tack vare Tobias (konsult UX/Frontend) som arbetat med den på flera av sina andra konsultuppdrag. Det är helt klart en metod jag kommer använda i framtiden också.

Syftet med Designstudion är inte att hitta alla krav, utan att inventera idéer. Det du gör efter Designstudio är upp till vilken produktmetodik du själv väljer. En kravspec kan vara ett naturligt steg. Vi har istället ett litet team på tre personer som samlar, strukturerar och prioriterar alla idéer till user stories och prototypdesign. Det verkar fungera bra för oss. Planen är att alla som tagit del av Designstudion ska kunna följa arbetet på en testserver. Vi är inte där än och har kört sprint demos med presentation av nya webben från en utvecklingsmiljö istället.

###

Denna post är nummer 15 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

Majoriteten av våra e-handelsajter kan ha ett osynligt jätteproblem?

Jumbotron-menyer dominerar på nätets webbutiker, alltså menyer som täcker hela bredden av webbsidan, när man klickar eller för musen över en huvudmeny. Jag har studerat några av Sveriges webbutiker och slås av ett till synes stort UX-problem. Jag har inte hört några larmrapporter så antingen har jag fel eller så är det ett osynligt problem.

Vi står i valet och kvalet att bygga om navigationen till nya sajten. I dagsläget har vi en huvudnavigation i toppen och djupare navigation i vänsterjusterad kolumn. Inför de nya sajten vill vi dels följa moderna UX-konventioner som besökare är vana vid och även göra det tydligare än vi har idag. Frågan är om vi vågar köra jumbo?

Problemet: Menyn är större än skärmen

Det är en skrämmande andel som förväntar sig att det är ok att scrolla för att se allt i en meny. Min laptop har upplösningen 1280×800, en av de vanligaste inställningarna, samt de vanliga fälten i webbläsaren. Men ändå får inte alla menyalternativ plats i sajternas menyer.

Mediamarkt

Bagaren och kocken

Dustin

Inkclub och modesajterna klarar sig, mest för att det har färre kategorier.

Inkclub

Zalando

Nelly

En del sajter har ingen jumbotron, men kan inte visa hela menyn ändå.

Whiteaway

Furniturebox

Amazon

Ni som är UX designers och konverteringsexperter: är detta ett problem?

Jag hoppas att vi kan genomföra ett A/B-test på detta för att se effekten och om min hypotes stämmer.

###

Denna post är nummer 14 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

Vad jag menar med konverserande UI

Kund: Hej, jag tänkte köpa en diskmaskin.
Butiksbiträde: Välkommen, har du tänkt dig någon speciell?
Kund: Nej, men den får inte vara för dyr.
Butiksbiträde: Hur mycket tänker du att den får kosta?
Kund: 4000–5000 kr kanske?
Butiksbiträde: OK, här har vi ett urval av maskiner. Vi har den här Miele-maskinen på Rea just nu. Vad tror du om den?
Kund: helt ärligt ser de likadana ut allihopa. Vad är det för speciellt med den här?
Butiksbiträde: I sin prisklass så är det den mest energieffektiva maskinen på marknaden och den är väldigt tyst.
Kund: Ok, jag gillar att den är energisnål. Vi är två vuxna och fem barn hemma, så vi diskar en del!
Butiksbiträde: Oj, då skulle jag nästan rekommendra den här modellen från Whirpool istället. Den är lika energisnål men rymmer dubbelt så mycket. Priset är dock 5990:-
Kund: Så den är egentligen ännu mer energisnål eftersom jag inte behöver diska lika ofta?
Butiksbiträde: Det stämmer. 
Kund: Hmm, kanske. Jag är inte helt övertygad. 
Butiksbiträde: Just den här maskinen fick bäst i test av Råd och rön nyligen och är en av de maskiner som våra kunder är mest nöjd med i våra kundundersökningar.
Kund: Det låter ju kanon. tack.
Butiksbiträde: Vill du ha en särskild försäkring till maskinen så du slipper självrisk om det skulle hända något?
Kund: Vad kostar det. 
Butiksbiträde: 190 kr. 
Kund: Det tar vi.
Butiksbiträde: Vill du ta med dig maskinen nu eller ska vi köra hem och installera den hos dig på fredag? Vi kan ta med oss din gamla trasiga maskin också så slipper du åka till miljöstation.
Kund: Det låter verkligen toppen. Vad kostar det?
Butiksbiträde: 300kr
Kund: Kör på det. 
Butiksbiträde: Om det inte var något mer så går vi till kassan och slutför köpet. 
Kund: Yes!

Tänk dig en e-handel som fungerar lika smidigt som konversationen ovan; som svarar intuitivt på alla frågor och som möter alla rädslor som kunden har — ett konverserande User Interface.

Det krävs ingen AI-lösning, eller en kundtjänstchatt för den delen, för att få samma effekt som ovan på en sajt eller app. Ett bra test är att du undersöker konversationen i ett formulär du har på din sida. Det kan vara kassan, ett signup-formulär eller något annat. Testa att läsa upp formuläret högt. Känns det tydligt? Personligt? Kul? Hur skulle samma upplevelse vara om en person som jobbade hos dig berättade för användaren vad som skulle fyllas i samt svarade på alla eventuella frågor om varför ni behöver just den informationen? Jag gissar: ganska annorlunda. Detta är inte min idé utan ett ganska klassiskt exempel på hur man kan göra en egenkontroll av sin egen användarupplevelse.

I ett bra gränssnitt sker konversationen i kundens huvud och det är upp till oss som designar upplevelsen att se till att den möter alla förväntningar eller överträffar dem.

There are no websites, there’s just messaging

Matt Webb påpekar detta apropå en artikel om hur appar och tjänster utvecklas i Kina. Jag tror att vi bara sett början på hur produkter och upplevelser designas kring att det gäller att förstå den yttre och inre konversationen hos en kund och dess omgivning.

###

Denna post är nummer 11 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt. Alla åsikter är mina egna.

Hur vi får ihop det med grafisk design vs ui design vs system design

perfekt design

Vem gör vad när man designar en ny sajt och vem bestämmer hur användarupplevelsen ser ut? Jag har sett alla olika varianter. Sajter där designen kommer från en hardcore grafisk designer, en html-mall köpt på Elance eller bara blir till som ett lager ovanpå en databasmodell i backend.

Enligt min mening måste alla aspekter vara tongivande om man ska ha en perfekt användarupplevelse; systemkrav, grafiska krav och krav från gränssnittet mellan människa och maskin.

Produkter som kommer ur pixelperfekta photoshopskisser missar de krav som ett appramverk eller webbläsare ställer. Istället måste utvecklare ta omvägar och bygga speciallösningar som ofta inte tillför någonting affärskritiskt. Och en utvecklare som fokuserar för mycket på UI utan att ha med sig hur systemet fungerar på servern kommer inte förstå varför vissa typer av data är svårare att leverera med prestanda än andra, eller att en grafisk profil sätter ramarna för känslan i upplevelsen — ska det kännas billigt eller exklusivt? Kommer produkten främst som en konsekvens av hur backend hämtar data ur databasen blir det lätt rörigt, med underliga flöden och interna systembenämningar på formulärfält som gör att användare av systemet ser ut som frågetecken. Det är väldigt viktigt med förståelse för varandras möjligheter och begränsningar mellan olika roller i ett projekt.

På tretti har vi Tobias som gör interaktionsdesign och frontenskodning. Han har även bra designöga som sätter en ordentlig grund för Maria, vår grafiska designer, att sätta rätt uttryck och färg på. Frontend och backend sitter i samma rum och bygger båda ändar av sajten samtidigt. Vi läser även ner riktig data från vår skarpa sajt till testdatasen varje dag. Det resulterar i att vi varje dag kan se hur slutresultatet kommer att se ut. Senast i förrgår upptäckte vi ett kylskåp som hade ett djup på 623 cm när våra nya filterfunktioner försökte gruppera produkter. Vi korrigerade det uppenbara misstaget på vår skarpa sajt rätt fort…

Jag tar gärna emot feedback och tankar på vår modell eller kritik om ni tycker jag är ute och cyklar.

###

Denna post är nummer 5 i en serie av 100 poster i utmaningen #blogg100 där jag fokuserar på hur vi skapar Trettis nya sajt.