Användartest 1 – Konceptet

Mitt första användartest gjordes för att testa hur mitt koncept upplevdes för en person som är inom ramen för min målgrupp men som tidigare inte varit involverad i min undersökning. Anledningen till att jag valde att göra mitt första användartest med en person som var ofamiljär med konceptet var för att undvika möjliga

påverkningsfaktorer som en medvetenhet av konceptet skulle kunnat medföra. Det med anledning av att mitt koncept till stor del bygger på överraskningsmoment. Min

testperson blev Matilda, en 25-årig sjuksköterskestudent som väntar sitt första barn, har höga studieskulder och som saknar ett privat sparande.

Användartestet delade jag in i tre moment:

 Låta testpersonen hitta till aktuell webbsida, låta sig inspireras och skapa ett sparande

 Ge testpersonen en personlig visualisering relevant för ändamålet

 Återkomma efter avslutat sparande för personlig anknytning och tips på nästa steg

35

Jag hade på förhand föreberett en webbsida via bloggtjänsten Wordpress. Anledningen till mitt val var att Wordpress besatt en stor mängd olika designmallar som var gratis att använda men som ändå gav en stor valmöjlighet för personliga designval. Jag kunde därför snabbt och enkelt skapa en webbsida som passade för mitt ändamål.

Matilda fick i uppdrag att gå in länken ”www.sparaihop.wordpress.com” för att titta runt lite och sedan börja spara till någonting specifikt. Eftersom webbsidan var i bloggformat kunde Matilda först och främst se andras sparanden som poster på startsidan, men även hitta inspiration och börja spara till någonting själv (se fig. 12).

Fig 13 : Bild på hur den första prototypen såg ut som visar ett bloggliknande flöde på vad andra har sparat ihop, men har även en meny där man kan välja att spara ihop till någonting själv eller läsa mer information Rubriken på sidan var samma som namnet på mitt koncept, nämligen ”Spara ihop”. Jag valde att använda mig av ett lekfullt typsnitt till rubriken men ett stilrent och något jordnära färgval till bakgrunden för att ge ett personligt intryck men ändå inte för

36

Fig 14: Formuläret i första prototypen oseriöst. Några djupare designval gjordes

inte med tanke på att det var själva strukturen som skulle testas och inte utseendet. På första sidan fanns

inläggsflöde med avklarade sparanden som olika personer hade postat,

exempelvis en weekendresa till Paris eller nya utemöbler till trädgården. Matilda kunde läsa sig till hur dessa personer burit sig åt för att nå sitt mål, hur lång tid

det hade tagit och även personliga kommentarer kring sparandet. Högst upp i högra hörnet fanns även länkar till sociala medier för att följa och dela inlägg med andra. På de andra sidorna kunde hon även finna inspiration genom att söka bland olika rubriker, läsa information om hur tjänsten fungerade och börja spara till någonting själv med hjälp av ett formulär som jag hade kopplat till min egen e-postadress.

Efter några timmar mottog jag ett e-mail där det stod att Matilda ville spara ihop till en barnvagn som kostade 10.000 kronor och att hon ville spara ihop till den med hjälp av automatiska överföringar varje gång hon använde sitt betalkort. Eftersom konceptet var helt främmande för Matilda och med risk för att det skulle bli för mycket information att ta in valde jag att utesluta valbarheten av tema i den här undersökningen. Istället valde jag att fokusera på hur hon upplevde att få en visualisering som jag valde ut åt henne. Valet av hur sparandet skulle gå till valde jag att ha med i formuläret enbart för att ge en mer genuin känsla. Jag ansåg att det inte var nödvändigt att koppla in den typ av

synkronisering i det här skedet eftersom det var visualiseringen som jag ville testa och inte tekniken av automatiska överföringar, vilken SEB redan besitter i form av Digital Coin Jar. Jag tog därför beslutet att bilden skulle uppdateras oregelbundet, vissa dagar ingenting och vissa dagar flera gånger.

