Annotated Wireframes

The annotated wireframe is a slide deck of each element in our information architecture, with pointers and explanations of each feature presented on the page.

We created this so that viewers can see an overview of the purpose and functionality of our system. 

​

Before this annotated wireframe, we created our low-fidelity prototype. The annotated wireframe takes pages from our low-fidelity prototype as visuals for the slide deck. 

​

After our annotated the wireframe, we created our high fidelity prototype using our research based on our user findings. 

​

Below is a link to our annotated wireframe slide deck.