11 Jun 2013

Lika som bär

Tittar på Kooperation utan gränsers nya logga, och undrar var jag sett den förut. Sedan slår det mig...

Det började som en enkel idé.

Om man har lätt att bli distraherad, är det bra att ta en äggklocka, sätter den på tjugofem minuter och jobba intensivt den perioden. Tillräckligt länge för att få saker gjorda, men ändå så överskådligt kort att man kan avvisa alla distraktioner med att man snart kommer att ta hand om dem.

Det började också som en enkel praktik. Man tog äggklockan, skruvade upp den, och började jobba.

Så småningom fick detta spridning, speciellt inom IT-branschen där distraktionen alltid lurar ett knapptryck bort. Och hos många uppstod naturligtvis tanken att det här borde man kunna göra en applikation för.

Sedan tog marknadslogiken kommandot över designen. För hur skiljer man sin app från konkurrenternas? Genom att den kan mer!

Så, här är featurelistan för den senaste versionen av Vitamin-R, ”your personal productivity sidekick”.

Om detta är vad som händer när man ska göra en äggklocka till en applikation, är det då förvånande att affärssystemen blir komplexa bortom mänsklig fattningsförmåga?

P.S. Föga förvånande är det nästan omöjligt att få något gjort när man har Vitamin-R.

För att överhuvudtaget komma igång måste man passera tre dialogrutor, där man ska formulera vilket mål man har med uppgiften, ange vilka program man inte kommer att använda samt beskriva hur lätt/svår uppgiften kommer att vara – på två olika skalor.

När tiden gått ut får man vada genom en syndaflod av dialogrutor, där man rapporterar in hur det gått, vad man ska göra härnäst, hur arbetet ska loggas, vad man ska tänka på när man jobbar vidare med den, hur lång paus man vill ha. Som belöning visas ett stapeldiagram över hur det gått hittills.

Värst är det dock när man försöker jobba. Vitamin-R tickar. Den blinkar. Den har en halvgenomskinlig stiliserad klocka som ibland lägger sig över det man jobbar med. Och som för att vara riktigt säker på att man ska tappa tråden, bryter då och då en digital röst in och berättar hur lång tid man har kvar.

Men rapporterna är fina.

Läs mer:

Det är många som vill bli TVs Spotify och mot en prenumerationsavgift strömma filmer och TV-serier. På kort tid har på den svenska marknaden dykt upp aktörer som Netflix, Viaplay, Filmnet, Lovefilm och HBO Nordic.

Det är något av hundslagsmål över det hela. Tekniken öppnade plötsligt möjligheten och nu har alla kastat sig in på arenan ungefär samtidigt och slåss på liv och död för att ta en tillräckligt stor marknadsandel för att överleva.

Jag började skriva om Viaplay i häromdagen, utifrån min förundran över att de valt att ge sig in i kampen utan att (visuellt) ta stöd hos sin etablerade förälder Viasat. I stället har de valt en visuell stil som starkt påminner om konkurrenten Netflix. (Ska man vara rättvis så var Viaplay före dem ut på svenska marknaden – men att Netflix var på väg och hur de ser ut var knappast någon hemlighet.)

Men kanske jag lägger för stor vikt vid det visuella. På en marknad med fysiska produkter är det viktigt, eftersom man måste få kunden att gilla produkten innan hon betalar för den. Men digitiala produkter kan man låta kunden prova först. Bland streamingtjänsterna har det blivit standard att låta kunderna prova en månad. Det gör att marknadsföring, varumärke och det första visuella intrycket får mindre betydelse, medan användbarheten blir så mycket viktigare.

Användbarhet

Användbarheten på en en tjänst av denna typ består av två saker: Hur bra är innehållet, och hur lätt är den att använda.

Innehållsmässigt klarar sig Viaplay ganska bra. Man har avtal med flera filmbolag vilket gör att man kan leverera många filmer tidigare än konkurrenterna (till exempel de symboliskt viktiga filmerna från Disney). Man har också ett utökat streamingpaket som även innehåller direktsänd sport.

Men när det gäller att komma åt innehållet så vacklar designen. Av konkurrenterna har jag bara provat Netflix, men i jämförelse med dem så känns interaktionsdesignen hos Viaplay amatörmässig.

  • Varje gång jag ska börja titta på ett program måste jag skriva in användarnamn och lösenord. Och för att göra saker värre har de lyckats koda sin inloggningssida så att den hindrar webbläsaren från att komma ihåg lösenordet, så det måste verkligen skrivas in varje gång.

  • Om jag tvingas avbryta mitt i ett program så kommer den varken ihåg vilket program jag såg eller var jag var i det.

  • Inte heller kan jag börja titta på till exempel datorn och sedan fortsätta på min iPhone, utan att behöva leta upp både program och var i det jag var på nytt.

  • Sökningar ger också träff i deras hyrbutik – och ofta fler program där än i tjänsten man betalat för. Det ger intrycket att de försöker dubbeldoppa i min plånbok.

  • Navigationen är… märklig. Man kan få programmen filtrerade på begrepp som ”Nyheter” och ”Tillagda”. Eller på ”Populärast”, ”Högsta betyg” och ”Blockbusters”. Det finns också ett kategorisystem dolt i navigationen, men om man hittar det får man något som ger ett hopslängt intryck; här blandas övergripande kategorier som ”Action”, ”Barn”, ”Science Fiction” med godtyckliga kategorier som ”Psykopater” och ”Nicolas Cage”. Till det kommer kategorinamn som verkar ha mer med deras affärsrelationer att göra än med en vilja att hjälpa användaren hitta, som ”ABC TV On Demand”.

