Web Design » UI UX » What is Wireframing in UI UX?

What is Wireframing in UI UX?

Last updated on September 24, 2022 @ 9:59 pm

Wireframing is a process of designing a user interface before any code is written. It is a way of thinking about and planning how a user interface will look and function.

Wireframing can be done with paper and pencil, but is most commonly done in software such as Axure or Sketch.

Wireframing helps designers understand how users will interact with the interface and makes it possible to test the design before any coding is done. It can also help avoid design problems in the later stages of development.

PRO TIP: Wireframing is the process of creating a basic layout for a website or app. It is typically used by designers to plan out the structure of a page or user flow. Wireframes are usually created using simple shapes and lines, and do not include any visual design elements. This makes them different from prototypes, which are more detailed and often include some level of visual design.

Some advantages of using wireframing software include the ability to create high-quality mockUPS quickly and the ability to share the designs with other team members.

However, there are also some disadvantages to using wireframing software. Sometimes the designs produced are not as refined as those produced with traditional design tools and the feedback loop between designer and user is not as immediate.

Overall, wireframing is an effective way of planning and designing a user interface. It can help to avoid problems in later stages of development and produce high-quality mockUPS.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.