Project Description
Wireframes are a key element in organizing your website and building its “architecture”. However, first we must know what a wireframe is. Wireframes are: Simple black and white layouts that outline the specific size and placement of page elements, site features, and navigation. A blueprint, or road map of sorts, so you can easily see the structural elements without any design features (colors, fonts, logos, etc.). To skip wireframes is a huge mistake that proves disastrous for any web site and here is why: Low fidelity wireframes define navigation, framework and basic structure. They are useful deciding very basic functionality as well as navigation layout. They assist the project team start conversations and collaborate more effectively since low fidelity wireframes are abstract. Typically low fidelity wireframes resemble rough sketches or a quick mock-ups with less detail and are quick to produce. They use grey boxes and labels to represent elements and “dummy” text to represent content. High-Fidelity wireframes are the next step and add details missing from low fidelity wireframes. They define the visual hierarchy of the page, define the look and feel of elements, and contain main headers and many text elements. High fidelity wireframes provide a clear visualization to allow the development team to begin their work.
High-Fidelity wireframes provide a more realistic experience of the desired final product and are used for demonstrating user-flows and usability testing. This will greatly increase the success of the project by avoiding development updates later on. Back to portfolio or case studies
