Introduction to Wireframing and its Principles

What is Wireframing ?

A wireframe is a layout of a digital interfaces that demonstrates what interface elements will exist on the page. Its commonly used to lay out content and functionality on a page which takes into account user needs and user journeys.

Especially in agile enterprises and startups where there is collaborative and iterative nature of product design and development the importance of Wireframing is more crucial. They play invaluable role in sticking everyone on the same page and see the glimbs of how the information, user journey and layout of the application is structured out.

Why Wireframing?

Wireframes serves like blueprint for design. They lay down path for conceptual structuring out application whether its visually or structurally. Wireframes helps us in communicating following points:

Content: It helps us to know what are the contents which are displayed on the page.

Structure: How the pieces of the application can fit together ?

Information hierarchy: How are the information organised and displayed together.

Functionality: How will the interface work ?

Behaviour: How will the users interact with the interface ? And how does it behave ?

The actual purpose of wireframes varies with the people creating or using them. Its more of like conveying the information we need others to know whether we hand sketch it or prototype it for other to take the clear vision of the product.

Who Uses Wireframing?

Interaction designers, UX designers, Information architects, Illustrators, Graphic designers, Developers, Business analysts, Stakeholders, Usability ExpertsProject managers, Executives, Partners, Clients and more other people are benefited with the process of wireframing.

In short everyone involved in the making of the product uses and are benefited by wireframes.

NewsUI/UX Design

DesignInformation ArchitectureUIUXWeb


Leave a Reply

Your email address will not be published. Required fields are marked *