#usersnap

Face it - if you start working on something in a team, emails and n-to-n communication has limits which are reached really soon.

Let's have a look at how a web project can be organized in an easy way with the Usersnap Dashboard.

Separate your work in projects

Every project you and your team work on should get a single project - no worries, creating on is a matter of seconds.

Collect all your ideas, issues and bugs in your projects

Add screens by the Usersnap widget, one of the browser extensions or upload it inside the dashboard.

Every screen can be annotated to show, don't tell what you really mean.

Once a task is finished, move it to the closed section by clicking the checkmark.

Bring your team on board!

Invite your team to set the assignee of a screen and collaborate with them in the comments.

There's even more.

Already using a project management or bug tracking tool? You already have an established workflow and don't want to change soon?

No problem. Just connect Usersnap with one of the 3rd party integrations:

Check out for free!

Many people are too busy to improve their web development process - or at least, they seem to be too busy:

(Image credits dcode)

Let's talk numbers

When is improving no longer optional and a must? I think when a process can be made double as efficient as it is right now.

Josef Trauner conducted a study how long it takes for three standard web development issues to communicate, reproduce and fix. He compared the following three techniques:

plain email communication

using a desktop screenshot tool and upload the image manually to a bug tracking tool

streamline the process with Usersnap

The three bugs (which can applied to nearly every web project) were:

"Move the logo from the top to the bottom" inside an app

"Where is the CVV field for the credit card?" in a checkout form

"I can't read the states entry" - failed RWD

The cost for the total time needed to fix those three bugs, including communication and development time) compares as follows for the three methods. Download the free e-book to find out more!

The cost transforms into the following savings, per ticket! Establishing this new process would give you more than 8 man-hours a week per developer back!

I don't know how many users would actually create a bug report if they find something which does not work properly on a site. Perhaps only a few percent if you might think about a huge page like Wikipedia.

In my opinion, the remaining percent which is willing to report a bug should be honored and at least given the chance to do so.

Imagine you find a bug on Wikipedia itself. You decide to report it and search for "how to report a bug on wikipedia". You will find a full how to which is about 3 pages long: Wikipedia: Bug reports and feature requests.

You are still convinced that your bug is noteworthy, so you go on to register on their Bugzilla and open the Create a new bug in Bugzilla form:

Woah! Look at all those fields. Well, perhaps I better not report my issue - don't have time for this complex form.

Conclusion

My guess: only 1% of the visitors even tend to report a bug, but from those users many many get scared off by the utterly complex and formal process to report a bug. Important catch: the 99% just go away and are unsatisfied.

Is there something better?

Most of the improvements I tend to report are layout glitches or feature requests like "It would be great if I can sort this table here". But I definitely would not fill out a form like the one above for such a "feature idea".

Give your users a real simple solution to report bugs - you will see how fast your product will improve then. Usersnap is a feedback widget which creates full bug reports and fills out all the boring details (Browser version, Screen resolution, URL, operating system, installed plugins, yada yada).

Usersnap is a tool for visual feedback. You'll get feedback from your web page on Squarespace in form of screenshots. All your readers, customers and users can leave feedback and questions in the best way you can imagine: visually!

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Squarespace Site) into the field and click on continue.

Step 3: Add your Weebly Site URL to this Project

You'll need your Jimdo Site URL now. I'll take http://catsandspaghetti.squarespace.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Weebly Site

We're almost there! In the edit view of your Weebly page, click on "Settings" and open the section "Code Injection":

In the Code Injection view, search the "Footer" field:

Copy and Paste the widget JavaScript code into the Footer section:

Don't forget to save and publish your changes here!

Step 5: You are all set! The Usersnap Feedback Widget will appear on your Site!

You did it! The Feedback button has been added to your Site! You can customize the colors and text of the button in the project settings.

Usersnap is a tool for visual feedback. You'll get feedback from your web page on Weebly in form of screenshots. All your readers, customers and users can leave feedback and questions in the best way you can imagine: visually!

Step 1: Register for an Usersnap Account

Easy. Open the Usersnap Sign Up page and register with your email adress. If you have an account at Google, GitHub or Windows Live, just click on the icons in the lower right corner.

Step 2: Create a Usersnap Project

That step is easy, too. Enter a name (e.g. My Weebly Site) into the field and click on continue.

Step 3: Add your Weebly Site URL to this Project

You'll need your Jimdo Site URL now. I'll take http://catsandspaghetti.weebly.com as an example.

Click on "Set up Usersnap on your site":

Copy & Paste your blog URL into the widget settings.

Don't forget to click on Save afterwards!

Step 4: Adding Usersnap to your Weebly Site

We're almost there! In the edit view of your Weebly page, click on "Settings" and open the section "SEO":

In the Settings view, search the "Footer Code" field:

Copy and Paste the widget JavaScript code into the Footer Code section:

Don't forget to save and publish your changes here!

Step 5: You are all set! The Usersnap Feedback Widget will appear on your Site!

You did it! The Feedback button has been added to your Site! You can customize the colors and text of the button in the project settings.