CASE 02 / APPDESIGN, MVP
Upptäck mer av stadens kulturliv
En app som samlar stadens mindre evenemang på ett ställe, så att unga lättare hittar något att göra och träffas i verkligheten.
GEMENSAMT PROJEKT / DESIGNAD MVP, APPEN ÄR UNDER UTVECKLING
MIN ROLL
UX-designer: research, informationsarkitektur, interaktionsdesign och gränssnitt.
TEAM
Ett team om två: jag som UX-designer och en vän som fullstackutvecklare.
MÅLGRUPP
I första hand unga som vill hitta saker att göra i stan, och de små arrangörerna bakom evenemangen.
LÄGE
MVP:n är färdigdesignad och testad med användare. Appen är under utveckling.
01 / PROBLEMET
Allt som händer, på ett ställe
Det är svårt att se vad som händer i stan. De mindre evenemangen, som en jazzkväll, en vernissage eller ett graffiti-jam, finns sällan samlade någonstans. För att hitta dem behöver man oftast redan följa rätt ställe på Facebook och råka se när de publicerar något.
Facebook är inte ett naturligt ställe att leta efter något kul att göra. Det har blivit ett nödvändigt ont eftersom alla finns där, men utbudet är varken samlat eller kurerat.
Vi designade appen i första hand för unga som vill träffas i verkligheten och lägga ifrån sig telefonen en stund. Den ska göra det lätt att hitta saker att göra som inte kostar så mycket, och lyfta fram indie-evenemang och mindre arrangörer. De stora besöksmålen klarar sig redan, så fokus ligger på det mindre och lokala.
02 / PROCESSEN
Från idé till testad MVP
Vi arbetade i faser, från affärsidé till testad prototyp, med test och utveckling parallellt genom hela arbetet.
Affärsutveckling. Vi definierade ett koncept, skissade en tidig MVP-prototyp och presenterade den för arrangörer. Insikterna samlade vi i en Value Proposition Canvas. Frågan om appen faktiskt hjälper målgruppen avgjorde om vi gick vidare eller tillbaka till konceptet.
Discovery. Vi tog fram en kravspecifikation för arrangörerna, pratade med publiken för att förstå nuläget och utförde användbarhetstester med prototypen. Vi jämförde oss också med konkurrenterna för att hitta möjligheter.
Define och Ideate. Publiken fick en persona och en kartlagd kundresa. Arrangörernas och publikens krav möttes i en gemensam kravspecifikation för MVP:n, och utifrån den definierade vi UX-objekten, ritade flöden och satte informationsarkitekturen.
Prototype. Prototypfasen var en loop: skissa flera lösningar, bygga en interaktiv prototyp, testa den med båda typerna av användare och iterera, tills appen fungerade för både arrangörer och publik.
PROCESSEN I SEX FASER, FÖRENKLAD FRÅN VÅR STRATEGITAVLA
03 / TVÅ SIDOR
Två användare, två behov
Appen har två sidor som båda måste fungera för att den ska bli levande. Små arrangörer lägger upp och administrerar sina evenemang i en webbportal, och publiken möter allt samlat i appen. Där är det också lätt att bjuda in vänner, eftersom målet är att man faktiskt ses.
Därför tog vi fram en kravspecifikation för vardera sidan och lät dem mötas i en gemensam kravspecifikation för MVP:n. Prototyperna testades med både arrangörer och publik.
TVÅ SIDOR SOM MÖTS I APPEN
EL
Elin
Besökare, 24 år
Pluggar och jobbar extra i Göteborg. Går gärna på spelningar, vernissager och klubbar, helst billigt och helst med kompisar.
”Det händer massor i stan. Jag får bara reda på det när det redan har varit.”
MÅL
· Hitta något att göra i kväll eller på fredag
· Gå tillsammans med vänner
· Inte missa artister och ställen hon gillar
FRUSTRATIONER
· Eventen ligger utspridda på olika Instagramkonton
· Facebook-event känns stela och kommersiella
· Det är krångligt att få med gänget
BYGGER PÅ
Samtal med unga besökare och tester av MVP:n
SA
Sara
Arrangör, driver ett litet galleri
Ordnar vernissager och spelningar några gånger i månaden. Gör allt själv, från affischer till insläpp.
”Jag lägger upp det på Instagram och hoppas på det bästa.”
MÅL
· Nå rätt publik utan att lägga för mycket tid och pengar på annonsering
· Veta ungefär hur många som kommer
· Få besökarna att komma tillbaka
FRUSTRATIONER
· Marknadsföringen når inte fram
· Måste hantera flera olika tjänster
· Höga avgifter för biljettsystem
BYGGER PÅ
Samtal med arrangörer och vår value proposition canvas
PERSONAS / BYGGER PÅ SAMTAL MED ARRANGÖRER OCH BESÖKARE SAMT VÅRA TESTER
FIGUR 2 / BESÖKARENS KUNDRESA, I DAG OCH MED APPEN
FIGUR 3 / ARRANGÖRENS KUNDRESA, I DAG OCH MED APPEN
04 / INFORMATIONSARKITEKTUR
En struktur unga redan kan
Arbetet började med analoga skisser, men utgångspunkten var tydlig: användarna skulle inte behöva lära sig en ny app. Informationsarkitekturen och interaktionsdesignen bygger nästan helt på hur Zalando har lagt upp sin app, ett mönster som många unga redan är vana vid.
Bekant är snabbt. Enligt Jakobs lag tillbringar användare mest tid i andra appar och förväntar sig att en ny app fungerar som dem. Genom att låna en beprövad struktur kunde vi lägga energin på innehållet och det som gör appen unik, i stället för på navigationen.
I Utforska leder breda kategorier som Konst & Kultur och Musik vidare till mer specifika underkategorier, som Vernissage eller Graffiti-jams. Under ”Hett på stan” lyfts aktuella teman fram.
INSPIRATION / ZALANDOS FILTERPANEL, PRISFILTER OCH POPULÄRA FILTER
UTFORSKA: KATEGORIER OCH UNDERKATEGORIER
05 / INTERAKTIONSDESIGN
Två vägar till något att göra
Från wireframe till gränssnitt. Flödena skissades först som wireframes: från evenemangskortet, till evenemangssidan med deltagare och beskrivning, och vidare till en chatt.
WIREFRAMES / EVENEMANGSKORT, EVENEMANGSSIDA OCH CHATT
Anslagstavlan, för den som vill bli inspirerad. Startsidan frågar ”Vad vill du göra idag?” och är kurerad: den föreslår evenemang som matchar ens preferenser och de ställen man följer. Här hamnar också annonser och guider för den som vill utforska stan. Genom att följa ett ställe blir man stammis och missar inte nästa kväll.
Evenemangen som flyers. Vi tänkte oss att korten skulle se ut som flyers och inte som vanliga listkort. Indie- och undergroundscenen har alltid satt upp flyers på stan, så man ska känna igen sin kultur direkt och inte få känslan av ännu ett kommersiellt evenemangsflöde som på Facebook.
ANSLAGSTAVLAN
Utforska, för den som letar efter något. I en underkategori visas platserna som snabbval överst och filtren som chips: datum, plats, pris, typ och ålder. Antalet aktiva filter syns hela tiden, och i datumfiltret visar knappen hur många resultat valet ger innan man bekräftar.
Socialt från början. På varje evenemang finns en knapp för att bjuda in vänner, eftersom målet är att man ska ses och inte bara scrolla.
LISTA MED FILTER OCH SÖKRESULTAT
Grupper samlar kompisgänget. I Grupper ser man gruppens kommande evenemang och vilka i gruppen som är med, och kan köpa biljett direkt. Från ett evenemang kan man bjuda in vänner med en knapp.
EVENEMANGSSIDA MED ”BJUD IN VÄNNER” OCH EN GRUPP I GRUPPER
06 / DETALJER
Små detaljer som gör det enkelt
HELDAG AV
HELDAG PÅ
01
Heldag förenklar valet
När Heldag slås på blir Från och Till ett enda datum, och knappen visar hela tiden hur många evenemang valet ger. Man ser vad valet gör innan man bekräftar.
02
Platser och filter direkt i vyn
Populära platser ligger som snabbval överst och filtren som chips under. Räknaren vid Filter visar hela tiden hur många filter som är aktiva.
03
Aktiva filter syns och går att ta bort
Ett valt filter, som en plats, lägger sig först i raden med ett kryss. Att ta bort det är ett tryck, inte en ny sökning.
04
Bli stammis
Med ”+ Följ” följer man ett ställe. Det man följer styr vad Anslagstavlan föreslår, så att man inte missar nästa kväll.
05
Sök med direkt svar
Söker man efter en plats i filtret visas träffen direkt, och knappen räknar ner till ”Visa 1 resultat”.
Byggt på ett komponentbibliotek. Gränssnittet bygger på komponenter med varianter för olika lägen, som filterpanelens tillstånd, rader, sidhuvuden och knappar. Det gjorde det snabbt att iterera och gav utvecklaren en gemensam grund att bygga från.
DELAR AV KOMPONENTBIBLIOTEKET
07 / RESULTAT OCH NÄSTA STEG
Ett tydligt behov på båda sidor
Testerna bekräftade behovet. Både arrangörer och publik visade tydligt att de behövde appen. Flera bad oss höra av oss när den är klar, så att de kan börja använda den.
Vi börjar i Göteborg. Staden har tätt mellan aktiviteterna och ett kulturliv som redan är aktivt, men som i dag främst syns på Facebook. Här finns både ett stort utbud och många som vill ut och utforska. Appen samlar och kurerar det som i dag är utspritt.
Nästa steg. Designen för MVP:n är klar. Nu ska appen utvecklas för lansering, testas som beta med riktiga användare, lanseras och fortsätta itereras.