SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Siarhei Mardovich    Data Visualization New York – Feb 11, 2013




               Prototyping approach                                                         Storytelling
               overview                                                                     and requirements
                                                             1. As a user I want to lorem
                                                                                            assessment
                                                                   1.1 ipsum
                                                                   1.2 dolor
                                                                         1.2.1 sit
                                                                         1.2.2 amet




               Human Centered Agile                                                         Teams
               Image Ref: Maria Giudice




               Toolkit                                                                      Background
Prototyping approach overview   siarheimardovich.com/core-approach-2




                                                                       feedback
              application



              high fidelity interactive prototype


              clickable mock-up


              rough sketch
              concept
Human Centered Agile   Image Ref: Maria Giudice
Toolkit


          The most universal media    UX/CX deliverables
          - text/image                - Persona
          - sound                     - Concept map
          - video                     - Customer Journey Map
          - complex interactions



          Biz logic layer             Academic
          - OO JS                     - Coursera.org, Udacity.com, OCW
          - Design patterns           - R (with code samples)
          - MVC/MVVM                  - Gephi.org, yEd, VUE, NetLogo
          - Ajax, JSON
          (Schematic Ipsum)


          Advanced visual layer       PM Tools, Blog, Wiki,
          - D3.js                     Yammer
          - Highcharts JS (SVG/VML)
                                      - Provoke creativity
                                      - Broadcast value
                                      - Promote team members
Storytelling and requirements assessment



               Black box                          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                      Locus of attention
               Start with pain
               points, not data
               - making decisions
               - delegating


                                                        Focus of attention
               Mind maps,
               card sorting
                                    UI as a                                                                   Mental
                                    Final State                                                               model
                                    Machine                       Action Centered Design vs.
                                                                  Human Centered Design
Teams
Background
Demos
SiarheiMardovich.com

Más contenido relacionado

Similar a Data Visualization New York

LxD - Learner Experience Design
LxD - Learner Experience DesignLxD - Learner Experience Design
LxD - Learner Experience DesignJulie Dirksen
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2garagenoda
 
Kony-Forrester Webinar: The Evolution of Mobile First Development
Kony-Forrester Webinar: The Evolution of Mobile First DevelopmentKony-Forrester Webinar: The Evolution of Mobile First Development
Kony-Forrester Webinar: The Evolution of Mobile First DevelopmentKony, Inc.
 
Gordon Research Conference 2011
Gordon Research Conference 2011Gordon Research Conference 2011
Gordon Research Conference 2011Cynthia Calongne
 
Caleb Brown - Current Résumé
Caleb Brown - Current RésuméCaleb Brown - Current Résumé
Caleb Brown - Current RésuméCaleb Brown
 
Sandhya's portfolio
Sandhya's portfolioSandhya's portfolio
Sandhya's portfolioSandhya
 
Evaluation: Question 4 Planning
Evaluation: Question 4 PlanningEvaluation: Question 4 Planning
Evaluation: Question 4 Planningruqaiyahk
 
The Rich Picture A Tool For Reasoning About Work Context
The Rich Picture   A Tool For Reasoning About Work ContextThe Rich Picture   A Tool For Reasoning About Work Context
The Rich Picture A Tool For Reasoning About Work Contextguestc990b6
 
iAnua storymapping session @ ilean
iAnua storymapping session @ ileaniAnua storymapping session @ ilean
iAnua storymapping session @ ileanStefaan Roets
 
Visualising the user experience
Visualising the user experience Visualising the user experience
Visualising the user experience Darren Menachemson
 
Ux lady-designing-for-error
Ux lady-designing-for-errorUx lady-designing-for-error
Ux lady-designing-for-errorsilvana churruca
 
Gaining Empathy with your Users - the RTFM of User Experience
Gaining Empathy with your Users - the RTFM of User ExperienceGaining Empathy with your Users - the RTFM of User Experience
Gaining Empathy with your Users - the RTFM of User ExperienceRick Boardman
 
Workflow diagramming and information architecture
Workflow diagramming and information architectureWorkflow diagramming and information architecture
Workflow diagramming and information architectureDianna Miller
 
The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)Vegard Sandvold
 
Collaboration between design and engineering
Collaboration between design and engineeringCollaboration between design and engineering
Collaboration between design and engineering吉閔 鄭
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesomeJen Yu
 
MDW NY | Matt Howell_New Teams and Process for Making Digital Work
MDW NY | Matt Howell_New Teams and Process for Making Digital WorkMDW NY | Matt Howell_New Teams and Process for Making Digital Work
MDW NY | Matt Howell_New Teams and Process for Making Digital WorkBoulder Digital Works at CU
 