Att ha så uppenbara brister i sin interaktionsdesign är naturligtvis aldrig bra. Men det är speciellt farligt när man vill in på en marknad där man först låter folk prova en månad, innan de bestämmer sig för om de vill köpa ens tjänst eller inte.

Olika styrkor ger avtryck i designen

De olika styrkorna hos Viaplay respektive Netflix har konkret påverkat designen. 

För Viaplay gäller det att lyfta fram de nya filmerna, eftersom de blir symboler för kvalitén på hela deras utbud. Det gör man genom att presentera en film i taget stort på sidan. Hur ny den är understryks av det väl synliga årtalet.

Designprincip vi ser här är att när man har flera av någonting ska man inte falla för frestelsen att visa dem alla på ett ungefär likvärdigt sätt, utan det är ofta effektivare design att lyfta fram en av dem och låta den symbolisera de andra.

Netflix å andra sidan satsar hårt på att analysera vad jag sett och utifrån detta presentera andra program som borde intressera mig. Men även om de gör ett anständigt jobb så är det naturligtvis omöjligt att gissa precis vad jag är sugen på att se just nu. (Och det blir inte precis lättare av att vi är en hel familj som använder tjänsten.) 

Netflix design lyfter därför inte fram något enskilt program utan satsar istället på att presentera ett större (men inte oöverblickbart stort) urval, som alla presenteras likadant. De grupperas i kategorier så att jag lätt kan koncentrera mig på förslag från den genre jag är sugen på just nu. (Och ignorera Bananer i pyjamas, som ungarna älskar att se.)

Intressant är att Netflix inte satsat på någon sofistikerad sökning där användaren ska kombinera kategorier, utan istället visar upp ett generöst antal program.

Det är två principer i spel här.

  • Att se på TV är oftast en ”tillbakalutad” aktivitet, något vi gör när vi är lite trötta och vill koppla av. Det är då dumt att ha ett gränssnitt som kräver en aktiv intellektuell insats.

  • Människor är väldigt duktiga på att snabbt skyffla igenom även ganska stora mängder bilder för att sortera fram det väsentliga.

Visuella syskon

Samtidigt som interaktionsdesignen skiljer, är den visuella påtagligt lik. Båda sajterna domineras av en svart bakgrund, med vitt och rött som färger.

I viss mån kan det förklaras utifrån materialet. En svart bakgrund lyfter fram bilderna på omslagen, får dem att lysa lite extra. Och även om många har aningen svårare att läsa vit text på svart bakgrund, gör detta inte så mycket när mängden text är så liten.

Åtminstone för mina ögon blir det dock som om volymen är uppskruvad lite för högt – häftigt vid första anblick men tröttande i längden. Det skulle inte förvåna mig om, när det nuvarande intensiva slagsmålet om nya kunder är över och man behöver ta bättre hand om dem man har, vi får se en mer dämpad design på de här sajterna.

Olyckligt lika

Min känsla är att konsumenterna ännu ser de olika streamingtjänsterna som ganska likvärdiga. De skillnader som finns i utbud och användarvänlighet har inte hunnit slå igenom i det allmänna medvetandet.

I den situationen är det olyckligt att de två tjänsterna blivit så lika varandra. Det kommer inte att göra det lättare för någon av dem att kommunicera sina fördelar. Och om kunderna inte uppfattar någon väsentlig skillnad mellan dem, är risken stor att sänkta priser blir det enda vapen som finns att tillgå.

Det blir inte bättre av att det är så lätt att vara otrogen. Även om man är kund hos en, kan man ta en provmånad hos en annan.

Asocialt

Något som slår mig är att de här sajterna, trots att de är internettjänster, ändå känns väldigt mycket som traditionell TV.

En avsändare, många mottagare.

Här finns ingen inbjudan till deltagande. Användarna kan inte bidra med recensioner eller favoritlistor, har ingen plats på sajten för att diskutera program eller tipsa om dem, och det finns inga twittertaggar för den som hellre rör sig där.

Netflix har en koppling till Facebook, men även där behandlas jag som marknadsboskap – det är en passiv koppling som automatiskt kan visa för mina vänner vad jag tittar på.

