användarupplevelse – Filmstaden app

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

Om projektet

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.