The goal of this project is to design and test an interactive prototype for BubbleVerse, a fictional bubble tea ordering app. The three phases include creating initial wireframes, transforming them into a high-fidelity prototype, and conducting usability tests using Maze.
In the first phase, I delved into understanding the user base for BubbleVerse. I developed a user persona to represent the app's target audience, created a user scenario to outline a typical user's journey, and constructed empathy and journey maps to visualize their experience. To streamline user interactions, I crafted a user flow and translated it into wireframes, providing a visual foundation for the subsequent phases.
Building on the wireframes, I transitioned to creating a high-fidelity, interactive prototype using Figma. This phase involved careful consideration of aesthetics, user interface elements, and example content to simulate a real product. The six main screens—home, signup/login, menu, customize, order summary, and checkout—were meticulously designed, with all major processes linked for seamless navigation. The prototype aimed to mirror the envisioned user experience, encouraging engagement and facilitating user testing in the next phase.
To evaluate the effectiveness of the prototype, I employed Maze for usability testing. Identifying key tasks, such as browsing the menu, customizing drinks, and completing orders, I set up tests to measure user efficiency and satisfaction. The assigned classmates were invited to interact with the prototype, providing valuable insights into the app's functionality and user-friendliness. Through iterative testing, I refined the prototype, addressing user concerns and optimizing the overall user journey.
A detailed summary of our content approach, site presence, and social media strategy was compiled. We assessed the goals, interaction handling, and metrics examples. Research on professional dashboards for social media accounts was conducted, and a cost analysis based on time logs was calculated. We also evaluated the success of company interactions and considered the potential continuation, discontinuation, and future platforms.
The interactive prototype successfully reflected BubbleVerse's vision, allowing users to navigate seamlessly from selecting bubble tea flavors to customizing drinks and completing orders. Usability testing with Maze provided actionable feedback, leading to iterative improvements. The final prototype achieved a balance between aesthetics and functionality, aligning with the startup's goal of offering a convenient and enjoyable mobile app for bubble tea enthusiasts.
This project showcased the evolution of BubbleVerse from concept to a refined, user-tested prototype. The user-centered design approach, coupled with usability testing, ensured that the app met the needs and expectations of its target audience. The experience gained in each phase contributes to a comprehensive understanding of the design process, from ideation to user validation, laying a strong foundation for future projects.
