Designdokument,

webshoppen och

mobilapplikationen

PID 2011 - grupp7

Gabriel Salomon Bliman

Helena Berg

Jonas Klingsdal

Linus Brobäck

Oscar Jonsson

Pejman Tashnizi

1. ProjektplanEftersom vi behövde bli klara med vissa delar inför de fem seminarierna, gjorde vi projektplanenefter det. Vi ansåg inte att ett Gantt­schema behövdes eftersom arbetet var så pass överskådligtändå.

Inför det första seminariet, den 28 januari, gjorde vi*En brainstorming­session*En marknadsundersökning, där vi hämtade idéer från andra webshoppar och mobilapplikationer*Valde typ av insamlingsmetod*Valde gränssnittsprinciper*Denna projektplan

Inför det andra seminariet, den 11 februari, siktade vi in oss på följande:*Gör en kravanalys med tillräckligt antal användare (minst 5 )*Design av visionen (två stycken per system)*Välja konceptuell modell*Revidera projektplanen*Förbereda prestentation av ovanstående

Inför det tredje seminariet, den 25 februari, planerade vi att genomföra detta:*Göra low­fidelity konceptuell prototyp med testbara nyckelfunktioner*Evaluera prototypen (för att se att den konceptuella modellen lever upp till kundens önskemål)*Förbereda presentationen av prototypen med gjorda förändringar och förklara nyckelfunktionerna*Revidera projektplanen

Inför det näst sista seminariet, den 4 mars, var planen följande:*Bygga om och expandera prototypen så att den innehåller hela systemet*Göra prototypen interaktionsbar (på dator och “klickbar”)*Förklara hur vi evaluerat prototypen från tredje seminariet, samt vilka förändringar vi har gjort inuvarande prototyp*Förbereda att tydligt visa/demonstrera ändringarna i denna modifierade och förfinade prototyp*Revidera projektplanen

Inför sista seminariet, 15 mars, var målet att slutföra det hela:*Göra slutliga ändringar på vårt semi­funktionella system i enlighet med upptäckter från senasteevalueringen med användare*Förklara hur vi evaluerat systemet*Demonstrera de två modifierade prototyperna på djupet*Evaluera projektplanen

2. BehovsanalysDen designmetodik som vi använde oss av är användningstester utförda av tänkta slutanvändare,eftersom vi anser att det är viktigt att komma i kontakt med den verklige användaren. Vi anser inteatt personas helt fyller den rollen.

2.1 BrainstormingVi började även med att använda oss av brainstorming och planerar att göra det vid vissa tillfällen dåvi tror att det kommer att vara bra för att på ett effektivt sätt få fram nya idéer. Under den förstabrainstormingen tog vi fram funktioner som vi ville att webshoppen skulle innehålla och idéer till huren webshop kan utformas för att locka kunden tillbaka. Några av de saker som vi kom fram tillunder brainstorming inom gruppen:

­ Inget onödigt plotter, inte många länkar­ Kunna se även baksidan genom att vrida på DVD alt CD­fodralet (som nämndes i tidigare inlägg),alternativt ha ett foto på framsidan och ett foto på baksidan­ Trailer (titta i 5 min på film resp lyssna i 15 sek på musik)­ Tio­i­topp lista (egen) + länka till IMDb.com. Ev lista över Oscarsbelönade filmer och andrautmärkelser, även för musik (och spel?)­ “Rabatt” som är progressiv, dvs ju mer man handlat för under en period desto högre procent tjänarman. Den summan kan man använda vid senare köp.­ Tydligt och förmånligt välkomsterbjudande för nya medlemmar och lätt att bli medlem. OBS! manska även kunna handla enkelt utan att bli medlem, dvs man ska inte behöva skapa ettanvändarkonto.­ Bra namn på webshoppen­ Kategoriindelning av filmer, musik, spel, program i resp “undersida” till huvudsidan(tex Action, Drama, Äventyr, klassisk musik..).­ Snygg bild på första sidan­ Genomgående behaglig färg – helst bara samma på alla sidor­ Fräscht men inte tråkigt intryck­ Historik (vad man köpt förut, gamla fakturor kvar – när man betalat, när varorna skickats etc)­ Rekommendationer på varor perfekt anpassade till just den kunden utifrån kundens köphistorik

2.2 Web­enkätVi ansåg att vi hade kort om tid inför första seminariet och vi ville ha en bred överblick avmålgruppen. Därför gjorde vi en enkät (i form av ett webbformulär) som vi lade ut i First Class.Vi avsåg att använda enkätsvaren som grundunderlag, för att senare göra en fokusgrupp där viförsökte få fram fördjupade svar på de svar som vi fått i och med användningstesterna och för att fåen personligare kontakt med användarna.

Sammanställning av data från formuläret finns i Bilaga A.

2.3 Bra idéer från andra webshopparwww.webbhallen.com ­ Vi gillar att man kan checka ut från butiken utan att skapa ett login om manvill. Man kräver inte av användaren att denna är medlem.

www.enjoy.se ­ Sökrutan är synlig och väl placerad. Som ny medlem blir man erbjuden

välkomsterbjudanden och själva processen att bli medlem är enkel och överskådlig. Bra och tydligatio­i­topp listor även om dessa kan förbättras genom att man gör det mer tydligt varför sakerna somligger på listan ligger där, till exempel hur många som röstat eller liknande.Varukorgen fungerar bra och man kan hoppa fram och tillbaka på sidan utan att det “stör” innehållet.

2.4 Andra idéer

En annan idé­källa var när en gruppmedlem berättade för sin bästa vän om uppgiften att designa enwebshop. Då gavs ett förslag om att den kunde se ut som och ha känslan (3D­känsla) av en riktigbutik med hyllor som varorna är i.

2.5 NyckelfunktionerEftersom playit.se (som vi föreslog att webshoppen skulle heta) kommer att sälja musik, film,programvara och spel, som allt säljs i fodral, så vill vi fokusera shoppingen på just dessa fodral.Dessa fodral innehåller redan mycket av den information som kunden är ute efter, och omslagenbjuder in till en mer överskådlig shopping för kunden, liknande den som finns i en verklig butik.

Teamets tanke är att utveckla en webbshop där kundens kontakt med varorna i första hand ärfodralen. Fodralen ska finnas i högupplöst format där man kan läsa texten på baksidan utan problem.Till varje produkt vill vi väva in länkar så som till IMDb.com för filmer samt länkar till Onnooris egenstora databas med material från produkterna (trailers, demos och testmusik från skivor).

