UPA – Better Usability Through Visualization<br />Chuck Konfrst, Senior Visualization Designer / Director of Branding & Co...
Welcome!<br />Agenda<br /><ul><li>Introductions
What Is Visualization?
Visualization Demonstration
Group Breakout
Mock Project Requirement Sessions
Questions & Answers</li></ul>© 2011 OneSpring®  All Rights Reserved.<br />
Introductions<br /><ul><li>Name
Company
Role
What you’d like to get out of the workshop
Favorite Cartoon Character & Why</li></ul>© 2011 OneSpring®  All Rights Reserved.<br />
Visualization<br />What Is Visualization?<br />© 2011 OneSpring®  All Rights Reserved.<br />
“68% of projects fail, run late, or are OVER budget.”- The Standish Group, 2009 Chaos Summary Report<br />“70% of REWORK i...
Visualization for Software Definition<br />Today, the ability to pre-visualize a software application has become a reality...
Visualization for Software Definition<br />AutoCAD/CAM technologies that revolutionized the automotive, aeronautical, and ...
The key benefit to visualization is the ability to validate your requirements from the start with stakeholders <br />This,...
Reduction ofRequirements Defects by at least 80%
Reduction ofProject Delivery Times by at least 35%
Improved User Experience
Increased Innovation</li></ul>© 2010 OneSpring, LLC. All Rights Reserved.<br />© 2011 OneSpring®  All Rights Reserved.<br />
© 2011 OneSpring®  All Rights Reserved.<br />
Most SDLC methods define requirements late in the lifecycle. These requirements typically lack any experiential aspect.  T...
Visualization occurs at the beginning of the lifecycle and provides stakeholders the ability to experience and validate re...
Visualization is a framework for how to better innovate and collaborate<br />The New Approach<br />© 2011 OneSpring®  All ...
Accelerating the time to understanding and consensus provides a far greater return on investment.<br />Visualization<br />...
Visualization<br />Visualization Tools<br />© 2011 OneSpring®  All Rights Reserved.<br />
Caveats<br /><ul><li>The Tools aren’t as important as
The People
The Process
The Culture</li></ul>© 2011 OneSpring®  All Rights Reserved.<br />
Tools<br /><ul><li>iRise
Axure
Balsamiq
Blueprint
Flairbuilder
JustInMind
IBM Rational Composer
Visual Studio 2010 Ultimate
Adobe Flash Catalyst
Visio/Omnigraffle
Microsoft PowerPoint</li></ul>© 2011 OneSpring®  All Rights Reserved.<br />
Visualization<br />Demonstration<br />© 2011 OneSpring®  All Rights Reserved.<br />
Upcoming SlideShare
Loading in...5
×

UPA 2011 - Better Usability Through Visualization

467

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
467
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

