Marvel news
Marvel news
www.marvelapp.com

New: Analyse your designs with heatmaps!

Headway.png

Today we're excited to launch a new addition to our user testing suite - Heatmaps!

Heatmaps show you an aggregated view of all clicks and mouse movements from your user tests, bringing another level of analysis into the performance of designs. You can also easily download heatmaps and share your results; ideal when presenting your research with stakeholders.

Heatmaps are available on all existing user test projects but if you’re creating your first one, it’s easy to get started.

Creating your test and inviting participants

  1. Go to your dashboard
  2. Click on Create Project
  3. Click User Test
  4. Enter a name for the project
  5. Click Pick a project to select the prototype you wish to test
  6. Select either Free Roam or Goal-based test
  7. Click Invite participants
  8. Click Copy to share the link to your test or click Send email

Viewing heatmaps

Heatmaps are automatically generated as soon as you start gathering test results. Simply click on the β€˜Heatmaps’ tab in your user test project to view.

New: Create carousels and scrolling sidebars with containers!

Headway - in feed.png

We’re excited to announce containers, one of our most popular feature requests!

Make any element of your prototype interact either scrolling horizontally, vertically or bidirectionally. Giving you the ability to create carousels and scrolling sidebars in order to create realistic prototypes when testing and gathering feedback.

Create a container in Marvel

  1. Upload the image you would like to add to your container and add it to your project
  2. Select the image in your project where you would like to place the container
  3. Click and drag anywhere on the image to draw a new hotspot
  4. Click Container from the bottom menu
  5. Select the image that you uploaded
  6. Change any of the options and then hit Close
  7. Click Play to try it out!

Read our help article for more info or watch the video below.

You can now filter projects by type

Headway - in feed Copy.png

You can now quickly filter your project list by type (i.e prototype or user test). A little time-saver for those of you doing lots of user testing!

Click 'Show: All' on your project dashboard to get started.

We've spruced up the interface 🧹

You may notice that Marvel looks a little different today - we've refreshed the interface to make better use of the screen real-estate.

There's now twice as much content visible and way less scrolling, great for those of you on laptops and non-Retina screens (Thanks for the feedback and letting us know!).

It also makes way for some very exciting new features - stay tuned!

If you want to see more features and improvements, add them here https://marvelapp.cnflx.io/boards/feature-requests

New: Select the order of your designs when syncing from Sketch!

We've just added a popular feature request to our Sketch plugin that allows you to select the order of artboards when you sync to a project.

You can now select from:

  • Alphanumerical
  • Artboard layout (left to right, top to bottom)
  • Layers list (top to bottom)
  • Layers list (bottom to top)

Download Marvel for Sketch

How to update your plugin

  • Click the 'M' in your Mac menubar
  • Click the Settings (gear) icon
  • Select 'Check for updates

Artboard.png

You can now search comments!

Fed up of scrolling through lists of comments to find feedback? You can now search comment notifications!

Simply click on the comment notification button within your dashboard or project and start typing!

Artboard.png

Check out the new user testing player

2x headway iamge.png

Access screen suggestions on your test results in the new user testing player!



You can now see how long a participant spent on each screen, keep track of mistaps and review improvement suggestions.

Fancy sharing a user test recording from a specific time? 


  1. Click share underneath the video
  2. Select the timestamp
  3. Copy the share url

Go into any user test recording to check out the changes.

Timers now support layers, scroll position and anchors!

We've just upgraded our timers feature to support layers, keep scroll position and anchors!

That means you can automatically move between screens or actions in your prototype after a set amount of time, without the user interacting.

It works great for loading screens, interstitials, walkthroughs, and more. Give it try!

  1. Open any screen in your prototype
  2. Click Timers
  3. Select the screen or action and time delay

New! Download comments as a CSV

Want a neat list of all the comments in your project? You can now download all the feedback as a neat CSV with deep links to the screens in your prototype.

Click the download icon in any prototype project to get started!

New layers panel in Handoff!

twitter.png

You're now able to inspect any element within your design through a new layers panel in Handoff!

Get specs, measurements and assets for specific layers, even if they aren't visible. Improving accuracy for developers.

It's already enabled on existing projects so read more and try it out!