Annotated Wireframes

Wireframes act as the outline of our app. This solidifies the number of screens as well as the general outline of the contents. This is a more professional version of the conglomerated sketches previously drawn out by hand and by multiple group members.

Each image is a screen thought to be necessary by the entire team rather than individual group members. The design was also selected based on the previous sketches that were collected together. They were drawn on the website https://projects.invisionapp.com/ where we each drew the total screens based on the paper sketches and sitemap whilst adding more or less as necessary. Annotations help the viewer understand the intended actions.

This wireframe will then be added color, fonts, and images to produce the high fidelity prototypes that will finalize our product. Adjustments will be added here and there as we transition through the changes and collect more input regarding the design itself.

Leave a comment

Design a site like this with WordPress.com
Get started