Annotate on the desktop surface for UX flows
As UX, I would like to add page and object notes for my engineering and QA teams. These notes should be visible in PDF exports as well as in the online prototype. See proposed feature UX Design Prototype Link.
Emamuzo Okerri commented
I would like to add notes to artboards in design and prototype mode that would be tied to the artboard when I share the prototype for review or development.
This would help me explain certain interactions in the prototype, especially those I cannot achieve with xd.
Adam Arends commented
A separate section next to Prototype that allows a complete comment/markup of the artboards by anyone with access. This feature would be something that looks and feels like Acrobat (a small dot that expands on hover or something. you can place the dot on the thing to comment on (like a thumb tack) and then place the comment on a "note" that can be moved and placed anywhere to keep it out of the way. A developer or anther UX can click/tab the "tack" and the comment/note pops up in it's placed location. All of this on another tab and out of the way during Design.
The notes overlay would be great if it was broken down into types of notes:
1. UX notes (what the feature is an how it works)
2. Design note (how it looks and how it is styled)
3. internal notes (user notes on things to come back to or ideas that go to another artboard
4. checklist within the notes would be great.
5. shared boards having an "excel-esque" conversation view on the notes (as excel does with comments).
The current Design Spec capabilities are helpful for communicating how a design looks, but not how it works. We need the ability to provide this information in some way...commonly done through annotations like this.
Communicating what the default value of a control should be, does it have hint text?
Under what conditions is a control disabled?
Describing conditional logic. (Button goes to Page A in one case, Page B in another).
Historically, this has been accomplished with simple notes on a spec. Design specs in XD would be more valuable with some way to communicate that information.
Was looking for a possibility to add notes and be able to export it to pdf / jpg without using additional software too.
Thomas Hallgren commented
As UX I would like to “hang” IX notes between artboards. Like Notes, but I would like to be able to output the entire layout like this with lines connecting objects, boards with notes in a single PDF for engineering. This would eliminate my need for Omnigraffle. See this excellent example: https://uxplanet.org/an-introduction-to-interaction-flows-a4f783402529
Holger Winnemoeller commented
When creating an artboard, I want to add comments indicating their use and provide additional information. I don't want to add these to the artboard themselves, as this hides the actual content. So, I write comments next to the artboard. Sometimes I want to have arrows to associate comments with artboard content, but as soon as anything touches an artboard it becomes part of that artboard (and is therefore clipped outside the artboard area).
A good solution might be to be able to allow for artboard content that is not clipped by the artboard... Or to allow for pasteboard content to reach over an artboard without automatically being assigned to it. #pasteboard #comments #notes
UXPin pins their annotations to the "glass" rather than to objects, so if your project has scrolling you can't pin to items that are outside of the initial area before scrolling. I would love to see Xd do this right and allow you to pin to individual objects.
But other than that, UXPin is a great model for how to enable annotations. Just an entirely separate mode for Documentation, just like how you move into Prototype mode in Xd.
I forgot to include the link to the video about UX Pin annotations in my previous comment:
YES. Annotation is something that is a consistent pain in nearly every design program. Having prototype and design mode in the same program like XD does, puts it in a unique position to completely revamp how UX designers present projects.
Currently I have to copy and paste my annotations from underneath each Sketch artboard into a PDF, and into InVision.
I would take a look at how UXPin formats their annotations. It's very good.
In addition, being able to generate a PDF from the prototype with screens and annotations, in a custom layout would be amazing. I'll create a separate request for this.