Interactive Prototype for a Mobile App revamp- Create a Prototype on Figma: Design Principles, Assignment 3, Singapore

Objectives

• Gain proficiency in using essential design tools and features in Figma to create a basic interactive prototype.
• Apply fundamental principles of user experience (UX) design to develop a prototype that is intuitive and easy to navigate.
• Exhibit effective communication abilities by presenting the Figma prototype, actively incorporating feedback, and iteratively enhancing its design.

Case Scenario

In this assignment, we will proceed with the mentioned case scenario from Assignment 2 (Poster), building upon the existing context of a mobile app revamp.

As your team embarks on the initial design process, your job is to create the following on Figma:

• Low-fidelity wireframes to plan the screen layout
• High-fidelity interactive prototype that serves as an accurate preview of the final digital product.

Requirements

• Submit low-fidelity wireframes to outline the page layout, structure, and flow of the prototype, ensuring the revamped features are effectively represented for Checkpoint submission on Week 15.
• Develop a high-fidelity Figma prototype – Create sufficient screens to illustrate seamless process flows within the app, showcasing a fully functional navigation system.
• Ensure the prototype accurately represents the updated user experience and functionality of the digital product.
• Incorporate a consistent visual design language throughout the prototype, aligning with the product’s brand and style guidelines.
• Implement seamless and intuitive navigation between pages and sections of the prototype.
• Showcase interactive elements and features that enhance user engagement and interactivity.
• Conduct testing on the wireframes and incorporate feedback for iterative improvements.

Include a separate .pdf document containing the following:

• List of features
• Wireframes
• Screenshots from prototype
• Credits and references