Comprehensive Guide to Diagram Types in Confluence & Jira

Whether your business has 5,000 or 5 employees, there will come a time when you’ll need to discuss a plan or present information. When that time comes, you should turn to diagrams in your Confluence or Jira instance.

Throughout history, diagrams have helped consolidate and effectively present information. Over time, many different types of diagrams developed, each with a specific and effective use case. 

To help make sure you choose the right type of diagram for your needs, we’ll take you through a comprehensive rundown of different possible business diagrams and what each one is best suited for.

Flowcharts Map out Processes

Flowcharts are all about breaking down relationships into their component parts. When trying to clarify or document relationships between people, processes or sets of data, a flow chart will help show that visually. 

A great business use case is how content marketing agency Animalz shows their internal article pipeline process.

 

content flow diagra,

Each article goes through a process starting with the creation of the idea, to the actual writing and revision, before it’s sent to the customer for approval and publication. Though it might not be immediately obvious, like every good flowchart, this chart explains the Who, What, Where, and How and helps analyze the Why.

    • Who: The Animalz Team
    • What: Writing and publication of articles
    • Where: Internal to External
    • How: Via multiple rounds of feedback and editing
    • Why: To populate the internet with great content!

Each flowchart will have a clear start and end point. So every process you document should have a very distinct beginning and end. Make sure you also take the time to familiarize yourself with flowchart symbols so that you present information in the best way with your chart.

Cross-Functional Flowcharts Show High-Level Processes and Functions

Cross-functional flowcharts are particularly powerful in business use cases because they add an extra dimension of showing relationships between different functional units. These functional units can be departments or different teams involved in a process. 

For example, if you needed to show potential investors or new board members how your company works, you can use a cross-functional flowchart to show how different department workflows connect.

cross-functional flowchart

Detailing the exact movement of a product from order placement to delivery and showing who is responsible for each step keeps your whole team on the same page so that nothing falls through the cracks. This type of flowchart is ideal for a wide range of cross-team processes such as:

  • Recruitment management
  • New employee onboarding
  • Complaint and problem processing

Mind-Mapping Helps Brainstorm Ideas

If you find that you don’t have a beginning and end point you can use to shape your flowchart, you might need a mindmap. Mindmaps help organize and keep track of thoughts. You organize maps into idea clusters, but everything centers around a main topic. 

For example, if your business wants to develop a new feature or product, you’ll need to figure out how you’re going to market it. A mindmap can help you organize all the different possible routes to take and exactly what each route will entail.

mindmap

Once you’ve decided on which marketing strategies to go with, you can then use something like a flowchart to detail out how you’ll execute on each strategy.

Fishbone Diagrams Identify Cause and Effect

As your business grows, it becomes harder to keep track of every moving piece at the same time. When you run into a problem, whether it’s a defect in a range of products or not having met your MRR goal for a few months, a fishbone diagram can help you break down and trace the cause of the problem back to the source.

The diagram leads to the main problem, placed at the end. Arrows lead to the main problem and represent the possible causes. Different causes usually involve categories like “People”, “Method”, “Material” and “Machine”. 

If your company falls behind on their MRR goals you would be able build a fishbone diagram to see which factors had contributed to this failure.

fishbone diagram

Once you’ve determined the root of the problem, you can then come up with solutions and preventative actions so that it doesn’t occur again in the future. Then, a mindmap is a great place to start brainstorming solutions.

Venn Diagrams Provide Clear Comparisons

The choices you make define your business and as your company grows, you make a lot of them. Venn diagrams are a great way to compare two or more things. 

For example, if you need to decide between two project management tools, Teamwork Projects and Trello, you'll want to see which one provides the features you need. If you're looking for a free plan with little commitment, a tool like Trello that lets you try before you buy, might be the right option for you. But if you're looking for a more powerful option that can really help your team manage everything from one place, Teamwork Projects may be the one you're looking for.

venn diagram

In every Venn diagram some features will overlap, but some won't and that's what makes the Venn diagram so useful. 

Having this direct comparison can help you weigh the pros and cons of each option and ultimately go with the one that best fits your needs. Venn diagrams can compare any similar groups of information, and you may even discover that the things you compare aren't as similar as you once thought, helping to inform your decision.

Tree Diagrams Map out Relationships and Roles

Also known as organizational charts, tree diagrams help explore a specific aspect of your company. Items ripple off the main stem like branches to show how everything relates back to the original topic. With these charts, you can show how everyone within a team works together, or how a project is broken down into parts and the steps related to each part.

