Top Banner
Creative User-Centered Design and Validation of Visualizations
26

Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Jul 26, 2018

Download

Documents

lyhuong
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Creative User-Centered Design and Validation of

Visualizations

Page 2: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The Barcelona Supercomputing Center (BSC-CNS) is one of the most important scientific institutions based in Barcelona, specialises on High Performance Computing (HPC) and Big Data, offering infrastructure and

supercomputing services to local and European scientists, as well as generating knowledge and technology for giving it back to society.

MareNostrum

Page 3: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The only UX in the village

Hello!!

I’m Luz Calvo·

UX & Information Experience

Page 4: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

UCD-What is it?User-Centered Design (UCD) is the process of designing a tool, such as a website, application, user interface or a visualization from the perspective of how it will be understood and used by

a human user.

Page 5: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

UCD-The process1.

Research

2.Design

4.Evaluate

3.Prototype

User interviewsFocus groupsObservation

Co-creation sessionsMindmapsSketches User testing

+Eyetracker

Page 6: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Things I’ve learned while not doing my

job

Page 7: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Sónar + DWe know what you

did

Around 118.000 visitors

Page 8: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The scientific visualization group of BSC-CNS deployed a network of sensors to detect and follow wireless communication devices, such as mobile phones,

tablets... and make a real time analysis of how they move around the space of the festival.

Page 9: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,
Page 10: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The results:The ugly truth

Page 11: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Number of movements between music groups

Music affinity between groups

● Similar colors● Wrong metaphores● Too much connections● not visible

legends/lines

Network / hairball

Page 13: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,
Page 14: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

● Yellow vs. red● Black & white

Heatmap

Page 15: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Social conventionsvs.

Anatomy lessons

Page 17: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

● Redundant / superfluous elements

● ? vs ?

Parallel coordinates

Page 19: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

vs.

Page 20: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

How to deal with...

Page 21: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The data scientist’s view

“The interface is not important, what is important is the mechanism of retrieving and processing data. ”

Solution /argument: If you have some information you want to show, but nobody is going to understand it, it has no (value) reason to exist. (you have no information)

Page 22: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The visualization expert’s view

“The more variables I put in a graph, the better the visualization.”

Solution /argument: Too much information is overwhelming. Use interaction to show data in a gradual fashion: The user can decide when to access.

Page 23: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The technologist’s view

“The user? What’s a user? What is important is that it works. Right?”

Solution /argument:Invite them to a user-testing session.

Page 24: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

The graphic designer view

“ If something is easy to understand or not is not the question, only the graphical beauty is

important.”

Solution /argument: Kill’em all. Just kidding. Invite them to a user-testing session too...

Page 25: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Some thoughts

We are still learning...

Page 26: Visualizations Design and Validation of Creative User-Centered · 2016-09-09 · UCD-What is it? User-Centered Design (UCD) is the process of designing a tool, such as a website,

Thanks!Any questions?

You can find me at @moresimplicis [email protected]

Luz Calvo