10 Guidelines to efficiently display data tables

UI

  1. Visual recognition
    Visual recognition is an efficient way to scan tables to quickly see differences being presented by looking at the data’s appearance instead of reading text. From appearance alone, viewers can identify the data type and also differentiate primary and secondary values quickly.
  1. Sticky header
    If there are a lot of rows in a table, you can fix the row header to help the reader understand what column he/she is on when scrolling.
Short: 40px / Medium: 48px / Tall: 56px

--

--

--

Design System

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

The Designers’ guide to product adoption!

Slowing Down To Speed Up

A 3D rendering of a storefront where certain areas are illuminated. This demonstrates how Connected Spaces lets you choose the specific areas that you’d like to glean insights about.

UX Prototyping

Glazing Your Passive Solar Greenhouse — 3 Glazing Options To Compare

Our Video Manifesto

Designing Mobile Applications? Here are some Tips and Tricks that you can use!

My 10 Favorite Porsche PTS colors

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Moon

Moon

Design System

More from Medium

Creating virtual setting for practicing UX design process and Co-creation

Importance of Design Systems.

Picture Showing Foodies App My First UX Design Project

Bratto Design System Case Study

Source: SuperFriendly

Beyond the PX — Google’s Louise Macfadyen on being self taught, design Twitter, and constantly…