Wireframing in UI/UX Design

What, Why, and How about using Wireframes

A Typical Wireframe for Mobile and Web Application Design

1. Why do UI/UX designers use Wireframes?

a. Saves Time

b. Helps Gathering Feedback

c. Creating Accurate Designs

2. What are the different types of wireframes?

a. Low Fidelity wireframes (Lo-Fi)

b) Mid Fidelity Wireframes (Mi-Fi)

c) High Fidelity wireframes (Hi-Fi)

3. Types of Wireframing tools

a. Figma

b. Sketch

c. Adobe

d. Balsamiq

4. Advantages of Wireframing

  1. Wireframing provides an early visual that can be used to review with the client. Users can also review it as an early feedback mechanism for usability tests.
  2. Wireframes clarify the features of the product. A wireframe provides clear communication to a client how these features will function, where they will appear on the specific page and how useful they might actually be.

5. Disadvantages of Wireframing




Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Designerrs Academy

Designerrs Academy provides a safe learning space for designers across the world. With a vision to “Democratise Design Education”.