# Type of Prototypes

**1. Wireframes**\
Wireframes are basic, low-fidelity visual representations of a design. They focus on layout and structure without emphasizing visual design details. Their purpose is to map out the placement of key elements like headers, footers, navigation, and content.

**2. Mockups**\
Mockups are high-fidelity static designs with detailed visuals such as colors, typography, and images. Purpos&#x65;**:** To present how the final product will look.

**3. Interactive Prototypes**\
Interactive prototypes simulate user interaction with the design. They include clickable elements to mimic navigation and transitions. Purpos&#x65;**:** To test usability and user flow before development.



{% embed url="https://www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/" %}

