• All Methods
    • Strategize
      • 5D Framework
      • Break Down 4
      • Business Model Canvas
      • Competitive Analysis
      • Could, Should, Must
      • Dot Coding
      • Eisenhower Matrix
      • Future Trends
      • Golden Circle
      • HEART Framework
      • How Might We
      • Innovation Board
      • Knowns and Unknowns Framework
      • KPI Tracking
      • Minimum Viable Product
      • One-Minute-Pitch
      • Stakeholder Map
      • SWOT Analysis
      • User Stories
      • Value Proposition
    • Observe
      • 5 Whys
      • 6 Thinking Hats
      • AEIOU Framework
      • Challenge Assumptions
      • Content Audit
      • Contextual Inquiry Plan
      • Emotional Journey Map
      • Empathy Map
      • Field Study
      • Focus Groups
      • Jobs-to-be-done
      • Journey Mapping
      • Mental Models
      • Mobile Diaries
      • Mystery Shopping
      • Netnography
      • Observation
      • Personas
      • Poems
      • Product Love Letters
      • Search-Log Analysis
      • Social Media Monitoring
      • Surveys
      • User Interviews
    • Ideate
      • 6-3-5 Brainwriting
      • Bodystorming
      • Brainstorming
      • Card Sorting
      • Collage
      • Crazy Eights
      • Dark Horse Prototyping
      • Mind Mapping
      • Moodboards
      • SCAMPER
      • Service Blueprints
      • Storyboards
      • Walt Disney Method
      • Worst Possible Ideas
      • Wow-How-Now Matrix
    • Validate
      • A/B Testing
      • Click Dummy
      • Concept Testing Plan
      • Eye Tracking
      • High-Fidelity Prototyping
      • Hypothesis Testing
      • Lessons Learned
      • Low-Fidelity Prototyping
      • Pluralistic Walkthrough
      • Poster Session
      • Remote Usability Test
      • User Testing
      • Wizard of Oz
      • World Café
    • Warm-up
      • 5 Whys
      • Brainstorming
      • Break Down 4
      • Crazy Eights
      • Destroy and Defend
      • Emoji Challenge
      • Hidden Similarities
      • Impromotion
      • Mind Mapping
      • Product Pitch
      • The Aliens Have Landed
      • Touch Blue
      • Two Truths and a Lie
      • Viewpoint Spectrogram
      • What's on your Desk?
  • Workshop Bundles
  • About us
  • Meet the Creators
  • Get Support
  1. UX Strategy Kit
  2. Methods
  3. High-Fidelity Prototyping
advancedvalidate
High-Fidelity PrototypingCreate an interactive experience.
1 – 2 weeks5+ Participantsworkshopreviewresearch
+2
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
Service Blueprintsideate
2+ Participants
45 – 80 min

Describe how a service works.

Pluralistic Walkthroughvalidate
1+ Participants
70 – 150 min

Review designs in an early stage with users.

Poster Sessionvalidate
5+ Participants
50 – 95 min

Present ideas, concepts, and insights in a visually appealing way.

Value Propositionstrategize
2+ Participants
60 – 90 min

A short statement that convinces the customer to invest in your product by letting him know the product's unique selling point and which problem it solves.

User Interviewsobserve
5+ Participants
2 – 5 d

First-hands insights and observations from real or potential users.

© Merck KGaA, Darmstadt, Germany, 2023.
Follow us
  • Dribbble
  • Instagram
  • Medium
  • Behance
Categories
  • Strategize
  • Observe
  • Ideate
  • Validate
  • Warm-up
Learn more
  • About Us
  • User Experience Strategy & Design
  • Liquid Design System
Legal
  • Data Privacy
  • Terms and Conditions
  • Imprint
Follow us
  • Dribbble
  • Instagram
  • Medium
  • Behance