Jag funderade sedan över hur visualiseringen skulle gå till och kom fram till att ett landskapskollage kunde passa för ändamålet eftersom det var ett någorlunda neutralt tema och det var själva visualiseringen och upplevelsen av förändring som fokuset skulle ligga på. I landskapet kunde jag successivt lägga in olika saker som exempelvis

37

gräs, fåglar och träd för att slutligen visualisera en färdig bild på Matilda promenerandes med sin nya barnvagn. Webbsidan gjorde jag den här gången via bloggtjänsten Blogg.se. Anledningen till att jag bytte från Wordpress till Blogg.se var att mina behov

förändrades och istället för en enkel webbsida med poster och fliksystem behövde jag nu istället en helt tom sida som var redigeringsbar. På Blogg.se gavs möjligheten att utan kostnad kunna redigera i HTML-koden och jag skulle därför kunna styra över Matildas startsida utan problem. Jag döpte webbsidan till ”Matildas barnvagn” och länken blev därför ”www.matildasbarnvagn.blogg.se”, vilket jag ansåg gav en personlig känsla. Överst på webbsidan hade jag även lagt in en Google-sökruta för att underlätta hennes vardagliga användande.

Fig 15: Bild på hur Matildas visualisering förändrades under en veckas tid

Jag besvarade därefter hennes e-mail med länken till webbsidan och instruktioner om hur hon skulle gå till väga för att använda den som startsida i sin webbläsare under en

38

veckas tid. Matilda skulle därefter fortsätta att leva sitt liv precis som vanligt förutom att hon hade fått en ny startsida till sin webbläsare.

Från början såg Matilda endast en gångväg , men ganska snabbt började det att växa gräs och träd började att ta form. Efter några dagar satt en uggla i ett träd, en lyktstolpe placerades i gräset, en regnbåge dök upp och efter en veckas tid kunde hon se sig själv gå med en barnvagn längs gångvägen (se fig 15).

Efter en veckas tid hade Matilda, enligt det här användartestet, sparat ihop till sin barnvagn och hon fick ett e-mail i vilket hon blev gratulerad till att ha nått sitt mål och att det var fritt fram att ta sig till affären för att köpa sin barnvagn. E-mailet var skrivet i personlig form och innehöll tips på hur hon skulle upprätthålla eller gå vidare med sitt sparande. Exempel på dessa tips var att spara ihop till en present till någon närstående, att unna sig själv någonting extra och att alternera sparsättet mellan automatiska och manuella överföringar.

Reaktion till tjänsten

Att mötas direkt av bilder på saker som andra personer hade sparat ihop till ansåg Matilda var lättöverskådligt och det väckte ett visst intresse och inspiration. Att webbsidan var uppbyggd som en blogg var däremot ingenting som Matilda tyckte var nödvändigt och hon blev en aning förvirrad över att inte veta vem som administrerade sidan. Hon hade lätt för att finna insiration till vad andra hade sparat till men svårare att hitta var hon skulle klicka för att spara ihop till någonting själv. Även fast Matilda

dagligen använder sig av sociala medier, följer bloggar eller liknande var

delningsfunktionen ingenting som hon ens hade ägnat en tanke åt, vilket innebar att hon inte hade reagerat på ikonerna uppe i det högra hörnet alls. Hon förstod konceptets helhet men kände en viss frustation över att inte veta exakt vad den slutgiltiga finessen skulle vara. Att det handlade om att få en visualisering av något slag var spännande, men hon hade gärnat velat se ett exempel på vad som skulle ske. Namnet ”Spara ihop” var ingenting som hon ansåg var nödvändigt utan hon hade snarare föredragit en mer stilren design med exempelvis bankens logga för att det skulle se seriösare ut.

39 Reaktion till visualiseringen

