Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-includes/cache.php on line 99

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-includes/query.php on line 21

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-includes/theme.php on line 576

Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-includes/cache.php:99) in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/alinks.php on line 23

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-includes/cache.php:99) in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/alinks.php on line 23

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksModel.php on line 57

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksController.php on line 62

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksController.php on line 64

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksController.php on line 66

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView.php on line 122

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView.php on line 125

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView_Settings.php on line 16

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView_Keyphrases.php on line 16

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView_Statistics.php on line 16

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/alinks/classes/aLinksView_Modules.php on line 16

Deprecated: Assigning the return value of new by reference is deprecated in /nfs/c01/h04/mnt/38452/domains/www.dashboard-kpi.com/html/wp-content/plugins/wp-o-matic/wpomatic.php on line 1830
Hermann Grids, An optical Illusion Best Avoided | Dashboard Examples - Samples - Tutorials

Dashboard Examples - Samples - Tutorials


Dashboard Digest - Shared Knowledge from all Dashboard Experts

Dashboard Mockup and Wireframes - Let the Tiger build your next Dashboard Mockup


RSS Subscribe to RSS

Hermann Grids, An optical Illusion Best Avoided

An interesting optical illusion is the so-called Hermann Grid illusion: the effect of seeing gray dots at the intersections of a black grid on a white background or a white grid on a black background.

image_thumb3

 

 

 

 

While it’s an interesting optical illusion, it’s something we should avoid in management reporting:

image_thumb16

 

 

 

 

 

 

 

 

 

Tables formatted with medium or thick black or gray borders tend to produce Hermann Grids. Just scan the table above and you should see the gray dots in the grid intersections.

To avoid this unpleasant and distracting effect, and to maximize the data-ink ratio follow this simple but very effective table design rule:

  • Avoid using dark and heavy grids
  • Use light gray grids instead

image_thumb19

 

 

 

 

 

 

 

 

 

Above is the same table with light gray borders. This eliminates the Hermann Grid illusion and – by de-emphasizing the grid –  puts more emphasis on the numbers.

Here are some images I found on Google Image Search that show how popular it is to put your data behind Hermann Grids:

image_thumb8

 

 

 

 

 

 

 

 

 

 

image_thumb11

 

 

 

 

 

 

 

 

 

 

So I hope you are with me – get rid of the heavy grids and free your data!

Read More


Excel Dashboard     OR   Access Dashboard OR   Mockups software


Posted under Uncategorized |

Sorry, comments for this entry are closed at this time.