• The 4 Phases
  • All Methods
    • Phase 1Observation
      • 5 Whys
      • 6 Thinking Hats
      • AEIOU Framework
      • Card Sorting
      • Collage
      • Competitive Analysis
      • Content Audit
      • Contextual Inquiry Plan
      • Crazy Eights
      • Eisenhower Matrix
      • Empathy Map
      • Field Study
      • Focus Groups
      • Future Trends
      • How Might We
      • Hypothesis Testing
      • Jobs-to-be-done (JTBD)
      • Journey Mapping
      • Knowns and Unknowns Framework
      • Lessons Learned
      • Mental Models
      • Mind Mapping
      • Moodboards
      • Mystery Shopping
      • Netnography
      • Observation
      • Personas
      • Poems
      • Poster Session
      • Product Love Letters
      • Stakeholder Map
      • Surveys
      • World Café
      • Worst Possible Ideas
    • Phase 2Creation
      • 6 Thinking Hats
      • 6-3-5 Brainwriting
      • Bodystorming
      • Brainstorming
      • Business Model Canvas (BMC)
      • Card Sorting
      • Challenge Assumptions
      • Click Dummy
      • Collage
      • Could, Should, Must
      • Crazy Eights
      • Dark Horse Prototype
      • Eisenhower Matrix
      • Emotional Journey Map
      • Empathy Map
      • Field Study
      • Focus Groups
      • How Might We
      • Hypothesis Testing
      • Innovation Board
      • Jobs-to-be-done (JTBD)
      • Journey Mapping
      • Knowns and Unknowns Framework
      • Low-Fidelity Prototyping
      • Mental Models
      • Mind Mapping
      • Mobile Diaries
      • Moodboards
      • One-Minute-Pitch
      • Personas
      • Pluralistic Walkthrough
      • Poster Session
      • Product Love Letters
      • Remote Usability Test
      • SCAMPER
      • Service Blueprints
      • Stakeholder Map
      • Storyboards
      • Surveys
      • SWOT Analysis
      • User Testing
      • Value Proposition
      • Walt Disney Method
      • Wizard of Oz
      • World Café
      • Worst Possible Ideas
      • Wow-How-Now Matrix
    • Phase 3Implementation
      • A/B Testing
      • Business Model Canvas (BMC)
      • Could, Should, Must
      • Eye Tracking
      • Golden Circle
      • High-Fidelity Prototype
      • Innovation Board
      • Low-Fidelity Prototyping
      • Mobile Diaries
      • One-Minute-Pitch
      • Pluralistic Walkthrough
      • Product Love Letters
      • Remote Usability Test
      • Service Blueprints
      • Storyboards
      • SWOT Analysis
      • User Interviews
      • User Stories
    • Phase 4Validation
      • A/B Testing
      • Competitive Analysis
      • Concept Testing Plan
      • Contextual Inquiry Plan
      • Eye Tracking
      • HEART Framework
      • High-Fidelity Prototype
      • Hypothesis Testing
      • Innovation Board
      • KPI Tracking
      • One-Minute-Pitch
      • Pluralistic Walkthrough
      • Remote Usability Test
      • SCAMPER
      • Search-Log Analysis
      • Service Blueprints
      • Social Media Monitoring
      • Surveys
      • User Interviews
      • User Stories
      • User Testing
  • Workshop Bundles
  • About us
  • Meet the Creators
  • Get support
  1. UX Toolkit
  2. Methods
  3. High-Fidelity Prototype
advancedimplementationvalidation
High-Fidelity PrototypeCreate an interactive experience.
1 – 2 weeks5+ Participantsworkshopreviewresearch
+3
Summary
A High-Fidelity (Hi-Fi) Prototype is, unlike a Low-Fidelity Prototype, a visualization of a product or service in the development phase, which is already close to the final look and feel. Instead of craft materials, prototype software is used to create a detailed design and to make the experience interactive.
Step-by-step
  1. At the beginning of the High-Fidelity Prototype process, a tool is chosen with which the approach, that so far has existed only as a Low-Fidelity Prototype, becomes interactive. There are various tools for this, such as Figma, Invision, or Adobe XD.
  2. An interactive prototype can now be created from the visual designs of the product/service with the help of the previously selected tool. For this, it should be clear which functions are available to users, such as navigation elements or onboardings. Prepare the user flows. The goal is to test the product or service under realistic circumstances with users (and customers if necessary) before launching it to the market.
  3. Good design is user-centered. For this, prototypes must be tested and evaluated regularly. This also applies to the High-Fidelity Prototype. The findings from the tests are incorporated into a new version of a Hi-Fi Prototype to test it again. The more often this process is gone through, the higher the chances of success on the market.
What you need
  • Figma (optional)
  • Invision (optional)
External resources
  • Figma Tutorial: Prototyping & Transitions
    by Figma
Do you have a question?
These methods might seem simple, but applying them in a real project is another story. We’re there to help. If you have any questions, do not hesitate to get in touch with us at the User Experience Strategy & Design team.
Ask Away!
Explore similar methods
Surveysobservation
50+ Participants
5 – 30 d

Method for collecting quantitive data on a certain topic.

Social Media Monitoringvalidation
1+ Participants
weeks – months

Compute the value of a brand or company.

Remote Usability Testcreation
6+ Participants
65 – 135 min

Test despite physical distance.

6 Thinking Hatsobservation
6+ Participants
45 – 90 min

Spot quality ideas after having generated a good amount of output.

Stakeholder Mapobservation
1+ Participants
4 – 8 h

Understand who can influence the product or could be affected by it.

© Merck KGaA, Darmstadt, Germany, 2022.
Follow us
  • Dribbble
  • Instagram
  • Medium
  • Behance
Phases
  • Observation
  • Creation
  • Implementation
  • Validation
Learn more
  • About Us
  • User Experience Strategy & Design
  • Liquid Design System
Legal
  • Data Privacy
  • Terms and Conditions
  • Imprint
Follow us
  • Dribbble
  • Instagram
  • Medium
  • Behance
This website uses cookies to give you the best, most relevant experience. Using this website means you’re OK with this. You can change which cookies are set at any time – and find out more about them in our Cookie Policy.