SlideShare a Scribd company logo
UX in Visualization | 
Visualization in UX 
Paula de Matos 
Jason Dykes
My name is Paula de Matos 
I live in Cambridge, UK 
I am an Independent 
UX Analyst 
I am South African and 
Portuguese. 
I have a special UX interest 
in science, visualization 
and agile.
My name is Jason Dykes 
I live in Leicestershire, UK 
I am an Professor of 
Visualization at CITY Uni 
I am a Geographer and a 
Computer Scientist. 
I am interested in using 
visualization in a broad range 
of domains - transport, 
energy, ecology, geography, 
intelligence analysis.
Visualization?
Visualization in UX | UX in Visualization
What is information visualization?
Comparing processes
Interaction Design Process 
Study 
Design 
Build 
Evaluate
Visualization design study methodology
Visualization design process 
Study 
Design 
Build 
Evaluate 
DATA
Study – take a deep dive into the data 
“Cliff diving” CC BY John O’Nolan
Evaluate – how effective is the Vis
UX in Vis | Vis in UX
UX in Vis | Vis in UX 
“Old tools and spanners” CC BY-NC Ian Britton

More Related Content

PDF
NJ Future Redevelopment Forum 2017 Small City Tools for Big City Challenges
ODP
State of Ukraine
PDF
Virtual reality for transport planning
PDF
Unfolding the City
PPT
China Internship Programme 2018 - CRCC Asia information slides
PPTX
Final Presentation B09 - Venice 4.0: Visualizing Venice
PPTX
User Experience in Science: the new kid on the block
PDF
A Survival Guide for Complex UX
NJ Future Redevelopment Forum 2017 Small City Tools for Big City Challenges
State of Ukraine
Virtual reality for transport planning
Unfolding the City
China Internship Programme 2018 - CRCC Asia information slides
Final Presentation B09 - Venice 4.0: Visualizing Venice
User Experience in Science: the new kid on the block
A Survival Guide for Complex UX

Viewers also liked (16)

PPTX
Scrum: Physical or Virtual
PPTX
A survival guide for UX in complex environments
PPTX
Making sure nothing is "lost in translation"
PDF
Meeting facilitation 2.0 - Vadim Nareyko
PPTX
SYBIS - Data Visualisation
PPTX
Google Chart Tools
PPT
Facilitation
PPT
Workshop Facilitation
PDF
Tips for Workshop Facilitation
PPT
Facilitation and Meeting Skills
PPTX
16 Process Tools For Effective Facilitation
PPTX
What is 'Lean' About?
PPTX
Facilitation Skills: Best and Worst Facilitator Practices
PDF
Building Trust 2013 by Interaction Associates
PPT
Facilitation skills ppt
PPTX
Kata Slides & Graphics v4.1
Scrum: Physical or Virtual
A survival guide for UX in complex environments
Making sure nothing is "lost in translation"
Meeting facilitation 2.0 - Vadim Nareyko
SYBIS - Data Visualisation
Google Chart Tools
Facilitation
Workshop Facilitation
Tips for Workshop Facilitation
Facilitation and Meeting Skills
16 Process Tools For Effective Facilitation
What is 'Lean' About?
Facilitation Skills: Best and Worst Facilitator Practices
Building Trust 2013 by Interaction Associates
Facilitation skills ppt
Kata Slides & Graphics v4.1
Ad

Similar to Visualization in UX | UX in Visualization (20)

PPTX
Ux and Data Visualisation
PPTX
Visualization - how one picture beats a 1000 words - and how to leverage that
PDF
Visualization one picture beats a 1000 words - User Experience Event AMIS
PDF
Introduction to Information Visualization (Part 2)
PDF
Intro to Data Vis for the Humanities nov 2013
PPT
InfoVis 2010 Lecture 1
ODP
Data visualization
PPTX
DATA VISUALIZATION.pptx
PPTX
Introduction to information visualisation for humanities PhDs
PDF
MPhil Lecture on Data Vis for Analysis
PDF
Data Visualization Tips for Oracle BICS and DVCS
PPTX
Visualization
PPTX
Seattle DAA - Data Visualization - Russell Spangler December 2019
PDF
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
PPTX
Data/Visualization - Digital Center Cohort - 13_0222
PPT
Social Media and Student Learning: Using Analytics to Visualise Twitter Commu...
PDF
Andy Kirk Malofiej 20 Presentation
PPTX
AMIA 2015 Visual Analytics in Healthcare Tutorial Part 1
PDF
Andy Kirk's Talk at the Information Plus Conference 2016
PPTX
CONTENT BEYOND SYLLABUS FOR Tableau.pptx
Ux and Data Visualisation
Visualization - how one picture beats a 1000 words - and how to leverage that
Visualization one picture beats a 1000 words - User Experience Event AMIS
Introduction to Information Visualization (Part 2)
Intro to Data Vis for the Humanities nov 2013
InfoVis 2010 Lecture 1
Data visualization
DATA VISUALIZATION.pptx
Introduction to information visualisation for humanities PhDs
MPhil Lecture on Data Vis for Analysis
Data Visualization Tips for Oracle BICS and DVCS
Visualization
Seattle DAA - Data Visualization - Russell Spangler December 2019
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
Data/Visualization - Digital Center Cohort - 13_0222
Social Media and Student Learning: Using Analytics to Visualise Twitter Commu...
Andy Kirk Malofiej 20 Presentation
AMIA 2015 Visual Analytics in Healthcare Tutorial Part 1
Andy Kirk's Talk at the Information Plus Conference 2016
CONTENT BEYOND SYLLABUS FOR Tableau.pptx
Ad

