Explore the World's Best Ideas
Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.
Oldstyle and lining figures look nice in sentences, where they better match the size and spacing of Lower-Case letters. Lining figures are more uniform, and reinforce the Grid-Like structure of the table. Tabular figures, on the other hand, are all Identically-Sized, so that columns of numbers line up properly.
6
36 reads
Css provides a Slightly-Cryptic syntax for enabling this feature. There are a few exceptions: the Excellentwork Sans is a free Typeface that has true Tabular lining figures. Monospace Fonts tend to have a more “source code” look, but they’ll always be Well-Suited to displaying numbers in tables. The new apple system default Typeface San Francisco has excellent Tabular lining figures and looks great at small sizes.
6
17 reads
Numerical data is read Right-To-Left; that is, we compare numbers by looking at their ones digit, then their tens, then their hundreds. Tables should keep numerical data Right-Aligned; textual data is read from Left-To-Right. If two entries start with the same letter, the second letter is used, and so on. Headers, generally, should carry whatever alignment their data has.
6
9 reads
One easy way to keep your tables properly aligned is to keep the same number of significant figures — usually the number of digits after the decimal — consistent within each column. Significant figures is a whole rabbit hole of a topic, so I’ll keep my advice here brief: the fewer sig figs you can get by with, the better.
6
7 reads
Providing labels to accompany your data is crucial. These pieces of accompanying context allow a data table to be read by a wider audience, in a broader set of circumstances.
6
9 reads
It might sound like conventional wisdom, but giving your data table a clear and succinct title is as important as any other design decision you make. With a good title, tables are portable: they can be used in a number of different contexts, as well as cited from external sources.
6
5 reads
The most common label used in tables is the unit of measurement for the data; often, it’s repeated along with every single data point. Instead of repeating the label, only include it with the first data point in each column.
6
6 reads
Keep headers as short as possible; the design of the data table should be focused around the data itself, and long header labels can occupy a lot of visual space.
6
5 reads
When deciding how to style the graphic elements of a table, the goal should always be to reduce the table’s footprint without losing structural fidelity. One of the ways you can accomplish this is by using as little “ink” as possible — that is, whenever possible, choose not to style an element.
6
10 reads
Horizontal rules allow you to significantly reduce the vertical space occupied by long tables. Rules should be extremely light to not interfere with quick scanning. One Unsubstantiated opinion is that zebra Striping is bad.
6
6 reads
Using colors to provide organizational context or added meaning increases the likelihood of misinterpretation or error. Tables should be Monochromatic, with graphical elements like , and .
6
10 reads
Fivethirtyeight set their numerical data in a Typeface called Decima Mono. The Typeface is specifically designed to fit lots of data in a small space. Special thanks to Edward Tutte for his Insightful writing on design.
6
12 reads
IDEAS CURATED BY
Learn more about product with this collection
How to focus on the present moment
How to cultivate empathy and understanding towards others
How to set personal and professional goals
Related collections
Similar ideas
2 ideas
Design better data tables
medium.com
2 ideas
Design Better Forms
medium.com
6 ideas
A Look Back at 30+ Years of Website Design
blog.hubspot.com
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Personalized microlearning
—
100+ Learning Journeys
—
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates