{"id":2699,"date":"2010-09-02T17:10:15","date_gmt":"2010-09-02T06:10:15","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=2699"},"modified":"2011-12-09T16:48:31","modified_gmt":"2011-12-09T05:48:31","slug":"tips-on-drawing-flowcharts","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/","title":{"rendered":"Tips on Drawing Flowcharts ( 6 Useful Flowchart Tips )"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p><a href=\"https:\/\/stage.creately.com\/Flowcharts-and-Workflow-Diagrams-Online\" target=\"_blank\">Flowcharts<\/a> are fairly simple things. Before I wrote this, I almost thought &#8220;Hey, who&#8217;d ever need a tutorial on how to draw a <strong>flowchart<\/strong>? It&#8217;s too simple and it&#8217;ll probably need one line to explain.&#8221; Well&#8230; not really. There&#8217;s more to flowcharts than simple shapes and arrows connecting them if you want to get the idea across. The <strong>flowchart tips<\/strong> below will help you create better flowcharts that get the message across:<\/p>\n<h3>Identify why you are drawing the Flowchart(s)<\/h3>\n<p>Of all the flowchart tips mentioned here this might be the most important one.You may be drawing it to explain a process to someone, to understand a process, to find loopholes in a flow and so on. It is important to identify the objective on why you want a flowchart for this. Understanding the audience is another important thing. For example, you can use standard <a title=\"Flowchart Symbols\" href=\"https:\/\/stage.creately.com\/diagram-type\/objects\/flowchart\" target=\"_blank\">flowchart symbols<\/a> when showing your chart to software engineer etc who understand them, but for a non technical audience you should use alternate images to make it more clear.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/process1\/\" rel=\"attachment wp-att-2708\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2708\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"Identify what you are going to use the flowchart for\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/process1.png\" alt=\"Flowchart Tips and Tricks\" width=\"530\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/process1.png 530w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/process1-300x113.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h3>Are there many &#8216;actors&#8217; involved?<\/h3>\n<p>If there are different responsible parties (or things) involved in each step, you might want to convey that information clearly with a <a title=\"Swim Lanes in Flowcharts\" href=\"https:\/\/stage.creately.com\/diagram-type\/article\/swim-lanes-mapping-processes\" target=\"_blank\">Swimlane flowchart<\/a>. They help clarify who \/ what is responsible for each step quite easily.<\/p>\n<p>If you have many actors (say more than 6), it might be better to generalize them if possible. Ex. rather than having two columns for Sally or Rob at HR department, just group them into the HR department. Again, it all depends on who the audience is.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/swimlane\/\" rel=\"attachment wp-att-2709\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2709\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"Identify actors if you want to use swim lanes in your flowchart\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/swimlane.png\" alt=\"Flowchart Tip - Identifying Actors\" width=\"530\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/swimlane.png 530w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/swimlane-300x113.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<p>On Swimlanes, <a href=\"https:\/\/stage.creately.com\" target=\"_blank\">Creately<\/a> has some neat tricks that <a href=\"https:\/\/stage.creately.com\/help\/Connectors\" target=\"_blank\">automatically glues shapes<\/a> to swimlanes so you don&#8217;t miss them when resizing etc.<\/p>\n<h3>Decide on the start and end points of the flowchart<\/h3>\n<p>As trivial as it may sound, a flow with random endings is more confusing than it helps. So choose the objectives and keep it simple. An important flowchart tip that is often ignored.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/start_end\/\" rel=\"attachment wp-att-2713\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2713\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"Deciding on a start an end makes it easier to complete the flowchart\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/start_end.png\" alt=\"Flowchart Tips - Decide on Start end\" width=\"530\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/start_end.png 530w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/start_end-300x113.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h3>Break it down into multiple flows<\/h3>\n<p>Very long flowcharts can cause the reader to overlook the details that you are actually trying to convey. It is best to break down a flowchart into sub-flows. Use the <a href=\"https:\/\/stage.creately.com\/help\/Connectors\" target=\"_blank\">connector<\/a> and <a href=\"https:\/\/stage.creately.com\/help\/Link-Diagrams\" target=\"_blank\">inbuilt link feature<\/a> to create automatically linked documents with sub-flows in Creately.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/breakdown\/\" rel=\"attachment wp-att-2710\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2710\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"Breaking to multiple flows makes the flowchart easier to understand\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/breakdown.png\" alt=\"Flowchart tip - break the whole thing to multiple flows\" width=\"530\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/breakdown.png 530w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/breakdown-300x113.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h3>Get your team on-board<\/h3>\n<p>Documenting processes or planning steps requires careful review and thinking. You can use Creately&#8217;s <a href=\"https:\/\/stage.creately.com\/features\" target=\"_blank\">inbuilt collaboration<\/a> features to help kick this process off easily.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/collaboration\/\" rel=\"attachment wp-att-2712\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2712\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"collaboration\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/collaboration.png\" alt=\"collaboration\" width=\"530\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/collaboration.png 530w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/collaboration-300x113.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h3>Use colors meaningfully<\/h3>\n<p>You can color code your flowchart objects to convey things like Risk involved, Who&#8217;s responsible, Process state (Draft\/Final), basically anything you want. But always remember to include a legend on the corner so everyone knows how to read the chart.<\/p>\n<p><a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/attachment\/legend1\/\" rel=\"attachment wp-att-2714\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2714\" style=\"margin-right: 20px; margin-bottom: 10px; margin-top: 10px;\" title=\"Use colors in your flowchart to identify actors or sub processes\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2010\/08\/legend1.png\" alt=\"Flowchart Tip - Using Colors Meaningfully\" width=\"511\" height=\"200\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/legend1.png 511w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2010\/08\/legend1-300x117.png 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/a><\/p>\n<p>Most of the flowchart tips mentioned above might seem obvious but not many follow them when drawing a flowchart. Got anymore flowchart tips to share ? Feel free to mention them in the comments.<\/p>\n<p><a href=\"http:\/\/twitter.com\/chandika\" target=\"_blank\">@chandika<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flowcharts are fairly simple things. Before I wrote this, I almost thought &#8220;Hey, who&#8217;d ever need a tutorial on how to draw a flowchart? It&#8217;s too simple and it&#8217;ll probably need one line to explain.&#8221; Well&#8230; not really. There&#8217;s more&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/diagrams\/tips-on-drawing-flowcharts\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[681,686,52,45],"class_list":["post-2699","post","type-post","status-publish","format-standard","hentry","category-diagrams","tag-diagrams","tag-examples","tag-flowchart","tag-tips"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/2699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=2699"}],"version-history":[{"count":37,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/2699\/revisions"}],"predecessor-version":[{"id":6910,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/2699\/revisions\/6910"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=2699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=2699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=2699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}