step 2: High-Fidelity Wireframes & App Mockup
Our next step was to take our low-fi wireframes and create high-fidelity versions of them. This process included the creation of most of the elements/icons that make up the interface, as well as include features that we brainstormed as a team during our initial app pitch.
Using high-fidelity wireframes help with the representation of the end product which allowed us to move onto the next step of creating final mockup versions of our mobile app interface using Photoshop.
step 3: InvisionApp Testing
After finishing the mockups in Photoshop, it was time to test our interfaces using InvisionApp.com.
Invision allowed us to collaborate, test, and experiment with designing templates and ideas on a digital dashboard.
Once we uploaded our mockups to Invision and started creating interactivity for them it was time to share the prototype with a few of our classmates for feedback and better improve our app before finalizing it.
final step: Post Feedback and Finalization
With the help of the feedback received from our classmates and team members, we made minor adjustments to the implementation of our branding into the app, as well as minor changes to icons used before finalizing the project for submission and presentation.
Overall, this was a very successful group project as a whole and we received honors grading for it.