Show scroll bar in published prototypes
When you share a prototype with a client, it isn't immediately obvious that the design is scrollable. I have had a couple of instances of clients not knowing that the designs continue below the fold. An obvious scroll bar added to the prototype view when shared would solve this.
david webber commented
I have 250+ forms to review. Impossible right now.
Sadly this is a broken feature without scrollbars to move around for Flow and Block view. Who ever released XD without this feature??? This is basic HTML page stuff. I'm wondering if you can hack the download of the HTML page to add scrollbars - should be trivial - will look...
OMG! Then I saw the TIP below about holding down the keyboard SPACEBAR, so that the HAND tool appears and using that to drag the display around as needed. OK - this is a workaround - but it works!
Paulina Dabrowska commented
this functionality is essential, we always have to tell devs and clients that scroll is not visible on the prototype, but will be in the real product. So annoying! And causes a lot of misunderstanding
Miroslav Kurdov commented
I found a workaround: pressing and maintaining the space bar activates the Hand tool. It works like in all desktop Adobe products. It's possible to click&drag vertically and horizontally.
It works on Mozilla for Mac and Chrome on PC.
Otherwise scrolling is possible by these two ways:
1) the scroll wheel of a mouse but limited to vertical scroll
2) the trackpad of a PC or Mac, two fingers swipe (both vertical and horizontal scroll work)
Elizabeth Costello commented
Same comment as a user below: If I had known about this limitation, I would have not have agreed to use XD with my team.
This is a major limitation for our team and we are likely going to have to use another product, which is very disappointing. Please implement this asap!
Nick S commented
THIS IS RIDICULOUS! Add a scrollbar feature or you WILL lose customers. How inept can your priorities be if you cannot even add something as simple as a scrollbar, but instead opt for adding 3D transforms, (which a tiny population of your users actually use). Solve the problem and do better.
Echoing everyone else's comments. It's 2021 and I'm running Xd prototypes on Usertesting.com. People can't scroll so they don't see the whole prototype and everyone's time is wasted. Saying this is frustrating is an understatement. This is basic functionality from the 1990's. Please. Please. If my company wasn't so fully entangled with all things Adobe I would have already been off to Figma.
Peter Wise commented
Not only have all of my recent clients had issues with this but also very web-savvy developers and designers I have shared things with. It makes people feel like they are stupid when you have to explain it to them, when really it's just bad UI.
Design Dept commented
Please add this functionnality NOW!!! I almost lost a client because he wasn't able to see the entire presentation!!!
Angela Williams commented
Please make this happen! The scroll bar shows up and works when I run the prototype locally. Why wouldn't this be the default for the shared design?
Matt Ryan commented
Unbelievable that this very basic functionality isn't in XD even three years after it was requested.
XD has 3D transforms (!?!) but not the ability to display the simplest possible web page mockup the way it will appear in a web browser. Please get the basics right before you tackle esoteric functionality.
Vince E commented
This is a "must have".
It is an expected standard web feature.
The prototype looks weak without it.
Sam Chan commented
Agreed. Scroll groups should have the option to show or hide scroll bars around it. Thank you!
I'd second this. Especially now you can define scrollable areas. e.g. designing a website with a large vertical side menu - you cannot tell that there are more menu items.
It is absolutely vital that you add this feature. This is compromising my usability tests with real users and I will be forced to go back to Invision to create prototypes to test if this is not solved.
Darko A commented
Scroll groups should have the option to show or hide scroll bars around it.
It is a good usability practice to show scroll bars to indicate there is more content available.
This is especially important when you apply it to enterprise app UI elements.
For example, in a huge data grid with pinned (frozen) columns, horizontal scroll bar is the only indicator of:
A) the fact that there are some frozen columns at the beginning or the end of the viewport
B) which columns are scrollable
I realize there are different scroll bars for different platforms, but it should be fairly easy to apply standard visualization for any given platform - mac when you see the prototype on mac, windows when you see it on windows, etc.
Problème rédhibitoire !
Guy Passy commented
It's now almost 3 years later and this is still a problem... If you are really so against adding scrollbars to allow people to scroll without a trackpad, at least add a grab tool or something along those line to allow scrolling. Zooming out and back in to the relevant section is a horrible UX.
If I had known about this limitation, I would have not have agreed to use XD with my team. In EVERY user study interview, the respondent is tripped up by not understanding how they are able to horizontally nor vertically scroll through grid/table data.
It is unconscionable to lack this "feature."
Andy Davies commented
Same here, in user testing it's a pain if someone doesn't have a trackpad or mouse to scroll with and it's not obvious you can scroll in the first case. Has been an issue in quite a few of the sessions we've run with an XD prototype
Brian R commented
I've experience this issue in past usability sessions. It's a huge issue with older folks.
Also, requiring the cursor to be over the prototype to scroll is a bit unrealistic.