Ändå skulle det sociala kunna vara av stort värde för streamingtjänsterna.

Andra människors reaktioner och recensioner skulle kunna hjälpa användare att hitta det de vill se i det stora utbudet.

Och om folk bygger hittat recensenter de litar på och kanske till och med skrivit saker själva så bidrar det till att de inte lika lätt lämnar för att gå till en konkurrent.

Fortfarande magert utbud

Ingen av streamingtjänsterna är någonstans i närheten av Spotify vad gäller utbudet. De liknar mer videohyllan i kiosken på hörnet – man ska ha tur om man hittar det man sökte efter, men man kan i alla fall hitta något som möjligen går att titta på. Men säkert är detta bara början, både på hur många program som finns tillgängliga online och på striden mellan de olika tjänsterna. Och även om det är olycksbådande ur konsumentperspektiv kan jag inte motstå frestelsen att avsluta med ett filmcitat.

Filmaffischen för 'Highlander'.
There can be only one

Läs mer:

Eftersom det kan vara en osäkerhetsfaktor för användaren om hennes rabattkod, bonuskort, frequent-flier miles, presentkort etc. gäller i det aktuella fallet, och vad det ger för effekt på priset, bör det tidigt finnas en möjlighet att mata in den.

I vissa fall kan det vara motiverat att ha en länk redan på produktsidan, i närheten av köpknappen. Efter att användaren gett koden skall priset justeras med hänsyn till eventuell rabatt.

I andra fall är det dock inte motiverat att lasta ner de redan infor­ma­tions­inten­si­va produktsidorna med detta. Däremot skall det finnas möjlighet att ge det i kundvagnen, så att det sammanräknade priset där blir korrekt.

Det skall också finnas möjlighet att ge det i kassan, för de användare som inte brytt sig om att göra det i kundvagnen.

16 Apr 2013

Svartvit uppgradering

När nu Adobe slutat uppfinna nya funktioner och verkar inrikta all sin kraft på att uppfinna sätt att pressa folk till att gång på gång betala för samma sak (ja, det stör mig att Lightroom 5 är på väg nu ungefär ett år efter fyran, med bara några få förbättringar), så är det kul när ett annat programföretag visar en mycket generösare inställning till sina kunder.

Nik har sex olika program för bildbehandling. De brukade säljas antingen separat eller som ett paket, men nu har man bestämt sig för att sälja bara paketet. I samband med det får alla som någon gång köpt något av programmen under de senaste fem åren en gratis uppgradering till hela paketet.

För mig innebär det att jag plötsligt fick Silver Efex, ett program för att konvertera bilder till svartvitt som jag varit sugen på länge, men som varit lite för dyrt för mig.

Så nu leker jag i svartvitt.

Ingen vill klä sig som sina föräldrar. Kanske är det förklaringen till att Viasat, som ser ut så här:

Viasat – domineras av blått och vitt

har knoppat av ett varumärke som det här:

Viaplay – domineras av svart och rött

Mer tonårsuppror än så kan knappast en designer göra.

Sett så här utifrån är det ett märkligt sätt att hantera avknoppningen. De två varumärkena arbetar visserligen via olika media – satellit för Viasat, och internet för Viaplay –, men bortsett från den teknikaliteten levererar de ungefär samma sak, och torde ha samma löfte till sina kunder. Men för kunder med en positiv uppfattning om Viasat finns här väldigt lite som kopplar dit. Viasats luftiga vit-blå stil är ersatt med tungt svart och rött; det är svårt att bryta mot sin gamla stil mer radikalt än så.

Det är svårt att inte undra om de snarare än att titta till sitt eget ursprung har sneglat på ett par andra sajter. 

Netflix – domineras av svart och rött

Netflix


iTunes – domineras av svart

iTunes

Man klär sig som de tuffaste i klassen.

Men som så många tonårsuppror är det något lite halvhjärtat över det. Man vill vara sin egen, men bor ändå kvar hemma.

”Via”-delen av namnet går helt på tvärs mot den radikala visuella brytningen. Känner man till ”Viasat” så är det inte svårt att gissa att ”Viaplay” har något med det att göra.  

   

Även symbolen skvallrar om ursprunget. Viasats symbol är (åtminstone i mina ögon) en stiliserad parabol. För Viaplay har man vridit den 90° så den blir en play-knapp. Klurigt. (Fast en aning sloppy att inte flytta skuggorna, som nu faller märkligt.)

Så håller man sina kunder i ovisshet. Antyder samband, men bekräftar ingenting. Försöker både luta sig mot det befintliga varumärket och stå på egna ben.

Men så måste det kanske vara när ett varumärke ska växa upp. De får säkert bättre kontakt igen om några år, när Viaplay fått egna små varumärken att knoppa av.

Se också: Designkampen: Viaplay mot Netflix

Läs mer:

På e-handelsplatser som vänder sig till företagskunder bör användaren kunna lägga in egen text som kommer med på fakturan, för att till exempel ange kostnadsställe.

