New mode: IA Flow
Simple view to map out the IA (Information architecture), decided feature requests, page relationships, etc. before designing.
This would keep all design blueprints in one system instead of heading out to _(Mind map or flowchart app of choice) to stay on track. Especially when working on small teams.
May reflect a similar (though severely simplified) view of Prototype mode.
Brian R commented
This would be incredible for sitemaps and user flows. Ideally similar to how Omnigraffle does it.
Can't design great experience (UX & UI) without context of how things flow from screen to screen.
Please add support for userflow / wireflow / flowchart symbols & connecting paths
Jean Lucas Monteiro Lima commented
Bringing this up again, user flow is actually a big deal and a huge part of UX work.
Ieva Neverdauskaite commented
It would be great to have an ability to export wireframe flow in some sort of document, the .pdf would be an ideal choice! For now, I have to create a wireframe prototype in Adobe XD, export all screens, import them to Adobe Illustrator and then make connections myself to get a full resolution wireframe sheet map. While working with big corporations it is essential to prepare such kind of document. Big companies require such document for later development of an app. It's useful for planning development resources, back-end and other processes. It would be great if we could just export prototype as .pdf with all connections. Thank you guys!
Ronnie Saini commented
I wish this was a feature, Adobe would truely become he one-stop-shop for UX designers.
As XD is super fast in rendering. (Great job by the way)
I think there might be an opportunity to allow grouping Artboards to and create Information architecture layers.
When we work on complex web applications we need to communicate two things.
Overall App information architecture
Flows within a given destination.
I can imagine a way to define artboard areas for the Login, Landing, Destination 1, 2, 3.
Then each next level hierarchy if there is.
So sub-destination 1.1, 1.2, 1.3.
Once I have the static representation of those (my mental model is top to bottom.) i would start to create (left to right, their inner interactions and flows)
Obviously you could also imagine designing the IA and map in a distinct Artboards page and allow to have additional pages (with several artboards) for each main destination.
This was the best part of iRise.
Laying out IA page flows before content is fully defined, iterating, then embellishing with content and refining design.
Adobe XD now lets you start immediately from screen design. However it would be great to create the User Flow first with lo-fi cards. What is UX Design without understanding the flow first? It is almost like the website tree in Adobe Muse except with connections and conditions. This can be a mode that comes before the Design Mode. So when we go to the Design Mode each screen is laid out for us ready to design (maybe even with tips from the flow mode). Then when it comes to the Prototype Mode, we know which screen to connect to which screen the only thing left is to choose what action causes that connection. After the prototype we can easily iterate by going back to the User Flow and make changes there so that the prototype can be updated as well.
Being able to create a flow like Anita Hall's first example link would be incredibly important to me. Until XD, I was using mainly Axure, which it great for wireframing through to prototyping. It is also very usable for flows and user journeys, whether in a flow diagram format, or including wireframe snapshots designed within the program. It does a lot, but is actually quite bogged down with functionality.
However, for design, the usability and speed of XD is fantastic. I hope it doesn't become bloated in the same way. But, certainly being able to create user journeys, particularly using snapshots of the designs created in the design mode, would be great. Right now, I copy and paste the designs from XD into user journeys in Axure.
Definitely smaply or uxpressia should be checked out.
Adobe Muse's site map model could be a first attempt.
Manuel Engler commented
Yes, would be great to have an mind map tool within XD! Voted!
Thanks for getting back to me. Could you please link me to the story/user voice request for information architecture flow? This is because when I design the information architecture flow, I'll have lines, relations, arrows, and notes, etc. on the diagram - usually it will end up a graph like this:
"There’s also a story already for showing all available screens to navigate to in a prototype." Do you mean when you share in the Library or when you preview in Adobe XD Mobile app? I am not sure what you mean.
Hi - Thanks for your reply. If it can be in the shared prototype mode, then that'll be wonderful too. I was thinking to have a mode to display the pages similar to this: http://www.markdubois.info/weblog/wp-content/uploads/2013/04/InitialSiteMap.png
I know we can link a button or a page to another page. Can we have a view that's similar to a view in Adobe Muse where you can see all pages in sitemap mode.
Michael Pierce commented
I don't really support an "Auto mode" but would like better diagramming tools such as drawing arrows from space to share, supporting labels, line weight various line end connectors, circles, square, arrow, and also smart enough to support Line Hop.