Grnänsnittsförslag till filmstadens app för förbättrad användarupplevelse

Om projektet
I detta projekt analyserade jag Filmstadens app med fokus på användbarhet och informationsflöde. Genom en observationsstudie identifierade jag centrala problem i gränssnittet, bland annat otydlig navigering och bristande flöde i bokningsprocessen. Med stöd i teorier från bland annat Don Norman tog jag fram förslag på förbättringar som syftade till att skapa en mer intuitiv och användarvänlig upplevelse. Arbetet omfattade analoga skisser, mockups och scenarier, där varje lösning baserades på en specifik designprincip eller brukskvalitet. Projektet examinerades genom gestaltande analogt arbete vilket gav mig praktisk erfarenhet av att arbeta analogt samt analysera, värdera och utveckla digitala gränssnitt med ett användarcentrerat fokus.
Roll
UX Designerstudent
Långvarighet
5 veckor
datum
10/10-3/11-2023
Designprocess
Analys av användare
Problemformulering
Filmstadens app upplevs som rörig och svårnavigerad, vilket gör det svårt för användare att snabbt och smidigt genomföra centrala uppgifter som att boka biljetter eller hitta information om filmer. Bristande tydlighet i gränssnittet och ett ologiskt flöde skapar frustration och försämrar användarupplevelsen. Användare behöver navigera mellan olika sidor för att ta del av både information om filmer och se visningsschemat för dessa. Det finns därför ett behov av att analysera appens användargränssnitt ur ett användarcentrerat perspektiv och utveckla designförslag som förbättrar struktur, flöde och interaktion. Följande 3 gränssnittsförslag behandlar samma problem.
Gränssnittsförslag 1: Skiss



Här har jag lagt till en info-knapp direkt på bokningssidan (köp) där man ser vilka filmer som visas ett visst datum. Detta så att användaren inte behöver hoppa mellan de olika sidorna i appen och leta reda på den film som man vill veta mer om via sidorna filmer och sök. En mycket enkel lösning som råder bot på mycket frustration. I relation till brukskontexten för min användare med afantasi (inget bildminne) är det extra värdefullt att snabbt och enkelt kunna bli påmind om de olika filmernas handlingar.
Gränssnittsförslag 2: Scenario

Förslag 2 är ett scenario av min användare som blir frustrerad av han inte kan se filmernas handling på sidan köp. Lösningen är en digital assistent i appen som snabbt och smidigt hjälper användaren att ta fram den info som efterfrågas utan att användaren behöver navigera mellan olika sidor i applikationen. Användaren får hjälp av Jet som snabbt svarar när min användare säger hans namn och tar fram både filmbeskrivning och trailer samt läser upp beskrivningen för honom. Detta underlättar för min användare av samma anledning som gränssnittsförslag 1.
Gränssnittsförslag 3: Mockup
Här ligger mina ändringar i de två första bilderna. Jag har bytt namn på knappen “Köp biljetter” till “Gå vidare”. En förändring som innebär att köpsidan kompletteras med info om filmen högst upp. Användaren kan med ett knapptryck backa och komma tillbaka till översikten av filmer som visas det valda datumet eller skrolla ned för att välja platser och genomföra köpet. Detta samlar ihop flera funktioner och underlättar användarflödet drastiskt, istället för att låta användaren direkt hamna i plats- och betalningsval utan tillgång till tydlig information om filmen.
Lärdomar
Under projektet utvecklade jag min förmåga att skissa och visualisera idéer på ett tydligt sätt. Jag lärde mig hur skisser kan användas som ett verktyg för att tänka, testa och kommunicera designlösningar. Jag fick även insikt i hur värdefullt det är att observera verkliga användare för att förstå deras behov och utmaningar. Jag lärde mig att koppla mina analyser till teori och omsätta dem i egna designförslag. Arbetet med analoga skisser hjälpte mig att snabbt utforska idéer och se hur små förändringar kan göra stor skillnad för användarupplevelsen.










