Following on from the previous presentation and meeting with the team, I have created a high-fidelity prototype. This prototype will be used to gather some initial feedback to help us make any major changes before implementing it into our final coded app.
“ high-fidelity prototypes are highly functional and interactive. They are very close to the final product, with most of the necessary design assets and components developed and integrated.”
Emily Esposito (2018)
This high-fidelity prototype is designed to look very similar to the final app. This includes using interactivity to make the application look more familiar to the users intending to receive natural responses.
This prototype will look very similar to the final product so the user should interact almost exactly as they would if we were to release the app in it’s current state.
Another advantage of this high-fidelity prototype over the wireframes designed previously is that it’s much more presentable to stakeholders or our target audience. If we were to show our wireframes to our target audience due to wireframes being very simplistic we would not receive any valuable feedback.
Adobe XD
This prototype has been designed in Adobe XD. I chose this application as it is very easy to create links between pages and change them if any improvements need to be made. Adobe XD also allows you to share the prototype through a link which opens in a browser meaning you can email or message the prototype to anyone without having to meet them in person.
High-Fidelity Prototype:
High-Fidelity PrototypeMoving Forward:
On Monday (25th March) we have a session dedicated to user testing. I will use this session to gather feedback using this prototype. This will allow me to make any changes before I start working with Jordan (developer) to implement the design into the application.
References:
Emily Esposito (2018) Low-fidelity vs. high-fidelity prototyping Available at:https://www.invisionapp.com/inside-design/low-fi-vs-hi-fi-prototyping/ (Accessed 21/03/19)
