SlideShare a Scribd company logo
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 DENSI2012
Ginny Washburne
 
GREEN TEXX PROFILE
GREEN TEXX PROFILEGREEN TEXX PROFILE
GREEN TEXX PROFILE
gt
 
P Lamp
P LampP Lamp
Talkdesk - Call center in the browser
Talkdesk - Call center in the browserTalkdesk - Call center in the browser
Talkdesk - Call center in the browser
500 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
 
Second presentation
Second presentationSecond presentation
Second presentation
Rizky Elang Gumelar
 
Xinchejian by David Li
Xinchejian by David LiXinchejian by David Li
Xinchejian by David Li
srgksch
 

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

Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDFLifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
Vivekanand Anglo Vedic Academy
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
Steve Thomason
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
Nguyen Thanh Tu Collection
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
MJDuyan
 
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdfمصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
سمير بسيوني
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
PsychoTech Services
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
BoudhayanBhattachari
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
HajraNaeem15
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
RAHUL
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
National Information Standards Organization (NISO)
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
GeorgeMilliken2
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
Nguyen Thanh Tu Collection
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.pptLevel 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Henry Hollis
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
EduSkills OECD
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
S. Raj Kumar
 

Recently uploaded (20)

Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDFLifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
Lifelines of National Economy chapter for Class 10 STUDY MATERIAL PDF
 
A Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two HeartsA Visual Guide to 1 Samuel | A Tale of Two Hearts
A Visual Guide to 1 Samuel | A Tale of Two Hearts
 
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
 
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) CurriculumPhilippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
 
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdfمصحف القراءات العشر   أعد أحرف الخلاف سمير بسيوني.pdf
مصحف القراءات العشر أعد أحرف الخلاف سمير بسيوني.pdf
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
 
How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
 
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPLAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"Benner "Expanding Pathways to Publishing Careers"
Benner "Expanding Pathways to Publishing Careers"
 
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.pptLevel 3 NCEA - NZ: A  Nation In the Making 1872 - 1900 SML.ppt
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.ppt
 
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptxBeyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
 

Filtered and Refined: Interfaces for Distilling Data