# Wireframes Assignment

# Description

Now, you are ready to convert your hand-drawn paper prototype into a medium fidelity greyscale wireframe. Use this opportunity to improve the application user interface and add detailed UI design to support a good user experience.

Submit the first set of UI screens that supports the main end-user scenario(s) for the primary persona. Screens can include Home screen, browse screen, detail screen, and more. Include annotation to explain user flow where necessary. Your app will involve more screens, and you will continue to work on the detailed UI design. Your assignment submission at this point requires a minimum of the 3 key screens and support the task flow of 1 usage scenario.

Make sure your wireframe document is organized well in Figma.

# Things to consider

1. Branding: Does the client already have a brand? Must your team use it?
2. Screen sizes: Are you targeting one platform, or many? For example, just the iPad Retina or all products in the Samsung Galaxy series (i.e. phones and tablets)
3. Does your design comply with your chosen platform's design guidelines?
4. Information Architecture: What are the important things on the page? Are they in the right place?
5. Terminology: What labels are you using on buttons and in the headings?
6. Does your layout help users understand where to focus, where to go next, etc?
7. Did you use suitable controls for the type of information being captured?
8. Have you indicated which fields are mandatory, and which are optional?
9. Does your wireframe require any annotations to communicate the design to the person reading it?

# References

1. MAD9020 - UI Design for Mobile
2. MAD9020 course slides
3. MAD9013 - Cross-Platform Web Development

# Submission

Upload your finished work on Google Drive and add a link to Azure DevOps. Make sure to invite Adam and Adesh to your Figma files.