How To … Use Comments In Your Prototypes

Getting feedback is the raison d’être of prototypes. That’s why Pidoco offers you an easy way of soliciting comments on your designs. But there are also other reasons why you might want to add commentary or notes to a prototype. In Pidoco there are several different options to do so, and today I will show you how and when to best use them. So here is how it goes …


1. Soliciting feedback

Probably the most common purpose of prototypes is to receive feedback from different stakeholders. Pidoco gives you an easy way to do so: You can share your prototypes for reviewing and thereby allow others to comment on them. This is easily done by placing a little marker on any part of a page in the Simulation View and posting a message into the provided text field. Other reviewers can respond to any comment, thereby creating a discussion. Discussions are a great way to keep track of change requests and to document decision-making processes. Every discussion can have a custom title, which you can change by double-clicking on it.

Comment on elements in the Simulation View

Soliciting feedback via the comment function in the Simulation View

To keep track of new feedback, each discussion also has a status that can be changed when feedback has been incorporated into the next iterations of the prototype. To do so, simply click on the status field in the toolbar of the discussion and select the desired option.

Use the discussion to display to current  implementation state

Keeping track of feedback via the status function

Note: Only people with “Review” or “Collaborate” rights can create and participate in a discussion.

Collaborators with full access to a prototype can also use the “Reviews” tab in My Prototypes to quickly check for new feedback and reply to a discussion thread. A click on the respective discussion will open the dialog and let you post a comment. Additionally, a click on the link in the “Page” column lets you jump right into the page to which the discussion refers.

Reply to a discussion in the Review Tab

Replying to a discussion via the Reviews tab

Hint: Discussions can be exported for use in other tools or turned directly into issue tickets via our integration with Planio, a web-based project management tool, or JIRA (Enterprise Edition only). An RSS feed will keep you up-to-date on new incoming comments.


2. Adding explanations

The Comment stencil can be used to add notes or explanations to your prototype that by default are visible to any viewer, for example to add information where the prototype lacks detail. Another reason to use the comment stencil could be to quickly jot down an idea or add a reminder for an open issue to be solved later on. Yet another use case might be to leave a note to fellow collaborators, e.g. “This page is not finished yet”.

The Comment stencil works just like all the other stencils. To use it, simply drag it from the Stencil Palette to the desired position and enter your text. The Comment stencil also offers you a choice of colors so you color code notes for different audiences. If desired, you can hide individual comments in simulation mode via a checkbox in the Context Menu.

Use the Comment stencil to add remarks to prototypes

Use the Comment stencil to add remarks to prototypes


3. Providing inputs for implementation

Prototypes can serve as blueprints for development. Usually, the developers need more information than just what the UI will look like. That is why Pidoco allows you to add annotations to any element of your prototype. Annotations are invisible in simulation mode, so you can use them to provide detailed information, functional requirements, or instructions to your programmers without letting everyone else see them or distracting from the prototype itself. If you want to use the specification document export to brief your development team, you can choose to include the annotations when generating it.

To add annotations to any element, open the Context Menu of the respective element and enter your text in the “Notes” field.

Adding notes to an element to provide functional detail or to enrich the specification document

Adding notes to an element to provide functional detail or to enrich the specification document



That’s it! You have successfully added comments and notes to your prototype!

Do you need help working with comments? Then do not hesitate and drop us a line via or Facebook and Twitter.


Happy Prototyping!

1 Comment

  • I read all of them, a great choice, although. It is very useful to study material for the prototype. The prototype is the limited representation of any idea or design. I would also prefer to go to an SSLA blog too. They provide good articles too as well as good products. Thank you for the post. I will certainly come back.

Speak up! Let us know what you think.