1. Filtered & Refined
Interfaces for Distilling Data
Erin Jo Richey @erinjo
Saturday, March 24, 2012

2. “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

3. Sabre Travel Booking
Saturday, March 24, 2012

4. Planet Sabre Interface
Saturday, March 24, 2012

5. Saturday, March 24, 2012

6. Saturday, March 24, 2012

7. Saturday, March 24, 2012

8. Saturday, March 24, 2012

9. Saturday, March 24, 2012

10. Jane
http://www.flickr.com/photos/targophoto/2804634895
Saturday, March 24, 2012

11. 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

12. Saturday, March 24, 2012

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

14. Four Types Of Data
Categorical
Saturday, March 24, 2012

15. Saturday, March 24, 2012

16. Four Types Of Data
Categorical
Ordinal
Saturday, March 24, 2012

17. http://www.flickr.com/photos/lynnfriedman/5862432608
Saturday, March 24, 2012

18. Four Types Of Data
Categorical
Ordinal
Quantitative
Saturday, March 24, 2012

19. Saturday, March 24, 2012

20. Saturday, March 24, 2012

21. Four Types Of Data
Categorical
Ordinal
Quantitative
Spatial
Saturday, March 24, 2012

22. http://www.flickr.com/photos/killermonkeys/304439098
Saturday, March 24, 2012

23. 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

24. Representing What & Where
Saturday, March 24, 2012

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

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

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

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

29. Representing What & Where
position in 2D space position in 3D space
color hues
Saturday, March 24, 2012

30. Representing What & Where
position in 2D space position in 3D space
color hues
Saturday, March 24, 2012

31. Representing What & Where
position in 2D space position in 3D space
color hues shapes, icons, symbols
Saturday, March 24, 2012

32. Representing What & Where
position in 2D space position in 3D space
color hues shapes, icons, symbols
Saturday, March 24, 2012

33. Representing How Much
Saturday, March 24, 2012

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

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

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

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

38. Representing How Much
position on a scale area or size
saturation or gradation
Saturday, March 24, 2012

39. Representing How Much
position on a scale area or size
saturation or gradation
Saturday, March 24, 2012

40. Representing How Much
position on a scale area or size
saturation or gradation volume
Saturday, March 24, 2012

41. Representing How Much
position on a scale area or size
saturation or gradation volume
Saturday, March 24, 2012

42. Interface Controls
Saturday, March 24, 2012

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

44. Interface Controls
Saturday, March 24, 2012

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

46. Interface Controls
Saturday, March 24, 2012

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

48. Interface Controls
Saturday, March 24, 2012

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

50. Interface Controls
Saturday, March 24, 2012

51. remove points
Wednesday List Hide
Thursday List Hide
Friday List Hide
Saturday List Hide
Interface Controls
Saturday, March 24, 2012

52. Interface Controls
Saturday, March 24, 2012

53. sort data
Sort By
Featured
Best Selling
✓ High to Low
Low to High
Interface Controls
Saturday, March 24, 2012

54. Interface Controls
Saturday, March 24, 2012

55. What Makes These Interfaces
Whole?
Saturday, March 24, 2012

56. “Overview first, zoom and
filter, then details on demand.”
Ben Shneiderman, computer scientist
“The Eyes Have It”
Saturday, March 24, 2012

57. 1 Overview
Saturday, March 24, 2012

58. Saturday, March 24, 2012

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

60. Saturday, March 24, 2012

61. Saturday, March 24, 2012

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

63. Saturday, March 24, 2012

64. Saturday, March 24, 2012

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

66. Saturday, March 24, 2012

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

68. History
Saturday, March 24, 2012

69. History
Saturday, March 24, 2012

70. History
Extract
Saturday, March 24, 2012

71. History
Extract
Saturday, March 24, 2012

72. History
Extract
Mark
Saturday, March 24, 2012

73. History
Extract
Mark
Saturday, March 24, 2012

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

75. We can help people make
decisions.
We give meaning to data.
Saturday, March 24, 2012

76. Thank You!
Erin Jo Richey
@erinjo
www.erinjorichey.com
erin@flatfrogdesign.com
Saturday, March 24, 2012