Skip to main content

How to Create a Good Diagram

Yesterday I was reading some Mckinsey articles on how machine will impact differrnt types of works, the article was made more professional by the beautiful diagram it has.
And I relate that to my experience of demonstrating user journeys to the business, if is true, a good picture speaks a thousand words.

So are the rules to create a good diagram

Color plays an important role in creating a good diagram; while the actual color we select does not matter too much (and please do not use too much time trying to match the color meaning with the audience culture); I find the following guidelines very useful:
Use same color for objects that belong to the same concept (say, if I am showing the male and female population by age group, I will use one color for all bars representing female and another color for male);

Use a color scheme that provides contrast between different objects. Take the same example before, I will probably use Pink for female and Blue for male in stead of two Pink or Blue colors that looks similar to each other;

When using multiple triads, uses colors of similar saturation levels. Saturation refers how a “color” appears under a particular lighting condition. Mixing primary and secondary colors with similar saturation levels provides a more cohesive looking design. For example, a bright red color mixed with a blue-ish green color can give some strange effects, sometimes giving the illusion of vibrating when not looking directly at them (very annoying).

Don't use too many colors on a diagram, it makes it difficult for the users to read the message the diagram try to convert which will overshadow the main goal of the diagram;
Fonts in the diagram generally compliments the font used in the articles, especially for long articles, having different types of fonts make it messy.

Besides, it is suggested to use a single font in a diagram; use different font weights (light, medium, bold) to emphasize.

Handwriting fonts are only used for statements that comes from somebody. 

Size is an often neglected element of a diagram, while it is important in situations where you have to give indications of weight or trend of changes. 

See the following diagram I took from the Mckinsey article "Where Machine Could Replace Human and Where They Can’t Yet" In which the size of the circle represents the percentage of time spend in US occupation.

If all the above principles on color, size and font are fulfilled, the diagram should look visually pleasant. 

Nevertheless, this is only half of the things needed to make a diagram and frankly, it is the easier half.

Diagram exists in the context, it exist to demonstrate a connection, to visualize a relationship or to make a point. And to achieve this purpose, first, a diagram needs to have a meaningful title, a title that summarize the most important information this diagram is trothing to convey. Take the same diagram above for example, content before and after the diagram talked about how each task conducted by different professions can be automated and the title basically talked about that it is different. On one hand this is a rather vague sentence to be anywhere meaningful ( I would rather say something like “management tasks are highly un-substitutable while routine and labor intensive works will likely be substituted by machines, especially in less knowledge required industries) but on the other hand, for users to keep reading to the end of the article, the title also cannot be too executives.

Make sure the diagram is relevant to the context, say I am talking about Fast Food consumption in US, then my diagram should be about Fast Food and the icons and images I use be aligned in the same theme; but if I started to use trucks and cranes, readers of the diagram will be very confused and need to take extra time to interpret the message. Allow the diagram relay information to strengthen the written word.

Consistency between the message in the article, or the video, or the speech etc, and the diagram you want to use. I will not use diagram just because it looks nice, if it is too simple and I can give the message in several lines of text, i will not bother for a diagram as it actually reduce the quality of my article. 

All in all, a well represented diagram makes a lot of difference; but try not to over use it, otherwise it will be very counter-productive. 


Where Machine Could Replace Human and Where They Can’t Yet

Popular posts from this blog

4 Techniques to Make Your UX Review Meetings Successful

As a product manager, I often need to sit down with the executive management team to get their feedback on the new designs. It can be a frustrating process and many times I found that I cannot get things down in the time I am allowed to have.
Nevertheless, not having the sign-off from management is terrible for the team, we face high risk of having to re-work (yes, we always need to re-work, but it feels better if it is an improvement), schedule get delayed etc.
Over my 200+ review meetings, i've came to understand the reasons and learnt skills on how to stir the meeting towards an efficient completion, and I want to share them with you.
There are 4 key reasons of an unsuccessful product review meeting: 
1. Audience Lack the Background Knowledge: especially when introducing a new function, executives don’t know what they are looking at, or how the end users will be using such function, you may have sent the presentation before and again in the meeting invite, it doesn’t matter;

2. T…

How to Do Market Research and Competitor Benchmarking

Congratulation, you have validated your business idea from the people around you and it looks good in their eyes. You want to go ahead and start working on the idea.
No matter if you are a veteran in the industry and have good connections to help you start; or your idea came from your personal experience while you have little experience on the market.The first thing you will end up doing is market research.
Remember, you are doing the research to: Make sure the idea in a correct way;Identify what your end users are comparing toUnderstand what challenges you will face;See how you can make money;
You are not doing the research to: Copy what the other companies are doing Exhaust all potential competitors in the market
What I always to, is a 5+1 market analysis. In the beginning, I would start with a 5-day analysis with the following schedule:
Day 1: Find a list of companies that are targeting the same end users you want to approach 
For most of us, finding the list of companies that are target…

Indie Game: What Developers Should Do and PLayers Should Play

What does indie game stands for? What is the market and market growth for indie games?
Indie games are video games that are created without the support of a publisher (E.g. EA games; Microsoft etc). Indie game developers am to bring innovation to the market, they focus on digital channels (APP stores; online marketplace) to distribute the games.
Perhaps James Swirsky And Lisanne Pajot's movie "Indie Game" best visualize the community working on indie games. This is a group of entrepreneurs seeking to realize their ideal, keep refining the work they have done and hope to find others who believe the same.
I researched on the well recognized forums, bloggers, and platform operators (E.f. Steam) to construct a comprehensive list of 100+ popular indie games to try to see what criteria are important for a good indie game. 

My logic is: indie game mostly face serious gamers (people who spend a significant hours of their week playing games), there are certain special requirements fr…