UPA 2011 - Better Usability Through Visualization

UPA – Be(er Usability Through Visualiza8on Chuck Konfrst, Senior Visualiza8on Designer / Director of Branding & Communica8ons

“68% of projects fail, run late, or are OVER budget.”! - The Standish Group, 2009 Chaos Summary Report“70% of REWORK is attributed to correcting requirements errors.” ! - Meta Group “30% of project costs are REWORK .”! - Forrester Research © 2011 OneSpring® All Rights Reserved.

Visualiza8on for So]ware Deﬁni8on Today, the ability to pre-visualize a softwareapplication has become areality.Using scenarios as the initial“sketches” of a storyboard,visualization tools allowsoftware deﬁnition teams tomodel entire applicationsbefore writing a single line ofcode. © 2011 OneSpring® All Rights Reserved.

Visualiza8on for So]ware Deﬁni8on AutoCAD/CAMtechnologies thatrevolutionized theautomotive, aeronautical,and constructionindustries.Now, softwarevisualization tools cansimulate applications andhelp stakeholders trulyunderstand process ﬂow,behaviors, look and feel,and other aspects of theapplication before it isbuilt. © 2011 OneSpring® All Rights Reserved.

The key beneﬁt to visualization is the ability to validate your requirements from the start with stakeholders This, in turn, leads to the realization of the following beneﬁts: •  Reduction of Requirements Cycles by at least 30% •  Reduction of Requirements Defects by at least 80% •  Reduction of Project Delivery Times by at least 35% •  Improved User Experience •  Increased Innovation© 2010 OneSpring, LLC. All Rights Reserved. © 2011 OneSpring® All Rights Reserved.

Most SDLC methods deﬁne requirements late in the lifecycle. These requirementstypically lack any experiential aspect. They represent only functionality, notexperience. Traditional © 2011 OneSpring® All Rights Reserved.

The New Approach Visualization occurs at the beginning of the lifecycle and provides stakeholders theability to experience and validate requirements from the start. © 2011 OneSpring® All Rights Reserved.

Tools •  iRise •  Axure •  Balsamiq •  Blueprint •  Flairbuilder •  JustInMind •  IBM Rational Composer •  Visual Studio 2010 Ultimate •  Adobe Flash Catalyst •  Visio/Omnigrafﬂe •  Microsoft PowerPoint © 2011 OneSpring® All Rights Reserved.

The Paradox While the software deﬁnitionprocess and its artifactshave multiplied over theyears, with the rise ofmethods such as Waterfall,Rational Uniﬁed Process,Agile, and more – thesurprising fact is thatprojects are failing at ahigher rate than everbefore. © 2011 OneSpring® All Rights Reserved.

Increased Complexity and Costs This failure occurred becausesoftware applications wererapidly increasing in both sizeand complexity, outstrippingmethodologies fordevelopment.While traditional processesand artifacts were helping,more efﬁcient, effectivecommunication and elicitationwas needed to ensure projectsuccess. The shortfall left byestablished methods wassigniﬁcant. © 2011 OneSpring® All Rights Reserved.

Consumer Demand The motion picture industrywas experiencing the samedilemma.Audiences were more savvyand demanding more fromentertainment. With the barraised, ﬁlmmakers alsoneeded to improve theirprocess and tools to moreeffectively create their art. © 2011 OneSpring® All Rights Reserved.

Previsualization•  is a collaborative process that generates preliminary versions of applicationfeatures, functionality and process ﬂows in a low-resolution format•  enables the project stakeholders to more effectively communicate a !shared vision and understanding of a project through visual exploration © 2011 OneSpring® All Rights Reserved.

Previsualiza8on •  Enables true cross-functional collaboration•  Provides a preliminary project experience, from concept to use•  Includes application features, functionality, and process ﬂows in a low- resolution format•  Provides stakeholders with a source for a single, shared vision•  Enables rapid visual exploration of project goals and alternate solutions! © 2011 OneSpring® All Rights Reserved.