Recently uploaded (20)

PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
Special finishes, classification and types, explanation
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
DOCX
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Entrepreneur intro, origin, process, method
PPT
Machine printing techniques and plangi dyeing
PPTX
An introduction to AI in research and reference management
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
intro_to_rust.pptx_123456789012446789.pdf
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Urban Design Final Project-Context
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Special finishes, classification and types, explanation
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
A Contemporary Luxury Villa in Dubai Jumeirah-2.docx
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Entrepreneur intro, origin, process, method
Machine printing techniques and plangi dyeing
An introduction to AI in research and reference management
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
Chalkpiece Annual Report from 2019 To 2025
intro_to_rust.pptx_123456789012446789.pdf
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
HPE Aruba-master-icon-library_052722.pptx
Urban Design Final Project-Context
Tenders & Contracts Works _ Services Afzal.pptx

Visualization in UX | UX in Visualization

Editor's Notes

  • #6: We live in a world with an astounding amount of data. So much so that we have coined a term for it called “Big Data”. I used to work for the European Bioinformatics Institute where big data generation was a fact of life. In fact this graph illustrates the cost of sequencing a whole genome. You can see that this is less than $10k and the graph on top illustrates the rate at which the cost of compute capacity is dropping. You can see from this graph that we are generating more data faster than we can compute it. “Big data” is often defined as any collection of data sets so large that it is difficult to process using traditional data management tools. This is where I got really interested in UX and also visualisation. In order to do something really useful with this data and gain some insight we need great visualisation.
  • #7: Information Visualization is all about transforming data into meaningful pictures and using these to understand phenomena. The meaningful bit involves people: how they work and what they do – what they need to understand. Creative combination of science, design and technology : changing needs, constraints, possibilities. Where data has no inherent spatial structure …?
  • #9: We all know there is no clear-cut perfect generic UX process. That every project is different. However if we abstract it we can think of the conventional UX iterative design methodology which is study, design, build and evaluate. You are most likely very familiar with this. But what is different in visualisation design? After all you are designing an interactive system?
  • #10: Limited work has been published on the visualisation design process. This paper by Sedlmair outlines a design methodology based on assessing 21 designs. Both Jason and myself have worked together and explored our own processes. The precondition phase of learn, winnow and cast focus on preparing the visualisation researcher for the work, and finding synergistic collaborations with domain experts. Talk with many experts and select a few domain experts to work with. Core looks at the more user researchy side. Discover is problem characterisation and abstraction, design incl data abstraction, visual encoding and interaction. Then implementation and deployment. Analysis including reflection of the vis and also writing it up if you are an academic.
  • #11: Both Jason and myself are still exploring this and learning about these practices. But from our own internal comparisons and based on papers we have read we have determined that there seem to be significant changes in the areas of study and evaluation. The primary difference perhaps is the importance of the data. Data viz people spend a lot of time understanding and studying the data and the user. Whereas the focus in UX is perhaps primarily the user. The data viz people try to bridge the gap between data and the user by offering iterative design solutions.
  • #12: Viz processes focus more deeply on the data. Good viz understand that we are enabling new information by understanding and taking a deep dive into the data. In most cases users do not really understand what is possible with the data. So a good viz will incorporate good contextual research with a deep dive into the data http://ivi.sagepub.com/content/8/3/153.abstract 1. show some designs that might apply (visualization ideation) 2. show something they know (their data, known design, familiarity / confidence) 3. help them find something they don’t know (their data, new finding) 4. perhaps get them thinking about using their data in new ways (process change)
  • #13: Not easy to do evaluation with complexity. For example, I have worked extensively in scientific domains and measuring scientific discovery is is difficult. (vis and scientific UX apps) Similarly in Vis measuring insight can be a difficult too in Vis. Heide Lam et al illustrate this brilliantly. Research 850 papers at major viz conferences and only 361 actually did some form of evaluation of the visualisation. They found that the papers could be classified under 7 scenarios classified as either processes or visualisation. Their goal was to provide a methodology which would allow visualisers to focus on the goal of the visualisation and choose an appropriate method. Most of the methods outlined will be familiar to us Uxers such as observation, usability testing, controlled experiments… No time to go into details but its definatley an interesting read.
  • #14: Not enough UX is used in Vis sadly though the situation is improving. Jason here has experimented successfully with UX in vis. They found that a scenario developed through contextual inquiry but supplemented with domain data and graphics is useful to geovis designers. Wireframe, paper and digital prototypes enable successful communication between specialist and geovis domains when incorporating real and interesting data, prompting exploratory behaviour and eliciting previously unconsidered requirements.
  • #15: As a UX community seeing the potential benefit of vis how can we communicate these benefits to our clients. This is another tool in our toolbox that we should be harnessing. * Intervention to stimulate ideas. * Want to deliver insight and provide a useful experience.