Prototype
After the design process, it was finally time for us to create prototypes of our app. We began with a low fidelity prototype, just to get the ball rolling with our project. We primarily used Figma throughout our prototyping stage. We found good placements of all our features and components during this stage before we started our high fidelity mockup.
​
We annotated our wireframes after so that we got a good sense of what each button/action does and how we want users to navigate the app. We were then ready for our final prototype, which you can see below (its also linked to our Figma so you can try the app!)
Lo-Fi Prototype
We started the prototyping process by making a low fidelity mockup of our app. Creating a meaningful lo-fi prototype of the application is a crucial step to point us in the right direction. By throwing our collective suggestions together, we can find a cohesive idea of what the final product might look like. It is a time of experimentation and non- conventional solutions that can smooth out the process of uncertainty.
Through the lo-fi prototyping process, we found the proper placement of all of the necessary components that we agreed on during the design stage of our project. We also created a really solid framework that we planned on following for the high-fidelity prototype afterwards. We asked users to navigate through the lo-fi prototype without any help, and they gave us very useful feedback that we would then improve upon in our final product.
Evaluation Findings
After creating a prototype, we reach out to potential users and gain insights on how they might actually use the app. This stage can deepen our understanding of what our audience might be looking for through their interactions. Giving them objectives to complete exposes the platforms fluidity and user-friendliness.
Annotated Wireframes
After understanding the viewpoint of our users, it's time to input their evaluations into flushed out mock-up of the apps interactions. We clearly display the layout and what actions can be accomplished in each page. A road map of the app helps us portray the goals we are led by and reflect the users values.
