What is wireframing? Prototyping tools for Windows for free

Hello again, 

When it comes to the UX writing it is worth mentioning here the term wireframing - which is a crucial part of designing our product and writing. Wireframe is a two-dimensional outline of a web or app. 💥

As Jahe writes "wireframes provide a clear overview of the page structure, layout, information architecture, user flow, functionality, and intended behaviors." Wireframing is used by UX designers. 

Do you want to know how to wireframe? Tutorial below:

Types of wireframes: 

1. Low-fidelity wireframes 
2. Mid-fidelity wireframes  
3. High-fidelity wireframes

Following programmes are free prorotyping tools for Windows:

• Pencil Project
• Mockflow
• Wireframe.cc
• Fluid.ui
• Moqups

Pencil Project is based on the Mozilla platform that could be used to create wireframes. Here you can create templates, flowcharts, drag and drop. 

Here you can find a Pencil wireframe tutorial: 

In Mockflow you can:

• use presentation tools 
• collaborate 
• manage feedback
• create wireframes

In Wireframe.cc you can:

• create wireframes 
• collaborate
• have interactive elements 
• have mobile interface

• 
  
  In FluidUI you can:

• design prototypes 
• collaborate 
• use testing
• drag and drop 
• manage feedback
• create wireframes

• 
  
• 
  
• FluidUI tutorial:
• 
  In Moqups you can:

• use diagramming tools, 
• use flowcharts, 
• collaborate
• create wireframes

• 
  
• 
  
  
  

Bibliography:

Camren, B. (2020). 9 Best Free Wireframe Tools for UX Designers for 2021. Retrieved from: https://careerfoundry.com/en/blog/ux-design/free-wireframing-tools/

Calvin, P. (2018). 5 Free UX Design tools in 2020 (that are actually free).

 Retrieved from: https://uxdesignmastery.com/5-free-ux-design-tools-in-2018-that-are-actually-free/

Jahe, H. (2019). What exactly is wireframing? A comprehensive guide. Retrieved from: https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe-guide/