Parts of the Process

This talk has been given at the Visualized Conference on November 8ᵗʰ at the Times Center in New York City.

Transcript

1. presented by Interactive Things 1 Hello from Switzerland! Benjamin Wiederkehr @datavis
2. presented by Interactive Things INTERACTIVE THINGS User Experience & Data Visualization Studio 2
3. presented by Interactive Things DATAVISUALIZATION.CH Publication about Data Visualization 3
4. presented by Interactive Things 4 Parts of the Process
5. presented by Interactive Things 5 Attitudes Motivations Skills Aptitudes Activities
6. presented by Interactive Things 6
7. presented by Interactive Things 7 Research Design Implementation Conception
8. presented by Interactive Things Ville Vivante City of Geneva 8
9. presented by Interactive Things Ville Vivante City of Geneva 8
10. presented by Interactive Things Ville Vivante City of Geneva 9 Conception Research Design Implementation
11. presented by Interactive Things Ville Vivante City of Geneva 9 That moment!
12. presented by Interactive Things Ecoplace Dashboard AXA 10
13. presented by Interactive Things Ecoplace Dashboard AXA 10
14. presented by Interactive Things 11 Ecoplace Dashboard AXA Implementation Research Design Conception
15. presented by Interactive Things 11 Ecoplace Dashboard AXA The drag
16. presented by Interactive Things WIDE UNESCO 12
17. presented by Interactive Things WIDE UNESCO 12
18. presented by Interactive Things WIDE UNESCO 13 Research Design Implementation Conception
19. presented by Interactive Things 14 I asked a few friends…
20. presented by Interactive Things 15 design questions testing user visual ask story find sketches create develop make question get identify research ideas iterate define different explore set wireframe side iteration start refine interesting finding use technical sketch requirements structure goals look sketching form gathering board interface adjustments server foundations client technology level public traditional new facts clean organize draft prototype early figure visualizations evaluate standard changes later points ways key build review insights interaction translate processing tableau patterns away exploration visually support narrative process hierarchy project representation refinement know feel hand one graphics combination tweak analysis strategic idea concepting white ideation experience scenarios drawings assessments flow diagrams lot font color studies mechanics tests layered compositions interactivity motion copywriting audio communication perform alpha quality assurance performance beta usability surveys promotion relation campaigns ambassador outreach relations methods social media channels curious discover passionate investigate inspect retrieve models execute solutions improve deliver present final document describe main findings insight rapid exploratory minimalist instantiations quickly cycle big smaller feedback fresh perspectives evaluation talk audience deployment environment involve stakeholder play analyze learn view draw possible visualizing answers evolve frames functionality method meet expected useful offer tell craft deploy launch celebrate enjoy remind love parse normalize properties latent structures massage tendency encode known methodologies visualize r relationships something break tools represent experiment algorithms apply inspiration areas colors fonts alignment interviewing views asking thumbnail test composition answering gather additional sources reading everything spot holes unique intent clarifying complex explaining highlighting trend supporting argument great identifying problems reality check collaborative reworking discovering accurate narratives creating solidify hierarchical mood building understandable important information choosing format determining approach phase releasing world personally attached vague ready attempts problem worth publishing counting words sorting themes illustrator high contents raw preliminary grip explorations tools, excel produce many highlight individual parts sense texture throw tweaking comes understand getting touch progress custom made functional prototypes mostly adobe flash playing java html 5 techniques, frameworks d3 raphaël puzzle solving arrange imagining certain things several versions dialogue come quick conclusion conversation leads options sophistication cleaning, reformatting, fixing, calculating visible prototyping answer stories basic approaches care details definition acquisition sets, mining hotspots focuses data, interactions looking prior examples paper code mockups range concepts development delivery archive engagement iterations
21. presented by Interactive Things 16 Here’s a consolidated view…
22. presented by Interactive Things 17 Inform Content Requirements Audience Goals Technical assessments Design research Deploymentenvironment Involvestakeholder Competition landscape User experience research User scenarios 1 Prepare Gather the data Clean the data Format the data Mine the data Organize the data Normalization Massage the data Gather additional research Develop data structure Assess data quality Assess data quantity 2 Explore Ask questions of the data Inspect the data Explore the data Analyze the data Rapid exploratory visualizations View from different view points Encode the data Use Tableau Use Excel Interviewing the data Texture of the data 3 Discover Find tendencies Find stories Find relationships Find hotspots Find structures Find facts Find patterns Indentify problems Answer questions Understand the data Indentify insights 4 Sketch Sketch on paper Sketch in code Explore range of concepts Draft visualization ideas Make big changes early Translate data to form Experiment with algorithms Different views on the data Testing out ideas visually Create custom visualizations 5 Question Review Ask questions Get feedback Get perspectives Does it answer the questions? Does it meet the expected goals? Is it useful? Does it tell a story? Collaborative reworking Start over Does it offer insights? 6 Design Visual design Functional design Technical design Experience design Wireframes Prototypes Composition ideas Interaction model User flow Information architecture Hierarchical structure Mockups 7 Develop Refine Polish Build Iterate User interactivity adjustments Interface motion and adjustments Make adjustments Refine the functional design Refine the visual design Care about the details 8 Evaluate Usability testing Design evaluation Expert review Usage observation Interface tests User mechanics tests Performance tests 9 Deliver Launch Promote Deploy Document Public relation campaigns Ambassador outreach Traditional public relations methods 10
23. presented by Interactive Things 19 Thank You! Benjamin Wiederkehr @datavis