際際滷

際際滷Share a Scribd company logo
Filtered & Re鍖ned
                            Interfaces for Distilling Data




    Erin Jo Richey                                           @erinjo


Saturday, March 24, 2012
Information is a source of
       learning. But unless it is
       organized, processed, and
       available to the right people in
       a format for decision making, it
       is a burden, not a bene鍖t.

       William Pollard
       American Physicist




Saturday, March 24, 2012
Sabre Travel Booking


Saturday, March 24, 2012
Planet Sabre Interface


Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
Jane




                            http://www.鍖ickr.com/photos/targophoto/2804634895

Saturday, March 24, 2012
Jane

                             Blond Hair        Blue Eyes

                             Caucasian            58

                           Bachelors Degree    140 lbs

                            Size 8 Shoe        121/77 BP

                            Middle Child       Plays Violin




Saturday, March 24, 2012
Saturday, March 24, 2012
Four Types Of Data




Saturday, March 24, 2012
Four Types Of Data

            Categorical




Saturday, March 24, 2012
Saturday, March 24, 2012
Four Types Of Data

            Categorical

            Ordinal




Saturday, March 24, 2012
http://www.鍖ickr.com/photos/lynnfriedman/5862432608
Saturday, March 24, 2012
Four Types Of Data

            Categorical

            Ordinal

            Quantitative




Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
Four Types Of Data

            Categorical

            Ordinal

            Quantitative

            Spatial




Saturday, March 24, 2012
http://www.鍖ickr.com/photos/killermonkeys/304439098

Saturday, March 24, 2012
Jane

                             Blond Hair        Blue Eyes

                             Caucasian            58

                           Bachelors Degree    140 lbs

                            Size 8 Shoe        121/77 BP

                            Middle Child       Plays Violin




Saturday, March 24, 2012
Representing What & Where




Saturday, March 24, 2012
Representing What & Where
                position in 2D space




Saturday, March 24, 2012
Representing What & Where
                position in 2D space




Saturday, March 24, 2012
Representing What & Where
                position in 2D space   position in 3D space




Saturday, March 24, 2012
Representing What & Where
                position in 2D space   position in 3D space




Saturday, March 24, 2012
Representing What & Where
                position in 2D space    position in 3D space




                           color hues




Saturday, March 24, 2012
Representing What & Where
                position in 2D space    position in 3D space




                           color hues




Saturday, March 24, 2012
Representing What & Where
                position in 2D space    position in 3D space




                           color hues   shapes, icons, symbols




Saturday, March 24, 2012
Representing What & Where
                position in 2D space    position in 3D space




                           color hues   shapes, icons, symbols




Saturday, March 24, 2012
Representing How Much




Saturday, March 24, 2012
Representing How Much
           position on a scale




Saturday, March 24, 2012
Representing How Much
           position on a scale




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




        saturation or gradation




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




        saturation or gradation




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




        saturation or gradation            volume




Saturday, March 24, 2012
Representing How Much
           position on a scale           area or size




        saturation or gradation            volume




Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
choose one
            Yes            No




                                Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
choose many
                      Eeny    Meeny   Miny      Moe




                                Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
choose a range




                           Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
enter your own
                                  Keyword    apples
                                            x oranges x pears




                           Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
remove points
                                       Wednesday List   Hide

                                       Thursday List    Hide

                                       Friday List      Hide

                                       Saturday List    Hide




                           Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
sort data
                                                Sort By
                                                  Featured

                                                  Best Selling

                                                 High to Low
                                                  Low to High




                           Interface Controls
Saturday, March 24, 2012
Interface Controls
Saturday, March 24, 2012
What Makes These Interfaces
                       Whole?

Saturday, March 24, 2012
Overview 鍖rst, zoom and
       鍖lter, then details on demand.

       Ben Shneiderman, computer scientist
       The Eyes Have It




Saturday, March 24, 2012
1       Overview




Saturday, March 24, 2012
Saturday, March 24, 2012
1       Overview
           2       Zoom



Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
1       Overview
           2       Zoom
           3       Filter


Saturday, March 24, 2012
Saturday, March 24, 2012
Saturday, March 24, 2012
1       Overview
           2       Zoom
           3       Filter
           4       Details On Demand

Saturday, March 24, 2012
Saturday, March 24, 2012
What Makes These Interfaces
                     Exceptional?

Saturday, March 24, 2012
History




Saturday, March 24, 2012
History




Saturday, March 24, 2012
History

                   Extract




Saturday, March 24, 2012
History

                   Extract




Saturday, March 24, 2012
History

                   Extract

                   Mark

Saturday, March 24, 2012
History

                   Extract

                   Mark

Saturday, March 24, 2012
We can help people make
                             decisions.




Saturday, March 24, 2012
We can help people make
                             decisions.


                           We give meaning to data.


Saturday, March 24, 2012
Thank You!

          Erin Jo Richey
          @erinjo
          www.erinjorichey.com
          erin@鍖atfrogdesign.com


Saturday, March 24, 2012

More Related Content

Filtered and Refined: Interfaces for Distilling Data