org chart

Not to be confused with mindmaps, which also center ideas around a specific topic, tree diagrams have a more narrow focus and multiple branches that relate to each other, rather than having a single central topic with separate subtopics.

SWOT Diagrams Map out Goals

SWOT stands for internal factors, Strengths and Weaknesses, and external factors, Opportunities and Threats, that can have an effect on your goals. If you have a specific goal in mind that you wish to achieve, using SWOT analysis can help you map out each of the potential factors in these four categories that can help or hinder you in your journey. Once you've laid out every factor, you can then take everything into account to help develop the best strategy to meet your goal.

If you need to evaluate the current state of your product, or if you need to determine if a new product can help your company perform better, a SWOT diagram can help you break down whether it will be worth your time and money.

Image result for BART swot

Above we can see an analysis of the BART train system. This can help management narrow down what improvements to make, and other cities can use this analysis to figure out what features to include when building their own train system. 

When creating a SWOT chart, the more factors you include in your diagram the better. You want to make sure you take into account every possible SWOT so that you can prepare for the best and worst case scenarios.

Network Diagrams Detail out Computer Networks

Computer networks are all unique and are made up a number of different parts that keep everything together and running smoothly. Your company will likely have its own unique setup that will need to be maintained to make sure your business can continue growing. A Network Diagram is a great way to show how every part of your computer network interacts.

network diagram

Keeping an up-to-date diagram will help ensure that you can track and troubleshoot any problems that come up. Make sure every component is accounted for so you're not scrambling to find what's missing when something goes awry.

BPMN Diagrams Simplify Complex Business Processes

Though it may just look like a flowchart or even a cross-functional flowchart, Business Process Modeling Notation (BPMN) diagrams have a very specific function. These flowcharts visually depict the sequence of activities and information needed to conduct complex business processes in a simple way.

BPMN diagram

As with flowcharts, each specific element is represented by a different shape. Using these shapes to help differentiate different parts of the process helps simplify the process into an easy-to-understand diagram.

UML Diagrams Speak Louder Than Words

Centered around the Unified Modeling Language (UML), which is a standardized language accompanied by a specific set of symbols, these diagrams help software engineers and other fields that use the language depict complex processes in a simple way.
UML diagram

Though it may look confusing to those not familiar with the language, the diagrams should make understanding software design processes much easier.

Wireframe Diagrams Build Your Website

A bit different from all the diagrams we've discussed so far, but just as important, wireframe diagrams give you an outline of what you want your website to look like. Not only can it help you build a clearer vision for your site, but it can also help developers know what you want when you send them an idea.


wireframe

Using a diagram can give you a clear picture of how every feature of your site will look in relation to one another. It can also help make sure every member of your team is on the same page about the site before it goes into development.

When to Choose Which: A Flowchart

Each diagram presents its own unique format and use case. To help you figure out which diagram is the right one for your needs, we put together this flowchart.

diagram_choice_flowchart (1).jpg

Once you've decided, get diagramming!

 

❤️ The Gliffy Diagram Team

4 comments

Andy - PTC Redundant
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 4, 2019

Anyone else out there still guilty of using MS Visio out of force of habit....?
(Going on 15yr strong with it... and find it so hard to switch, no matter how much I practise...)

Hope I'm not the only numpty.


@John Almeida : Compliments on a great article! Some excellent examples in here! Were these made on Server or Cloud....?
Wow! Wireframes :oO AMAZING! Would love to discover a designer working with Gliffy for that. They would make for a great speak at our local AUG chapter!

John Almeida September 4, 2019

Hi @Andy - PTC Redundant , these were made in our Gliffy Diagram for Confluence Cloud app. However, regardless of what hosting they are created, they will look just as good 😉

Feel free to reach out to me directly at johna@gliffy.com to potentially find some time for Gliffy to swing by and present at your local AUG. Would love to get involved!

Like Andy - PTC Redundant likes this
Andy - PTC Redundant
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
September 5, 2019

@John Almeida : Good to know! I am a Cloud user so I'm happy to hear this is the case, because I love me some super awesome diagrams. What a kind offer. 👏🤩 Will definitely take you up on that! I've dropped my ACL details to you by e-mail. Cheers!

Like John Almeida likes this
Michelle Rau good
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
December 6, 2019

Really nice breakdown of types of diagrams, and I love the flowchart as to which one to use.

Like # people like this
TAGS
AUG Leaders

Atlassian Community Events