able to interact with objects on a screen. That said, gestures should be easy to conduct and learn. Need for introduction Comfronted with a new topic data feels hard to read even if visualized and labelled properly. Need for explanations Some questions posed significant problems because of lack of knowledge about the topic matter. 9
for communicating information helps the user to approach a topic. Complex concepts from the domain require theoretical explanations to be able to reason about. Short cuts and presets Provide short cuts and presets that allow the user to be more efficient and precise. Experimentation, playing around, seeing own data Being able to freely «handle» the data changes the mental mode from reading to playing. Evaluation, confirmation of others Comparison with other is one of the most important criteria to feel comfortable with a decision. 10
orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 12
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 13 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 14 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 22 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 25 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
between states. 2. Provide immediate visual feedback on interaction. 3. Minimize indirection in the interface. 4. Integrate user interface components in the visual representation. 5. Reward interaction. 6. Ensure that interaction never “ends.” 7. Reinforce a clear conceptual model. 8. Avoid explicit mode changes. 26 N. Elmqvist, et al., “Fluid Interaction for Information Visualization”
Create Integrated Interactions 3. Avoid Complex Gestures 4. Consider the Viability of the Interaction Set 27 D. Baur, B. Lee, and S. Carpendale, “TouchWave: kinetic multi-touch manipulation for hierarchical stacked graphs”
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 33 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 36 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 38 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
1. Immediate orientation (introduction and direction) 2. Optimize for preattentive variables (visualization) 3. Optimize for fluid / kinetic manipulation (interaction) 4. Provide automated interpretation (machine learning) 5. Validate hypotheses (modeling) 6. Provide explanatory information on demand (theoretical background) 7. Allow for social comparison (evaluation) 42 1. Information architecture 2. Visualization model 3. Interaction model 4. Automated interpretation 5. Experimentation and projection 6. Theoretical background on key topics 7. Comparison to myself, peers, and friends
raw in some parts and needs further refinement. Technical work The prototype is not (quite) done, but I need to focus on the most important parts and privde reasonable simulation of less important areas. 45