The 9 Best Mind Mapping Tools for Designers

A Roundup of the Best Mind Mapping Tools

A mind map is a diagram drawn to help brainstorm ideas without being forced to organize or structure them. Instead, ideas are visually depicted in a hierarchical structure showing the flow and relationship between various ideas as they arise, which allows us to analyze them and recall them with ease.

Let’s take a look at the types of mind maps that are used in UX, and the mind mapping tools that are used to create them.

The Benefits of Mind Mapping

So, why mind map?

Ideation is exciting. Ideas here, ideas there. However, the enthusiasm to conceptualize them can be so invigorating that we don’t take the time to develop upon them or consider other ideas.

Rushing into a concept can take us down a road that’s seemingly harmless but actually quite dangerous. It might get us to finish line, which feels great, but with an end-result that’s mashup of random thoughts and ideas that don’t work together.

By mapping out ideas, we can better understand their:

  1. value (what’s to be gained by exploring this idea?)
  2. role (how does the idea fit into the bigger picture?)
  3. relationships (how does the idea relate to other ideas?)

Eventually we can start to organize these ideas by similarity using a methodology called affinity mapping, which in turn helps us design user-centric mockups and wireframes as opposed to being driven by personal opinion.

How Mind Maps Are Used in UX

Mind maps can evolve into other types of maps with more specific uses. For example, maps that explore the navigational hierarchy and user flows of software systems such as websites, apps, and so on, are referred to as sitemaps. Maps that explore the numerous ways in which customers might interact with a product are called customer journey maps.

Both of these are useful when planning UX design projects — sitemaps for planning wireframes, and customer journey maps for optimizing the online and offline customer experience.

Coggle

  • Pricing: $0, $5, or $8 (/month)
  • Platform: web
  • Pros: simple features, real-time collaboration
  • Cons: looks a tad outdated, only accomplishes mind mapping

While many old-school mind mapping tools have become tragically outdated over the years, Coggle is one that’s managed to survive by keeping its focus solely on mind mapping and sporting a fairly simple user interface.

a Coggle mind map

It still looks somewhat dated, but nonetheless is much better looking than veteran tools like FreeMind (which hasn’t been updated in at least four years) and Mind Manager (which looks like it came bundled with Windows 95).

Check out the Coggle Mind Map Gallery, especially the mind map that describes the various types of emotion.

Notice how each emotion is divided by color, then further divided into more specific emotions depicted with capital letters, and then divided once more in a smaller font. It’s totally up to you how visually organize your thoughts and relationships. Coggle lets us explore ideas using images, branches, loops, shapes, and whatever else we need to explore our story.

Stakeholders can weigh in by commenting on mind maps, but also collaborate in real time as if using a whiteboard.

Apart from real-time collaboration, these features are standard and are included in every other tool in this list.

TL;DR: Coggle is everything you need, and nothing you don’t.

XMind

  • Pricing: $1.24, $4.58, or $4.99 (/month)
  • Platform: web, iOS, Android, macOS, Linux, Windows
  • Pros: beautiful maps, very modern, excellent UX
  • Cons: only mind mapping, no real-time collaboration

Other than Coggle, XMind is the only mind mapping tool to withstand the test of time, these days taking inspiration from critically acclaimed screen design tools like Sketch to offer a mighty mind mapping experience, but still with a minimalist and intuitive user interface. XMind mind maps look stunning, and while there’s no real-time collaboration, the maps can be shared with stakeholders and exported in a variety of formats.

An XMind map

If you’re looking for a modern-looking mind mapping tool without the bells and whistles, XMind is more than suitable.

Tip: try “Zen Mode” to remove all UI distractions!

The post The 9 Best Mind Mapping Tools for Designers appeared first on SitePoint.

Comments

Post a Comment

Popular posts from this blog

Visual Studio Code: A Power User’s Guide

Image
In this guide, you’ll learn how to take advantage of Visual Studio Code to supercharge your development workflow. This article is written for beginners who may be using Visual Studio Code for the first time. VS Code, as it’s commonly known, is considered a "lightweight" code editor. In comparison with full integrated development environment (IDE) editors which occupy gigabytes of disk space, VS Code only uses less than 200MB when installed. Despite the "lightweight" term, VS Code offers a massive number of features which keep increasing and improving with every new update. For this guide, we'll cover the most popularly used features. Every programmer has their own tool set which they keep updating whenever new workflows are discovered. If you want to learn every tool and feature VS Code has to offer, check out their official documentation . In addition, you may want to keep track of updates for new and improved features. Prerequisites In order to follow alo
Read more

6+ Best Websites for Free Fonts in 2020

Image
I firmly believe that, in order to strike the optimal balance between minimalism and visual appeal, a user interface should display no more than what’s absolutely necessary while making those necessary elements look visually appealing. Keep it simple, but make the simple look amazing. But, what does simple look like exactly? Well, strip away all of the over-the-top marketing gimmicks, redundant features, and cluttering visuals, and most of what’s left is the UI copy and text content. As boring as this sounds, let’s be honest: this is the most important aspect of any app or website. Information and the ability to navigate it is the entire reason users are using our app or website. So with the right typeface coupled with the right font styles (see “ Font vs typeface: the ultimate guide ”), we can create designs that are quite simple and yet visually appealing at the same time. This emphasizes the most important aspects of the design while usin
Read more

How to Contribute to Open Source TypeScript Projects

Image
If you think of the ideas of open source applied to information in an encyclopedia, you get to Wikipedia – lots and lots of small contributions that bubble up to something that’s meaningful. – Matt Mullenweg One of my favorite aspects of open source is the fact that anyone can contribute! It’s like “productive volunteering” (if you’ll humor me). It’s a fantastic way to build something bigger than you, give back to the community, and level up your skills. In this article, we’re going to talk about practical ways for you to get involved in open source TypeScript projects. We’ll first cover assessing your level then jump into how you can find opportunities. Assessing Your Level Before you get started contributing to open source, you want to find your comfort level. Where are you at skill-wise? What level of complexity are you wanting to solve? How much time do you want to spend? These are important questions to consider before diving in. This
Read more