# Interactive Wireframe Assignment

# Description

Based on your initial wireframe, you are to produce a fully interactive wireframe to demonstrate the functionality, user flow, and interaction design of your app. Your interactive wireframe should cover all Phase 1 tasks.

The interactive wireframe will tell the same story of the usage scenarios. Your interactive wireframe will reveal to the client for the first time your team's vision as to how your app solution will look, feel, and navigate between screens.

If your application is a web app, your final design will need to be responsive. You are expected to wireframe, design, and develop for all sizes. However, for the interactive wireframe deliverable, you only need to make an interactive prototype for the screen sized that the majority of users will use based on your user research. For example, if most users will be using desktop, make your interactive wireframe for desktop.

In the case you are creating both an native app and a web app dashboard, you will likely need to make two separate wireframes with the respective tasks demonstrated at different screen sizes.

# Things to verify

1. Screen sizes: Demonstrated to elicit platform decision in the client meeting
2. Design: Complied with chosen platform design standards and guidelines
3. Information Architecture: Well-illustrated with clear navigation, labels, and content hierarchy
4. Terminology: Used consistenly and documented for client review
5. Layout: Telling users where they are, what to focus, where to go next
6. Controls: Implemented correctly for different types of information
7. Fields: Identified clearly for mandatory or optional input
8. Annotations: Included to communicate the design to the person reviewing it

# References

1. MAD9020 - UI Design for Mobile
2. MAD9013 - Cross-Platform Web Development (Fall 2022, Fall 2021)
3. MAD9034 – User Experience Design

# Submission

Submit your finished work through a Figma link via Azure DevOps. Make sure to invite Adam and Adesh to your Figma file.