UR ANVÄNDBARHETSBOKEN

5 Apr 2013

73.3 Betalning via faktura

Speciellt företagskunder kan uppskatta möjligheten att få en konventionell faktura.

UR ANVÄNDBARHETSBOKEN

4 Apr 2013

73.2 Betalning via internetbank eller e-faktura

Om betalning sker via internetbank medför betalningssteget vanligen en utflykt till bankens webbplats. Det finns risk för förvirring i samband med detta, så var noga med att ge tydliga instruktioner.

En möjligen enklare variant är e-fakturor – men eftersom de kräver förhandsregistrering är de inte tillgängliga i köpögonblicket för många användare.

Alternativt kan man göra livet litet enklare för användaren genom att spara hennes kreditkortsuppgifter (men låt henne gärna välja om hon vill detta eller inte). Detta kan då göras i samband med adressen och hanteras på samma sätt.

Var varsam med kreditkortsnumret. Undvik att visa det på webben och sänd det inte via e-post. Om användaren behöver identifiera ett kreditkort, berätta sorten och visa de första och de sista fyra siffrorna, typ ”MasterCard 1234 **** **** 5678”, samt giltighetstid.

Se även Använd en säker förbindelse när känslig information hanteras, sid 344.

UR ANVÄNDBARHETSBOKEN

29 Mar 2013

73.1.1 Återanvänd inte användarens kreditkortsnummer

Många användare är fortfarande nervösa av att använda kreditkortet på webben. En trygghetsmarkör kan vara att inte spara kreditkortsuppgifterna (nummer, namn och utgångsdatum) utan varje gång be användaren skriva in dem.

Det finns även andra argument än användarens oro för detta. Om användaren identifierar sig enbart genom användarnamn och lösenord är det inte någon särskilt hög grad av säkerhet. Att begära kreditkortsuppgifterna minskar risken för bedrägerier.

UR ANVÄNDBARHETSBOKEN

27 Mar 2013

73 Betalning

Bristen på säkra och enkla betalningsmetoder var länge e-handelns akilleshäl. Numera har situationen förbättrats och problemet är snarare att det börjar finnas nästan för många olika sätt att ta emot betalning på. Valfrihet är förvisso bra – men det gäller att erbjuda den utan att gränssnittet blir överlastat.

UR ANVÄNDBARHETSBOKEN

26 Mar 2013

72.1.1 Var artig när en reservation tas tillbaka

Ibland ser man e-handelssystem som är som gatlopp. Blir användaren inte klar i tid, slängs hon ut ur systemet och får börja om igen.

Detta beror på att konstruktörerna använt en mekanism – begränsningen för hur länge en användare får vara overksam innan sessionen avslutas – för att åstadkomma något helt annat: att säkerställa att produkter inte hålls reserverade för länge.

Problemet med reservationer är att man inte vill låta en användare hålla dem hur länge som helst utan att komma till affär – det kan ju innebära en missad möjlighet att sälja till någon annan. Hur länge du är villig att reservera produkten för en användare måste vara ett affärsbeslut, en balans mellan risken att irritera och risken att användaren övergivit processen och inte är på väg att handla. Men när det blivit dags att ta tillbaka produkten, berätta artigt att du varit tvungna att göra det. Var inte så ohyfsade att du slänger ut användaren på gatan och ber henne börja om helt. Ge istället en knapp för att med ett klick försöka göra om reservationen, och om det inte går ta användaren till sidan där hon kan välja ett annat alternativ.

Bild 140. SJ är strängare mot sina användare än mot sig själva. Är man försenad mer än sju minuter slängs man ut och får börja om från början. Vilken affärsman i den verkliga världen skull drömma om att slänga ut en kund ur affären bara för att hon är litet långsam? (www.sj.se)

En vän har fått tillgång till Facebooks nya sökfunktion. Och omedelbart blev det uppenbart att det är något helt annat, och långt problematiskare, att vara sökbar i en social graf än på Google. Vi är inte längre bara oss själva och den persona vi väljer att visa upp på Facebook – nu kan arbetsgivare, partners etc. också bedöma oss utifrån vårt umgänge.

Tyvärr är jag inte insläppt på Facebooks nya sökning ännu, så jag kan inte prova själv. Men min vän fick över 20 träffar på den här frågan.

UR ANVÄNDBARHETSBOKEN

10 Mar 2013

72 Reservation

Det är oundvikligt att det går tid mellan att användaren tar sitt köpbeslut och att produkten verkligen är beställd och betald. Hon kanske fortsätter shoppa runt efter fler saker att lägga i kundvagnen, och även om hon skulle gå direkt till kassan är det inte någon ögonblicklig process. Samma sak gäller i resebyrån – trots det nära sambandet mellan val och betalning så går det oundvikligen litet tid mellan dem.

Under denna tid bör produkten hållas reserverad, så att den inte är försvunnen när det är dags att betala för den. I synnerhet gäller detta om det är en produkt som är unik – till exempel en platsreservation för en bioföreställning eller en tågfärd. För en e-handelsplats som säljer många av samma och har stora lager är detta inte på samma sätt en akut fråga, men även där kan reservation vara befogat – se Ta inte tillbaka det som lovats ut , sid 394.

Ur webbserverns synvinkel är detta problematiskt. Det finns inget helt pålitligt sätt att veta om användaren är långsam och så småningom kommer att göra anspråk på sin reservation eller om hon lämnat webbplatsen och övergivit den 21.

21 Det finns javascripttekniker som kan skvallra för webbservern när användaren lämnar webbplatsen, men de är inte helt tillförlitliga och används nästan aldrig.

Ofta är det enklare för användaren om det finns en eller några färdiga konfigurationer som hon kan acceptera som de är eller modifiera utifrån sina behov.

UR ANVÄNDBARHETSBOKEN

8 Mar 2013

71.1.1 Gör det lätt för användaren att välja

Byråer säljer ofta jämförelsevis komplicerade produkter (det är därför de inte kan stå i färdiga paket och vänta på att bli plockade som varor i ett snabbköp). Användaren har flera olika varianter att välja mellan, och när hon valt hur hon vill ha en aspekt kan det påverka vilka valmöjligheter hon har för en annan. Valen påverkar ofta också pris och villkor.

I teorin är detta inget problem. Man leder användaren steg-för-steg genom konfigurerandet av produkten, hon får välja de viktiga sakerna först och sedan de mindre viktiga, samtidigt som hon kan se hur hennes val påverkar pris och villkor.

I praktiken är olika saker viktiga för olika användare – och för samma användare i olika situationer – så det är inte alltid lätt att lägga upp flödet på rätt sätt.

Samtidigt är det viktigt att hitta ett så bra flöde som möjligt. Användare blir frustrerade om de tvingas hoppa fram och tillbaka för att hitta det bästa alternativet.

Att få till ett bra flöde är i hög grad en fråga om hantverksskicklighet och anpassning till situation och användare, inget som låter riktigt sig fångas i generella regler. Men några saker att tänka på finns:

Fråga först om det oföränderliga

Den som handlar biobiljetter eller bokar en tågbiljett lär knappast ha någon nytta av att lätt kunna välja en annan stad utan att behöva börja om i bokningsprocessen (även om det inte är otänkbart, bor man i Lund är biograferna i Malmö ett alternativ) – medan olika städer och länder mycket väl kan vara likvärdiga alternativ för den som bokar en charterresa.

Bild 139. Blue1:s kalender låter inte bara användaren välja dag, den ger också litet extra information, som vilka dagar det finns lediga platser och vad lägsta pris den dagen är, vilket minskar risken att användaren skall behöva hoppa fram och tillbaka för att hitta bästa alternativ. (www.blue1.com)

Gör det lätt att jämföra olika alternativ

Jämförelser, som dem som diskuteras i Jämför, sid 388 kan vara en god idé även för byråer. Utmaningen är att göra detta på ett sätt som inte upplevs som krångligt.

En variant är att ha en kundvagn eller en ”minneskorg” där användaren kan spara konfigurationer hon gjort, jämföra dem och sedan välja en av dem att gå vidare med.

Gör det tydligt vilka konsekvenser olika val får för pris, villkor och andra val

Gör det så enkelt som möjligt att se vilka konsekvenser för priset och andra villkor olika val får, liksom vad de betyder för kommande valmöjligheter.

Även här ligger utmaningen i att göra det utan att gränssnittet blir överlastat.

Gör det möjligt att flytta valet framåt och bakåt i tiden

Det är inte ovanligt att användaren har nytta av att kunna flytta sitt val tidsmässigt. Detta brukar vara lätt att lösa, till exempel genom ”Tidigare” och ”Senare”-knappar, eller genom en kontroll där användaren väljer ett annat datum.

Gör det möjligt att arbeta med flera alternativ samtidigt

Tillåt användaren att arbeta parallellt i flera fönster samtidigt. Se Tillåt att användaren öppnar nya fönster, sid 333.

UR ANVÄNDBARHETSBOKEN

7 Mar 2013

71 Resebyrån - anpassade produkter

Näst efter de snabbköpslika e-handelsplatserna är den vanligaste varianten de som fungerar likt en resebyrå. De har en (eller ett fåtal) produkter – till exempel en resa eller ett biobesök – som användaren anpassar till sina behov (anger varifrån och vart resan går, väljer biljettyp, anger vilken film hon vill se, väljer plats etc.).

Vanligen utformas byrån som en guide (se sid 288).

Mycket av det som gäller för ett snabbköp gäller också för en resebyrå, så många av reglerna i Snabbköpet - standardiserade produkter, sid 376, är relevanta även här. Men på några punkter skiljer de sig åt:

