From Design to Decision: Unlock Deeper Insights with Video Recording for Prototype Testing

Figma has long been the go-to tool for UI/UX designers, known for its intuitive interface and real-time collaboration. In fact, over 95% of Fortune 500 companies rely on Figma, and 13 million monthly active users trust it to design and prototype digital experiences.

‍

If you’re already designing in Figma, integrating with Optimal can help to validate your ideas early, reduce costly mistakes, and deliver experiences users actually want.

‍

‍

‍

‍

‍

The Hidden Cost of Skipping Design Validation

‍

Validating designs before development and catching usability issues early has a measurable impact on both users and the business. Research consistently shows that:

‍

• Early usability testing and design validation can reduce later redesign or bug-fix costs by a significant margin up to 40-50%.
• Integrating customer insights into design decisions can increase user satisfaction by up to 70%.
• Companies that prioritize UX design experience a 50% faster time-to-market for their products.

‍

‍

‍

‍

‍

Figma + Optimal: Prototype Testing and Design Validation

‍

Instead of waiting for post-launch analytics or expensive redesigns, you can test your Figma prototypes with real users in hours, not weeks with Optimal. Get quantitative data, watch recordings, analyze heatmaps, and actually see where users struggle, all before a single line of code is written.

‍

Here’s a look into 4 practical ways teams use Figma and Optimal together.

‍

‍

‍

‍

‍

4 Ways to Test Figma Designs with Optimal

‍

‍

‍

1. Preference Testing: Let Users Pick the Winner

‍

Ever had a debate with your team about which design direction to take? Let data decide.

‍

Here's how:

• Create a Figma frame with two designs side-by-side (think: two homepage variations, competing button styles, different navigation approaches)
• Copy your Figma link and drop it into an Optimal first-click test
• Ask participants: "Which design do you prefer?"
• Watch the results roll in with heatmaps showing exactly where users clicked

‍

‍

‍

2. Concept Testing: Does Your Idea Actually Make Sense?

‍

You've got a bold new concept. It makes perfect sense to you. But will users get it?

‍

The process:

