Craigslist är en digital marknadsplats med ursprung USA. De amerikanska användarna har en hat-kärlek till sidan. Vissa älskar den medan vissa avskyr den och tycker den är föråldrad och svåröverskådlig. Vårt uppdrag var att med hjälp av användarundersökningar ta reda på vad de svenska användarna tycker, vad problem är och framställa en prototyp.

Arbetet inleddes med att utforska Craigslist. Alla i gruppen fick enskilt sätta sig ner och bekanta sig med hemsidan. Alla noterade även sina spontana tankar kring sidan.

Vanligt förekommande noteringar var:

• Föråldrad
• otydlig
• tråkig

Därefter fördes en diskussion kring våra tankar där vi alla var överens om att stora förändringar skulle behöva genomföras.

Konkurrentanalys

Konkurrentanalysen fokuserade på att jämföra amerikanska Craigslist.com mot svenska Blocket.se. De båda hemsidorna delar många likheter. Främst så fyller sidorna till stor del samma funktion då de båda fokuserar på begagnathandel mellan privatpersoner online, dock med fokus på olika marknader. De delar till stor del samma typer av kategorier, såsom köp & sälj, bostäder och jobb. Craigslist har några ytterligare kategorier som forum, tjänster och evenemang.

När vi tittade närmare på gränssnittet så har Craigslist ett mer grundläggande och simpelt gränssnitt som till stor del är textbaserat. Användarupplevelsen kan även variera stort beroende på var hen befinner sig samt vilken kategori hen besöker. Blocket har ett mer konventionellt och modernt gränssnitt där de har till stor del använt sig av olika underrubriker för att paketera det hela. När det kommer till säkerhet har Blocket ett övertag då man har gjort olika typer av implementationer för att säkerställa säkra transaktioner. Det finns även en kundtjänst och en krypterad chattfunktion som primärt används mellan köpare och säljare.

Craiglist uppmanar sina användare att vara vaksamma för bedrägeri men tillämpar inga ytterligare åtgärder utöver det. I sin helhet är Craigslist känt för sin enkelhet men kritiseras för sin osäkerhet. Blocket har generellt sett ett gott rykte och anses vara en pålitlig plattform för köp och försäljning i Sverige.

Användbarhetstest

Nästa steg var att genomföra ett användbarhetstest för att skapa en djupare förståelse för användarens perspektiv och behov. Vi valde att genomföra ett användbarhetstest på grund av att vi ville få en direkt insyn hur användarna fritt interagerar med den befintliga hemsidan. Testet genomfördes på fyra kvinnliga användare i åldrar mellan 18-45 år där Craigslist befintliga hemsida användes som testyta. Vi valde att använda den amerikanska versionen, mer specifikt att sätta regionen som New York City, för att få fram fler sökträffar.

Testets genomförande:

Observera hur användare vill hitta sin information från en etablerad köp/säljs – sida. Informera användaren att de gärna får tänka högt samtidigt som det navigerar hemsidan. Låt användaren gå in på craigslist - sites Be användaren gå in på New York City Fråga användaren det första intrycket. Vad tror användaren funktionen för sidan är. Be användaren hitta en elbil De fyra användarnas testresultat sammanstrålade och deras erfarenhet av testet hade många likheter. De främsta likheterna var att användarna hade stora svårigheter att navigera på hemsidan. De beskrev gränssnittet som rörigt och svårt. Filtreringsfunktionen uppfattades även den som svår att navigera där en testperson inte hittade den alls. En testperson tyckte även att sökfunktionen var begränsad och att hon önskade mer från den, då hon primärt använde sig av den.

Persona

I det här steget raffinerade vi statistik och användbarhetstest till en målgrupp, Persona och kunde definiera User Stories. Utifrån insamlad data från användbarhetstestet, samt datan från researchen, kunde vi framställa en persona:

Karin har stor internetvana. Hon känner sig trygg att handla begagnat från en främmande person. Hon handlar begagnat några gånger om året. När Karin handlar begagnat handlar hon främst kläder, möbler och barnartiklar. Det händer även att Karin agerar som säljare. Då säljer hon oftast barnkläder som barnen inte längre kan använda. Karin använder främst Blocket för att köpa och sälja begagnade varor online. Dock vill hon börja använda Craigslist på grund av att kunna handla och sälja varor på en större marknad.

Kundresa

Utifrån vår Persona kunde vi framställa en User Journey (kundresa). Där gjorde vi valet att fokusera på en av de vanligaste interaktionerna en användare utför på hemsidan. Alltså processen att navigera sig fram till en specifik vara.

Utifrån vår kundresa kunde vi enkelt visualisera identifierade smärtpunkter och även notera möjliga lösningar.

User Stories

