We are hiring

5 tools to rule your feedback process. Start annotating today.

website feedback tool for design drafts

Usersnap provides 5 different annotating tools which your visitors can use to add visual feedback to their current screen.

By default – when you didn’t change any tool parameters in the widget customization – Usersnap will add the highlighter tool, the pen, the arrow, the blackout tool and the comment tool.

Usersnap QA Feedback Widget Creation
Setting up a new widget

Let’s take a look at how you can use these tools to illustrate feedback and how visualization helps the feedback process to be more intuitive and faster.

Highlighter

The highlighter tool may be used to indicate important areas on the page. The created highlighted areas can be easily removed by clicking the [trash bin] icon in the upper right corner.

Highlight tool for feedback widget

Blackout

Your users can black out private areas on your page with a black rectangle, when they think an image or block of text is superfluous. If you want to remove a blackened area you can easily remove by clicking the [bin] icon in the upper right corner.

How the blackout tool for feedback widget works

Text Note

With the note tool you can put detailed information to the screenshot. Use it like you would use a sticky note on paper. You can move the sticky note with drag and drop!

Text Note Tool Feedback Widget

Pen

The pen tool allows you to make free annotations on your website. You can remove the line by using the [bin] icon when you are near the line.

Usersnap Visual Feedback Process - Illustration Tool

Arrow

The arrow tool enables you to point out specific parts of the website. You can remove the arrow by using the [X] icon when you are near the arrow.

Arrow Tool Usersnap Feedback Widget

The Easiest UAT & QA Feedback Process

With these annotation tools directly availbale in your browser, giving feedback or sending bug reports is quick and easy. If you interested in learning more about how to implement Usersnap in your feedback process we recommend you to read this post: How To Use The Usersnap Bug Tracker

We interviewed the best practices in user testing with Trello, Prezi and 4 other cool brands, they all agreed a good user feedback proccess is essential to building useful products. 

Showing potential customer a prototype can provide valuable feedback for a product. Especially in the details. I think the UX and details we added is what differentiate Trello from other apps.

Justin Gallagher, Head of Products at Trello

We invite you to try out Usersnap for free. Sign up for our 15-days trial program.

Bonus Features for you Feedback Process

Assignee and Labels

You can customize Usersnap’s widget to include more fields for the feedback ticket. Choose an assignee or add specific labels right away instead of doing so afterwards in Usersnap project dashboard.

This is helpful if your feedback process is internal and issue reporters/testers are all familiar with the opertation and the tool.

Usersnap widget bug reporting fields

Pixel Ruler

One of the less known annotation tools of the Usersnap feedback widget is the Pixel Ruler. You can simply measure the width or height of a certain section on your site with the pixel ruler. It’s pretty awesome!

Pixel Ruler for Feedback Widget

Start configuring your dream team of tools today! Sign up here.

[{"code":""30 days before Christmas
[{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
"label":"25% Off Coupon"
"label":"25% Off Coupon"
"win":true}
"win":true}
{"code":""I love Usersnap so much I'm going to wear it"."
{"code":""I love Usersnap so much I'm going to wear it"."
"label":"Usersnap Tshirt"
"label":"Usersnap Tshirt"
"win":true}
"win":true}
{"code":""30 days before Christmas
{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Not your day!"
"label":"Not your day!"
"win":false}
"win":false}
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
{"code":""25% off for 6 months? Yaaas!" Or simply apply coupon BLACK25 upon check out."
"label":"25% Off Coupon"
"label":"25% Off Coupon"
"win":true}
"win":true}
{"code":""30 days before Christmas
{"code":""30 days before Christmas
is my 30 days of happiness"."
is my 30 days of happiness"."
"label":"30 days free trial"
"label":"30 days free trial"
"win":true}
"win":true}
{"code":""I'm up in the sky with joy about this Free Upgrade"."
{"code":""I'm up in the sky with joy about this Free Upgrade"."
"label":"Free Upgrade"
"label":"Free Upgrade"
"win":true}
"win":true}
{"code":""
{"code":""
"label":"Spin again"
"label":"Spin again"
"win":false}
"win":false}
{"code":""
{"code":""
"label":"Trip to Vienna"
"label":"Trip to Vienna"
"win":false}]
"win":false}]