Wireframing and Prototyping – What’s the Difference?
Its really important to understand what is what. Many of them are confused. Lets have a look at these one by one.
Wireframing: A wireframe is a layout of a web page. Wireframes It should be used early in a project to get user and client approval on the layout of key pages and the navigation. A wireframe separates the graphic elements of a Web site from the functional elements in such a way that Web teams can easily explain how users will interact with the Web site. The wireframe usually lacks color, or graphics, since the main focus lies in functionality, behavior, and priority of content. If something takes too much time to prepare (e.g. choice of icons, uploading images), you have to represent it in a simplified way (e.g. using placeholders – crossed rectangles for images, plus an appropriate description). We tend to call wireframes low-fidelity deliverables (lo-fi). Wireframes are typically used as the documentation of the project. Since they are static they should be accompanied by the written word
Prototyping: A prototype, often confused with a wireframe, is middle to high fidelity representation of the final product. In software development, a prototype is a working model of a product or information system, usually built for demonstration purposes. A prototype is a simulation of the final interaction between the user and the interface. Beware that prototyping is rather an expensive and time-consuming form of design communication as it is a very detailed work.Tags: Project