QuickQuiz – UX-prisnominerad multiplayer-quizapp
UX-prisnominerad realtids-multiplayer-quizapp.
Besök live-projektet →QuickQuiz är en tävlingsinriktad multiplayer-quizapp designad för unga användare som gillar snabba utmaningar och socialt spel. Utvecklad som ett universitetsprojekt i grupp fokuserar appen på att förvandla traditionella quiz till en engagerande realtidsupplevelse där användare tävlar med vänner, följer sina framsteg och klättrar på topplistor. Projektet nominerades senare till ett UX-pris, som ett erkännande av dess interaktionsdesign, UX-beslut och helhetskoncept.
Vad produkten gör
Användare kan spela quiz ensamma eller utmana vänner i realtid. Appen erbjuder flera spellägen, vart och ett utformat för att skapa olika nivåer av spänning, progression och engagemang:
- Normalläge: anpassa svårighetsgrad, kategori och antal frågor
- Pyramidläge: en stegvis utmaning där frågornas svårighet ökar steg för steg och poängen bidrar till topplistan
- Vänsystem: närvaroindikatorer (online, inaktiv, offline) och utmaningar i realtid
- Topplistor: poängspårning och tävlingsinriktad progression
Upplevelsen är medvetet tävlingsinriktad, snabb och visuellt djärv för att tilltala målgruppen.
UX & interaktionsdesign
Ett stort fokus i projektet var hur UX påverkar känslor och beteende. Designbesluten syftade till att:
- Minska tomrum och hålla användaren visuellt engagerad
- Använda mörka teman med lila accenter för ökad kontrast och fokus
- Införa animationer och rörelse (vågeffekter, svarsvändningar) för att skapa spänning
- Tydligt guida användaren genom pyramidprogressionen med visuella ledtrådar och navigeringshjälp
Användarutvärderingar ledde till flera iterationer som förbättrade tydlighet, stressbalans och navigering, särskilt i pyramidläget. Denna noggranna UX-process var en viktig anledning till att projektet stack ut vid utvärderingen.
Realtid & social närvaro
Appen innehåller funktioner för närvaro och interaktion i realtid:
- Live-statusindikatorer för vänner (online, inaktiv, offline)
- Direkta utmaningsinbjudningar och notiser
- Förhindrande av dubbletter av utmaningar med tydlig återkoppling
- Notishantering för vänförfrågningar och spelinbjudningar
Funktionerna utformades för att stödja spontant spel utan förvirring eller friktion.
Process & utveckling
Projektet följde en strukturerad, UX-driven process:
- Inledande workshops och konceptdiskussioner
- Definition av funktioner och kartläggning av UX-flöden (Miro)
- MVP-implementation
- Användarutvärdering och insamling av återkoppling
- UX/UI-förfiningar och buggfixar
Detta samarbetsinriktade, iterativa arbetssätt var en viktig anledning till att projektet fick UX-erkännande.
Teknisk översikt
Arkitektur: MVP med realtidsfunktioner
- Frontend: React, Tailwind CSS för responsiv design och snabb iteration
- Backend & databas: Firebase Firestore för datasynkronisering i realtid
- API:er: Open Trivia Database för quizinnehåll, Pexels för bilder
- UI & prototyper: pappersskisser, Figma för designsamarbete
- Bibliotek: MUI för komponentdesign, Lucide för ikonsystemet
Team
Utvecklad i samarbete av:
- Aren Seferi
- Erik S.
- Haoxuan Z.
- Jingyi Y.
Lärdomar
QuickQuiz visar starkt UX-tänk under begränsningar, samarbetsinriktad produktutveckling, interaktionsdesign i realtid och datadriven iteration baserad på användaråterkoppling. Det kompletterar kund- och soloprojekt genom att visa designprocess, experimenterande och lagarbete, inte bara leverans. UX-prisnomineringen är ett erkännande av teamets engagemang för användarcentrerad design och interaktionskvalitet.