Previsualiza8on •  For the ﬁrst time, a director, cast, and crew could envision every shot, sequence, and f/x in a movie before actual production was underway.•  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.•  Director, cast, and ! crew could complete! many takes on a scene! or sequence, all before! ﬁlming started. © 2011 OneSpring® All Rights Reserved.

Previsualiza8on Live Website Header Hotel Name Progress Bar Reserva8on Process Hotel Photo Check-‐In Date Personaliza8on Content Slots Check-‐Out Date Rate Preferences Group/Corporate Numbers Number of Rooms Number of Adults Number of Children Smoking Preference IATA Number © 2011 OneSpring® All Rights Reserved.

Levels of Fidelity Fidelity Level Visual Func1onal Requirements Previsualized •  Text descrip8on of key page •  Basic descrip8ons provided •  Ini8al concepts and ideas areas •  Text or placeholders describing •  Vision statements behavior •  High level business goals Low •  Basic elements present at level of •  Sta8c pages lacking dynamic •  High level requirements only detail sufficient for basic behavior •  Documenta8on of what is not comprehension, but no more •  Text descrip8on or blocked in necessarily shown in •  Not polished areas visualiza8on •  Simple, linear naviga8on Medium •  Blocked-‐in text and objects, •  Blocked in elements like ac8ve •  Special condi8ons included lorem-‐ipsum form fields •  Business process scenarios and •  Interac8ve wireframes and •  Deeper linking between page-‐ basic traceability advanced onionskinning level elements, allowing user to •  Ini8al business rules •  Usability/UX elements interact with visualiza8on •  Ini8al func8onal requirements, introduced and testable par8cularly those not visualized •  Selected branding elements may •  Ini8al field level defini8ons be applied High •  Full visual skinning •  Behaves like “the real thing” •  Con8nued field level defini8ons •  Realis8c/highly evolved design •  System inputs opera8onal and •  Full traceability accurate •  Capture of func8onal specifica8on elements © 2011 OneSpring® All Rights Reserved.

Collaboration in small groups provides an effective means of problem solving within a structured environmentSmall Group Complex problems that go beyond the routineCollabora8on require the communication of shared knowledge to create viable solutions/approaches © 2011 OneSpring® All Rights Reserved.

The roles “match” the work environment and support the task ﬂow… Documentation Screen Visualization ScreenAnalyst “Left Brain” Producer Designer “Right Brain” Facilitates Flow Business IT SME on SME on “How?” “What?” © 2011 OneSpring® All Rights Reserved.

Insight – observation to gain valuable knowledge and context on the business, customer and technologies Clarity - design activities that crystallize the gathered insights to form a model of the experience Focus – socialization and measurement of the experience model to provide continuous improvement and validation© 2011 OneSpring® All Rights Reserved.

Pairing documentation with visualization means that the requirements written by the Visualization Analyst:" •  Reﬂects the wishes, wants, and needs of the stakeholders   Documentation" •  Aligns (traces) directly to visualized pages of the future system   •  Coincides with a rich, interactive vision of the future system" •  Eliminates ambiguity of verbally elicited requirements" •  © 2010 OneSpring, LLC. All Rights Reserved. © 2011 OneSpring® All Rights Reserved.

”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 ﬂow by increasing them. If challenges are too great, one can return to the ﬂowFlow state by learning new skills.” - Mihaly Csikszentmihalvi (July. 1997) Psychology Today © 2011 OneSpring® All Rights Reserved.

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 Goals are clear Feedback is immediate Balance between opportunity & capacityFlow Concentration deepens The present is what matters Control is no problem Sense of time is altered Loss of ego © 2011 OneSpring® All Rights Reserved.

What Can You Do? •  Use visualization as a tool during requirements elicitation •  Partner with a Business Analyst •  Don’t worry about the tool, focus on the people & process© 2010 OneSpring, LLC. All Rights Reserved. © 2011 OneSpring® All Rights Reserved.

UPA 2011 - Better Usability Through Visualization

by OneSpring LLC

Accessibility

Categories

Upload Details

Usage Rights

Statistics

UPA 2011 - Better Usability Through Visualization Presentation Transcript