UPA 2011 - Better Usability Through Visualization

  1. 1. UPA – Better Usability Through Visualization<br />Chuck Konfrst, Senior Visualization Designer / Director of Branding & Communications<br />
  2. 2. Welcome!<br />Agenda<br /><ul><li>Introductions
  3. 3. What Is Visualization?
  4. 4. Visualization Demonstration
  5. 5. Group Breakout
  6. 6. Mock Project Requirement Sessions
  7. 7. Questions & Answers</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  8. 8. Introductions<br /><ul><li>Name
  9. 9. Company
  10. 10. Role
  11. 11. What you’d like to get out of the workshop
  12. 12. Favorite Cartoon Character & Why</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  13. 13. Visualization<br />What Is Visualization?<br />© 2011 OneSpring® All Rights Reserved.<br />
  14. 14. “68% of projects fail, run late, or are OVER budget.”- The Standish Group, 2009 Chaos Summary Report<br />“70% of REWORK is attributed to correcting requirements errors.” - Meta Group<br />“30% of project costs are REWORK .”- Forrester Research<br />© 2011 OneSpring® All Rights Reserved.<br />
  15. 15. Visualization for Software Definition<br />Today, the ability to pre-visualize a software application has become a reality.<br />Using scenarios as the initial “sketches” of a storyboard, visualization tools allow software definition teams to model entire applications before writing a single line of code.<br />© 2011 OneSpring® All Rights Reserved.<br />
  16. 16. Visualization for Software Definition<br />AutoCAD/CAM technologies that revolutionized the automotive, aeronautical, and construction industries.<br />Now, software visualization tools can simulate applications and help stakeholders truly understand process flow, behaviors, look and feel, and other aspects of the application before it is built.<br />© 2011 OneSpring® All Rights Reserved.<br />
  17. 17. The key benefit to visualization is the ability to validate your requirements from the start with stakeholders <br />This, in turn, leads to the realization of the following benefits: <br /><ul><li>Reduction of Requirements Cycles by at least 30%
  18. 18. Reduction ofRequirements Defects by at least 80%
  19. 19. Reduction ofProject Delivery Times by at least 35%
  20. 20. Improved User Experience
  21. 21. Increased Innovation</li></ul>© 2010 OneSpring, LLC. All Rights Reserved.<br />© 2011 OneSpring® All Rights Reserved.<br />
  22. 22. © 2011 OneSpring® All Rights Reserved.<br />
  23. 23. Most SDLC methods define requirements late in the lifecycle. These requirements typically lack any experiential aspect. They represent only functionality, not experience.<br />Traditional<br />© 2011 OneSpring® All Rights Reserved.<br />
  24. 24. Visualization occurs at the beginning of the lifecycle and provides stakeholders the ability to experience and validate requirements from the start.<br />The New Approach<br />© 2011 OneSpring® All Rights Reserved.<br />
  25. 25. Visualization is a framework for how to better innovate and collaborate<br />The New Approach<br />© 2011 OneSpring® All Rights Reserved.<br />
  26. 26. Accelerating the time to understanding and consensus provides a far greater return on investment.<br />Visualization<br />100%<br />50%<br />Traditional<br />0%<br />The Benefit<br />© 2011 OneSpring® All Rights Reserved.<br />
  27. 27. Visualization<br />Visualization Tools<br />© 2011 OneSpring® All Rights Reserved.<br />
  28. 28. Caveats<br /><ul><li>The Tools aren’t as important as
  29. 29. The People
  30. 30. The Process
  31. 31. The Culture</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  32. 32. Tools<br /><ul><li>iRise
  33. 33. Axure
  34. 34. Balsamiq
  35. 35. Blueprint
  36. 36. Flairbuilder
  37. 37. JustInMind
  38. 38. IBM Rational Composer
  39. 39. Visual Studio 2010 Ultimate
  40. 40. Adobe Flash Catalyst
  41. 41. Visio/Omnigraffle
  42. 42. Microsoft PowerPoint</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  43. 43. Visualization<br />Demonstration<br />© 2011 OneSpring® All Rights Reserved.<br />
  44. 44. Visualization<br />Previsualization<br />© 2011 OneSpring® All Rights Reserved.<br />
  45. 45. The Paradox<br />While the software definition process and its artifacts have multiplied over the years, with the rise of methods such as Waterfall, Rational Unified Process, Agile, and more – the surprising fact is that projects are failing at a higher rate than ever before.<br />© 2011 OneSpring® All Rights Reserved.<br />
  46. 46. Increased Complexity and Costs<br />This failure occurred because software applications were rapidly increasing in both size and complexity, outstripping methodologies for development.<br />While traditional processes and artifacts were helping, more efficient, effective communication and elicitation was needed to ensure project success. The shortfall left by established methods was significant. <br />© 2011 OneSpring® All Rights Reserved.<br />
  47. 47. Consumer Demand<br />The motion picture industry was experiencing the same dilemma.<br />Audiences were more savvy and demanding more from entertainment. With the bar raised, filmmakers also needed to improve their process and tools to more effectively create their art.<br />© 2011 OneSpring® All Rights Reserved.<br />
  48. 48. Previsualization<br /><ul><li>is a collaborative process that generates preliminary versions of application features, functionality and process flows in a low-resolution format
  49. 49. enables the project stakeholders to more effectively communicate a shared vision and understanding of a project through visual exploration</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  50. 50. Previsualization<br />Enables true cross-functional collaboration<br />Provides a preliminary project experience, from concept to use<br />Includes application features, functionality, and process flows in a low-resolution format<br />Provides stakeholders with a source for a single, shared vision<br />Enables rapid visual exploration of project goals and alternate solutions<br />© 2011 OneSpring® All Rights Reserved.<br />
  51. 51. Previsualization<br />For the first time, a director, cast, and crew could envision every shot, sequence, and f/x in a movie before actual production was underway.<br />Every aspect of a movie could be planned and analyzed before shooting began—and nuances, special effects, and point of view could be thoroughly explored.<br />Director, cast, and crew could completemany takes on a sceneor sequence, all beforefilming started. <br />© 2011 OneSpring® All Rights Reserved.<br />
  52. 52. © 2011 OneSpring® All Rights Reserved.<br />
  53. 53. Previsualization<br />Live Website<br />Header<br />Hotel Name<br />Progress Bar<br />Reservation Process<br />Check-In Date<br />Check-Out Date<br />Rate Preferences<br />Group/Corporate Numbers<br />Number of Rooms<br />Number of Adults<br />Number of Children<br />Smoking Preference<br />IATA Number<br />Hotel Photo<br />Personalization Content Slots<br />© 2011 OneSpring® All Rights Reserved.<br />
  54. 54. Low Resolution<br />Live Website<br />© 2011 OneSpring® All Rights Reserved.<br />
  55. 55. Medium Resolution<br />Live Website<br />© 2011 OneSpring® All Rights Reserved.<br />
  56. 56. High Resolution<br />Live Website<br />© 2011 OneSpring® All Rights Reserved.<br />
  57. 57. Levels of Fidelity<br />© 2011 OneSpring® All Rights Reserved.<br />
  58. 58. Visualization<br />Joint Application Modeling®<br />© 2011 OneSpring® All Rights Reserved.<br />
  59. 59. JAM Session®<br />The session is comprised of these essential “ingredients”…<br />+<br />+<br />+<br />Rapid Iterative<br />Design<br />Small Group Collaboration<br />Flow<br />Visualization<br />© 2011 OneSpring® All Rights Reserved.<br />
  60. 60. Collaboration in small groups provides an effective means of problem solving within a structured environment<br />Small Group Collaboration<br />Complex problems that go beyond the routine require the communication of shared knowledge to create viable solutions/approaches<br />© 2011 OneSpring® All Rights Reserved.<br />
  61. 61. The roles “match” the work environment and support the task flow…<br />Visualization Screen<br />Documentation Screen<br />Producer<br />Facilitates Flow<br />Analyst“Left Brain”<br />Designer“Right Brain”<br />Business<br />SME on “What?”<br />IT<br />SME on “How?”<br />© 2011 OneSpring® All Rights Reserved.<br />
  62. 62. Insight – observation to gain valuable knowledge and context on the business, customer and technologies<br />Clarity - design activities that crystallize the gathered insights to form a model of the experience<br />Focus – socialization and measurement of the experience model to provide continuous improvement and validation<br />© 2011 OneSpring® All Rights Reserved.<br />
  63. 63. Pairing documentation with visualization means that the requirements written by the Visualization Analyst:<br /><ul><li> Reflects the wishes, wants, and needs of the stakeholders
  64. 64. Aligns (traces) directly to visualized pages of the future system
  65. 65. Coincides with a rich, interactive vision of the future system
  66. 66. Eliminates ambiguity of verbally elicited requirements</li></ul>Documentation<br />© 2010 OneSpring, LLC. All Rights Reserved.<br />© 2011 OneSpring® All Rights Reserved.<br />
  67. 67. ”Flow also happens when a person’s skills are fully involved in overcoming a challenge that is just about manageable, so it acts as a magnet for learning new skills and increasing challenges. If challenges are too low, one gets back to flow by increasing them. If challenges are too great, one can return to the flow state by learning new skills.” <br />Flow<br />- MihalyCsikszentmihalvi (July. 1997) Psychology Today<br />© 2011 OneSpring® All Rights Reserved.<br />
  68. 68. A key aspect to generating the Flow includes both the environment in which the JAM Session takes place and the mental investment by the stakeholders<br />Goals are clear<br />Feedback is immediate<br />Balance between opportunity & capacity<br />Concentration deepens<br />The present is what matters<br />Control is no problem<br />Sense of time is altered<br />Loss of ego<br />Flow<br />© 2011 OneSpring® All Rights Reserved.<br />
  69. 69. Visualization<br />Mock Session<br />© 2011 OneSpring® All Rights Reserved.<br />
  70. 70. © 2010 OneSpring, LLC. All Rights Reserved.<br />© 2011 OneSpring® All Rights Reserved.<br />
  71. 71. Session<br /><ul><li> Description of the Project
  72. 72. Introduction of Stakeholders
  73. 73. Introduction of the Requirements Team
  74. 74. Visualization of Project Requirements</li></ul>© 2011 OneSpring® All Rights Reserved.<br />
  75. 75. What Can You Do?<br /><ul><li>Use visualization as a tool during requirements elicitation
  76. 76. Partner with a Business Analyst
  77. 77. Don’t worry about the tool, focus on the people & process</li></ul>© 2010 OneSpring, LLC. All Rights Reserved.<br />© 2011 OneSpring® All Rights Reserved.<br />
  78. 78. Visualization<br />Now It’s Your Turn!<br />© 2011 OneSpring® All Rights Reserved.<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×