Om användaren vanligen bara köper en produkt i taget, klarar sig byrån utan kundvagn (att köpa till flera personer, tur- och returresor, etc. hanteras då som anpassningar)

De grundläggande stegen som finns i Kassan , sid 399 återfinns också hos byrån, men kassan har inte samma fristående roll utan är ofta integrerad med anpassningen av produkten.

UR ANVÄNDBARHETSBOKEN

6 Mar 2013

70.6 Förenklade kassaprocesser

I vissa fall kan kassan göras enklare. Exempelvis när:

Kunden är känd, har förtroende för dig och betalningskanalerna är redan etablerade

Med en etablerad kundrelation kan mycket förenklas.

Ett klassiskt exempel är Amazons one-click shopping. När man ser en bok på webbplatsen man vill ha klickar man på knappen one-click shopping och behöver sedan inte göra något mer eftersom Amazon redan känner till leveransadressen och i förväg har fått tillstånd att dra pengarna från kreditkortet. Om man gör flera sådana inköp inom 90 minuter så behandlas de som en order. Därigenom har både kundvagn och kassa rationaliserats bort.

Produkten levereras elektroniskt

Kan produkten skickas direkt, behövs naturligtvis ingen leveransadress.

Betalning sker via mobiltelefon, som mikrobetalning, etc.

Om betalning kan ordnas på andra sätt än genom kreditkort, kan naturligtvis betalningsdelen förenklas avsevärt.

Istället för att ta betalningsinformationen efter sammanställningen, som i Kassa med inloggning, sid 401, sparar den här varianten den tillsammans med adressen. En närliggande variant är att den får ett eget steg som ligger mellan leveransmetod och sammanställning.

Detta är en variant som passar bra om användarna i huvudsak betalar via faktura.

Jag är mer tveksam till den när användaren betalar med kreditkort. Oavsett hur tydliga instruktioner man ger så finns det en stark koppling mellan att lämna ifrån sig sitt kreditkort och att betalning sker. Det är så det går till i verkliga världen, och det är en mental modell som man inte bryter så lätt. Det finns därför en tendens hos användare att tro att köpet är genomfört när de lämnat kreditkortsnumret och uppfatta sammanställningen som en kvittens. Eftersom de inte brukar läsa instruktioner är det svårt att ta dem ur denna tro.

Variantens styrkor

Betalningsinformationen kan sparas på samma sätt som adressen.

Bild 138. Betalningsinformationen kan sparas tillsammans med adressen.

Betalningsinformationen kommer med på sammanställningen.

Rabatt- och presentkoder liksom medlemskap kan tas i samband med betalningsinformationen.

Variantens svagheter

Användaren kan lätt tro att köpet sker i och med att hon lämnar ifrån sig betalningsinformationen och missa att slutföra affären.

Wywallet håller på att sälla sig till exemplen på hur det kan gå om man inför ett nytt system utan att ha brytt sig om att användartesta det ordentligt. Röda Korset har tappat 92% av bidragen via SMS sedan Wywallet ersatt SMS-betalningarna.

Wywallet själva möter kritiken med två klassiska metoder att skyla över usel användbarhet:

“Det fixar vi i dokumentationen”

“Vi har träffat välgörenhetsorganisationer under hösten och informerat om förändringen som är på gång och försökt hjälpa dem hur de ska kommunicera.”, säger Adam Hasslert, marknadschef på Wywallet.

Och följer sedan upp med nästa klassiker, “Det är användarnas fel”:

“Adam Hasslert tror att gåvogivarna är en extra svår kundgrupp.
– De kanske inte alltid är så teknikvana.”

Man undrar hur marknadschef Hasslert kom till slutsatsen att människor som vill hjälpa andra människor har extra svårt för teknik.

Förutsättningar

Betalning via kontokort eller internetbank

Variantens styrkor

Användaren kan se vad det är hon betalar för när hon lämnar ifrån sig betalningsinformationen. Detta ökar tryggheten.

Variantens svagheter

Betalningsinformationen måste hållas enkel, eftersom den skall rymmas på samma sida som sammanställningen.

UR ANVÄNDBARHETSBOKEN

3 Mar 2013

70.3.6 Skicka kvittot även som e-post

För att säkra att användaren har kvar kvittot eller bekräftelsen skall det även skickas som e-post (förutsatt att man har tillgång till användarens e-post­adress).

I vissa fall kan ett alternativ vara att skicka bekräftelsen som vanlig post.

Beroende på sammanhang kan detta kallas för ”Kvitto” eller ”Bekräftelse”. Det bör innehålla:

  • Ett tack.
  • Ordernummer och datum, väl synliga.
  • All information som fanns på sammanställningen (se sid 405).
  • Länkar till:
    • Butiken
    • Orderhistorik
    • Returregler
    • Instruktioner om hur man ändrar eller kompletterar ordern (om detta är möjligt)
  • Kontaktinformation för kundtjänst – e-post men också telefonnummer

