Data Worlds — Boris Mueller & Moritz Stefaner - SAP UX Day 2016.pdf

In the last 10 years, we have witnessed the rise of mobile computing. Smartphones are now the most dominant form of computers worldwide.

The next revolution will be about software and about the user interface. The desktop metaphor is no longer valid on smartphones and tablets. But what comes next?

Tasks, workflows and communication become increasingly data driven and fragmented. In our talk, we will explore design perspectives for creating expressive, intriguing, and elegant information experiences. What is the perfect form for information, and which new visual and mental models can help us navigate tomorrow’s data rich environments?

Transcript

1. Data Worlds New paradigms for the Data User Interface Boris Müller & Moritz Stefaner
3. Boris Müller & Moritz Stefaner Interface Design & Data Visualization New paradigms for the Data User Interface
4. Moritz Stefaner lives and breathes data visualization — as an independent designer, consultant and researcher.
 For over 15 years, he has been helping organizations, researchers and businesses to find truth and beauty in relevant and meaningful data. He has worked with clients like FIFA, Skype, and dpa and 
 has long-term consulting relationships with the OECD, the 
 World Economic Forum and the Max Planck Research Society. http://truth-and-beauty.net http://datastori.es
5. Boris Müller: Professor for Interface Design at FH Potsdam Co-head of Urban Complexity Lab
6. Boris Moritz
7. Boris Moritz UI DataViz
8. Boris Moritz
9. Boris Moritz UI
10. observations on user interface design 5
11. complexity 1
12. I have 2,769,250 files on my computer.
13. I have 2,769,250 files on my computer. (And who knows how many in the cloud.)
19. http://interface.fh-potsdam.de/itunes/
20. »Music Finder« von Adina Radke - http://interface.fh-potsdam.de/itunes/music-finder/
23. We need good interface design to tackle complexity.
24. documents are dead 2
25. http://www.digibarn.com/collections/screenshots/xerox-star-8010/xerox-star-8010-09.jpg
26. http://www.digibarn.com/collections/screenshots/xerox-star-8010/xerox-star-8010-14.jpg
34. We are moving from Documents to Data Spaces. But we don’t have a clear interface model of Data Spaces yet!
35. the interface language 3
36. »Die Grenzen meiner Sprache bedeuten die Grenzen meiner Welt.« Ludwig Wittgenstein, Tractatus logico-philosophicus - Satz 5.6
37. »The limits of my language mean the limits of my world.« Ludwig Wittgenstein, Tractatus logico-philosophicus - Satz 5.6
40. Apple »Knowledge Navigator«, 1987 Concept Video
41. »Siri« by Apple
44. Infocom text adventure »The Hitchhiker's Guide to the Galaxy«, 1984
46. H4, 2013, 2013, 2013, 4, 0, 1, Import, 8, Albania, ALB, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 98, 98, 71, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 12, Algeria, DZA, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 6, 6, 4275, 6 H4, 2013, 2013, 2013, 4, 0, 1, Import, 31, Azerbaijan, AZE, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 0, 0, 46, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 32, Argentina, ARG, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 83316, 83316, 89516, 6 H4, 2013, 2013, 2013, 4, 0, 1, Import, 36, Australia, AUS, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 1153282, 1153282, 310519, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 40, Austria, AUT, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 22902331, 22902331, 3012914, 6 H4, 2013, 2013, 2013, 4, 0, 1, Import, 56, Belgium, BEL, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 609876, 609876, 581746, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 60, Bermuda, BMU, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare- earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 1, 1, 119, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 68, Bolivia (Plurinational State of), BOL, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 3737135, 3737135, 1057564, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 70, Bosnia Herzegovina, BIH, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 17424, 17424, 12625, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 76, Brazil, BRA, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 1087, 1087, 3746, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 96, Brunei Darussalam, BRN, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 1, 1, 24, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 100, Bulgaria, BGR, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 5856, 5856, 6525, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 112, Belarus, BLR, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 2175, 2175, 12100, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 116, Cambodia, KHM, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 9750, 9750, 7533, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 124, Canada, CAN, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or precipitated colloidal sulphur.", 8, Weight in kilograms, 341411, 341411, 572391, 0 H4, 2013, 2013, 2013, 4, 0, 1, Import, 132, Cabo Verde, CPV, 0, World, WLD, 2802, "Inorganic chemicals organic or inorganic compounds of precious metals, of rare-earth metals, of radioactive elements or of isotopes // Sulphur, sublimed or
47. Well-formed Eigenfactor Moritz Stefaner, 2009
48. We need a new, visual interface language that allows us to interact with data.
49. analog and digital thinking 4
50. 22:09:02
52. Otl Aicher »analog und digital«, 1991
53. mæve Interactive exhibition, Architectural Biennale Venice, 2008 Till Nagel, Prof. Boris Müller, Tina Deiml-Seibt, Steffen Fiedler, Jonas Loh, Tomek Ness, Larissa Pschetz, Moritz Stefaner, Stephan Thiel,
56. »Analog« and »digital« don’t describe technologies. They are principles how to 
 represent data. They don’t exclude each other.