Vi vill att webbsidan skall vara mer interaktiv vad gäller hanteringen av de varor som sidan skalltillhandahålla sina kunder, till exempel kan drag­and­drop interaktion användas för att dra varor tillkundens kundvagn (en handsymbol visas då, för att användaren ska förstå att funktionen finns där).Vi vill även göra så att kunden drar den skiva eller film som kunden vill lyssna på/se trailern för till“uppspelaren” så att det känns som att man “matar in disken”. Detta skall göra sidans kunder merinvolverade och få processen att kännas mer naturlig. Vi tänkte oss att ändå ha knappar för detta, såman inte tvingar användaren till ett beteende som kunden inte föredrar.Vi vill även ge möjlighet för användaren att använda ett filter där man kan välja bort varugrupper ochkategorier som man inte är intresserad av, tex Wii­spel och jazz, för att ta bort sådana artiklar urutbudet och på så sätt slippa information som inte är intressant för den användaren.

3. Kravanalys

3.1 Onnooris krav

Måste vara anpassat till svenska vanor/språk/kultur Måste vara grundat på de blivande kundernas behov Måste ta hänsyn till varje relevant HMI­teori när det gäller designen Måste följa alla nödvändiga användarcentrerade metoder i konstruktionen av en användbar

sida Måste vara tillfredsställande att använda hela vägen under ett köp Måste vara tillgängligt Måste gå att betala med faktura, 14dagars kredit eller genom postförskott och de främsta

kreditkorten Måste gå att hämta paketen på den lokala paketutlämningsplatsen Måste gå att lyssna 15 sekunder på varje sång, gå att titta på 5 minuter på varje film och

kunna se skärmdumpar på all mjukvara och alla spel Måste ha bra struktur och god översikt Måste ha god säkerhet Måste ha god service Måste vara lätt att söka på varor Måste ge ett seriöst intryck Bör vara inbjudande till att locka tillbaka kunden och få den att handla mer än tänkt Bör locka till att kunden vill göra alla sina mediainköp på webbplatsen Bör ha alla fördelar med en fysisk butik men fortfarande en bekväm hemkänsla

3.2 Försök med fokusgrupp

Vi har tänkt oss att skapa en fokusgrupp i syfte att få bättre underlag för vår kravanalys.

Frågor som vi planerade att ställa under tiden vi träffade fokusgruppen var följande:

1. Vad tycker du är tilltalande för din del när det gäller presentationen av varorna ?2. Vad tycker du är tecken på god säkerhet på webbplatser ?3. Har du något förslag på vad som underlättar sökningen på webbplatsen ?4. Vilken typ av service uppskattar du i en webbshop ?5. Vad tycker du om iden med drag­and­drop till kundvagnen ?6. Skulle det vara en fördel att kunna vrida på fodralen ?7. Om inte, skulle du hellre vilja kunna förstora upp en bild på framsidan och en bild på baksidan?8. Vad ger dig en positiv upplevelse av en webbshop ?9. Vad får dig att vilja göra hela köpet på en och samma webbshop istället för att leta efter lägstaprispå flera olika webbshoppar ?10. Skulle det vara en fördel att kunna handla utan att vara registrerad medlem ?

Efter att vi frågat några personer som vi känner om de ville delta i fokusgrupp, fick vi endast tag påtvå som kunde ställa upp. Eftersom vi tyckte att det var för få personer för att en fokusgrupp skavara meningsfull, beslutade vi oss för att genomföra intervjuer med några personer istället ­ en personper medlem i grupp 7. Dessutom passar intervjuer egentligen bättre i det här sammanhanget eftersomdet inte behövs något consensus (vilket vi insåg när vi läst mer i boken “Interaction Design”).

3.3 Intervjuer

Vi intervjuade fyra personer. Vi använde oss av samma frågor som vi hade tänkt använda om vigenomfört fokusgrupp. Nedan presenterar vi frågorna och svaren.

Vad tycker du är tilltalande för din del när det gäller presentationen av varorna ?

Vill kunna se så mycket som möjligt av varan på bild. Exempel dvd: fram­ och baksida, kunnaförstora bild på presentationen. Tydlig, sammanfattad information utan för långa textstycken.

* Någon form av bild på varan (inte bara text)* Användarrecensioner eller ­kommentarer till varan* Expert­ och kritikerrecensioner* Tydligt pris (tex på första varupresentationssidan)* Inte bra att behöva skapa användarkonto för att se fraktkostnaden. Frakten ska stå tidigt, tex närman lagt första varan i vagnen, helst innan* Knapp för “Köpvillkor” ska finnas, ev med ett annat namn

Fina bilder, bra layout ­ bra och tydlig text och information.Nelly.com gör bra angående kläder, finns även film på varje plagg.Länkar till liknande produkter.

God produktinformation, tilltalande bilder. Betygssystem och kundkommentarer

Vad tycker du är tecken på god säkerhet på webbplatser ?

Att sidan ser välgjord och modern ut, inte så att det ser ut som 90talssidorna med gifar på aliens somkommer fram och vinkar.