Att få ett e-mail med instruktioner var inga konstigheter och Matilda beskrev att hon hade haft den angivna länken som startsida under hela perioden. Hon hade besökt startsidan tre till fyra gånger om dagen, både av nyfikenhetsskäl och i samband med vardagligt användande av Internet. Hon tyckte att bilden som visualiserades var väldigt spännande och hon uppskattade att bli överraskad av att se hur den växte fram. Dock beklagar hon sig över att ha varit ouppmärksam och inte sett vissa detaljer förrän i efterhand. Att lämna ifrån sig kontrollen över vad som visualiserades på startsidan i sin webbläsare hade Matilda inga negativa åsikter om, snarare tvärtom. Hon hade gärna kunnat tänka sig att välja tema på visualiseringen själv, men att bli överraskad var någonting som hon verkligen uppskattade och som hon poängterade var viktigt att behålla.

Reaktion till avslutande feedback

Att bli kontaktad i efterhand var någonting som hon uppfattade som väldigt positivt. Hon kände sig uppskattad och hon beskrev det hela som ”väldigt personligt”. Hon hade inte heller haft någonting emot att ha blivit kontaktad av banken under tiden som visualiseringen skedde. Hon tyckte att idén angående att banken kunde återanvända bilderna i ett större perspektiv som i reklamsammanhang var något som var det bland det roligaste med hela konceptet, speciellt idén med att få sin bild uppsatt på en

tunnelbaneperrong. Matilda uttryckte generellt mycket glädje och påpekade att det var kul att vara med i undersökningen och att om hon hade köpt barnvagnen ”på riktigt” så hade hon antagligen varit väldigt nöjd med sitt köp.

5.5.2 Användartest 2 - Interaktionen

I det här användartestet valde jag att bibehålla kontakten med Matilda eftersom att hon var så pass insatt i mitt koncept och jag värderade hennes åsikter som väldigt värdefulla. Jag beslutade mig även för att kontakta en helt ny person inom ramen för målgruppen för att säkerhetsställa att utvecklingen fortfarande skulle ge samma förståelse för de som inte var insatta i konceptet. Utöver Matilda valde jag därför att kontakta Isabella. Isabella, 25 år, har studerat scenproduktion och arbetar nu mellan två olika jobb inom kulturbranschen, har inget privat sparande men har studieskulder.

40

Efter att ha tagit Matildas åsikter från mitt första användartest i beaktning valde jag att utveckla en helt ny webbsida, den här gången via tjänsten Wix. Wix erbjöd såväl som Wordpress och Blogg.se möjligheten att skapa webbsidor utan kostnad, men vad som gjorde Wix extra speciella i det här sammanhanget var att de gav stöd för Flash vilket skulle hjälpa mig att visa upp exempelbilder på visualiseringar. Länken till webbsidan blev ”www.prototyp1.wix.com/prototyp1”.

41

I enlighet med Matildas åsikter valde jag att ändra på följande punkter (se fig. 16):

 Ge webbsidan ett mer professionellt utseende och mer ”rak på sak”

 Göra designen mindre plottrig och mer stilren genom andra färgval och typsnitt

 Ta bort rubriken ”Spara ihop”

 Koppla ihop tjänsten mer till SEB genom att placera deras logga i headern

 Ge tydliga exempel på hur visualiseringen går till

 Skapa en tydlig interaktion till formuläret där man kan spara ihop till något

 Skapa möjlighet att välja tema på visualiseringarna

Att mötas av en datorskärm föreställandes en rörlig visualisering var någonting som jag hade ägnat extra åtanke för att göra webbsidan mer ”rak på sak”. Även rubriken, den korta informationstexten och den stora knappen ”Börja spara” valde jag för att skapa extra tydlighet. Att se vad andra har sparat till var någonting som jag ville ha kvar, och för att visa för användaren att man kunde välja olika teman på visualiseringarna valde jag att ha en variation av olika stilar på exempelbilderna, exempelvis Lego, karta, tavla och mönstrat tyg. Klickade man på bilderna blev de större och informerande text dök upp. Jag valde att ha så mycket som möjligt på den första sidan, vilket innebar att jag även inkluderade hjälptext om hur tjänsten fungerar, hur visualiseringen ställs in och även säkerhetsrelaterade frågor kopplade till sparandet. I fliken ”Börja spara” fanns endast ett formulär för att tydligt visa att det var på den sidan som man anslöt sig till tjänsten (se fig. 17).

