Supporting Figma Prototypes

Here are some brief set-up instructions:

For Desktop Studies

Use the Figma prototype link such as https://www.figma.com/proto/xxxxxx-yyyyyy in the starting URL section of the study setup.

For Mobile Studies

Use the Figma prototype link such as https://www.figma.com/proto/xxxxxx-yyyyyy in the starting URL section of the study setup.

Be sure to have a URL that can be seen by 'anyone', so that participants will be able to see your prototype.

 

Tips for optimizing your Figma prototype

  • Create a dedicated testing file. Duplicate your working Figma prototype to a new board and use the copy for testing. In this file, remove any pages, frames, assets, images, and elements not relevant to testing. This ensures a clean and lightweight testing file. If you use a file with potentially hundreds of additional frames instead of the dedicated testing file, this could impact your ability to test the prototype and could make it impossible for testers on mobile devices to take the test.
  • Compress images. Compress your images before uploading them to Figma. Figma doesn't compress images by default, so you must do so beforehand to avoid loading heavy images and slowing down the workflow. This is especially important if inserting PNG with photographic elements that may result in very large file sizes.

A large and heavyweight prototype will take longer to load on users' devices, and might lead to them leaving the test because of it. We've found that if a test takes more than 10-15 seconds to load on average, most testers will give up before even getting started. This can also make it harder to test on older devices with less memory.

Please provide any feedback you have on this article. Your feedback will be used to improve the article and should take no more than 5 minutes to complete. Article evaluations will remain completely confidential unless you request a follow-up. 

Was this article helpful?