What is wireframing?

What is Wireframing: Process explained

There has always been a lot of overlap between wireframes and prototypes. In a general sense, wireframes are less detailed versions of prototypes and has a slightly different purpose.

A wireframe is basically a screen blueprint providing a visual guide that represents the bare-bones skeleton of overall all system. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.

Wireframing process involves laying out content and functionality on a page at structural level in away that takes into account the user needs and user journeys. 

what is wireframing

Advantages of Wireframing

  1. Provides an early visual to you and your clients which will help both parties to fill the gaps in understanding at a very early stage. 
  2. It serves as an early feedback mechanism for prototype usability test. 
  3. Easier to amend wireframes compared to concept prototypes.
  4. Helps in bringing the teams on the same page in sense of clarity for Project’s vision and goals in longer run.

Disadvantages of Wireframing

  1.  As wireframing lacks design element, it sometimes might get difficult for lest techie client to understand and grasp the whole intent behind wireframing.
  2. As designers will translate the wireframes to prototype, a communication channel is required to explain why the screen elements are kept as they are. 

Please follow and like us:

Leave a Reply

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