A peek behind the scenes. This is one of my wireframe flowcharts in which I combine the flow and wireframes for each view of an app. In this case the views of an iPad app. All views are numbered to later use as reference in (technical) design files. In the 2x version you can just make out the columns that indicate how many levels deep each screen is. This is as much as I can share of this project so no real pixels unfortunately.
about 1 year ago
What program do you use to do these?
I did these in Illustrator. While I mostly prefer Photoshop, I like Illustrator's ability to have several objects on the same layer. It lets me easily lock certain elements in place. I also like the ease of selecting, grouping and scaling elements.
Wow, this is excellent. By far, one of the most organized and well laid out flows I've seen. Not to mention your style certainly sets a standard, the likes of which we all would love to see in a flowchart software.
Can we see more of it? :)
I'll see if I can post a stripped down Illustrator version of it for people that want to use/build upon it.
@Martin Kool that would come in handy as i'm working on my thesis paper now and need to build a userflow :)
@Stafie Anatolie here's a quick, dressed down version: https://www.dropbox.com/s/y2d3e80wy7o3g3q/AppFlow-0.1.ai
It's not as polished as I would like to have it, but hopefully you can put it to good use!
@Martin Kool - wow, that's great help, thanks! In the meantime i did some of my own but i might redo it :)
thanks! great work @Martin Kool
12 months ago
gorgeous flowchart! well done @Martin Kool
10 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.