Siarhei Mardovich Data Visualization New York – Feb 11, 2013

Prototyping approach

overview

Human Centered AgileImage Ref: Maria Giudice

Toolkit

Storytelling

and requirements

assessment

Teams

Background

1. As a user I want to lorem

1.1 ipsum

1.2 dolor

1.2.1 sit

1.2.2 amet

concept

Prototyping approach overview

rough sketch

clickable mock-up

feed

back

high fidelity interactive prototype

application

siarheimardovich.com/core-approach-2

Human Centered Agile Image Ref: Maria Giudice

Toolkit

The most universal media- text/image

- sound

- video

- complex interactions

Biz logic layer- OO JS

- Design patterns

- MVC/MVVM

- Ajax, JSON

(Schematic Ipsum)

Advanced visual layer- D3.js

- Highcharts JS (SVG/VML)

UX/CX deliverables- Persona

- Concept map

- Customer Journey Map

Academic- Coursera.org, Udacity.com, OCW

- R (with code samples)

- Gephi.org, yEd, VUE, NetLogo

PM Tools, Blog, Wiki,

Yammer- Provoke creativity

- Broadcast value

- Promote team members

Storytelling and requirements assessment

Black box

Start with pain

points, not data- making decisions

- delegating

Mind maps,

card sorting

1. As a user I want to …

1.1 and this … should be ...

1.2 having … options

1.2.1 option alpha

1.2.2 option beta

Focus of attention

Locus of attention

UI as a

Final State

Machine

Mental

modelAction Centered Design vs.

Human Centered Design

Teams

Background

Demos

SiarheiMardovich.com