Wireframes

Developing and communicating a plan is traditionally done as a drawing--think about floor plans, blueprints, or engineering drawings. The same approach is also used for designing user interfaces, and in a broader sense, digital experiences. 

Note

Wireframes are used to define user interface requirements for digital solutions. They represent the UI skeleton of a single view or a single page. 

Wireflows don't need to cover every single view or screen from a digital solution. We aim to showcase key interactions and templates, from which the remainder of the solution's UI skeleton can be extrapolated. So we usually start with one or a few wireframes and then create more only when needed. 

Note

Create the first wireframe for your solution alone: Even if you are relatively new to user experience or UI design, you have seen and used countless apps, websites, and other digital solutions. You should have a strong judgement. Ideally, you have seen users during your tests, or you can trust your...