42 Reaktion till interaktionen

När Isabella navigerade på tjänsten observerade jag att hon först tittade på exempelbilden i datorskärmen och följde hela visualiseringen från början till slut.

Därefter läste hon rubriken och texten bredvid, scrollade ned på sidan för titta på sidans helhet för att sedan börja klicka runt på bilder och text. Hennes personliga åsikter var att sidan var estetiskt attraktiv, lättöverskådlig, hon förstod syftet och den skapade en nyfikenhet. Hon förstod att bilderna på vad andra hade sparat ihop till var

exempelbilder på olika teman och visualiseringar men hade gärna sett dem visualiseras som bilden i datorskärmen högst upp på sidan, och inte bara som stillbilder.

Exempelbilden i datorskärmen fick även vara lite mer tilltalande för publiken med tanke på att det inte är så många som sparar till just en häst. Även information om hur lång tid det tagit att spara ihop till något, hur sparandet hade gått till och vem som hade sparat hade hon tyckt varit intressant att läsa. Hjälptexterna som fanns under exempelbilderna tyckte hon var bra och tydliga och hon ville gärna att de skulle vara expanderbara med mer text när hon tryckte på rubrikerna.

Även fast webbsidan endast hade två flikar, ”Info” och ”Börja spara”, gick Isabella vilse då hon tryckte på knappen ”Börja spara”. Eftersom knappen var formad som en pil åt höger och hon sveptes in på den sidan önskade hon en ”tillbakapil” åt vänster för att svepas tillbaka igen. Menyn högst upp till höger på sidan tyckte hon var bra men påpekade att ”Info” borde döpas om till ”Hem”.

Att SEB’s logga fanns med på sidan upplevde Isabella som väldigt positivt och det bidrog till att hon inte tvekade över tjänstens säkerhet eftersom det var tydligt att det var SEB som administrerade sidan.

Matilda påpekade att den nya designen av webbsidan var mycket bättre än den förra. Den var nu mycket tydligare och gav ett seriösare intryck men kändes ändå väldigt personlig. Att det var en sidotjänst till en bank blev en självklarhet och hon uttryckte inga tecken på osäkerhet angående tjänsten längre. Allt som hon tidigare hade påpekat var nu förändrat. Dock önskade hon att formuläret skulle vara lika estetiskt tilltalande som första sidan.

43 5.5.3 Slutgiltigt designförslag

Efter mitt andra användartest ändrade jag på de detaljer som Isabella och Matilda upplevde som onödiga eller förvirrande. Nedan är en lista på förändringarna.

 Ändra webbsidans huvudflik från namnet ”Info” till ”Hem”

 Lägga in en ”tillbakapil” i fliken ”Börja spara” med anledning av att webbsidan är uppdelad i två flikar, och interaktionen mellan dem sker genom horisontella svepningar (se fig. 18)

 Göra ett mer estetiskt tilltalande formulär i fliken ”Börja spara”

 Byta ut den rörliga bilden i datorskärmen som visualiserade en häst till ett mer generellt tema. I mina intervjuer fick jag reda på att många önskade att de hade pengar till att resa, och jag valde därför att visualiseringen skulle föreställa en tropisk plats (se fig. 19)

 Göra informationstexterna expanderbara så att mer text visas när man trycker på den befintliga texten (se fig. 20)

 Visa mer information om andras sparanden och visualiseringar som exempelvis vilket tema de valt, hur lång tid sparandet tog och om de gjorde egna överföringar till kontot eller enbart använde sig av automatiska överföringar (se fig. 21)

44

Fig 19: Designförslag på tema för exempelvisualiseringen

