Parts of the Process

presented by Interactive Things 1
Hello from Switzerland!
Benjamin Wiederkehr
@datavis

View Slide

presented by Interactive Things
INTERACTIVE THINGS
User Experience & Data Visualization Studio
2

View Slide

DATAVISUALIZATION.CH
Publication about Data Visualization
3

View Slide

Parts of the Process

View Slide

Attitudes
Motivations
Skills
Aptitudes Activities

View Slide


View Slide

Research
Design
Implementation
Conception

View Slide

Ville Vivante City of Geneva
8

View Slide

9
Conception
Research
Design
Implementation

View Slide

9
That moment!

View Slide

Ecoplace Dashboard AXA
10

View Slide

Implementation
Research
Design
Conception

View Slide

The drag

View Slide

WIDE UNESCO
12

View Slide

WIDE UNESCO
13
Research
Design
Implementation
Conception

View Slide

I asked a few friends…

View Slide

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

View Slide

Here’s a consolidated view…

View Slide

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

View Slide

Thank You!
Benjamin Wiederkehr
@datavis

View Slide

Parts of the Process

Parts of the Process

Benjamin Wiederkehr

More Decks by Benjamin Wiederkehr

Other Decks in Design

Featured

Transcript