Kund:
Adressändring driver och tillhandahåller system för adressändring och eftersändning av fysiska försändelser samt idka därmed förenlig verksamhet för privata kunder samt företag.
Uppdrag:
Adressändring hade ett behov av att utveckla en befintlig webbplats och administrativa webbsidor med den nya produkter och betalningsmetoder.
Syfte:
Syftet var att ta fram en ny design för produktsidorna på webbplatsen och administrativa webbsidor.
Arbetsperiod:
11 månader
Rolen:
UX Designer
![logoadr.png](https://static.wixstatic.com/media/fe5f44_5a38fe7a309946209825fecd92bb2261~mv2.png/v1/fill/w_229,h_152,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/logoadr.png)
KRAV/FUNDERINGAR
1. På beställningens detaljsida implementera olika tidsperiod och delbetalning för "Adressändring och Eftersändning" så den nya informationen ska bli tydligt för användaren.
Bakgrund
När vi implementerar olika tidsperiod och delbetalning för "Adressändring och Eftersändning" vill vi att den nya informationen ska bli tydligt för användaren.
Funderingar
-
Strukturera informationen lite bättre nu när mer information ska in.
-
Göra något åt den stora "Mer information" sektionen, tex skapa en egen sektion för pris- och betalningsuppgifter?
-
Flytta ut kontrollnummer (=ordernummer), beställningsdatum, bekräftelsedatum som inte har med pris och betalning att göra?
-
Flytta ned kontaktuppgifter?
-
Obs även att ändra tjänstenamnet från "Adressändring med eftersändning" till Adressändring och eftersändning"
-
Visa ny Betalmetod (delbetalning)
-
Visa ny Betalsätt (kortbetalning)
-
Visa ny Avtalstid/bindningstid (12 månader)
2. Tydligt visualisera information om genomförda och framtida betalningar på Mina Sidor.
Bakgrund
När vi implementerar delbetalningsmöjlighet för "Adressändring och Eftersändning" så behöver kunden kunna överblicka genomförda och kommande betalningar för den tidsperiod de bundit sig på.
Funderingar
-
Hur visar vi genomförda och framtida dragningar (dvs delbetalningar) för en beställning?
-
Information som man behöver se om de genomförda betalningarna: Datum för när dragningen genomfördes (just nu används formatet DD månad YYYY på Mina Sidor)
-
Kvittonummer
-
Pris/Summa
-
Vilken information behöver man se om de framtida betalningarna?
3. Tydligt visualisera information om misslyckad kortbetalning på Mina Sidor.
Bakgrund
När vi implementerar delbetalningsmöjlighet för "Adressändring och Eftersändning" så behöver kunden få information om när en dragning misslyckas.
Funderingar
-
Hur visar vi att en kortbetalning har misslyckats?
-
Ska det framgå både på startsidan, beställningsöversikten, beställningens detaljsida?
-
Startsidan: Skapa ett notifierings-kort som matchar de vi redan använder.
-
Beställningsöversikten: Använda befintlig notifieringskomponent?
-
Beställningens detaljsida: Använda befintlig notifieringskomponent?
-
Behöver det visas på ytterligare sätt på detaljsidan?
-
Vilken information behövs kring den misslyckade betalningen?
-
Datum för när dragningen skulle skett, samt antal försök att dra?
-
Anledning till misslyckandet? (tex kortet har gått ut, kortet är spärrat, pengar fanns inte på kontot).
Om misslyckandet beror på att kortet inte längre fungerar/är giltigt - Länka till möjlighet att byta kort.
Vad som händer om man inte gör något åt misslyckandet - Tex "Om du inte ser till att åtgärda problemet innan DD månad YYYY så kommer en faktura på resterande belopp att skickas ut. Månadsbetalning via betalkort kommer då inte kunna återupptas.
4. Byte och uppdatering av betalkort på Mina Sidor.
Bakgrund
När vi implementerar delbetalningsmöjlighet för "Adressändring och Eftersändning" så behöver kunden kunna byta eller uppdatera sitt betalkort av olika anledningar, tex. byte av bank, kortet slutat fungera, kortet är spärrat, kortets giltighet går snart ut etc.
Funderingar
-
Hur kan kund byta kortuppgift?
-
Var kommer kund åt denna funktion?
-
Hur ser flödet för att ändra ut (obs ska inkludera integration av Nets checkout för att registrera nya numret)
5.Kunna öppna ett kvitto på en betalning på Mina Sidor.
Bakgrund
När vi implementerar delbetalningsmöjlighet för "Adressändring och Eftersändning" så behöver kunden kunna överblicka genomförda och kommande betalningar för den tidsperiod de bundit sig på, samt även öppna ett kvitto.
6. Ändra och förbättra beställningsflöde för att visa den nya informationen.
Bakgrund
När vi implementerar olika tidsperiod och delbetalning för "Adressändring och Eftersändning" vill vi att den nya informationen ska bli tydligt för användaren på Mina Sidor.
Funderingar
-
Behövs några förändringar på beställningsöversikten för att visa den nya informationen, eller är det bra som det redan är?
-
Vill vi visa tidsperioden på något mer sätt än via datumintervallet? Ska det inkluderas i namnet?
-
Vill vi visa betalmetoden här (delbetalning), eller räcker det med att det syns på detaljsidan?
SAMMANFATTNING:
Under undersökning noterades problem som löstes/löstes inte i olika bokningssystem:
Problemet:
Välja närmaste lediga stugan, om det finns flera
Möjligt lösning:
Ta information i vilken boende och lgh bor användaren genom registrering flöde
Problemet:
Bokning samma tid av flera användare
Möjligt lösning:
Lås de dagarna som inte tillgänliga
Visualisera rimligt lediga tider
Problemet:
Begränsat antal bokningstider
Möjligt lösning:
Ge möjlighet att dela tvättid
Sätta hur många pass som ska vara per dag
Problemet:
Användaren glömt bort om bokade tiden
Möjligt lösning:
Påmina om bokade tiden förut (synkronisera med Google kalender, Apple kalender eller Microsoft outlock)
Amvändaren kan kika på egna bokningar och hur många bokningar de har kvar
Möjlighet att komma in en stund före eller efter bokade tid
Avbokning i fallet om passet används inte
Problemet:
Användaren glömt bort tvättade/torkade kläder eller helt om pågående tvätten
Möjligt lösning:
Skicka notis om i förtid avslutad tvättid
Notiser om kvarglönda kläder
Problemet:
Tekniska problemet i tvättstugan
Möjligt lösning:
Skicka notis om felet med tvättmasiner, torkmaskiner eller nåt annat och notis när det fixat
Automatisk avbokning tiden och notis om det till användaren
ANVÄNDARENS INTERVJUN:
En intervju med fastighetsskötarna och framtiga användare av tvättstugan och titta på det befintliga nyckelbokningssystemet.
Undersökningens ämne:
-
sätta målgrupp
-
sätta user persona
-
förstå de möjliga scenarierna tydligare
-
förstå de befintliga problemen med tidsbokning
Intervju med fastighetsskötare
Följande frågor ställdes:
-
Användares kön
-
Åldersgrupp (<25, 26-35, 36-45, >45 )
-
Hur man kan boka tvättid idag?
-
Vad gillade du med nyckelsystemet?
-
Vad tycker du kan förbättras?
-
Vilka problemer finns just nu med tidbokning?
Svar:
-
Väldigt blandat, men de flesta är kvinnorna
-
Från 36 och äldre upp till 70
-
Nyckelsystemet
-
Enkelt att boka, men många som tappar nycklarna
-
Boka tiden digitalt utan nyckel det ska funkar mycket bättre
-
System fungerar inte så bra i praktiken. Däremot så kan en annan hyresgäst ställa uppdörren och på så sätt använda, av annan, bokad tid, med risk att få tvätten utslängt eller inlåst skall tilläggas. Som sagt tappade nycklarna.
Diskussion med framtida användare:
Person 1, Ingenjör, 37 år
"Vi följer en oskriven regel att man inte får boka in en ny tid förrän man förbrukat den tid som redan är bokad.”
Person 2, civilingenjör, 41 år
"Just nu har vår hus nyckel-och-lås system (boknings cylinder) för bokning av tvättstugan. Det fungerar ganska bra. Ibland blir det strul,
om man har mycket tvätt eftersom tvättstugan bara har tre maskiner."
-
Det vore ju i och för sig bra att kunna boka hemifrån.
-
Det vore även bra att kunna välja hur lång tid man har tvättstugan. Ibland behövs inte alla tre timmarna.
Person 3, egenföretagare, 44 år
-
Önskelistan till ett bokningssystem:
-
Sitta hemma och boka tvättid via webben vore bra.
-
Reglerna för t.ex. hur länge man får boka en tvättid eller tvättidspassens start och sluttider ska kunna ändras på när som helst av administratören.
-
Om inte tiden utnyttjats, d.v.s. kortet inte använts för att komma in till tvättstugan, så bör bokningen förfalla och "kvoten" räknas inte.
-
Praktiskt att kunna komma in till tvättstugan även 1 timme efter att bokningstiden tagit slut, så att det går att hämta kläder ifall man glömt bort att hämta sin tvätt.
USER PERSONA
Systemets målgrupp är boende i bostadsrättsföreningar och hyresrätter samt styrelser.
![Frame 72.png](https://static.wixstatic.com/media/fe5f44_72ee3f2287444ecc87e297102f4e6102~mv2.png/v1/fill/w_600,h_297,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%2072.png)
SCENARIO|USER-FLOWS
Scenario 1, Användaren skulle vilja boka tvättid:
![Frame 102 (1).png](https://static.wixstatic.com/media/fe5f44_8384917b72cd4632a66444b1550ae0ea~mv2.png/v1/fill/w_863,h_124,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20102%20(1).png)
Scenario 2, Användaren skulle vilja avboka tvättid:
![Frame 103.png](https://static.wixstatic.com/media/fe5f44_78232e6cef904233ab3467f22b64bd97~mv2.png/v1/fill/w_598,h_122,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20103.png)
Scenario 3, Användaren har glömt bort kläder i tvättstugan och behöver hämta det:
Scenario 2, orders handled in server:
![Frame 104.png](https://static.wixstatic.com/media/fe5f44_0bc2d0ad38424ddda489ffb865b97ffd~mv2.png/v1/fill/w_432,h_122,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20104.png)
INTERAKTIVA WIREFRAMES
Scenario 1, Användaren skulle vilja boka tvättid
Mobile:
![Frame 105.png](https://static.wixstatic.com/media/fe5f44_14a490bf19324527853cfa67631f044e~mv2.png/v1/fill/w_921,h_424,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20105.png)
Surfplattan:
![Frame 106 (3).png](https://static.wixstatic.com/media/fe5f44_a0862366742346c2bae581321bb43245~mv2.png/v1/fill/w_899,h_451,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20106%20(3).png)
Desktop:
![Frame 107.png](https://static.wixstatic.com/media/fe5f44_fbef39ca37a741aa99324263449a7939~mv2.png/v1/fill/w_890,h_409,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20107.png)
Scenario 2, Användaren skulle vilja avboka tvättid
Mobile:
Surfplattan:
Desktop:
![Frame 108.png](https://static.wixstatic.com/media/fe5f44_c4082bce09bb447098a52f6b5d87dc8b~mv2.png/v1/fill/w_893,h_403,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20108.png)
![Frame 109.png](https://static.wixstatic.com/media/fe5f44_000f168f78004fd6877415a20b2b7918~mv2.png/v1/fill/w_893,h_468,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20109.png)
![Frame 110.png](https://static.wixstatic.com/media/fe5f44_df49d687828146ef8408cbdf66ce9623~mv2.png/v1/fill/w_895,h_401,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20110.png)
Scenario 3, Användaren har glömt bort kläder i tvättstugan och behöver hämta det
Mobile:
Surfplattan:
![Frame 111.png](https://static.wixstatic.com/media/fe5f44_af6f1c5d1a1340f8ac23b1308fd35728~mv2.png/v1/fill/w_882,h_239,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20111.png)
![Frame 114.png](https://static.wixstatic.com/media/fe5f44_66947fc1d830453e99cc4de2b8886108~mv2.png/v1/fill/w_881,h_437,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20114.png)
ANVÄNDARTEST AV WIREFRAMES
Interaktiva wireframes har skapats för enklare online testning. Testning planeras att genomföras i form av online intervjuer med tre testare genom tre scenarios.
Frågor förbereddes för testning och under testningen fick även kommentarer genom flows.
Kön?
Person 1: Man
Person 2: Kvinna
Person 3: Kvinna
Åldersgrupp?
Person 1: 36-45
Person 2: 26-35
Person 3: 36-45
Vilken enhet använder du mest (Mobiltelefonen, Touch display (Ipad) Datorn)?
Person 1: Datorn
Person 2: Mobile
Person 3: Datorn
Hur bokar du din tvättid idag?
Person 1: Boknings cylinder
Person 2: har en tvättmaskin
Person 3: har en tvättmaskin, förut bokade med lås cylinder
Är appens navigation enkel att förstå?
Person 1: Ja, absolut
Person 2: Ja, förutom på den kalender skärmen är Bokad tvättid och Avbokad tvättid ser ut som en knappen och därför inte så rimligt
Person 3: Yes, men lite förvirrande den menyn med Bokad tid och Avbokad tid, resten väldigt enkelt
Var det lätt att boka/avboka tid?
Person 1: Ja, väldigt lätt
Person 2: Ja, som sagt förutom på den greger med Bokad tvättid och Avbokad tvättid
Person 3: Visst
Kort sammanfattning:
Användarna förstår väldigt bra hur man ska logga in och boka/avboka tvättid, men inte så rimligt att man kan trycka direkt på kalendern och boka/avboka tid, två testare efter välja tvättstugan började trycka på Bokad tid och Avbokad tid.
Har fått flera frågor att fundera på:
1. Hur mycket platser man kan boka per vecka?
Det beror på hur mycket tvättmaskiner finns i föreningen och hur mycket folk behöver använda tvättstugor, så ska räknas individuellt.
2. Hur man kan veta vilka programmet finns i tvättmaskiner och torktumlare, så hur lång tid man behöver att tvätta och torka kläder?
Det är också individuellt och beror på maskinerna som finns.
Samt att det är jättebra att ha funktionalitet att påminna om kvarglömda kläder i tvätteriet.
Baserat på den feedback som inkommit beslutades det att omorganisera kalenderskärmen och sätta info om lägen för tvätt- och torkmaskiner i menyn (det beror på exakt förening och kan ändras individuellt) och begränsa avtal bokningar per veckan för en lägenhet/radhus.
WIREFRAMES ÄNDRINGAR EFTER ANVÄNDARTEST
Scenario 1, Användaren skulle vilja boka tvättid
Mobile:
Surfplattan:
Desktop:
![Frame 115.png](https://static.wixstatic.com/media/fe5f44_389c2479d5a34feabd257cccfd208684~mv2.png/v1/fill/w_887,h_318,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20115.png)
![Frame 116.png](https://static.wixstatic.com/media/fe5f44_84a8f1f8a9d34c5ab897d1a7cf0a2153~mv2.png/v1/fill/w_883,h_440,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20116.png)
![Frame 117.png](https://static.wixstatic.com/media/fe5f44_e9e1a0e1918042f9b74b198552656a74~mv2.png/v1/fill/w_885,h_393,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20117.png)
Scenario 2, Användaren skulle vilja avboka tvättid
Mobile:
Surfplattan:
Desktop:
![Frame 118.png](https://static.wixstatic.com/media/fe5f44_f76879689c5c4d02a2212b9c6152bc59~mv2.png/v1/fill/w_891,h_317,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20118.png)
![Frame 119.png](https://static.wixstatic.com/media/fe5f44_5c551d0b99164dd69ffce7804a35c8dd~mv2.png/v1/fill/w_886,h_458,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20119.png)
![Frame 120.png](https://static.wixstatic.com/media/fe5f44_85587d231a1949f7b547ebc0d3afe129~mv2.png/v1/fill/w_886,h_387,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20120.png)
Scenario 3, Användaren har glömt bort kläder i tvättstugan och behöver hämta det
Mobile:
Surfplattan:
![Frame 121.png](https://static.wixstatic.com/media/fe5f44_be020ee0834d4947818ace2403b5a9d6~mv2.png/v1/fill/w_889,h_241,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20121.png)
![Frame 122.png](https://static.wixstatic.com/media/fe5f44_7b4a274e04a940e58d53cddf7130f33e~mv2.png/v1/fill/w_884,h_423,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20122.png)
HIGH FIDELITY PROTOTYPER
Scenario 1,2
Mobile:
Surfplattan:
Desktop:
![Frame 113 (1).png](https://static.wixstatic.com/media/fe5f44_05a3d3bddb59419f9c8cfe841ade71bd~mv2.png/v1/fill/w_880,h_390,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20113%20(1).png)
![Frame 115 (1).png](https://static.wixstatic.com/media/fe5f44_66fb46cd514d4466a810ab48397ad102~mv2.png/v1/fill/w_881,h_586,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20115%20(1).png)
![Frame 116 (1).png](https://static.wixstatic.com/media/fe5f44_b7848038909d44b4ba638bd3f60a7129~mv2.png/v1/fill/w_885,h_536,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20116%20(1).png)
Scenario 3
Mobile:
Surfplattan:
![Frame 117 (1).png](https://static.wixstatic.com/media/fe5f44_2bab54bcba164320bc34d1b27afe529d~mv2.png/v1/fill/w_889,h_241,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20117%20(1).png)
![Frame 118 (2).png](https://static.wixstatic.com/media/fe5f44_244fb95e8552493cac4e15a3c20f1f50~mv2.png/v1/fill/w_890,h_445,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Frame%20118%20(2).png)
ANVÄNDARTEST AV PROTOTYPER
Interaktiv prototyp som utvecklats testades på tre personer. Efter att scenarier förklarats fick personerna fritt använda programmet.
Kön?
Person 1: Man
Person 2: Man
Person 3: Kvinna
Åldersgrupp?
Person 1: >45
Person 2: 36-45
Person 3: 36-45
Vilken enhet använder du mest (Mobiltelefonen, Touchdisplay (Ipad) Datorn)?
Person 1: Datorn
Person 2: Datorn
Person 3: Datorn
Hur bokar du din tvättid idag?
Person 1: Bokningscylinder
Person 2: har en tvättmaskin
Person 3: har en tvättmaskin
Är appens navigation enkel att förstå?
Person 1: Det känns som att programmet leder mig
Person 2: Ja, son sagt, om man har inga bokningar, varför ska man se det på skärmen
Person 3: Ja, allt rimligt
Var det lätt att boka/avboka tid?
Person 1: Ja, det är lätt
Person 2: Ja, användbar programmet
Person 3: Ja
Var det någon del av programmet svår att förstå?
Person 1: Inget
Person 2: Det som är sagt.
Person 3: Nej
Hur upplever du designelementen, typsnitten och färgerna?
Person 1: Mycket fina färger, påminner om svenska flaggan, typsnitt är synliga och elementstorlekar är lätta att använda
Person 2: Knappar och texten är väl synliga och färger är tilltalande för ögat
Person 3: Väldigt snyggt design
Har du använt liknande system tidigare?
Person 1: Andrig
Person 2: Nej
Person 3: Nej
Kort sammanfattning:
Användarna förstår hur man ska logga in och boka/avboka tvättid och tycker om att man det finns påminnelse om kvarglömda kläderna i tvätteriet, och har fått användbar kommentar om att det är inte nödvändigt att ha “Mina bokningar” om det finns inga bokningar.
Det ska fixas i justeringar.