57. data user interfaces 5
58. http://www.digibarn.com/collections/screenshots/xerox-star-8010/xerox-star-8010-09.jpg
60. History Flow Martin Wattenberg & Fernanda Viégas, 2003
62. We need adequate interfaces for data spaces.
63. Boris Moritz DataViz
64. @moritz_stefaner http://truth–and–beauty.net
65. Clean, analytic information design High-end custom data visualizations Experimental data art
67. Number decoration
68. Here’s all the data. Good luck!
69. Making sense 
 of a messy world,
 together.
70. OECD Better Life Index In collaboration with Raureif GmbH & Dominikus Baur 
 http://oecdbetterlifeindex.org

72. bl
75. Success factors Housing Incom e Jobs Community Education Environment Civic Engagem ent Health Life Satisfaction Safety Work-Life Balance Playful, personalized Iconic Multi-dimensional
76. http://project-ukko.net Ukko PROJECT
77. Data Seasonal wind forecasts Wind power capacities RESILIENCE PROTOTYPE IC3 Figure 1: Example of a wind speed forecast (also referred to as a prediction): This aims to illustrate all the terms explained in this document, for a specific location in Canada. It is possible to see the values of the forecast categories (horizontal blue and red lines for lower and upper tercile respectively) for this specific location. The value of the RPSS is shown inside the box, and it is positive for this location, therefore, the forecast values are giving us more information than the climatology alone. The percentages of wind forecast values of each tercile category informs the end user about what category of wind speed will be the most probable for the forecasted period (with the stated forecast lead time) +
78. Design explorations Understand design space, pros and cons of different approaches in prototypes
79. What is the best visual device? Unique Expressive Intriguing Elegant
80. Probability cone Time runs from left to right Uncertain future shown in probability cone Predictions categorized in terms of historic terciles (colors)
81. Visual summaries Map glyphs summarize probability cone visually → pattern detection, regional aggregation → redundant encoding (color & tilt) facilitate pattern reading at different zoom levels
82. Opinionated tool
84. Data visceralization Helps us to develop intuitions, gut feeling
85. eCloud Ambient Orb Wearable displays Data situations
86. emoto data sculpture http://truth-and-beauty.net/projects/ emoto
87. Open Systems 
 Wall Display http://truth-and-beauty.net/projects/ open-systems-wall-display
91. What is the sensory apparatus 
 of a company? Self perception / world perception
92. DATA CUISINE
93. Susanne Jaschko 
 Curator, prozessagentin Moritz Stefaner 
 Data visualization expert DATA CUISINE WORKSHOP
94. What is the
    language of food
    for communicating information?
95. Energy mix DATA CUISINE 15% of energy consumed comes from renewable sources In Switzerland, only
96. Spiced foreigners between pasta Symeon Delikaris-Manias DATA CUISINE 1999 2011 Spices = 
 Ethnic mix in Helsinki
97. Death by chocolate Arlene Birt, Marianne Rosolen DATA CUISINE 4x 
 cancer 4x 
 Cardio- vascular disease 1x Respiratory disease 9 x 
 natural causes 1x Pollution Death is like a box of chocolates — you never know what you get.
98. Memorable, deep 
 information experiences
99. Slow food Slow data? see also https://www.perceptualedge.com/blog/?p=1460
100. Workshop today at 13:30! »Data beyond the screen«
101. DUI
102. ?
103. Data is not just for analysts Relevant for everybody There’s a myriad of ways 
 we can consume and interact with data
104. Expressive visual languages
105. 22:09:02 Think analogue, think domain-specific.
106. There will be no single paradigm 
 of how to interact with “data as such" But lots of genres, patterns, …
107. Develop a view point / point of view