Show all available screens to navigate in shared prototype (map / overview of all artboards)
I would like for there to be a way to display all available screens in the prototype. Currently the web view is good for presenting but not good for users who are not clear on what the flow is. Providing a way to jump around these screens would be incredibly helpful.
Patrick Cartelli
shared this idea
34 comments
-
Orcslash
commented
This feature is really important when sharing design boards with clients so that they can review them... Currently it is hard to navigate through artboards when there are 20+ of them.
P.S. Pixel Kicks, nice to here. Wish I could get more updates on your plugin. thanks
-
Pixel Kicks
commented
Further to my previous comment, we have now started creating custom Index pages which consist of thumbnails of each screen. This allows the client to easily navigate to each screen. I've put together a short video showing this:
https://pixelkicks.tinytake.com/sf/MzQxNjk2Ml8xMDIyMzg1OATo get the thumbnails, we exported all the screens as PNG's, resized them, then imported manually. That level of functionality could be achieved via a plugin it seems, but it would be much better if this was built into XD natively.
-
Toks Anoks commented
Thumbnail map view is really important for good navigation between screens.
Please add this feature.
-
Pixel Kicks
commented
Adobe please can we have an update on this? I'm a web design agency owner and we find it frustrating that there's no overall thumbnail or map view. For prototypes with many pages, it becomes extremely tedious to scroll through each page one by one.
What we need is an option just like Invision where thumbnails of all screens can be viewed, allowing the viewer to click directly on the page they want.
This is our biggest frustration with XD at the moment, and one that clients are constantly bringing to our attention also.
-
Hi Jordan,
Thank you for sharing your request with us. We have heard about this even earlier and I would like to ask some follow up questions regarding this.
1. Do you think, showing just thumbnail view in a grid that represents all artboards would suffice your use cases?
2. What other information would you really want to see in all artboard view?Thanks!
-
Jordan
commented
Currently there is no way to view all artboards in a shared prototype at a high level view. This means you have to click through until you find the artboard you want. I want to have the option to view all artboards at once so I can select the one I want to jump to.
-
Joseph Farruggio
commented
Just below the arrow navigation, I propose adding a grid/thumbnail view of the published artboards. Clicking a thumbnail would jump to that artboard.
-
Shauni
commented
I think it would be helpful to be able to see multiple artboards in the same view on published links (prototype, not design specs).
This would be good for viewing variations side by side. Clients often ask to see options together in the same view and I end up taking screenshots of my workspace so they can see multiple artboards side by side.
I understand you can see artboards side by side in design specs, but I'd like to have this option in prototype too.
Thanks.
-
yusuke
commented
デザインスペックのWeb共有では、画面フローの俯瞰図が表示されています。
プロトタイプのWeb共有でも同等の機能を搭載して、「すべての画面」リンクを押下すると表示されるようにして欲しいです。
プロトタイプのリンクで最初に遷移するのはホーム設定のままで良いかと思います。理由：プロトタイプを操作中にホームに戻ってからホームに戻る前のページに戻るのが面倒です。
全体のフローを確認してからプロトタイプを見始めたいこともある。 -
mc
commented
This feature is a MUST if you are offering XD as a prototype design tool.
-
Meridith Paulhus
commented
Having a grid-based set of navigation in the browser window for navigating the shared comp would make a HUGE efficiency impact. I agree with others who have suggested here that InVision has solved this problem nicely, and would love to see something similar in XD's next update.
-
Frankie Loscavio commented
+1 Yes, yes, yes to this feature / improvement! Very badly needed!!!
We use XD with Jira and every member of our team in the entire workflow / pipeline needs to be able to view a specific page without having to preview one-by-one in a linear fashion.
We name our files in ways that are lexically sorted so having them in a preview grid that is sorted by name is imperative for us.
-
Ashton Brown
commented
Yes, I need this very badly also. For a workaround, I'm about to hand make an HTML list of all Artboard names and link the name to the prototype page URL.
-
Helga
commented
The xd sharing option is generally awesome except when you have loads of individual pages.
We're working with a remote designer with a very slow internet connection. uploading the file takes more than 2 hours for her (200MBs).
When we preview the 66 pages on adobe cloud, we have to go one by one, there is no way to preview all the pages and this becomes incredibly painful.
If there was a way to preview the pages && their titles, that would make life so much easier. Ex. in attachment. -
Brigitte
commented
Upvoted!
To get around this problem, I've gone so far as to build my own map of all the screens that I put in a separate screen I call "Choose your adventure". I also put a button on each prototype screen that lets the user return to my custom mockup menu.
-
kunal
commented
Yea that is the only reason I use UXPin
-
Tom Knutsen
commented
This is the only reason I use inVision instead of XD. I like XD more than inVision, but this feature is so important and we use it often with our clients.
I have to stick with inVision until this is added to XD. -
Remy Versaille
commented
I really need this feature to present my projects to my clients. Otherwise I have to use InVision
-
Cyntss
commented
I think this is already possible. Today I saw it in my team at least. Please check again.
-
Michelangelo Capraro
commented
Allow people with the sharing link to zoom out to an artboard view. This makes it useful for clients to see groupings of pages, ad any other context from how you have your dartboard organized.
it also allows people with the shared link to see how many pages total are in the artboard
