This flow chart is a bit of a whopper in size but there is so much to the flow that needs to be visualized.
over 1 year ago
Nice work man. Curiosity would love to see a real pixels version. :P
Thanks @Neil Bradley
This work is pretty fresh at the moment but I will try to upload UI shots when I am at that stage ;-)
Heh, look forward to those. I always love seeing the behind the scenes stuff.
Just out of curiosity, while waiting for a bigger size ;), how do you go about making these charts? Illustrator?
Thanks @Søren Horsbøll Hansen
Yea Adobe Illustrator is my tool of choice here, all though the layouts tend to get quite large as I usually have a few decks in there which explain different aspects of the system or website.
The benefit for me though is that I can visualize a complete flow and user journey then it makes it easy to discuss with the project stakeholders.
I make use of symbols so that I can change once and it applied to all wire frames and decks.
What do you use?
Thanks a lot for the insight @Peter Mark Ellis.
Well.. I'm actually "in the market" for a solid wireframing- and flowchart workflow (hence my asking), and I'm really liking your approach.
At the moments I'm trying out both "Pencil" and "Prototype" (for the wireframing) and I haven't really found a great solution for the charts, that's easy to maintain, yet. So far I've managed with hand-drawn sketches, which is fine for my own personal brainstorming, but I'd like to show both clients and colleagues, that there's great value to be had in spending more time on these processes.
Are you using Illustrator for the sketching part of the wireframes as well, and the using Axure for the interactive part? I hope you don't mind me asking.
Hi @Søren Horsbøll Hansen
Firstly sorry for the late reply its been a tad manic here on projects especially as we draw to the end of the year ha!
Ok so to answer your questions. Yes I use Illustrator everyday to mainly to produce wireframes. I utilise the symbols libraries so that I can re use instances and so that I don't have to update a gazillion artboards in a project file which helps. So far I have built up a pretty good template stock so I can apply some rapid design techniques to production material. In the end I prefer polished wireframe sets which leave no room for misinterpretation when they finally get based to developers to start working through. I tend to add in highlighter points to wireframes and list out how elements work referencing requirements at all times.
When it comes to sketching I pretty much do it all by hand using ruler, pencil and felt pens for highlighting regions and areas. Then I can work through these with the product team and rationalise the layouts and approach. This is always backed up by assessing the User/Business Goals and making sure they are being met. On the other hand when working through Wireframes (drawn or printed) then some sessions result in producing new Business or User Goals.... but then that is what its all about.
I havent used Axure for a couple of months now that you mention it as we have been using elements of Agile UX so fast prototypes mixed with fast UX. This approach helps reach milestones and delivery targets faster but you need a good harmony and working relationship with the team. But to answer your question yes. Usually I back up UX and Wireframes with an interactive prototype sometimes you can design something that when prototypes doesn't actually work how you think. So this is super valuable when testing your ideas!
Prototypes are such a debated subject though. Some professionals I know do not use it...they tend to go with paper prototyping and they can rip up designs literally and get the client in on the prototyping session by letting them draw. However this approach is only suitable, IMO, to startups or teams where everyone is near by. Our teams are all over the world; New York, Texas, Paris, Germany etc so producing a prototype in Axure and sharing it with them on the Axure Share Server is handy!
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.