Briefing

Category

UX

Date posted

13 Nov 2023

Read Time

Related Articles

UX

Can consumers use their digital wallet on your site?

UX

Do accessibility plugins fix issues, or cause them?

UX

Build better products, faster with advanced prototyping

When designing new digital experiences, getting feedback from real users and stakeholders early and often is key.

To avoid wasting time and money building the wrong thing, we need to test our ideas before we build them.

Earlier in 2023, Figma introduced it’s new advanced prototyping functionality, allowing you to create conditions that dynamically change elements of your designs in real time as users interact with them.

Using this, you can refine the designs you create in Figma into high-fidelity prototypes, then get feedback from users before going to code.

When to use it

By creating more realistic and interactive prototypes, you can make designs feel more like real products, leading to better user feedback.  For example:

  • You can replicate different flows for logged-in or logged-out users.
  • You can more realistically demonstrate how menus and buttons work.
  • You can perform calculations to demonstrate how a shopping cart or form interface would work.
  • You can use animation to create more visual appeal in prototypes.

By testing ideas before building them, you can identify and fix usability problems early on in the design process. This can save time and money in the long run.

Getting started

There are a number of platforms available with resources to help you learn about advanced prototyping. 

Using platforms like Figma will allow you to learn the basics and gain access to powerful advanced prototyping and variable features. As always, the best way to learn is to experiment.

These tools enable us to create more realistic and interactive prototypes, leading to better user feedback and more successful products.

If you need support in bringing your ideas to life as efficiently as possible, get in touch with our team.