Comments on: Annotation Droplets

By: aaddad

aaddad — Thu, 02 Sep 2010 08:53:24 +0000

I have seen this done in many different ways.

By: Jason Grant

Jason Grant — Fri, 12 Jun 2009 14:16:51 +0000

I have seen this done in many different ways.

I am edging to prefer annotated prototype in real HTML/CSS with overlayed annotations which are based on JavaScript.

By: ericscheid

ericscheid — Mon, 16 Feb 2009 04:55:46 +0000

I trialled the droplet style on a couple of projects and found it a bit fiddly – in the end I just used single text objects and set the background colour to contrast with the wireframe and used a round-cornered fat stroke which matched the background – it looks like a circle object with a text object positioned/grouped, but much easier to handle.

In a recent project I went even more minimal, using a solid dot with a line connecting to the relevant note. The dot was a good 2 or 3 times thicker than the wireframe lines, so they stood out without drawing a lot of attention. The advantage to using this method is I don't need to worry about skipping/doubling up on note numbers as I remove/add annotations.

I'll scrub the client details and submit soon.

By: User Type Views & Annotations with Polypage › Wireframes Magazine

User Type Views & Annotations with Polypage › Wireframes Magazine — Fri, 13 Feb 2009 11:18:34 +0000

[...] Here is another very good Polypage HTML wireframe submitted by Joey Marchy from nGen Works. Two interesting uses of Polypage make themselves visible in this sample. First, on the upper left hand side, all of the various user types have been defined. Toggling them gives a good sense of what all of the various wireframes will look like for that particular user. Secondly, Polypage has also been used to annotate the wireframes and this is accessible through the upper right corner by means of such tags as “user roles” and “hash marks”. The really nice thing about this annotation technique is that no longer are the actual annotations separated somewhere in the right hand side from the main wireframe, but instead are contextualized right in the wireframe itself. This allows people reviewing the wireframe to read the annotations quicker as opposed to having to translate number references into actual notes, as it is done traditionally. [...]

By: Michael Koenig

Michael Koenig — Wed, 11 Feb 2009 04:54:29 +0000

Testing. Please ignore.

By: davidmead

davidmead — Tue, 03 Feb 2009 16:29:20 +0000

Garrett's annotation shape is built off of Dan's article.

By: juarezpaf

juarezpaf — Sun, 01 Feb 2009 06:42:18 +0000

That's a great tip! But I think if you don't care about these annotations you can compromise the understand of your wireframes.
I'm learning a lot with this Mag. Thanks a lot guys!

By: Rob Fay

Rob Fay — Fri, 30 Jan 2009 14:24:53 +0000

Uggh…sorry…comments not accepting markup. Dan Brown (http://www.greenonions.com)showed Boxes and Arrows readers how to create their own using Visio: http://www.boxesandarrows.com/view/wireframe_annotations...

By: Rob Fay

Rob Fay — Fri, 30 Jan 2009 14:23:05 +0000

http://www.greenonions.com“target=”_blank”>Dan Brown showed Visio users how to create their own on http://www.boxesandarrows.com/view/wireframe_annotatio...target=”_blank”>Boxes and Arrows.

By: davidmead

davidmead — Fri, 30 Jan 2009 13:44:03 +0000

I find these a great tool in Visio. I grabbed Garrett Dimon's templates and they have a great annotaion shape [ http://v1.garrettdimon.com/resources/templates-st...].