• Build wireframes or mockups in Figma (they don't need to be pixel-perfect)
• Import your Figma link into an Optimal first-click or prototype test
• Create tasks like “Click the option that best matches what you’re trying to do.” or “Click where you would sign up.”
• Analyze whether users successfully understand and navigate your concept

‍

‍

‍

3. Prototype Testing: Find the Friction Before Development

‍

You've built a clickable prototype with multiple screens and interactions. It looks polished. But does it actually work for users?

‍

Step-by-step:

• Build a complete interactive prototype in Figma
• Ensure all frames and flows are complete in Figma before importing into Optimal.
• Copy your Figma prototype URL (works even with password-protected links)
• Paste it into an Optimal prototype test
• Define realistic tasks: "You want to buy running shoes under $100. Complete the purchase."
• Watch video recordings and analyze usability metrics, clickmaps, misclicks, successes/failures, and heatmaps

‍

What you'll discover might surprise you. Users will:

• Click on things you never intended to be clickable
• Miss obvious CTAs you thought were perfectly placed
• Get lost in navigation that seemed intuitive to your team
• Abandon tasks at friction points you didn't know existed

‍

‍

‍

4. AI Prototype Testing: Validate AI-Generated Designs

‍

The rise of AI design tools like Figma Make has changed the game. You can now generate a functional prototype from a text prompt in minutes. But just because AI can create it doesn't mean users can use it.

‍

Quick workflow:

• Generate a prototype using Figma Make
• Copy the URL and drop it into an Optimal live site test
• Add your testing tasks
• Review recordings to spot usability issues

‍

This is perfect for rapid experimentation. 

‍

‍

‍

‍

Getting Started Is Simple

‍

1. Prep your Figma file - Have a prototype or design ready
2. Copy the link - Grab your Figma share URL
3. Create your test - Choose first-click, prototype test, or live site test in Optimal
4. Paste and configure - Add your Figma URL and write your test tasks
5. Launch - Use your own participants or tap into Optimal's panel or Managed Recruitment services
6. Analyze - Review results and iterate

‍

‍

‍

‍

Launch Designs Users Love

‍

Figma gives you the power to design and prototype rapidly, while Optimal gives you the insights to make sure those designs actually work for real users. Together, they create a workflow built on real insights, not guesswork.

‍

By testing early and often, teams can reduce risk, build confidence in their designs, and move into development knowing their work has already been validated by users. Gather insights quickly, collaborate more effectively, and keep projects moving forward with evidence-backed decisions.

Ready to validate your next Figma prototype? Use Optimal as part of your workflow and start testing with real users today.

We've been hard at work enhancing your research capabilities, and we're excited to share what's new at Optimal. Here's what we've shipped to help you uncover even deeper insights:

‍

‍

What’s new at Optimal? 

‍

‍

Prototype Testing gets more powerful ⚡

‍

Since launching the Beta, we've been collaborating closely with hundreds of Optimal customers to gather feedback and run usability testing. Your support has been invaluable, and we’re excited to announce these latest updates for Prototype Testing:

‍

Improved security with password management: A new "Password settings" button allows users to manage stored passwords, which participants receive before starting their Prototype Study. Additionally, users are prompted for a password when importing protected prototypes.

‍

Improvements to usability: Your feedback was taken onboard, and we’ve updated the buttons, including "Re-sync to file" and "Change prototype," to improve usability.

‍

Results sharing: You can now easily share specific sections (e.g., analysis, tasks, clickmaps) via a URL with your stakeholders in just a few clicks. With the added protection of a password for secure access.

‍

Participant data view: To speed up your data analysis and improve your workflows we’ve added task metrics in the "Results > Participants" table, showing tasks completed, skipped, and success percentage.

‍

Notes tab in analysis: Users can now take notes directly in the Analysis section for Task Results, Click Maps, Paths, and Questionnaires.

‍

‍

Smarter data exports📊

‍

This release makes it easier for users to analyze data faster with flexible export options and an improved format for questionnaire and survey downloads. Find out more about the updates below.

‍

• Additional download export options: Access new download questionnaire data options. Choose to download questionnaire data by pre-study, post-study, and screening questions.

‍

• Organized question tabs: Navigate your data more easily with each question exported to its own tab in the download spreadsheet. Each question tab will mirror the question and answer format/structure found under the Questionnaire section.

‍

• Dedicated screening question tab: Review screener questions - now separated in a dedicated tab - with the added option to exclude them from your export.

‍

• Added index numbers for survey analysis: An index number column (e.g. 1, 2, 3) has been added next to the labels for radio, Likert, and checkbox question types in the "Participant data" download for easier analysis. A new tab has been added to display answer indices for fixed set questions (e.g., radio, checkbox, multi-select), while matrix questions will still export with their values.

‍

To get started, navigate to the Downloads tab under Results. Results Downloads are available for all tools except for Qualitative Insights.

‍

‍

What’s coming next?

‍

‍

Introducing the shiny new Qualitative Insights tool (the artist formally known as Reframer)✨

‍

We’re just days away from the re-launch of our Qualitative Insights tool, previously known as Reframer. This upgrade brings powerful new features to streamline and enhance your qualitative data analysis, making it faster, easier, and more insightful than ever.

‍

With the new Insights feature, you can capture and organize key takeaways from studies more efficiently. Each Insight — which includes a title, description, and linked observations — will live under the new Insights tab, allowing you to quickly gather and manage critical findings. You can create Insights directly from your observations or leverage AI to accelerate insight discovery, surfacing hidden themes within your data.

‍

AI-Driven Insights with full control: You and your organization retain complete control over AI usage. All AI-generated results are fully editable, giving you the flexibility to adjust or even turn off AI support for your studies. Use AI as much or as little as needed, with peace of mind over your data management.

‍

‍

Surveys 2.0 🌟

‍

Enhanced usability
Our survey relaunch focuses on significantly improving usability, making creating, editing, and launching surveys easier than ever. Key releases coming late 2024 include:

‍

• Simplified setup: Manage your entire survey flow - welcome, screening, pre-study, study questions, and thank you - on one page.

‍

• Question grouping: Create and manage question groups for better organization.

‍

• Question mobility: Move individual questions or groups within a study effortlessly.

‍

• Flexible question placement: Add questions at any point in the survey flow.

‍

• Question cloning: Easily duplicate questions to save time.

‍

‍

Video Insights: Coming end of 2024 🎬

‍

By the end of the year, we’ll be adding Video Recording to our Prototype Testing tool. This new feature will allow you to better understand user experiences, and gain even deeper insights during a Prototype test. Video recording will be browser-based, with no plug-in required, eliminating setup complexities. Participant consent to record screen, face and voice is all taken care of by Optimal and captured upfront in the testing process. 

‍

‍

Help shape what comes next 🫵

‍

Join our research panel and influence Optimal's future! You'll get early access to new features and thank-you gifts for your time. Interested? 

Email product@optimalworkshop.com

‍

Investing in prototype testing and user-focused design isn't just about creating better products—it's a proven strategy to save costs, accelerate timelines, and drive customer loyalty. According to Forrester Research, companies that incorporate prototype testing in their design process can reduce development costs by 33% and cut collaboration time by 25%. UX-focused companies also see products hit the market 50% faster and loyalty rise by 240% (Forrester Research, Nielsen Norman Group)!

‍

Whether you're refining user flows, testing new concepts, or optimizing your onboarding experience or conversion flows, prototype testing helps ensure your designs hit the mark—before you invest too heavily in the build.

‍

With those benefits in mind, let's dive into how prototype testing can help you deliver user-centered designs efficiently and effectively. 

‍

Common Use Cases for Prototype Testing
‍

1. Test Onboarding and Sign-Up Flows
   How intuitive is your onboarding process? Prototype testing can help identify friction points, ensuring users can navigate and complete sign-ups seamlessly. For example, you can simulate different scenarios to determine whether users can easily register, set up accounts, or retrieve forgotten passwords.
   
   
2. A/B Test Email Designs
   Test different layouts, calls-to-action (CTAs), or visual elements in your email prototypes to discover what resonates best with your audience. Measure metrics like click-through rates or time spent engaging with content to refine your design.
   
   
3. Evaluate User Flows and Wireframes
   Whether you're testing a new feature, redesigning a user journey, or validating a wireframe, prototype testing gives you real-world insights. Observe how users interact with your design and identify areas for improvement before you move to development.
   
   
4. Test Concepts
   Before launching a new idea, validate it through prototype testing. Let users interact with your concept to gauge feasibility and potential impact. This can save time and resources by helping you focus on ideas that resonate.
   
   
5. Evaluate Conversion Flows
   Are users completing purchases or achieving desired outcomes? Use prototype testing to analyze conversion flows and pinpoint where users drop off. From landing pages to payment processes, you can optimize every step for success.
   
   
6. Test User Interfaces (UI)
   Ensure your UI elements—buttons, navigation menus, or forms—are intuitive and accessible. Prototype testing can help you identify design inconsistencies or usability challenges early in the process.
   
   
7. Conduct Usability Tests
   Have a new feature in development? Prototype testing lets you see how users interact with it, revealing insights that can guide refinements and improve overall satisfaction.

‍

Real-Life Prototype Testing Scenarios

Airline
Imagine your flight has been canceled. Ask how your customers self-service on the airline website to find new flight options. 

Bank
Have a prospect or customer interact with a prototype to open a business account online. Uncover usability issues and streamline the process.

Insurance
Imagine you’re interested in switching car insurance. Explore how intuitive it is for customers to view coverage details in an app, helping insurers improve navigation and accessibility.

‍

Prototype Testing Analysis & Insights

Optimal’s prototype testing gives you a variety of analysis options to help you to evaluate the effectiveness and usability of your prototypes. Use these to see exactly how users navigate, where they face challenges, and what areas are proving to be successful.
‍

• Task-based scenarios: Observe how users complete tasks like purchasing a product or updating account settings and set correction paths and destinations.
  ‍
• Clickmaps: See how users navigate and locate information. See hits and misses on designated clickable areas, average task completion times, and heatmaps showing where users believed the next steps to be.
  ‍
• Task results: Gather insights into how long it took to take a task (time taken), misclicks, directness score (considering backtracks or incorrect pathways), and success score.
  ‍
• Participant paths: The Paths tab provides a powerful visualization, including thumbnails, to understand and identify common navigation patterns and potential obstacles participants encounter while completing tasks.
  ‍
• Video, audio, and/or screen recording: See how your users interact with and respond to your prototype. Listen to their thought process and pick up on nonverbal cues, like hesitation, frustration, or confusion to pinpoint areas for improvement or exploration.  

Ready to use prototype testing to help your team reduce development costs and get a faster time to market? Get started in your account by creating a new prototype test.

Not yet a user of Optimal? Sign up for a free 7-day trial.