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.
Updating this thread as we have delivered thumbnail view of all artboards in Grid View.
For more details, check this blog https://theblog.adobe.com/xd-july-2019-update-unified-links-grid-view-mobile-commenting/
Some Guy commented
What a SHITTY change. The view that was previously available on the web that allowed developers to see the FLOW of the screens, including multiple paths, and showing artboards for all devices that the app targets all in one canvas.
This fucking grid view is absolutely fucking useless.
This new grid view is useless!! What happened to the prototype view that shows all art boards and how they connect to each other (eg. just like in prototype view within XD)? The links view is not helpful at all - how is a developer supposed to tell what links to what?? This is a horrendous update!!!!
Perfect! The new XD update (21) does exactly what I've been looking for. Good work Adobe ;)
Made a little video and tweeted about it too... https://twitter.com/Pixel_Chris/status/1151016570178744320
It would be great to have an option to see thumbnails of all screens in Share for Review. This functionality you can find at Invision App. You can easily switch between list and grid view. It would be very useful and it would save a lot of time when sharing a lot of screens for review. Currently, there is no option to see screen thumbnails and you have to navigate screen by screen.
Sarah Johnston commented
Arun Kaza (Adobe) (Product Manager, Adobe) responded · May 20, 2019
We are happy to inform you that we are considering to provide a thumbnail view that would display thumbnail images of all the artboards present in a shared prototype link, along with its name.
You can then click on any of those artboards and jump to it directly.
Stay tuned for more updates!
- - - -
Do you happen to know when this new feature will be released? Being able to easily navigate from art board to art board is an absolute must for our team! My hack at the moment is making my home Artboard of a site map with links, but this still isn’t idea bc I have to click home every time I need to navigate to a different Artboard that is apart of the same project but not linked in the user flow.
This doesn't sound that it would be added anytime soon... really disappointing.
The lack of feature in prototype sharing is my biggest issue with XD...
That's great news Arun. I don't suppose you have any idea of a timescale? The lack of this feature has meant us using other apps instead of XD, when showcasing prototypes to our clients.
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
It would be great to have the ability to show a client all pathways at a glance when sharing the document for review. Currently they are limited to navigating as if they were a user (clicking on links we have created in XD) or by using the left / right navigation at the bottom of the browser. In some scenarios, it is beneficial to give them an overarching look at all of the artboards, just like when you 'Share for Development' - however, they obviously don't need all of the development information.
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:
To 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.
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.
Share view. Yes, I can see all boards currently. But I would like to see links as well (not hidden). So it can be used as documentation for developers with no need to click and preview one connection only.
Main idea not only click and preview, but see all connections for screens. It is more schematic way to see linking. It is also useful for clients.
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?
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.
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.
This feature is a MUST if you are offering XD as a prototype design tool.