Everything About Design You Should Know

Wireframe and prototype are the essential parts of the website or mobile app design process, and the purpose of them is to present the design concept and the basic function for the clients. However, the clients just suggest pushing forward the design process and development stages by skipping the step of wireframing or prototyping. This is a idea that often derived from the client who does not understand what is a wireframe, and what is a prototype, as well as the importance of the wireframe and prototype in the entire project. Before asking the what the difference between wireframe and prototype is, I think you must realize that they are different terms. What is a wireframe? A wireframe is a graphical skeleton of a website, that guides the content and concepts of the pages, and helps designers and clients to discuss the details of the website building.The simple wireframe is a kind of low fidelity design, it consists lines, boxes, and grayscale colors. The black-and-white...

Originally coming from the rock music, the terms of “ high fidelity and low fidelity ” were used to describe the sound and playing skills of the rock and roll at the end of the 1980s. Likewise, there are three levels of fidelity in design including low, mid and high fidelity to refer to the level of details and functionality built into a prototype. The debate about using low versus high fidelity prototyping is on-going and it’s worth thinking how much a prototype should resemble the final version of your product. In the following, I will walk you through the basics and difference lying in the high fidelity and low fidelity, explaining why and how to make lo-fi prototyping for better design. 1. What is the difference between high fidelity and low fidelity prototyping? Generally, there is no fixed recipe for successful prototyping, but there is a distinction made between the high fidelity and low fidelity prototypes. One of the major differences between them is the refinement of...