* Känd webbplats, med bra kundrecensioner* Dels teknisk aspekt ­ “kommer någon sno min kod?” (https://)* Felleveranser ger dåligt intryck

Varumärket i sig, välkänd sida.Om annars att man är nogrann med att lägga fram all information om köpet för kunden, inga doldasaker.

Att den är verifierad av diverse ”säker e­handels” siter.

Har du något förslag på vad som underlättar sökningen på webbplatsen ?

Inte som eniro där det bara är en stor sökruta, men tex webbhallen har för liten ruta bara högst uppvid adressfältet. Så det ska vara relativt centralt och tydligt, men kan lika gärna ligga på sidan, sen ärdet skönt med kategorier, om de inte är för smala.

* Möjlighet till avancerad sökning utöver vanlig sökning.

* Den vanliga sökningen ska förstå om man söker på artist eller titel ­ ska förstå båda.* Antalet träffar ska stå* Ska kunna söka på tex “Smith” och “born” (och få upp alla filmer, musik etc som tex har enskådespelare som heter Smith och en filmtitel med ordet born).* Listan ska kunna sorteras valfritt efter tex artist, år, titel eller popularitet* Få omedelbara svar, tex om söker på “Bruce” eller “Till” ska träffar dyka upp på de som börjarmed eller innehåller dessa ord/bokstäver. Tex som i prisjakt.nu, där “Till” ger en lista på alla sominnehåller “till” och är uppdelad på tex “Produkter”, “Butiker”, “Foruminlägg”.

Kategorier, och att man kan välja vad man gillar, eller som du sa att man kan välja bort sådant somman inte är intresserad av för att slippa information man inte bryr sig om.

Att man kan få upp sökresultaten i kategorier.

Vilken typ av service uppskattar du i en webbshop ?

Bara att det är lätt att betala och enkla instruktioner om hur det ska gå till så att man vet när någotgått snett.

* Länk till 3:e part ­ skulle bli missnöjd om det inte finns en länk till IMDb.com* Provlyssna, trailer så gott som självklart* Oftast lite irriterande med virtuell kundtjänst, där man skriver in text

De ska tänka att kunden har alltid rätt och aldrig motarbeta en, det är kunden som avgör hur det gårför företaget.Att det står tydligt på sidan att man alltid är mån om sina kunders bästa.100% serviceminded!

Snabba leveranser, exakt lagerstatus, handla utan att registrera sig

Vad tycker du om iden med drag and drop till kundvagnen ?

Det är snyggt och det skulle öka konsumtionen, det känns inte som att det är “ett riktigt köp” mensamtidigt ökar autensiteten.

Stör inte, men skulle vilja kunna välja att trycka på Köp­knapp.

Bra idé! Kör på den!

Den får gärna finnas där men jag använder mig hellre av standard, klicka in en vara metoden

Skulle det vara en fördel att kunna vrida på fodralen ?

Ja absolut! som på whyred där man kan se tex jackor från sidorna och bakifrån också, förrutom att

man kan förstora såklart.

Ingen direkt fördel att fysiskt kunna vrida.

Roligare om man får vrida och vända, men kanske ska ge användaren ett alternativ om man ska ha"tung" eller "lätt" sida, där man visar bilder på den lätta annars.

Att kunna produkten från alla vinklar ökar lockelsen helt klart.

Om inte skulle du hellre vilja kunna förstora upp en bild på framsidan och en bild påbaksidan ?

Kanske smidigare för folk som inte är vana vid den typen av butiker, fast det ger inte sammaupplevelse som att titta på den på riktigt.

Fördelen i en fysisk butik är att kunna läsa texten på baksidan. Även biografi om artisterna önskas(inte bara baksidan på fodralen).

Vad ger dig en positiv upplevelse av en webbshop ?

Avskalat, tydligt, stilrent men samtidigt exklusivt, exponering av varor mer än bara KÖP ! man skabli sugen på prylarna och inte att det tar emot att köpa nya saker, ska även att funka som reklam föratt gå till affärens “riktiga” butik.

Positivt om shoppen beter sig ungefär som man förväntar sig. Det är inte givet vad texmicrovågsugnar har för kategori, tex Vitvara. Bättre med Kök, Badrum... Under Komedi, bör detinte finnas ytterligare indelning. Istället: Tio­i­topp, Nyheter ….Om man inte vet vad man vill köpa för musik, men gillar tex Shade, Aretha Franklin så får man uppförslag på liknande/relaterade musikstilar/artister. Spotify lyckas inte så bra med det. Däremot gerJango.com förslag på fler artister: “Add more artists you want to hear” ­> lista på 6 artister, där manäven kan trycka på “More artists”. Om man skrivit in Marie Fredriksson, står det längre ner på sidan“Marie Fredriksson fans also like...” där det kommer upp en “hög” med artistnamn där det är störretext ju starkare relaterad artisten är. Där hade det varit ännu bättre om det fanns en bild på varjeartist. Även “Check out the Magnus Uggla page” finns, om artisten har en egen site. Man kan ävenvälja “Create new Station”.

Skön känsla, som i en verklig butik. Jobba mycket med layouten, ta hjälp av olika färger och såvidare. Alla sinnen!Kanske bra sätt att göra reklam för ny musik också att köra lite i bakgrunden, dock tydligt hur manstänger av.

Bra menystruktur med välkategoriserade produkter. Jag vill kunna hitta det jag söker efter snabbtoch utan att vara raketforskare. Inte för mycket reklam som gör sidan pladdrig. Smidig, snabb,registreringsfri utcheckning.

Vad får dig att vilja göra hela köpet på en och samma webbshop istället för att leta efterlägstapris på flera olika webbshoppar ?

Det är mest impulser , och möjligtvis goda omdömmen från andra användare, det som får mig attvilja köpa från samma ställe är mest för att det är jobbigt att ha besätllningar från massa ställen.

Fraktkostnaderna, om det inte är fri frakt. Det är en morot om det är fraktfritt över ett visst belopp.

Mängdrabbat, bonus, frifrakt osv. Ett system där man får mer bonus ju mer man handlat för(historia) och liknande.Riktiga rabbater så man känner sig bekräftad.

Har de en fysisk butik är det lättare att trampa in där och få service. Servicerykte och allmäntföretagsrykte spelar roll.

Skulle det vara en fördel att kunna handla utan att vara registrerad medlem ?

Ja absolut! Registrera sig tar emot eftersom det tar tid, och är massa extra jobb för kunden som detinte skulle varit i en vanligt butik, då är det bara att köpa inte det uppehållet som får en att kansketveka i sitt köp och kanske skita i det, Dessutom vet man att registrering innebär massareklamutskick.

Ja. Eftersom man annars måste hitta på lösenord, få reklam... Som det är i en butik, kan man väljaom man vill vara medlem eller inte.

Ja, jag hatar att behöva vara medlem och få reklam och skit från varenda webshop.Men man ska kunna bli medlem utan att få det heller, och jag tycker man ska vara tydlig med det ­som medlem hos oss får du bara reklam till profil eller så.

Det kan vara väldigt jobbigt då man inte alltid kommer ihåg sitt lösenord.

3.4 Vår nya kravspecifikation

Efter att vi genomfört intervjuerna, sammanställde vi våra krav så här:

Fodralen skall kunna ses från både fram­ och baksida och kunna förstoras och förminskassamt vridas.

Länkar från filmprodukter till www.imdb.com. Länkar från musik och spel till informativ 3:e parts sida. Topp­listor med relevant information och många alternativ. Produkterna länkas via "mediaspelaren" till Onnooris bibliotek med material från filmer och

musik. Drag­and­drop för att hantera varor, så som lägga i kundvagnen eller på "mediaspelaren".

Kunna filtrera bort kategorier och produktgrupper man inte är intresserad av via sin profil. Kunna handla utan att logga in, snabb utcheckning. Kunna få förslag på liknande produkter om man önskar. Tydliga kostnads uppgifter, frakt osv. Användarkommentarer om produkterna. Sökande av produkter ska vara tydligt och intelligent, man ska kunna se och begränsa

antalet träffar som visas. Skall finnas avancerad sökning där man kan vara mer specifik. Musikdelen av sidan ska även innehålla en resumé om artisten eller gruppen. Bokdelen ska innehålla en resumé om författaren. I mobilappen ska man kunna välja att betala via mobilräkningen. Profilen ska fungera i båda miljöerna. Kunna scanna/fotografera streckkoder (barcodes) med mobilen för att hitta eller identifiera

en vara.

4. Designvisioner

(Pejman)

4.1 Webshoppen, version 1

Den första visionen vi skapade var webb­versionen. På startsidan ser man det vikitgaste med visio­nen att man möts av en verklighets känsla då alla produkter ska kännas levande, så att det blir intres­sant att bläddra runt. Vi har gjort så att ryggen på produkternas fodral ska det vara en ”Hoover”effekt på fodralen som visar framsidan som är klickbar. Nedan ser vi kundvagnen, mediaspelarensom ska vara verktyg för Drag and Drop funktionen. Där kunden kan dra produkten till dessa, förantingen kolla på en trailer eller göra ett köp.En funktion vi tycker borde vara med är att kunden ska kunna filtrera bort kategorirer som inte ärintressant. Äger man inte ett Playstation 3, så kan bocka ur den produkten i hyllan.

4.2 Webshoppen, version 2

Den andra web visionen ska efterlikna den vison 1 med den största funktionen ”drag and drop” Viville fortfarande ha kvar interkation delen, men att ha fokus på en community kring butiken och dessprodukter. Vi tror att igenom att få kunderna att rekommendera produkter till varandra så kommerförsäljningen att öka. Vi vill också att det ska finnas ett par anställda "experter" inom varje kategorisom kan styra upp diskussioner och se till att rätt information sprids.

Med en chat funktion tror vi att det att kunden kommer bli mer tillfredställd när den är inne i vårbutik. Man ska även ha möjligheten att dela med sig det man gillar i butiken med sina kompisar icommunityn, tex visa ett video klipp.

Längst ner har vi även andrat kundvagnen så att kunden ska se vad den handlat hitills, och görakundvagnen större när man för över en vara på den.

4.3 Mobilapplikationen, version 1

På startsidan har vi valt att ge besökaren möjligheten att få välja kategorirer med tumvänligeknappar. Ovanför ligger sökrutan där du kan söka på allt som finns tillgängligt i mobilshoppen.Syftet med det är att ge användaren som vet vad den vill ha. Ska snabbt kunna hitta det och göra ettköp. Nedanför har finns det en scanfunktion, där man kan scana av streckkoder med sinmobiltelefon för att hitta produkten i butikens sortiment. I syfte att spara produkten eller jämförapriset.Vi har valt att ha en användardatabas med information från användarens profil, så att användarensjälv kan filtera bort oönskade kategorier/underkategorier.

Bilden nedan visar steget efter användaren valt kategori. Då ska man kunna bläddra mellanprodukterna genom att använda swipe metoden som även är bekant från Itunes. Där man bläddrarbland fodralen och klickar sig vidare till det man tycker är intressant.

4.4 Mobilapplikationen, version 2

Denna vision är en efterliknad variant av version 1, men vi har lagt ner mer fokus på Nyheter ochKommande produkter. Detta utgick vi ifrån våra efterforskningar fått fram att flera föredrar enmobilapp som håller en uppdaterad med nya produkter.På startsidan har vi gjort ikoner som ska vara snabbt tillgängliga och ska föreställa spegelbild av denmotsatte ikonen. Alltså är musik ikonen en motsatt spegelbild av spel. Och två synliga knappar föratt komma in på Nyheter/Kommande.

Bilden nedan visar steget efter man tryckt på en av dessa snabb knappar ”Nyheter” eller”Kommande” Även här tycker vi det är viktigt att man snabbt kan se vilka kategorirer nyheternatillhör med att sätta färg på varsinn kategori med en ikon för att förenkla nagigeringen föranvändaren. Man ska bläddra i listan som i sin adressbok fast med fingret, och när man klickar på enprodukt så kommer man till dess respektive sida. Vi har även länkat till 3:e parts sidor för allaprodukter, för att ge användaren så mycket information som möjligt.

4.5 Val av konceptuell modell

Vi valde att köra fullt ut på Webshoppen version 1 och Mobilapplikationen version 1. Alltsåskrotade vi de andra. Vi valde att köra på Webbshopp version 1 eftersom att vi gillar idéen. Och attden gav en verklighets butiks känsla. Vi ville att det skulle kännas som att man steg in i verklig butikmed alla hyllor etc. Det var även något utöver det vanliga som Onnori krävde. De andra gruppernakörde på en webbsida med ett vanligt gränssnitt.något vi inte föredrog.

Mobilappllikation version 1 kände vi hjälpte användaren mycket mer då vi gav den möjlighetenatt nå olika kategorier snabbt, samt att den hade bra ikoner som gjorde så att kunden kände igen sig.Vi hade en viktig funktion som gjorde så att man kunde zooma in och out på varan man kollade påför tillfället. Samt hade möjligheten att kolla fram och baksida, som var viktigt för oss. Men vi valdeäven att efterlikna en liten del från Version 2 där man kunde se en lista med ny kommande produkteroch nyheter.

5. Low­fidelity prototyp

(Gabriel)

5.1 Evaluering av lo­fi prototypen för webben

Vi hade två stycken kvalitativa användartest där användarna skulle utföra vissa uppgifter.

På webb­sidan skulle användaren Hitta en skiva med Grammis­vinnaren 2010, förstora bilden ochsedan registrera sig och köpa produkten. Under detta test upptäckte vi bland anant att användarnainte förstod att man kunde gå direkt till “Årets Grammis­vinnare” utan att samtliga gick omvägenMusik­>Årets Grammis­vinnare.

Vi upptäckte även att användarna ville vrida på bilden eftersom ryggarna stog åt fel håll dvs lodrättnär de egentligen ville se texten vågrätt.Däremot förstod användaren bland annat att det var drag and drop eftersom det verkade logisktmed att det var en kundvagn under och det vid detta tillfälle inte fanns någon “lägg i kassan” knappEtt annat problem vi stötte på var att användaren inte riktigt förstog hur man sparade förändringar ifiltret, att man faktiskt aktivt var tvungen att trycka på spara för att ändringar skulle göras, det räckteinte med att bara klicka ner rutan efter man gjort de val som passar.

5.2 Evaluering av lo­fi prototypen för mobilenEftersom vi hade delat upp arbetet över att göra prototyperna, då några jobbade med mobil­applikationen och några med webbshoppen, så kunde vi sedan testa dessa på varandra inomgruppen som ett första litet test. En slags expertutvärdering för att upptäcka brister inom gruppen.I dessa expertutvärderingar utgick vi en del ifrån Jakob Nielsen 10 designheuristiker. Vi hittadeganska många enkla misstag som vi istället kunde ändra innan vi gjorde användertesterna så att detinte skulle ta onödigt mycket tid då. Ett exempel på en enkel miss kunde vara att vi glömt encancelknapp t.ex.. Nackdelen med expertutvärdering inom gruppen, är att vi redan vet vad systemethandlar om och vi har en mentalmodell redan och kanske är fast i våra idéer. Därför är det bra atttesta på utomstående personer, vilket också är det viktigaste.

När vi gjorde användertesten för mobilapplikationen gav vi användaren dessa uppgifter att utföra:titta på de senaste nyheterna, lägg en film i kundvagnen och genomför ett köp av denna film. Vi

utförde mobilapplikation testerna med tre personer från gruppen, där en agerade “dator” och resteniakttog och antecknade.

Testperson 1: användaren tog sig igenom detta utan problem och tyckte att “det var som det brukarvara, tydlighet”.Testperson 2: hade en del synpunkter och dessa var: man ska kunna skriva in antal av en produktsom man vill ha. Produktmenyn ska kunna gå att sortera på kategorier, t.ex. film/musik.Testperson 3: hade också en del synpunkter och dessa var: man ska kunna ta bort flera produktersamtidigt i kundvagnen. Man ska kunna se trailers på produkter.

5.3 Gjorda förändringar efter evaluering av webbenVi beslutade oss efter vår studie att göra filtreringen över sidor som visas tydligare. Vi lade även tillknappar som t.ex “lägg i kundvagnen” så att även det alternativet fanns för de användare som inte varmedvetna om att det fungerade med drag­and­drop. Vi ändrade även så det blev tydligare medförfattarens böcker.

5.4 Gjorda förändringar efter evaluering av mobilenVi tog till oss av feedbacken vi fick från testerna och ändrade detta:Man kan nu skriva in antal av en produkt man vill köpa.Produktmenyn är sorterade på kategorier.Man kan ta bort flera produkter samtidigt i kundvagnen.

5.5 Nyckelfunktioner i lo­fi prototypen för webben

5.6 Nyckelfunktioner i lo­fi prototypen för mobilen

6. High­fidelity prototyperBåda High­fidelity prototyperna (Web och Mobil) skapades i Adobe Fireworks. Detta är ett pro­gram som visade sig väl lämpat för uppdraget, men som ingen i teamet hade någon erfarenhet utavinnan projektet. Syftet med High­fidelity prototyperna var att se hur de tankar och designteorier somstyrt designen tidigare skulle fungera i en mer realistisk miljö. Arbetet med att skapa high­fidelityvarianterna av de tidigare skissad sidorna delades upp mellan gruppmedlemmarna för att tidsramenskulle hinnas med. Där inte en klar bild fanns av hur designen skulle se ut gjordes gemensamt arbetedå gruppen träffades. High­fidelity prototyperna utvärderades och gjordes om där problem elleroklarheter kunde identifieras. Detta ledde till en slutprototyp som var stabil och där allt var klickbart.Webbprototypen har en svaghet i det grafiska då vi ej har haft mycket tid att ägna åt den, men vitycker att det i en prototyp är viktigare med funktionalitet än ett vackert yttre. Att putsa på ettutseende hos en produkt är lätt jämförelsevis med att lägga till eller ändra på funktioner i ett redanfungerande system (sakerna påverkar varandra).

6.1 Expansion av webb­prototypenVi valde att lägga om en del ikoner i HI­FI prototypen samt försöka göra den mer överskådlig.Nedan är en bild på framsidan, eller startsidan.

Vi behöll teorin om att göra butiken mer lik en vanlig butik som man handlar i och att den inte skullese ut som en tråkig databas. Tyvärr har vi inte gjort kategorierna till bokhyllor ännu, och det finns enrisk att det skulle bli väldigt mycket saker på skärmen samtidigt om vi gjorde det. Från kategorierna

kan man komma in på varor och olika kategorier. Vill man prova en produkt kan man via drag­and­drop dra den till mediespelaren, eller dra den till kundvagnen för att köpa den. Vi tror dock att det ärviktigt att inte tvinga kunden till ett visst beteende, så därför finns det även knappar för dessa kom­mandon. Så grundstrukturen från LO­Fi prototypen finns kvar, men den är förfinad och mer använ­darvänlig. Den största expansionen var helt enkelt att betydligt fler delar av prototypen utformades,tills den blev komplett.

6.2 Expansion av mobil­prototypenVi valde att göra en annorlunda meny till HI­FI prototypen där man kan dra med fingret överknapparna istället för att behöva trycka.

Vi lade också till en menyruta som kommer upp då man trycker på mobilens menyknapp där man kanlogga in, se sitt konto, gå till playit.se och se orderhistorik.Istället för knappen HEM på menyraden så tyckte vi att det snyggare att ha vår logga PlayIt. Det var iprincip dessa ändringar vi gjorde när vi implementerade hi­fi prototypen, utöver feedbacken vi fick avtesterna. Dessa ändringar som är baserade på testerna finns beskrivna nedan.

6.3 Interaktion i webb­prototypenGruppens främsta tanke vad gäller interaktionen i webb­prototypen var att den skulle kännas naturligoch att användaren skulle känna en kontakt med butiken och inte bara känna sig som en observatör.Därför var en av de viktigaste funktioner som vi arbetade med drag&drop funktionalitet för att läggavaror i kundvagnen samt spela upp saker i mediespelaren. Tyvärr fick vi aldrig detta att fungera iprototypen, så vi kunde inte göra en faktisk utvärdering av detta, men i LO­FI prototypen varfunktionen populär.

Vi ville presentera produkterna på ett sätt som liknar det som man möts av i en verklig butik. Därföransåg vi att produktens förpackning kan sköta mycket av försäljningen. I vår webb­shop visas pro­dukten i sin helhet. Användaren kan utforska fodralet och förstora det. Det finns också en länk till entredjeparts sida med information om filmen (imdb) samt möjligheten att titta på trailern till filmen.

Funktionen för att ladda ner material digitalt lades till rätt sent i prototypens utveckling, men vi valdeatt göra det möjligt att ladda ner så små delar som möjligt vad gällde musik. Vi tyckte att användarenskulle ha möjlighet att själv välja hur stor del av en artist arbete de är intresserade av. Man kan alltsåladda ner både enskilda låtar eller hela albumet. Logiskt så borde man få ett “paketpris” av att köpahela albumet, men det är något som vi lämnar till försäljningsavdelningen att bestämma.

Här nedan ser vi en bild på hur vi valt att lägga fodralen till PC­Programen ned så man lättare skallkunna läsa texten.

Eftersom vi ville att produkterna skulle stå på hyllor så ville vi att man skulle få upp en förstorad bildav fodralet/framsidan av den produkt man drog med musen över. I exemplet nedan syns tyvärr intemuspekaren, men boken till höger visas bara då man drar med pekaren över en viss bokrygg.

I den sista iterationen så ville vi göra det möjligt att välja kategorier direkt, vilken kategori man än varpå, då användaren i de tidigare versioner som visas ovan var tvungen att använda “tillbaka” knappenalldeles för mycket under navigation. Nedan ser man hur vi implementerade en menyrad överst ikategorin spel där man kan hoppa mellan vilken konsol och genre man vill se när som helst. Dettaföljer designfilosofin med “tabs” som är populär i mobil applikationer och som vi använder oss avdär. Man ger användaren full navigationsfrihet i alla lägen av applikationen.

Detta för oss osökt till en annan viktig funktion i vår design, nämligen att kunna filtrera vilka produk­ter som webb­shoppen visar för varje enskild kund. I filtret kan man enkelt bocka i och ur de kate­gorier man är intresserad av. Efter feedback så la vi också in en “av/på” knapp på framsidan för attman enkelt ska kunna stänga av filtret och visa alla produkter, om man till exempel ska köpa enpresent eller liknande.

En annan viktig funktion som vi valt att lägga in i webb­shoppen är chatten. meningen med chatten äratt kunder dels ska kunna fråga varandra om saker och förslag, men också att det ska finnas någraanställda där som kan svara på frågor och ge rekommendationer på ett professionellt sätt. Vi anseratt det är en naturlig del i att handla att ha kontakt med andra kunder och personal. Vi tror också attdet kan leda till ökad försäljning om kunden känner att den kan få tips om bra produkter från enriktig person, och inte bara igenom vad andra har köpt tidigare.

I kundvagnen kan man se vilka varor man har köpt och även redigera innehållet. Man kan också sevilka produkter som andra kunder som har haft ett liknande innehåll i sin kundvagn har köpt. Pådetta sätt skapas medförsäljning utefter uppdragsgivarens önskemål.

Efter att man är nöjd med innehållet i kundvagnen slutför man köpet igenom ter steg där man väljerbetalningssätt, leveransmetod samt bekräftar köpet. För enkelhetens skull är dessa tre rutor ihop­klippta i en bild nedanför, men för en användare presenteras de en åt gången. Dessa följer de stan­darder som redan finns i webb­shoppar på nätet och tillför inget nytt.

För att genomföra ett köp behöver man inte vara inloggad, men det går snabbare om man har ettkonto då man kan spara sina adressuppgifter och liknande. Man kan även spara sina filterinställ­ningar om man är inloggad samt se köphistorik och liknande tjänster. Nedan visas rutorna för attlogga in och skapa konto. Dessa visas var och en för användaren, och presenteras här ihop för attspara utrymme.

Det finns även tre knappar uppe i vänstra hörnet på framsidan med information om företaget, enFAQ samt de köpvilkor som gäller vid handel på hemsidan. Vi anser att det är viktigt att dennainformation är väl synlig och presenteras tydligt för användaren för att skapa förtroende. Framförallthos ett nytt företag som detta.

6.4 Interaktion i mobil­prototypenNär vi har designat så har vi haft i åtanke Jakob Nielsen tio stycken designprinciper.

Mobilapplikationen har en statisk meny överst där man kan bläddra mellan applikationens olika delarsom är ”startsidan” (symbolen playit), produktsidan, sökprodukt och kundvagnen. Tanken är attman ska kunna dra med fingret över menyn och inte behöva trycka med fingret på den för att välja.Den del som man håller fingret över blir då lite större än de andra. Designprinciperna vi har följt härär matchningen mellan systemet och verkligheten. Ett förstoringsglas som söksymbol känner mångaigen och detsamma med en kundvagn. Produkt fick vi inte plats med någon bild så där blev endasttext det enda alternativet egentligen.

Trycker man på mobiltelefonens menyknapp så visas denna ruta där man kan logga in, gå in på ”mittkonto”, gå till playit.se och se orderhistorik.

”Startsidan” på applikationen är denna. Anledningen till att den innehåller just nyheter och komman­de är för att vi vill göra dessa delar centrala då vi efter våra tester på potentiella kunder visade sigvara stort intresse av. Vi vill utnyttja mobilanvändningens tillgänglighet. Alltså mobiltelefoner harkunder ofta med sig och kanske sitter och klickar runt på. Då tycker vi att det passar bra för kundenatt man snabbt kan gå in och kolla om det kommit några nya produkter eller kommande produkter.En längre genomgående produktsida finns också, men detta tror vi att kunder gör mer på webben.Knappen under dessa två är en streckkod som läses av. Denna knapp är en funktion där använda­ren kan scanna en vara och se om den finns i inne i lager. T.ex. om man är hos en vän och tittar påhans filmer så kanske man blir sugen att köpa en också. Då kan man scanna streckkoden på fodraletoch sedan söker den igenom och visar filmen i mobilapplikationen.

På produktsidan har vi först valt oss av att visa bilder för att göra applikationen lite roligare. Sedannär man valt en kategori så visas underkategorierna med text i en lista, t.ex. actionfilm, komedifilmo.s.v. Detta för att öka förståelsen. Det är väldigt svårt att hitta bilder som visar på ett bra sätt att detär komedi eller actionfilm t.ex. Den designprincip som vi här har haft i åtanke är matchningen mellansystemet och verkligheten. Dessa bilder tycker vi är ganska generella för att definiera film, musik,spel och program.

Går man in på en produkt ser det ut på detta vis. Nu visas det att man står i nyheter så att använda­ren är medveten om det. Priset står med röd för att förtydliga det gentemot produkttexten som är vit.Sedan visas även en symbol till höger om produkten. På avatar filmen visas en film och på Kent­skivan en musikton. Tanken med dessa är att användaren ska enkelt se vilken sorts produkt det äroch så kan man även trycka på dessa och då filtreras listan. Alltså trycker man på filmsymbolen visasbara filmer som är nyheter. Vi har strävat efter designprincipen konsekvens och därför använt rödfärg överallt där det är ett pris och vit färg på annan text.

Rutan på bilden här ovanför där det står ”du är inloggad” är en ruta som visas när man loggar in ochsom sedan fade’as bort för att ge användaren feedback på att den är inloggad. Detta kommer ävengå att sedan under menyknappen då man synd som inloggad. En sådan lika dan ruta visas även närman lägger till en vara till kundvagnen men då står det ”varan har lagts till kundvagnen”.När man ska betala varan har vi valt att man kan ange sina personuppgifter med att antingen logga ineller skriva in dem utan att vara registrerad. Detta tror vi lockar mer kunder som kanske inte orkarregistrera sig. Designprincipen vi haft i åtanke här är att användaren ska få feedback över vad somhänder. Därför visas en ruta när man loggat in eller en likadan ruta när man lagt till en produkt ikundvagnen. Det är viktigt att användaren känner sig fri och vet hur man ska utföra något, därför harvi lagt till en ”Avbryt köp” knapp så att användaren hela tiden vet hur man avbryter köpet. Eftersomatt personuppgifter är ett av två steg för att genomföra ett köp så har vi visas det genom att texten”1/2” visas.

När man har lagt en produkt i kundvagnen visas detta i menyraden genom att kundvagnen inte ärtom utan en vara ligger i den, som man kan se i bilden ovanför. I kundvagnen kan man ta bortenstaka produkter och man kan även tömma hela kundvagnen. Knappen betala är lite större än deandra för att kunden lätt ska se vart man trycker för att betala.

6.5 Ändringar gjorda sedan lo­fi prototypen i webbenDe främsta förändringarna är mängden av delar av prototypen som är interaktiva. Men designen är istort sätt den samma för de delar som hade en motsvarighet i LO­FI prototypen. Den stora undan­taget är de delar som hanterar ett köp och hur det går till. I LO­FI prototypen hade vi nämligeningen klar bild alls för hur detta skulle gå till, utan den togs fram i samband med utvecklingen avHI­FI prototypen och dess utvärderingar. De främsta ändringarna är därför indirekta, det vill sägakritik vi fick på LO­FI prototypen applicerades på delarna i HI­FI prototypen, även om de intefanns som en del i LO­FI prototypen. Till exempel så fick vi kritik på att visa texter var lite svåra attläsa på stående ryggar av produkterna, därför la vi böckerna på sidan, så man läste ryggarnahorisontellt i HI­FI prototypen.

6.6 Ändringar gjorda sedan lo­fi prototypen i mobilen

Vi fick feedback på att man ska se när kundvagnen är tom och när man har lagt till vara till den. Vi har också åtgärdat att man tydligare ska se vilket ”steg” man står i. T.ex. står man i kundvagnen

så ser man detta genom att det står kundvagn under huvudmenyn. Vi lade också till text på produktsidan där bilder visas på de olika kategorierna film, musik, böcker

och program. Innan kunde det vara lite tveksamhet att programbilden var till program, men nu medtext till är det klart.

Vi lade till en knapp i kundvagnen där man kan tömma hela kundvagnen. I betalningssätt lade vi till att man kan betala med mobilräkning för det hade vi glömt. Istället för knappen HEM i huvudmenyn så valde vi att ha en ikon för vårt företag PlayIt. Vi gjorde en meny under knappen meny där man kan logga in och gå in på sitt konto. Det är viktigt

för användaren att när som helst kunna gå in på sitt konto och inte bara när man ska betala.

7. Semi­funktionellt system

7.1 Slutlig evalueringInför det 5:e seminariet gjorde vi ett sista användar test för att utvärdera de modifieringar vi gjort iprototypen efter den feedback vi fått från det tidigare seminariet. Testet validerade våra design beslutmen hjälpte oss samtidigt att identifiera ett antal mindre problem som vi kunde åtgärda. Bland demest framträdande problemen som uppdagades var:

När man ville köpa produkter med nedsatta priser blev man tvungen att köpa samtliga avprodukterna även om man bara är intresserad av en av dem.

Man togs även till kundvagnen varje gång man lade i en produkt vilket tvingade påanvändaren information som denne kanske inte var intresserad av samt avbröt dennesshopping upplevelse.

Flera produkter, främst speciella erbjudanden, saknade tydliga priser.

Som tur var kunde vi åtgärda de överstående problemen samt några mindre detaljer vilketförbättrade prototypen.

7.2 Slutliga ändringar i webbenMellan det fjärde och femte seminariet förbättrade vi prototypen och byggde ut de delar som vitidigare inte haft tid att implementera. Vi lade till spel och film delarna av prototypen. Vi ändradeäven ett antal detaljer för att förbättra prototypen. Vi lade även till ett antal sidor med information såsom en F.A.Q. (Frequently Asked Question).

I framtiden, om vi hade mer tid, skulle vi vilja förbättra synligheten och göra ett antal saker mertydliga. Främst vad gäller böcker där det för tillfället är svårt att se individuella böcker vilket vi skullevilja göra tydligare. vi skulle även vilja göra visa delar av sidan mer konsistent vad gäller dess menyer

samt göra första sidan mindre överväldigande för nya användare.

7.3 Slutliga ändringar i mobilenSlutliga sista ändring vi gjorde på mobilapplikationen mellan semiarium 4 och 5 var detta:Bytte färg på alla priser som visas eftersom den tidigare färgen rött indikerar på att det är ett reapriseller något negativt.

Appendix A.Vi fick in 27 svar från personer i åldrarna 19, 19, 20, 21, 21, 22, 22, 22, 23, 23, 23, 23,23, 23, 24, 24, 24, 25, 25, 26, 27, 28, 29, 31, 36, 45 och 59 år.Medelålder: 26,2 årMedianålder: 23 år

Hur ofta handlar du på nätet varje månad?

Aldrig 0 0%

Mindre än en gång i månaden 12 44,4%

1­3 gånger i månaden 13 48,2%

4­8 gånger i månaden 0 0%

9 eller fler gånger i månaden 2 7,4%

Summa 27 100%

Grafiskt:Hur ofta handlar du på nätet varje månad?

Vad lockar dig mest till en specifik webbshop?

Färger och grafisk miljö 0 0%

Utbudet av varor 9 33%

Presentationen av varorna 4 15%

Priserna 8 30%

Bra och snabba leveranser 3 11%

Sidan känns säker 3 11%

Summa 27 100%

Grafiskt:Vad lockar dig mest till en specifik webbshop?

Vad får dig mest att vilja lämna en webbshop?

Dålig struktur och avsaknad av god översikt 12 44%

Reklam/Banners 1 4%

Krav på konto/inloggning för att genomföra köpet 1 4%

Dåligt språk 1 4%

Säkerheten känns otillräcklig 12 44%

Summa 27 100%

Grafiskt:Vad får dig mest att vilja lämna en webbshop?

Skulle sensuella effekter, så som att till exempel kunna vrida och vända på ettvirtuellt DvD fodral kunna bidra positivt till din shopping upplevelse?Ja 11 41%

Nej 16 59%

Summa 27 100%

Grafiskt:Skulle visuella effekter, så som att till exempel kunna vrida och vända på ettvirtuellt DvD fodral kunna bidra possitivt till din shopping upplevelse?

Vad får dig att återvända till samma webbshop?

Lojalitet mot företaget 1 4%

Utbudet av varor 9 33%

Priserna 7 26%

Känslan på webbshoppen 2 7%

Kvalitet på servicen och leveranser 8 30%

Bra säkerhet 0 0%

Summa 27 100%

Grafiskt:

Vad får dig att återvända till samma webbshop?

Kan du ge något exempel på vad som ger dig köplust när du befinner dig på en

webbshop?

"Bra presentation av varan är det bästa som finns med webbshop. Fin musik som inte är förhögljud eller hög tempo".“Lätt att söka i, men som samtidigt också ger lite förslag på saker som kan vara intressanta,typ Amazon”.“Jag vet vad jag vill ha, så jag kollar upp vilken sida som har billigast/snabbast leverans avden varan. Självklart måste sidan även ge ett seriöst intryck”.“Bra beskrivande text i samband med ett bra erbjudande när jag vet att tidigare köptaprodukter hållit hög kvalité”.“Det är främst att ett behov går att lösa snabbt och billigt”.“Specialerbjudanden, addons, mängdrabatter..”."Jag spontanköper aldrig någonting på nätet. Jag letar efter det jag vill köpa snarare än attbläddra runt och bli inspirerad”.“Om jag någon gång, rent hypotetiskt, skulle se någonting jag vill införskaffa i sökandet efteren annan produkt på nätet skulle jag inte köpa denna omedelbart utan skulle istället göraytterligare en sökning efter denna produkt med avsikt att hitta det lägsta priset”.“Är det bäst att identifiera vad som ger konsumenterna köplust snarare än att identifiera vilkaolika typer av konsumenter det finns? De som vet exakt vad de vill ha, de som vet när dehittar det och de som vet ungefär vad de vill ha men vill kunna jämföra lite för att se vad sompassar dem bäst. Köplusten spelar rimligtvis större roll hos de som bläddrar och vet vad devill ha när de hittar det."“Strukturetat, se snygg och seriöst ut de ska varor som känns lättare att beställa än att köpa ibutik eller bättre priser. Jag skulle handlar främst elektronik, mobil och data prylar”.“Om det är kläder, som mest är det jag köper så lockar nog fina bilder på dessa får jag säga.Man ska gärna kunna förstora dessa så att det inte bara finns en liten bild på typ 2 gånger 3cm”.“Kampanjer, ‘passa på nu’ erbjudanden”.“I tur och ordning skulle jag vara intresserad av utbud av varor, priser, leveranstid. Så längeföretaget verkar seriöst och pålitligt bryr jag mig mindre om känslan på webbshoppen,webbdesign osv”.“En snyggt designad hemsida som är lätt att navigera igenom och som inte kräver attanvändaren måste lägga ner tid på att "leta" efter kategorier, alltså ska det vara lätt att kollarunt sidan utan att behöva lägga ned arbete på att hitta vad man söker efter”.“Möjligen att det finns erbjudande”.

Kan du ge oss ett exempel på en webbshop som du tycker är bra?

“Webhallen”“Amazon”"komplett.se, dustin.se""Dustin.se ­ bra kunskapsnivå i beskrivningar, Pragpub.com ­ bra material & möjlighet attköpa beta­böcker, Prismans.se ­ inte shop, men utförliga egenskapslistor och jämförelse­funktioner".“Dustinhome”“Dustin home funkar bra med fin översikt”.

“Webbhallen”“www.psyshop.com, enda sidan jag handlar på när jag handlar online och endast pga utbutet.Designen är verkligen kass men samtidigt känns det säkert att handla där (Normalt kopplarjag dålig design med dålig säkerhet, hade det varit en spelbutik hade jag aldrig handlat där).På något sätt gör utbudet sidan säker”."http://hobbyking.com/hobbyking/store/uh_index.asp <­ Bra utbud, bra priser, seriös säkerhethttp://alphaspel.se/shop/ <­ Bra utbud, skapliga priser (Gratis leverans till föreningslokalenoch utmärkt service också, men det var inte det undersökningen gick ut på...)"."komplett.se ­ En enkel sida som är lättnavigerad. Jag använder alltid sökrutan om jag vetexakt vad jag letar efter men annars är trädstrukturen till vänster också bra. Anledningen till attjag väljer komplett har mest med utbudet och priserna att göra, dock är den enkla strukturenen bidragande faktor till att köpet genomförs smärtfritt då det inte är så plottrigt.Jag är inte säker på huruvida det är okej för mig att skriva detta här men i brist på andrafritextrutor; jag finner prisjakt vara en väldigt bra sida när jag skall identifiera och införskaffaprodukter på nätet. Då det inte är en webbshop i sig kanske det inte räknas men jag använderdetta verktyg för att identifiera produkter efter deras egenskaper, genom sökning inom enprodukttyp (t.ex. ‘bärbara datorer’), och därefter identifierar jag den webbshop jag anser varasäker nog att interagera med ekonomiskt.Att tillägga är möjligen att jag gärna läser på om produkten på många olika webbshoppar ochdärmed har mina favoriter när det gäller produktinformation, dock behöver dessa sajter intevara de jag faktiskt införskaffar varan från. Jag är lite otacksam på det sättet"."apple.com/store, abercrombie.com"“HM eftersom att den är enkel och lätt att hitta på. Det som också är väldigt bra är att kunderfår kommentera produkter vilket hjälper varandra. T.ex. så skriver många om en tröja är storeller liten i storleken för ibland är det svårt att veta exakta storleken. Jag läser ofta kommen­tarer av produkter”.“www.nelly.com ­utbudet”.“webhallen.com. Bra priser och varor kan hämtas i fysisk butik”."Homeenter. Brukar vara väldigt tydligt när jag ska beställa blu­ray filmer därifrån, ett trevligtupplägg även om priserna oftast är lite höga.Cdon.se känns väldigt ""glad"" och inbjudande, trevlig design och bra sökfunktion. Brakategoriserat, lätt att hitta nedsänkta varor och kampanjer, samt är priserna ett plus :)".“webhallen ­ bra priser och bra utbud!”“Bokus, Adlibris”

Kan du ge oss ett exempel på en webbshop som du tycker är dålig?

“http://www.figurspel.se/”“pixmania”“Onoff siba Elgiganten, röriga svårt hitta det man söker”.“http://www.games­workshop.com/gws/home.jsp <­ Vill inte erkänna att man är en webshop,utan försöker även agera som företagets ansikte utåt”."emporiolive.com ­ Sidan har ett ‘bloggliknande’ utseende där huvudinformationen liggerhopklämd mellan två vertikala stolpar. Menyn är dålig, man kopplar inte riktigt interaktionenmed denna till förändringarna i ‘huvudstolpen’ där informationen uppdateras. I synnerhet intedå sidan måste laddas om vid varje klick. Tips: Gör er sida skalbar så att enheter med såväl

små som stora skärmar kan visa den på ett acceptabelt sätt (genom att utnyttja helaskärmen) istället för en fast storlek. emporiolive har, som ni säkert förstår, inte lyckats meddetta”.“De flesta som butiker som inte visar sitt lagersaldo utan visar sin leverantörs lager. Vilket göratt frakttider kan fela på flera veckor”."Expert. Avskyr den hemsidan, att hitta kategorin med datorer tar tid då det ligger nästanlängst ned (varför?). Ska jag navigera mig igenom hemsidan måste sidan laddas upp för varjegång jag klickar mig nästa­­>nästa­­>. Ja, det blir så pass många steg och att ladda upphemsidan innan jag kommer fram till bärbara (gav upp innan jag kom ditt pga irritation) att jagväljer hellre att stänga ned allt, även om det skulle finnas kanonpriser”.“Det flest klädwebbshop”.“SJ!”