Similar a Data Visualization New York (20)

LxD - Learner Experience Design
LxD - Learner Experience DesignLxD - Learner Experience Design
LxD - Learner Experience Design
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2
 
Kony-Forrester Webinar: The Evolution of Mobile First Development
Kony-Forrester Webinar: The Evolution of Mobile First DevelopmentKony-Forrester Webinar: The Evolution of Mobile First Development
Kony-Forrester Webinar: The Evolution of Mobile First Development
 
Insemtives stanford
Insemtives stanfordInsemtives stanford
Insemtives stanford
 
Gordon Research Conference 2011
Gordon Research Conference 2011Gordon Research Conference 2011
Gordon Research Conference 2011
 
FCartel - Summer Internship 2013
FCartel - Summer Internship 2013FCartel - Summer Internship 2013
FCartel - Summer Internship 2013
 
Caleb Brown - Current Résumé
Caleb Brown - Current RésuméCaleb Brown - Current Résumé
Caleb Brown - Current Résumé
 
Sandhya's portfolio
Sandhya's portfolioSandhya's portfolio
Sandhya's portfolio
 
Evaluation: Question 4 Planning
Evaluation: Question 4 PlanningEvaluation: Question 4 Planning
Evaluation: Question 4 Planning
 
The Rich Picture A Tool For Reasoning About Work Context
The Rich Picture   A Tool For Reasoning About Work ContextThe Rich Picture   A Tool For Reasoning About Work Context
The Rich Picture A Tool For Reasoning About Work Context
 
iAnua storymapping session @ ilean
iAnua storymapping session @ ileaniAnua storymapping session @ ilean
iAnua storymapping session @ ilean
 
Visualising the user experience
Visualising the user experience Visualising the user experience
Visualising the user experience
 
Ux lady-designing-for-error
Ux lady-designing-for-errorUx lady-designing-for-error
Ux lady-designing-for-error
 
Gaining Empathy with your Users - the RTFM of User Experience
Gaining Empathy with your Users - the RTFM of User ExperienceGaining Empathy with your Users - the RTFM of User Experience
Gaining Empathy with your Users - the RTFM of User Experience
 
Workflow diagramming and information architecture
Workflow diagramming and information architectureWorkflow diagramming and information architecture
Workflow diagramming and information architecture
 
The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)
 
Collaboration between design and engineering
Collaboration between design and engineeringCollaboration between design and engineering
Collaboration between design and engineering
 
Usability Design: Because it's awesome
Usability Design: Because it's awesomeUsability Design: Because it's awesome
Usability Design: Because it's awesome
 
Modul 3 knowledge mapping
Modul 3   knowledge mappingModul 3   knowledge mapping
Modul 3 knowledge mapping
 
MDW NY | Matt Howell_New Teams and Process for Making Digital Work
MDW NY | Matt Howell_New Teams and Process for Making Digital WorkMDW NY | Matt Howell_New Teams and Process for Making Digital Work
MDW NY | Matt Howell_New Teams and Process for Making Digital Work
 

Data Visualization New York

  • 1. Siarhei Mardovich Data Visualization New York – Feb 11, 2013 Prototyping approach Storytelling overview and requirements 1. As a user I want to lorem assessment 1.1 ipsum 1.2 dolor 1.2.1 sit 1.2.2 amet Human Centered Agile Teams Image Ref: Maria Giudice Toolkit Background
  • 2. Prototyping approach overview siarheimardovich.com/core-approach-2 feedback application high fidelity interactive prototype clickable mock-up rough sketch concept
  • 3. Human Centered Agile Image Ref: Maria Giudice
  • 4. Toolkit The most universal media UX/CX deliverables - text/image - Persona - sound - Concept map - video - Customer Journey Map - complex interactions Biz logic layer Academic - OO JS - Coursera.org, Udacity.com, OCW - Design patterns - R (with code samples) - MVC/MVVM - Gephi.org, yEd, VUE, NetLogo - Ajax, JSON (Schematic Ipsum) Advanced visual layer PM Tools, Blog, Wiki, - D3.js Yammer - Highcharts JS (SVG/VML) - Provoke creativity - Broadcast value - Promote team members
  • 5. Storytelling and requirements assessment Black box 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 Locus of attention Start with pain points, not data - making decisions - delegating Focus of attention Mind maps, card sorting UI as a Mental Final State model Machine Action Centered Design vs. Human Centered Design