Det är viktigt att bekräftelsen kan skrivas ut (se Utskrift, sid 85). Länkarnas adresser bör finnas med i klartext; adresserna till butik, returregler och ändringsinstruktioner skall vara enkla. Försök göra även adresserna till användarens orderhistorik och orderändringen så enkla som möjligt. Se Webb­adress, sid 223.

Skall jag komma ihåg dig?

Detta steg kan också vara ett utmärkt tillfälle att fråga de användare som valt att vara gäster om de är intresserade av att man kommer ihåg deras adress och andra uppgifter till nästa gång.

UR ANVÄNDBARHETSBOKEN

18 Feb 2013

70.3.4 Gör en sammanställning av ordern

En viktig trygghetsfaktor för användaren är att hon kan se att allting stämmer, innan det är dags att betala. Därför bör ordern ställas samman. Sidan med sammanställningen bör innehålla:

  • Vart saker kommer att skickas (och om det är till flera ställen, vad som går vart).
  • Om ordern skickas som en leverans eller som delleveranser.
  • Leveranstid.
  • Rabattkoder, medlemsnummer etc.
  • Vad som ingår i ordern:
    • Produktnamn/beskrivning
    • Eventuella anpassningar
    • Antal
  • Pris per styck och totalt
  • Gärna också bild
  • Vad det kommer att kosta:
    • Porto och hanteringsavgifter
    • Totalsumman, inklusive moms
    • Momsen
  • I en del kassavarianter finns betalningsinformationen tillgänglig – den bör då visas i sammanställningen.
  • Länk till leveransvillkor , returregler och garanti . (Efter att ha läst skall användaren ha en tydlig väg tillbaka till sammanställningen.)
  • Sist men viktigast: en tydlig knapp för att gå vidare och genomföra köpet.
Ändringar

Om användaren upptäcker något på sammanställningen som hon vill ändra skall det vara enkelt att göra det.

Det måste dock göras utan att rucka på grundprincipen att det som står på sammanställningen alltid är det som gäller. Det betyder att om användaren gör en ändring måste effekten omedelbart slå igenom, så att de priser och villkor som står på sammanställningen är korrekta. Alltså inte som det brukar vara på webben att det var det som gällde när sidan laddades.

Det finns två vägar att göra detta:

  • Vid de olika grupperna av uppgifter finnas ”Ändra”-knappar som leder till en särskild sida där hon kan göra sin korrigering för att sedan komma tillbaka till sammanställningssidan.
  • Ett javascript sköter uppdateringen av sammanställningssidan.

Metoderna kan kombineras. Javascriptet tar då hand om småändringar som till exempel om användaren skriver in en rabattkod eller ändrar från sammanhållen leverans till delleveranser, medan ändringssidorna tar hand om större förändringar.

Se även Låt användaren ändra direkt från sammanställningen, sid 292, och Javascript , sid 426.

Användaren skall också kunna lämna kassan med innehållet i kundvagnen intakt och fortsätta handla.

Steg 5: Betalning

Användaren fyller i sina kreditkortsuppgifter på denna sida och klickar på en ”Betala”-knapp. Även andra varianter av betalning finns, se sid 413.

Det skall vara enkelt att från detta steg gå tillbaka till sammanställningen, för att kontrollera detaljer i ordern, och sedan komma hit igen.

Steg 5 ½: Vänta medan pengarna hämtas

Om betalningen skall kontrolleras kan det ibland ta tid innan bekräftelsen kommer fram. I så fall kan det vara klokt att lägga upp en indikator som berättar att vad som händer medan sidan laddas. Se www.anvandbart.se/ab/kassa-inloggning om hur detta görs tekniskt.

Steg 6: Kvitto

(Se nästa sida)

Om detta steg är med är det även ett bra ställe för användaren att välja om hon vill vänta tills hela hennes beställning finns eller om hon hellre tar den extra portokostnaden och får delleveranser.

Ge ett så fullgott beslutsunderlag som möjligt så att hon kan se när leveranserna beräknas ske och vilken kostnad alternativen medför.

Om inte detta steg är med kan frågan istället ställas till exempel i kundvagnen, och vara möjlig att ändra från sammanställningen.

Steg 4: Sammanställning

Nu börjar det närma sig att göra verklighet av affären. För att användaren skall få överblick och känna förtroende för att inget är på väg att gå fel sammanfattas alla kända och relevanta fakta om ordern – vad den innehåller och vart den skall skickas.

Steg 2: Adress (ibland även andra uppgifter)

Nästa steg är att skaffa de personuppgifter som behövs.

Är användaren inloggad, kan det räcka att kontrollera att adressen fortfarande är korrekt (se nedan).

Är användaren gäst behövs namn och adress, ofta även e-post och ibland telefon och andra uppgifter.

Om användaren har ett medlemsnummer eller rabattkod, kan även dessa uppgifter hanteras på denna sida.