Fig 20: Designförslag över hur man skulle kunna dölja informationstext som expanderas genom klick på pilen

Fig 21: Designförslag på hur de mindre exempelbilderna över vad andra har sparat till och med vilket tema skulle kunna se ut. Min tanke är att de expanderar när min klickar på dem och visar upp hela visualiseringen och all informerande text om sparsätt, hur lång tid det tagit o.s.v.

45

6 DISKUSSION

Interaktionsdesign går ut på att designa för användaren och att förstå vad användaren verkligen vill ha. Att få min målgrupp att intressera sig för att spara har varit en del av mitt koncept och att få dem att bibehålla och utveckla det intresset har varit en annan. SEB misstänker att deras kunder saknar intresse för att sätta sig in i sitt sparande och att deras tjänster är för oinspirerande för att skapa det intresset. För att en tjänst ska uppfylla ett specifikt syfte är anpassningen till vem som ska använda den väldigt viktig. Målgruppen har i det här arbetet varit kvinnor i åldrarna 25 till 35 år som saknat ett privat sparande och även engagemang för att skaffa ett sådant. Jag har därför, med hjälp av granskning av tidigare forskning och egna empiriska studier, skaffat mig en djupare inblick i vad dessa kvinnor anser vara viktigt för att en banktjänst ska få dem att börja intressera sig för sitt sparande. Resultatet leder till svaret på min frågeställning ”Vilka beståndsdelar är väsentliga i en banktjänst för att den ska få kvinnor i åldrarna 25 till 35 år utan intresse för sitt privata sparande att genomgå en ekonomisk beteendeförändring och börja intressera sig för att spara?”. Nedan har jag beskrivit dessa beståndsdelar och kritiskt reflekterat över hur mitt arbete är kopplat till beteendeförändring, vilka

problem som mitt framtagna koncept medför och vad jag ser för utvecklingsplaner.

Skapa trygghet

När det handlar om ekonomi är det bevisat att kvinnor ofta känner sig underlägsna och att de tror sig sakna kunskap, vilket bidrar till att de känner sig otrygga. Att hitta kvinnor till mina intervjuer som inte hade något aktivt långsiktigt sparande var inte svårt och flera bekräftade att de saknade tillräcklig kunskap i ämnet och kände en viss osäkerhet kring sitt sparande. Mitt första användartest bevisade att Matilda genast fick dåligt samvete över att ha missat en del av visualiseringen, vilket jag tror kan hänga ihop med att man lätt skyller på sig själv i brist på kunskap, vilket även Fondbolagens förening tar upp i sin rapport. Kvinnorna i min undersökning vill kunna känna sig trygga för att agera och fatta beslut, och för att de ska kunna göra det är det viktigt att de får grepp om en helhet. I det här fallet består den helheten av att kunna se vad andra har gjort, att det finns loggor som man känner igen och att det finns informationstext att tillgå. Tjänsten ska helt enkelt vara enkel och begriplig utan onödig information som har en tendens att

46 förvirra.

I mina användartester bekräftades att mina deltagare efterfrågade mer text som de kunde tillgå innan de ville ta beslutet att spara, vilket stämmer väl överens med Pia Nilssons utlåtande i sitt pressmeddelande om vad som är ”typiskt kvinnligt”. De krävde inte att informationen skulle synas och de påpekade inte heller att de behövde läsa igenom allt, men att texten i alla fall skulle finnas där såg de som en självklarhet.

Många kvinnor påstod att de saknade tillit för bankerna och att ”bankerna vill bara tjäna pengar” var en återkommande kommentar, men i mina användartester upplevde jag enbart positiv respons av att ha banken som tjänstens administratör. Att ha SEB’s logga uppe i headern var någonting som behövdes för att öka tilliten till webbsidan. Kanske är det så att de flesta individer har en bristande tillit fram till att motsatsen har bevisats, och att det steg som behövs för att skapa tillit inte behöver vara större än att komma lite