Ansvarsområden:
Genomförde intervjuer, skapade både papper- och digitala wireframes, utvecklade låg- och högupplösta prototyper, genomförde användbarhetstester, tog hänsyn till tillgänglighet och itererade på designen.
Problem:
Upptagna personer hinner inte söka efter filmer att titta på.
MÅL:
Designa en app som gör det enkelt för användare att boka biljetter och få filmtips från vänner baserat på vad de tror att användaren skulle gilla.
Min roll och använd programvara:
UX-designer. Designade en app för Mooviz biograf från koncept till färdig produkt.
Figma, Adobe photoshop, Adobe Illustrator.
Projektöversikt
User research: summering
Jag intervjuade personer om hur de går tillväga för att hitta nya trailers att titta på, hur de håller sig uppdaterade om nya filmer och vilka utmaningar de upplever när de söker efter nya filmer.
Jag märkte att många inte vill spendera för mycket tid på att leta efter filmer och trailers. De tar sig tid att titta på en trailer när den har rekommenderats av en vän eller familjemedlem.
Jag observerade också att de som gillar att se flera trailers och hålla sig uppdaterade med nyheter ofta måste besöka flera olika webbplatser för att få all information.
User research: Problemområden
pengar
Har inte råd att gå på bio så ofta som de skulle vilja. Behöver ett belöningssystem för rekommendationer.
ingen tid
Har inte tid att söka efter trailers. Behöver vänner och en app som kan rekommendera trailers.
För många platser
Måste besöka flera webbplatser för att hålla sig uppdaterad om de senaste filmerna. Behöver en allt-i-ett-lösning för nyheter.
3
2
1
Varumärkesfärger
#121111
#012A36
#E0479E
#FAF9F9
Personas
Jag skapade personas för att säkerställa att designen förblir fokuserad på de verkliga behoven och beteendena hos våra målgrupper. Dessa personas utvecklades baserat på insikter från intervjuer med riktiga användare, vilket gjorde det möjligt för mig att fånga deras mål, utmaningar och preferenser.
Genom att använda dessa fiktiva profiler kan jag bättre sätta mig in i användarnas situation och fatta mer välgrundade designbeslut. Personas hjälper teamet att prioritera funktioner, anpassa designval efter användarnas mål och säkerställa att vi skapar en produkt som verkligen möter våra målgruppers utmaningar och preferenser. Denna metod hjälper oss att undvika att designa utifrån antaganden och istället sätta upplevelsen i centrum för de personer som faktiskt kommer att använda produkten.
Paper wireframes
Jag tog mig tid att skissa iterationer av varje skärm i appen på papper för att säkerställa att de element som skulle överföras till digitala wireframes fungerade och verkligen adresserade användarnas problemområden.
Digital wireframes
Rekommendera filmen till vänner i appen och samla poäng när en vän bokar biljett.
När du har samlat tillräckligt med poäng kan du lösa in belöningar.
Betygsätt filmen och se andras betyg.
Jag baserade skärmdesignerna på den feedback jag hade samlat in om vad användaren önskade.
Poängsidan är central i appen eftersom den låter användare spara pengar när de samlat tillräckligt med poäng och samtidigt motiverar dem att rekommendera filmer till sina vänner.
Visar hur många poäng du har samlat och hur många du behöver för att nå nästa belöning.
lågupplöst prototyp
Jag skapade en lågupplöst prototyp för att visualisera designens grundstruktur och funktionalitet. Du kan utforska prototypen genom att klicka på knappen nedan, vilket tar dig till Figma. Där kan du bläddra igenom skärmarna och interagera med prototypen för att få en bättre uppfattning om användarflödet och layouten.
Low - fidelity prototype
Usability study: Insikter
Insikter från omgång 2
Jag genomförde två omgångar användbarhetstester. Insikterna från den första studien hjälpte mig att godkänna designen från wireframes till mockups. Den andra studien, som använde en högupplöst prototyp, avslöjade vilka delar av mockups som behövde förfinas.
Länken på biljettsidan var svår att tyda för användarna.
3
Att lägga till ett bankkonto utan bekräftelse skapade förvirring hos användarna.
1
Poängen under rekommenderade filmer var otydliga för användarna.
2
Insikter från omgång 1
Användaren önskar en inbjudningsfunktion för vänner.
3
Biljettsymbolen var otydlig för användaren.
1
Användarna önskar sökfunktion baserad på namn, inte endast användarnamn.
2
Mockups
Före usability study
Efter den andra användbarhetsstudien tog jag även bort poängen som visades under de rekommenderade filmerna, eftersom användarna tyckte att det var förvirrande och onödigt.
Efter usability study
Mockups
Before usability study
Efter den andra användbarhetsstudien påpekade många användare att de inte kunde läsa länken i blått på skärmen. Jag ändrade färgen till varumärkets färg för att göra den mer synlig och mer i linje med varumärket.
After usability study
Högupplöst prototyp
Jag skapade en högupplöst prototyp för att visa den slutgiltiga designen med detaljerad grafik, interaktioner och funktionalitet. Du kan klicka på knappen nedan för att se prototypen i Figma. Där kan du bläddra igenom och interagera med designen för att uppleva hela användarresan och det färdiga gränssnittet.
high - fidelity prototype
Slutliga reflektioner
Mooviz är en app för biografer som är utformad för att förenkla upplevelsen av att boka biobiljetter, rekommendera filmer till vänner och samla belöningar. Appen gör det möjligt för användare att samla poäng som kan lösas in mot gratis biljetter eller snacks och drycker på biografen. Under projektets gång genomförde jag användarundersökningar, skapade personas och utvecklade både låg- och högupplösta prototyper för att säkerställa att appen uppfyller användarnas behov. Genom att fokusera på användbarhet och sömlös interaktion strävade jag efter att skapa en app som inte bara förenklar biljettbokning utan också förbättrar den övergripande bioupplevelsen med sociala och belöningsdrivna funktioner.
