With each update of Adobe XD the development team has been putting some real effort into improving the way you share files and review designs. The most recent update of Adobe XD—XD 15—includes support for viewing web comments in prototypes or design specs in one single, long list. This can be really useful when collaborating with other designers or your customer gets rather complicated.
- [Dani] Hello and welcome to the Adobe XD New Features Weekly. I'm your host Dani Beaumont. With each update of Adobe XD, the development team has been putting some real time and effort in improving the way you share files and review designs with your colleagues and your clients. The most recent update of Adobe XD, XD 15 includes support for viewing web comments in prototypes or design specs in one single long list. This can be really useful when you're collaborating with other designers or your customers, it gets really complicated.
In this week's session, I'll show you the commenting enhancement and then we'll step back a bit to consider how you can create a secure prototype or design spec and gather feedback. Now Much of Goodness is a fictitious company that specializes in selling loose tea and ceremonial tea sets and in this weekly course, we're using it to storyboard different workflows, so in this sort of fictitious scenario, I have two people that I work with. One is Jake and he's a design colleague and Olive is our client, she owns the Much of Goodness company.
And when I'm working on prototypes, I'm sharing the designs with the two of them to get feedback about the work that I'm doing. So, with that in mind, let's take a look at a web prototype that the three of us have been working on together. To get there, I'm going to come over to the Share button and click on Share for Review and I just want to go to the shortcut here that'll take me to the web version of this prototype. To do that I'll go ahead and click on that icon which will bring up a web version of the design.
Here in the web version, I have the ability to just show off the design and interact with it by clicking individual hotspots in that design to jump to different pages. I also have the ability to comment on individual art boards and its design. The way that comments are handled in the web interface is there's a little fly-out area here, kind of a sidebar with comments. I can see that they've already been seven comments made. When I click on that icon, a column moves out that I can scroll down on to look at individual comments within the design.
Now, earlier version of Adobe XD never allowed you to see all of the comments in one place. If I toggle this feature off, you can see what that design was life before. So, as I would click through individual art boards, I could see comments but it was difficult to get a high-level sense of where all the comments were and if I have many, many art boards, it can be really complicated to try to follow all of those individual points. So, with the View All Screen comments features I have the ability to come in here and toggle on all of my screen comments.
As I scroll up and down, I can see that there's a lot of comments that are here. Notice that there's a blue area and what's that doing is indicating the current art board that I'm on. If I were to click on a comment that's here within the design, the first click is going to take me to that art board which is why it changed there on the left. The second click lets me come in and actually interact with that comment. I can go in and delete the comment, I can mark it as resolved or something that's already been addressed.
I can reply to someone that I am working with in this design so if I click on Reply, I can use the feature known as At Mention where I type just an at on the screen and if I scroll down a bit here, I can call out one of the people that I'm sharing my design with. I'll go with Jake here. And I'll give him a quick comment. When I hit Return, it basically sends that comment. Now the nice part about this feature is that at mentions with private invites actually send notifications to the folks that are involved in that prototype.
If I come over to my Creative Cloud application, notice that I have a red dot. That's letting know that I've received a notification by way of this commenting feature. When I click on the Creative Cloud app and then switch over to Notifications, I can see the individual notifications that I've been at mentioned for. If I click on any one of those notifications, so keep an eye on this, clicking on it will automatically open up a web browser, it will navigate to the particular art board where a comment occurs and it will allow me to actually see that comment directly.
So, it's something known as deep linking that makes this commenting capability even more interesting. That about covers it briefly for the new View All screen comments feature in Adobe XD. I look forward to seeing you again next week as we explore some additional capabilities.