ANNOTATED WIREFRAMES

The annotated wireframes are low-fidelity mock-ups of the entire system we designed. We dove in and explored all the realms of our design, from the Goals and Tasks functionality, the Overview with a timeline, to the Communication panel. Each display we created includes points with an explanation of what each part does to increase understanding to better depict how the future application will function. This laid out a solid basis for our visual design to further improve upon and allowed us to understand how all of our ideas translated into visual representations. Moving into the final steps of creating TRUSS, these mock-ups allowed us to think about the details we wanted to improve upon and to start thinking about color palettes that would make the application enjoyable to use for mentors.