Jan-Willem Tulp pointed out
this amazing tool to choose a color palette: https:// colorcurves.app
You can choose between either a continuous palette or a discrete palette, with groups that is.
Here’s an example of an exponential color curve for a continuous palette using
There are numerous functions you can use to make your “
gradient color curve“.
Similarly, you can specify the lightness of the different colors along your curve.
Here’s another example, of an color arc for a categorical / discrete palette using
guidebook to human-centered AI design refered to the , containing numerous helpful tools to help you Design Kit design products with user experience in mind.
The design kit
website contains many practical methods, tools, case studies and much more resources to help you in the design process.
Screenshot of designkit.org/methods
Human-centered design is a practical, repeatable approach to arriving at innovative solutions. Think of these Methods as a step-by-step guide to unleashing your creativity, putting the people you serve at the center of your design process to come up with new answers to difficult problems.
provides some seriously design kit methods section handy guidelines to help you design your products with the customer in mind. A step-by-step process guideline is offered, as well as neat worksheets to records the information you collect in the process, and a video explanation of the method.
Example method screenshot from designkit.org/methods/frame-your-design-challenge
I found this amazing website
that helps you select the right data visualization or chart type for your data. data-to-viz.com
Got numeric data? Two variables? No inherent order? Just a few data points? Pick a boxplot, histogram, or scatterplot!
Categorical data? There’s a seperate decision tree for those!
There’s a whole world of possible chart types you can choose from. The website explains you how they work and when to use which type.
The website also warns you for some common mistakes in data visualization.
The cover image is a poster you can
buy to support the authors of data-viz.com!
My colleague prof. Jack van Wijk pointed me towards these great guidelines by Deloitte on how to design an effective dashboard.
Some of these rules are
more generally applicable to data visualization. Yet, the Deloitte 10 commandments form a good checklist when designing a dashboard.
interpretation of the 10 rules:
Know your message or goal Choose the chart that conveys your message best Use a grid to bring order to your dashboard Use color only to highlight and draw attention Remove unneccessary elements Avoid information overload Design for ease of use Text is as important as charts Design for multiple devices (desktop, tablet, mobile, …) Recycle good designs (by others)
In terms of recycling the good work by others operating in the data visualization field, check out:
I just love how Deloitte uses example visualizations to help convey what makes a good (dashboard) chart:
Screenshot from the Deloitte slidedeck
Screenshots from the Deloitte slidedeck
Screenshot from the Deloitte slidedeck
I came across another great set of curated resources by one of the teams at Google:
. People + AI Guidebook
The People + AI Guidebook was written to help user experience (UX) professionals and product managers follow a
human-centered approach to AI.
The Guidebook’s recommendations are based on data and insights from over a hundred individuals across Google product teams, industry experts, and academic research.
These six chapters follow the
product development flow, and each one has a related worksheet to help turn guidance into action.
The People & AI guidebook is one of the products of the major
(People & AI Research). PAIR project team
Here are the direct links to the six guidebook chapters:
Links to the related worksheets you can find
on Schwabisch recently proposed ten guidelines for better table design.
Next to the
academic paper, Jon shared his recommendations in a Twitter thread.
Let me summarize them for you:
Right-align your numbers Left-align your texts Use decimals appropriately ( one or two is often enough) Display units (e.g., $, %) sparsely (e.g., only on first row) Highlight outliers Highlight column headers Use subtle highlights and dividers Use white space between rows and columns Use white space (or dividers) to highlight groups Use visualizations for large tables
Highlights in a table. Via twitter.com/jschwabish/status/1290324966190338049/photo/2
Visualizations in a table. Via twitter.com/jschwabish/status/1290325409570197509/photo/3
Example of a well-organized table. Via twitter.com/jschwabish/status/1290325663543627784/photo/2