A Family Owned Business
Design

Three Levels of Layout Fidelity: Low, Mid, and High

Splitting layout development for a website or web page into three different stages maximizes client satisfaction as they are asked to review and provide feedback on the layout

Published on
February 19, 2020

The Standard Operating Procedure for designing a website or web page is to do so in steps or phases. Three in number, these phases - often referred to as the three levels of layout fidelity - are low fidelity, mid fidelity, and high fidelity. Splitting layout development for a website or web page into three different stages maximizes client satisfaction as they are asked to review and provide feedback on the layout at the completion of each stage. Such a broken down web design process also allows the designer to make adjustments to the layout on the go, while at the same time minimizing the amount of work that will come undone if something needs to be changed.

Low Fidelity Layout

A low fidelity layout is simply a primitive design or idea of the website or web page, often on paper or in the form of an early sketch. Low fidelity layouts are perfectly suited to the purpose of facilitating communication and collaboration between the designer and the client to make sure the designer gets a good idea of what the client is looking for. A low fidelity layout is basically the client's requirements and ideas, fleshed out in rough by the designer. The client can look at a low fidelity layout to gauge how much of what they desire was conveyed to the designer and how much they understood, whereas the designer can use it to understand what exactly the client wants without doing any actual web design work. These are basically web design "pitches" the designer and client can work on to perfect, and then proceed from there.

Mid Fidelity Layout

Also known as a wireframe, a mid fidelity layout is the bare bones of website or web page - a semi-functional layout with no aesthetic elements to speak of. Mid fidelity layouts are used to demonstrate and develop the User Experience (UX) the final product will offer - how all of the elements on the page will work, and how each element will interact with the user. Such a layout will have all of the inner workings of an actual website to be reviewed and edited as necessary, without any of the graphical pizzazz finished web pages have.

High Fidelity Layout

A high fidelity layout is the closest it gets to the final, live website or web page without actually being it. Also known as high-fi or hi-fi layouts, these layouts are meant to be almost as functional as the finished product so that they may be tested and their usability data recorded. High fidelity layouts showcase both the User Interface (UI) and the User Experience (UX), allowing the client to make sure everything is as they wanted it and the designer to hunt for bugs or inconsistencies within the design that need to be fixed before the layout goes live.

A website is a MUST

Contact Us Today

More Great Content

Why Your Business Should Have a Website

February 17, 2020

Why Your Business Should Have a Website

It's the year 2020 - the World Wide Web is the biggest thing since man invented the wheel, introverts are flourishing (both in workplaces and on social media), and E-Commerce

Three Levels of Layout Fidelity: Low, Mid, and High

February 11, 2020

Three Levels of Layout Fidelity: Low, Mid, and High

Splitting layout development for a website or web page into three different stages maximizes client satisfaction as they are asked to review and provide feedback on the layout