10 Annotation Tools to get Feedback for Web Design Projects

annotation toolsOnline annotation tools for collaboration and getting feedback for web design and development projects are reviewed in this post. They are very useful for commenting, review and debugging with client and as well as with the team members. There’s always a feedback stage in the web design process which requires intensive interaction. What in particular should be changed, improved or fixed? Using online annotation tools you can dramatically reduce time spent on reporting bugs, change requests and improvements. Have you tried any of these tools on real project? Do you have a favorite not mentioned here? Please add your opinion in the comments.

Diigo is online annotation and bookmarking tool. You can highlight and leave annotation as a sticky note for any element on the website. Comments can be collapsed to the icons to avoid the mess. Tags can be used to better organize the process. Privacy control options are private, public, or shared with a group. Diigo allows to annotate password protected websites, has extension and bookmarklets for all browsers as well as powerful notification system.
annotation tools Diigo

ShiftSpace is an open-source annotation tool made as Firefox plugin that allows altering web pages with different tools. ShiftSpace allows users to leave notes, highlight text, change images, and edit the page source. For web surfers with the plugin, modified pages are marked with a small ShiftSpace icon (§) in the bottom left side of the screen. Modified pages are called “shifts”, and if made public, are shared on the ShiftSpace website. Users can subscribe to the shifts of users they like via RSS.
annotation tools ShiftSpace

Awesome Highlighter is the very simple and easy to use annotation and commenting tool. It lets you highlight text on web pages and then gives you a small link to the highlighted page for sharing. You can choose color for your notes.
annotation tool Awesome Highlighter

Notable lets you quickly and easily annotate and give feedback on design, content, and code on any page. It allows you to capture visual, code and copy notes for future commenting in number of ways. You can capture logged in views and code via a Firefox tool button, upload a JPG image or design mock-up from your desktop, type in a URL to fetch a screen grab, capture on your iPhone or iPod Touch. Notable also includes features to capture web page flows, track design changes as well as flexible permission and notification system.
annotation tool Notable

SharedCopy is an AJAX based web annotation tool that allows users to mark-up, highlight, draw, annotate, cache, sticky-note and share any website. SharedCopy annotations are public by default by could be kept secret. There are RSS notifications for new comments. No signup, download or installation is required. SharedCopy works with Twitter, Basecamp out of the box and it has APIs to integrate it with your own online services.
annotation tool SharedCopy

The Commentor enables flexible annotation and easier assessment of graphic material. It helps in gathering all the comments of the project team members in one place. The drafts made by designer can be assessed by the manager, the art-director and the client. Comments are automatically attached to the corresponding areas of the mock up. All the different versions of the mock ups under discussion are kept in record.
annotation tool Commentor

WebNotes allows you to annotate websites with a virtual highlighter and sticky note tool and share them via Twitter, email or special link. Annotations could be organized into nested folders .There’s no need to install plugins to view shared notes. Paid version of WebNotes includes PDF support, multi-colored highlights, and report generation.
annotation tool WebNotes

Twidla allows you to create your private or public commenting whiteboard and upload for review any image or open online website. Twiidla provides drawing tools, tools for placing shapes, media, text, documents on a whiteboard, live chat. No registration or plugin installation is required to start online annotation. You can try many features in the free version but it’s quite limited for professional use. Paid plans start from $14/month.
annotation tool Twidla


Google Sidewiki
is a browser sidebar that lets you annotate and read information alongside any web page. All you need is Google account to sign up. All annotations are placed in the sidebar. They can be related to the page as a whole or to the certain blocks of the page. There’s no build in notification about new comments, though Google SideWiki has its own API which lets you set up this feature by yourself. Site owner’s comments are emphasized with different color.
Google SideWiki

Reframeit is annotation service with many useful features. You can annotate the whole web page, selected text or an image. You can define comments as public or private. You can even assign group access to the comments. There’re a few of comments display modes and also filtering feature. Instead of registration at Reframeit, you can use your OpenID provider (Twittter, Facebook). it also has flexible notification system including RSS, option to reply to comments and comment Intranet pages.
Reframeit

Pin It

4 thoughts on “10 Annotation Tools to get Feedback for Web Design Projects

  1. An interesting up-and-comer: http://www.yaytrail.com Different from others reviewed above in that it allows for in-line annotation of pages. No sticky notes or side-bars or content that’s layered on top of the original page. It’s a bit more like Google Wave style interaction. First annotation tool I’ve seen that diverges from the sidebar/sticky-notes model, which is kind of crazy when you think about it! Annotation’s been around a long time, and this is the first time in a long time I’ve see anyone try to do something different with the fundamental interactions involved. It’s at quite a raw stage, but it’s something new, with a simpler/lighter presence than other tools I’ve found (because of the lack of sidebars, sticky notes and so on).

  2. I would suggest another annotation tool: UserThought.com feedback solution. It provides a feedback form with content highlighting feature and supports feedback preview directly on your website as overlays. The solution is customizable, cross-browser, easy to integrate (1 line of HTML code) and DOES NOT REQUIRES ANY WEB BROWSER PLUGINS. So, any your visitor could use it to highlight and comment on some fragments of your website! Try it for free (30 days free access to all advanced features)!

  3. If any feedback service is still needed, you could try http://idea.informer.com/. It’s easily customizable and what’s even more important completely free.

  4. Another suggestion is Approval Manager (http://www.metacommunications.com/products/approval_manager/). This might be more suited for larger design firms but it offers online proofing and review along with advanced workflow management. It can also be integrated with other project management modules for a more advanced system.

Leave a Reply

Your email address will not be published. Required fields are marked *


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>