UX/UI Bootcamp
  • COURSE INFORMATION
    • UXUI Bootcamp
  • Self-Onboarding
    • Welcome
    • Your Bootcamp
    • Participation & Conduct Protocols
    • Tools
      • Google Classroom
      • Slack
      • Google Calendar
      • Zoom
      • Figma
      • Github
    • Learning Strategies
    • Complete your Self-Onboarding
  • Prepare for the Course
  • Foundations
    • What is the Foundations section?
    • Introduction to UX Design
    • User-Centered Design
    • Human-Centered Design
    • Design Thinking
      • Example of Design Thinking in a UX Project
    • Introduction to Project Management Methodologies
    • Figma
    • How to use AI
  • 1. Project
    • Milestone 1 - Research Planning
      • Introduction to User Research
      • Research Methods
        • Behavioral Research Methods
        • Attitudinal Research
        • Exploratory, Confirmatory, Evaluative Research
      • Research Planning
    • Milestone 2 - User Research
      • User Interviews
      • Qualitative Data Analysis
      • Practical Application of User Interviews
    • Milestone 3 - User Personas, User Journey Map
      • πŸ‘₯User Personas
      • πŸ›€οΈUser Journey Map
    • Recap
  • 2. Project - Mobile Application
    • Milestone 1 - UX Mapping, Empathy Map, Task Analysis, User flows
      • πŸ—ΊοΈUX Mapping Methods
      • 🐾Empathy Map
      • πŸ”°Task Analysis and User Flows
    • Milestone 2 - Information Architecture and Mid-Wireframes
      • 🏒Information Architecture
      • πŸ’»Sitemap
      • 🏞️Mobile Navigation Patterns
      • 🌠Mobile Design Patterns
      • ✏️Wireframes
    • Milestone 3 - Prototyping, Testing and Refining
      • πŸ—οΈPrototyping
        • Type of Prototypes
        • Prototyping with Figma
      • πŸ§ͺUsability Testing
    • Recap
  • 3. Project - Dashboard
    • Milestone 1 - Planning, Competitor Analysis, Design Proposal
      • Project Planning
      • Competitor Analysis
      • Desk Research
      • Design Proposal
    • Milestone 2 - Design & Prototyping
      • Mood Board
      • Style Guide
      • Component Library & UI Kits
      • Prototyping with Figma
    • Milestone 3 - Usability Test & Documentation
      • πŸ§ͺUsability Testing
      • Design documentation and Case Study
    • Recap
  • πŸ‘Credits
Powered by GitBook
On this page

Was this helpful?

  1. 2. Project - Mobile Application
  2. Milestone 3 - Prototyping, Testing and Refining
  3. Prototyping

Type of Prototypes

PreviousPrototypingNextPrototyping with Figma

Last updated 6 months ago

Was this helpful?

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. Purpose: 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. Purpose: To test usability and user flow before development.

πŸ—οΈ
UX Prototypes: Low Fidelity vs. High FidelityNielsen Norman Group
Logo