Utifrån vår kundresa och de noterade smärtpunkterna kunde vi nu påbörja arbetet att formulera User Stories till vår Product Backlog. När alla User Stories var formulerade bröts de sedan ner till Tasks. Dessa Tasks rangordnades sedan efter prioritet och fick även en tidsestimering. Till denna process användes hjälpmedlet Planning Poker för att enkelt och demokratiskt komma fram till en gemensam uppskattning. Till estimeringen av tid användes måttenheten XS-L där varje steg stod för en ökning med två timmar. Vi estimerade även vilka av uppgifterna som var tvungna att genomföras i grupp samt vilka man skulle kunna genomföra enskilt. Trello var det primära verktyget som användes för att dokumentera hela processen. De User Stories som formulerades var följande:

• Som potentiell köpare / säljare vill jag mötas av en professionell sida för att känna mig trygg att göra affärer
• Som användare vill jag kunna navigera med en enkel och responsiv design för att snabbt och smidigt kunna ta del av webbsidans innehåll
• Som användare vill jag enkelt kunna söka för hitta mina intressen
• Som användare vill jag enkelt kunna filtrera och sortera för att kunna välja relevanta poster

Sitemap & UX writing

Efter att konkurrensanalysen gällande sortering och filtrering av kategorier var genomförd kunde vi börja testa olika sätt att smalna av Craigslist befintliga kategorier. Efter ett antal versioner lyckades vi hitta ett sätt att smalna av kategorierna. Detta gjordes genom att skapa relevanta underkategorier samt kombinera redan befintliga kategorier.

En Sitemap skapades även där tre primära flöden accentuerades. De flödena var tre olika sätt att ta sig till samma annons beroende på vilken sökpreferens användaren hade.

Wireframes

Ut efter vårt material från tidigare stadier började vi skissa på Wireframes. Där fick vi fram två olika förslag på gränssnittets layout som vi valde att arbeta vidare på. Den första versionen var en typ av wizard-baserad lösning där man via undermenyer kunde navigera sig fram. Den andra versionen fokuserade mer på en block-baserad lösning där allt var uppstrukturerat i olika block på startsidan.

Moodboard & Styleguide

Parallellt med konkurrensanalysen utförde vi en Design Studio där målet var att sätta grunderna för vår framtida Style Guide. Där använde vi oss av ett moodboard där vi individuellt infogade bilder som vi associerade med Craigslist och deras värderingar. Utifrån bilderna kunde vi sedan plocka ut färger.

Vi var överens om att hemsidan primärt skulle behålla den lilla färgen som Craigslist befintliga hemsida använde, då den kännetecknar originalet. De färgerna vi plockade fram var eventuella accentfärger som skulle kunna underlätta navigering och förstärka hemsidans karaktär. Vi valde även att löst titta på typsnitt och form men inga beslut togs i detta steg.

Prototyp

Vi bestämde oss för att följa upp dessa versioner och ta dem ett steg längre genom att göra dem till två fungerande prototyper. När de var färdigställda avslutades Sprint 1 och en Sprint Review genomfördes med produktägaren. Där gick vi igenom förarbetet och hela första sprinten i sin helhet.

1. Research

• Workshop med produktägaren → kartlade mål och behov.
• Uppdaterade befintliga personas för att spegla målgrupperna.
• Card sorting för att tydliggöra vilka funktioner som var viktigast för respektive grupp.

2. Design

• Fokus på startsidans hero-sektion (den mest synliga ytan).
• Skisser → wireframes → klickbar prototyp.
• UI-guidelines från FGS säkerställde enhetlig stil.

3. Testning

• 5 användare testade prototypen (både konsumenter och B2B-segment).
• Hybrid av användartest och intervju.
• Scenarier som: ”Du är en restaurang – hur registrerar du dig och gör en beställning?”.

4. Iteration

• Små justeringar efter testresultat.
• Löpande avstämningar och förbättringar.

📅 Tidsram: ca 200 timmar på 5 veckor (research, prototyp, test, iteration, rapportering)

En personifierad hero-sektion som automatiskt visar relevanta funktioner för olika användare:

• Snabblänkar (t.ex. ”Lägg till produkter” för producenter, ”Gör beställning” för restauranger).
• Karusell med kategorier.
• Info-/tips-lappar.
• Personliga notifieringar och favoriter i headern.

Resultatet blev en startsida som kombinerar företagets mål med användarnas behov.

• Prototypen verifierades i tester → användarna upplevde högre relevans och enklare navigation.
• Företaget gav mycket positiv feedback → lösningen ansågs bidra till både användarnöjdhet och affärsvärde.
• Projektet visar hur riktade UX-insatser kan skapa konkret värde för olika målgrupper.

Vi insåg vikten av:

• Att avgränsa projektet till hero-sektionen var avgörande för att leverera kvalitet inom tidsramen.
• En mer agil task-uppdelning (scrum-liknande) hade kunnat stärka arbetsflödet.
• Tidigare involvering av nyckelpersoner hade gett ännu bättre insikter.