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.
This feature is definitely necessary. Definitely!
Really would love this!!
this would be a real game changer
Death By Stereo commented
https://Overflow.io + UX Note mode, please!
Would love if the IA tool supports swimlanes, containers and default flow symbols
Marshall Wells commented
The IA mode should establish 'artboards' for each state - this would allow designers to organize animations or 'states' for pages inside of separate artboards, each page on the IA would create a separate artboard.
Kurt Iverson commented
Yes, this would be a huge value add for UX professionals. In particular, allow us to use connectors between shapes that stay connected when the connect shapes are moved.
Perhaps something similar to https://uxmisfit.com/squid/
Bashar Louzon commented
Support IA Tool like Overflow to be integrated withing discovery phase in ux process if it could be shared with Product managers and whole teams
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.
Meir Benezra commented
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.