Bild 136. Google minns användarens adresser och gör det enkelt att välja vilken man vill använda – eller att ange en ny. (www.google.co.uk)

Spara de adresser som en inloggad användare anger. Presentera dem på denna sida med den adress som användes senast överst. Här skall också finnas ett fält för att ange en ny adress.

Bredvid varje adress skall finnas en knapp typ ”Använd denna adress”, som leder vidare till nästa steg. Där skall också finnas något diskretare ”Ändra”- och ”Glöm bort”-knappar.

Bild 135. Bredbandsbolaget gör det tydligt för användaren att hon kommer att få sin rabatt genom att fråga henne om kampanjkod tidigt under processen. Synd att de samtidigt måste göra henne otrygg.

Detta är ett typiskt exempel på när systemet är dåligt - att blanda små och stora bokstäver i en kod är inte en bra idé - men man istället för att åtgärda problemet använder instruktioner för att lasta över ansvaret på användaren. (www.bredbandsbolaget.se)

En enklare variant är att enbart spara en adress per användare, den hon använde senast. Fyller hon i en ny glöms den gamla bort.

Faktureringsadress

Produkter som skickas mot faktura skall kunna ha skilda leverans- och faktureringsadresser.

Internationella adresser

Ge internationella kunder en möjlighet att fylla i sin adress i ett formulär som passar dem. Detta kan till exempel göras genom att först fråga efter land och sedan öppna ett nytt fönster med ett passande adressformulär (se även Nytt fönster , sid 329).

Gåvor

Om gåvor som skall skickas till andra adresser än användarens, se Gåvor , sid 415.

Detta råd är bara relevant för inloggade användare.

Steg 3: Leveransmetod

Detta steg behövs bara om det finns flera alternativ för leveransen, något som inte är så vanligt för leveranser inom Sverige.

Om det bara finns ett leveransalternativ i Sverige men flera internationellt, bör detta steg visas enbart om en internationell adress angivits.

Om det finns flera alternativ för leveransen, var tydlig om hur de olika alternativen påverkar pris och leveranstid.

Om leveranstiden inte kan anges exakt, ge åtminstone en uppskattning typ ”2-4 dagar” eller ”cirka 3 dagar”.

Bild 134. Om inte användaren redan har ett användarkonto skall hon kunna registrera sig direkt från kassan.

I och med att hon registrerat sig bör användaren också vara inloggad, så att hon direkt kan fortsätta i kassaflödet.

En del system klarar dock av tekniska skäl inte detta. Användaren skall då direkt få möjlighet att logga in och sedan kunna fortsätta genom kassan. Se Användarkonto , sid 320.

Användaren kan vara misstänksam mot att få sina personuppgifter sparade, eller kan vara trött på att ha ytterligare ett ställe och ytterligare ett lösenord att hålla reda på. Hon bör därför kunna gå igenom kassan utan att behöva logga in.

UR ANVÄNDBARHETSBOKEN

14 Jan 2013

70.3 Kassa med inloggning

Variantens styrkor

Varje sida i kassan har ett tydligt syfte.

Inloggningen gör att återkommande användare inte behöver fylla i sina uppgifter på nytt.

Det finns en direkt koppling mellan att användaren betalar och att affären slutförs.

Bild 133. Kassa med inloggning – ett av flera möjliga upplägg för en flersidig kassa.

Variantens svagheter

Många sidor för användaren att ta sig igenom.

Betalningsinformationen kommer inte med på sammanställningen.

Steg-för-steg

Här följer en mer detaljerad genomgång av de olika sidorna i kassan.

Steg 1: Inloggning

Användaren autentiserar sig vanligen genom att logga in med användarnamn (eller kundnummer) och lösenord, men även andra metoder finns – se Autentisering , sid 310.

Inloggningen kan vara en egen sida, men kan också vara en komponent på butikssidorna.

I samband med inloggningen skall det vara möjligt för den som ännu inte har något användarkonto att skapa ett (se Användarkonto , sid 320).

En del e-handelsplatser väljer att kräva inloggning redan när kunden kommer dit (se Autentisera inte innan eller mer än behörigheten kräver, sid 319). Andra väljer att inte krångla med att hålla reda på sina användare mellan gångerna utan låter alla vara gäster. I de fallen är detta steg överflödigt och kan strykas.

UR ANVÄNDBARHETSBOKEN

13 Jan 2013

70.2 Flersidiga kassor

En helt annan angreppsvinkel är att dela upp kassan på flera olika sidor, var och en med en egen väldefinierad uppgift.

Även om det inte är något att sträva efter, är det inte så farligt som man kanske kan tro att dela upp processen på flera sidor. Så länge användaren har överblick och förtroende för att hon steg för steg kommer närmare sitt mål behöver inte sidantalet vara avskräckande. Men överblicken är viktig , så använd en framstegsindikator, se sid 155.