Quick way to navigate to a specific artboard when viewing shared prototype
It would be great to be able to choose the page to view online directly.
When you want to quickly show a certain page in your mockup, or start anywhere else than your designated Home, it can be tedious to click through the prototype as not all the paths are there.
Using the previous/next buttons can be confusing as it depends on how you have spread out the artboards.
In the upper left of the navigation, there’s an icon with four squares in it. This will show a grid overview of all of the artboards in the document, which shoudl allow you to quickly jump to an artboard. Once you have the artboard open, you can copy the URL to then jump directly there. Hope that helps!
-
Jan commented
As I see it there's no navigation whatsoever on Android XD mobile app. Please look to InVision and pick up some pointers there. We need to be able to navigate this thing just like anything else really. Index, homepage, etc.
-
Joseph Silva commented
I would also like to see the ability to navigate by thumbnails in a published/shared prototype. It would very convenient and very quick, and save people lots of time. In the thumbnail view it would be great if comment notifications appeared next to screens with new or resolved comments.
-
Ewa commented
It's not just about finding one particular mock-up, but also about grouping and ordering
-
Ewa commented
I would like users, product owners and other stakeholders to find the mockups they need, thanks to the well-established structure.
We create complex applications that have around 100-200 different mockups. In the schematic view as in the design spec mode, it is hard to look at views of only one specific module in the application, e.g. all message mockups.
For a long time I used UX Pin, where the mockups structure is displayed using a tree. This solution worked very well -
Ewa commented
Navigating with the arrows is very difficult in extended projects with a lot of mockups.
I suggest you put navigation tree on the left side so that users do not get lost in the prototype. It will also speed up finding the necessary views they need.
Examples from other applications -
Two existing features that may help, depending on the situation:
- You can click the "home" icon in the Prototype workspace (and then re-share) to choose which artboard the prototype view starts on
- As you navigate through a shared prototype, the URL changes. You can send someone the URL to link directly to a specific artboard (aka a "deep link")
-
Nico Daams commented
Hi Elaine,
I am thinking about a different way of navigating, by thumbnails or simply by typing in the page number.
Best regards,
Nico