Wireflow

11 Responses

  1. Martin Kool Martin Kool

    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.

    over 1 year ago

  2. Micah Sivitz Micah Sivitz

    What program do you use to do these?

    over 1 year ago

  3. Martin Kool Martin Kool

    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.

    over 1 year ago

  4. Kevin Hamil Kevin Hamil

    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.

    Great work.

    over 1 year ago

  5. Stafie Anatolie Stafie Anatolie

    Can we see more of it? :)

    about 1 year ago

  6. Martin Kool Martin Kool

    I'll see if I can post a stripped down Illustrator version of it for people that want to use/build upon it.

    about 1 year ago

  7. Stafie Anatolie Stafie Anatolie

    @Martin Kool that would come in handy as i'm working on my thesis paper now and need to build a userflow :)

    about 1 year ago

  8. Martin Kool Martin Kool

    @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!

    likes

    about 1 year ago

  9. Stafie Anatolie Stafie Anatolie

    @Martin Kool - wow, that's great help, thanks! In the meantime i did some of my own but i might redo it :)

    https://dl.dropbox.com/u/7777500/Consumer-user-flow.png

    about 1 year ago

  10. Dario Espina Dario Espina

    thanks! great work @Martin Kool

    about 1 year ago

  11. Justin Graham Justin Graham

    gorgeous flowchart! well done @Martin Kool

    11 months ago

keyboard shortcuts: previous shot next shot L or F like