Why can't flow charts be prettier and easier?! What do you use for creating them?
Don't forget to join the Jump.TV Beta! Should be live in a few days. :)
12 months ago
What did you use to create that?
@Matt The tool I am best at: Photoshop. :-X
I am disappoint. I (also) want a better tool for stuff like this.
@Jeff Broderick omnigraffle is a pain in the ass and super ugly but you should check out mindnode its pretty bare bones but does exactly what you need :)
Guys. I see an opportunity here. "Flowww Chartr". Hahah.
Do you put this sort of dedication into all of your site designs?
Full pixels or it didn't happen.
(Also, looks gorgeous)
(Also, I want to built this as a real tool)
This looks sooo nice! I would definitely use this if it were an actual app.
Looks very soft. I'd love to see the full view.
Very pretty Jeff. I use my white board at the very first stage.
This makes designers talk to developers to make it happen ;)
Yeah charts are always a pain. When I want more control over the appearance of a chart I end up using Illustrator. I feel it's a little more flexible than Photoshop when you want be able to quickly move shapes around.
@jeff if you set a style in omnigraffle, then you only need type and outline and it will build your charts like this automatically.
All my outlines look beautiful this way.
Omnigraffle every time for me.
Remember guys flows are not deliverables. Quick, dirty, easy to understand and update.
However the less time you put into sketches, wireframes, flow-charts, and other non-deliverables, the less committed you are and the easier it is to discard them. Getting attached to an idea for the wrong reasons (personal investment) can be dangerous. Of course this is all based on two assumptions:
1. The flow-chart is not a deliverable
2. It takes you considerably longer making them pretty
A book I really enjoyed on this subject is Sketching User Experiences by Bill Buxton.
always clean work! +1
Love the 'lock' icon. :)
I usually agree with this flow, but I found http://slickplan.com to be a decent tool both in functionality and looks.
Comes down to picking the right tool for the job.
Keynote is a great tool for quick and easy wireframing and flowcharting ... easy to make look "pretty" too, but without a huge time investment. Also, can export as PDF, which is a nice bonus.
@Maximilian we are in agreement about them not being deliverables. If you are 100% freelance, however it really helps to build a template style to use in every project you hand over.
I was able to increase my rates to $150+/hr base on the client looking over some (pretty rough wireframes) that happened to look 'nice'. I'm not suggestion taking advantage, but it's helped sell potential customers many times to see a consistent style in all my portfolio (wireframes give them an idea of how i approach process)
by Jeff Broderick
Still having fun with this flowchart. I hate flowcharts and figured the best way for me to enjoy it is to make it pretty. :) I am having fun and accomplishing a lot. It doesn't add much time to my process and I have something I am proud of.
What do you guys think? :-/
12 months ago
As per the tools used to create flows or wires, Illustrator or InDesign are pretty good, and frankly it should not take that much longer to create a nice flow chart. As a UX designer flow charts are part of the deliverables showed to clients, and having them look slick and clear helps guide the client through, so it's a win win. Even for freelancer you should add wireframes to your design process, it helps clients understand your thoughts behind your ideas, it builds a certain confidence and trust which becomes useful at later stages.
It might not be the prettiest, but I just started using LucidCharts.com and it's fast as hell. The controls are real intuitive especially for creating flow diagrams.
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter