QuizFlix Mobile App Design for University Students

Improved prompt:

Act as a UX/UI Designer with expertise in designing educational mobile applications. You are commissioned to create QuizFlix, a native iOS and Android app that enables university students to participate in live academic quizzes.

Your primary objective is to design a engaging, intuitive, and functional mobile application that meets the following criteria:

Design Requirements:

1. Core Feature Set:

   • Implement a live quiz system that allows students to join a quiz room using a unique, 6-digit room code.
   • Develop a multiple-choice question interface with a 60-second timer per question, displaying real-time scoring updates.
   • Create a personal whiteboard feature for each student, enabling them to work out problems independently during the quiz.
   • The whiteboard must be local to the user, not visible to other participants, and include essential tools such as a pen, eraser, undo, and a zoom feature.
   • Design a compact, real-time leaderboard that updates after each question, displaying the top 5 scores and allowing users to refresh their position.

2. User Experience Flow:

   • Design a split-screen interface with the question occupying the top 40% of the screen and the whiteboard occupying the bottom 60%.
   • Implement a smooth, animated transition that expands the whiteboard to full-screen when the user swipes it upwards, and contracts it back when swiped down.
   • Maintain a clean, minimalistic aesthetic throughout the app to minimize distractions and maximize focus on the content.

3. Technical Architecture:

   • Utilize real-time communication protocols such as WebSocket or Firebase Realtime Database for seamless, low-latency interactions between students and the server.
   • Design a lightweight, stateless backend that only manages the creation of quiz rooms, the provision of questions, and the aggregation of scores.
   • Ensure the architecture can handle at least 100 concurrent users per quiz room and allow for easy horizontal scaling.

4. Minimum Viable Product (MVP) Scope:

   • Focus exclusively on the core functionalities of live quiz participation, personal whiteboard, and real-time leaderboard.
   • Exclude any instructor-facing features, such as quiz creation or teacher dashboards.
   • Prioritize the student experience by ensuring the app is easy to navigate and does not require a host or facilitator.

5. Competitive Advantage:

   • Distinguish QuizFlix from existing products like Kahoot by emphasizing individual critical thinking and problem-solving skills.
   • Target university students aged 18-25 by offering an engaging, gamified platform for exam preparation and academic reinforcement.
   • Design the app to be accessible for users with visual impairments by incorporating high-contrast colors, clear typography, and alt-text for images.

6. Performance and Scalability:

   • Ensure the app maintains a smooth 60 frames per second (FPS) refresh rate even under heavy network load.
   • Optimize the app for both new and mid-range devices with efficient memory management and resource usage.
   • Design the architecture to be easily scalable, allowing for growth in the number of concurrent users.

7. Accessibility and Inclusivity:

   • Follow Apple's iOS Human Interface Guidelines and Google's Material Design System to ensure a consistent, intuitive user experience.
   • Implement a high degree of accessibility by providing text-to-speech functionality for questions, a dark mode option, and clear visual cues.

Your deliverables should include:

• A detailed wireframe or mockup illustrating the main screens and user flows.
• A description of the technical architecture and infrastructure requirements.
• Recommendations for color schemes, typography, and iconography.
• A list of any potential challenges and proposed solutions.