SlideShare a Scribd company logo
1 of 76
Download to read offline
Filtered & Refined
                            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 benefit.”

       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.flickr.com/photos/targophoto/2804634895

Saturday, March 24, 2012
Jane

                             Blond Hair        Blue Eyes

                             Caucasian            5’8”

                           Bachelor’s 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.flickr.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.flickr.com/photos/killermonkeys/304439098

Saturday, March 24, 2012
Jane

                             Blond Hair        Blue Eyes

                             Caucasian            5’8”

                           Bachelor’s 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 first, zoom and
       filter, 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@flatfrogdesign.com


Saturday, March 24, 2012

More Related Content

Similar to Filtered and Refined: Interfaces for Distilling Data

"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...
"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds..."Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...
"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...Data Science London
 
Innovative Learning DENSI2012
Innovative Learning DENSI2012Innovative Learning DENSI2012
Innovative Learning DENSI2012Ginny Washburne
 
GREEN TEXX PROFILE
GREEN TEXX PROFILEGREEN TEXX PROFILE
GREEN TEXX PROFILEgt
 
Talkdesk - Call center in the browser
Talkdesk - Call center in the browserTalkdesk - Call center in the browser
Talkdesk - Call center in the browser500 Startups
 
Categories, Tags, Custom Post Types! Oh My!
Categories, Tags, Custom Post Types! Oh My!Categories, Tags, Custom Post Types! Oh My!
Categories, Tags, Custom Post Types! Oh My!sprclldr
 
Xinchejian by David Li
Xinchejian by David LiXinchejian by David Li
Xinchejian by David Lisrgksch
 

Similar to Filtered and Refined: Interfaces for Distilling Data (8)

"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...
"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds..."Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...
"Human Cloning: The Data Scientist Bottleneck Resolved" Dr. Alex Farquhar @ds...
 
Innovative Learning DENSI2012
Innovative Learning DENSI2012Innovative Learning DENSI2012
Innovative Learning DENSI2012
 
GREEN TEXX PROFILE
GREEN TEXX PROFILEGREEN TEXX PROFILE
GREEN TEXX PROFILE
 
P Lamp
P LampP Lamp
P Lamp
 
Talkdesk - Call center in the browser
Talkdesk - Call center in the browserTalkdesk - Call center in the browser
Talkdesk - Call center in the browser
 
Categories, Tags, Custom Post Types! Oh My!
Categories, Tags, Custom Post Types! Oh My!Categories, Tags, Custom Post Types! Oh My!
Categories, Tags, Custom Post Types! Oh My!
 
Second presentation
Second presentationSecond presentation
Second presentation
 
Xinchejian by David Li
Xinchejian by David LiXinchejian by David Li
Xinchejian by David Li
 

Recently uploaded

Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...Postal Advocate Inc.
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 

Recently uploaded (20)

Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
USPS® Forced Meter Migration - How to Know if Your Postage Meter Will Soon be...
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 

Filtered and Refined: Interfaces for Distilling Data