Vis Ix Des1 Learning Diary 05

Low, Mid & High Fidelity Prototype

The process of making prototypes is always confusing and complex to me. I used to do all of my project with only two steps: brainstorming and implementation. Directly go into the process of finding style guide and altering tiny details in the design, I was not realized that I missed the opportunities of doing more macro-level changes and make the whole project better. This kind of opportunity if provided by creating low or mid-fidelity prototypes. Low-fidelity prototypes are the foundation of the whole project. Abandoning all the details of graphic design and animation consideration, low-fi prototypes can show the structure of the app easily and effortlessly. If there is any changes that the designer want to make to the structure of the app, then it can be changed easily. Though the defect of low-fi prototype is that it can not be interacted with obviously and easily, comparing to high-fi prototype. Comparing to low-fi prototype, mid-fi prototype enhances the importance of each UI elements in the wireframe. Using grayscale, which can indicate the importance of the specific elements with different dark color, rather than simple lines, the clients can further understanding the structure of the app with the possible click through and user focuses on the app. And of course high-fi prototype is the closest one with the real product. It should have detailed graphic design, thoughtful structure and user flow, well designed transition and animation, and a clear presentation to the client. It is extremely necessary for a IxD designer to go through all these three steps, and this is also an unavoidable process when the designer is trying to create a optimal product.

Prototyping 101: The Difference between Low-Fidelity and High-Fidelity Prototypes and When to Use Each

Write a Comment