agile user experience design

33
UX Case Study Asgard Wealth Management Agile User Experience Design Alla Zollers [email protected]

Upload: alla-zollers

Post on 27-Jan-2015

5.303 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Agile User Experience Design

Alla Zollers

[email protected]

Page 2: Agile User Experience Design

UX Case StudyAsgard Wealth Management

• What is User Experience (UX) Design?

• What does a UX Designer DO anyway?

• Designing in Waterfall

• Problems with Waterfall

• Designing in Agile or Agile UX

• Integrating with Development

• Advantages

• Challenges

• Types of Designers

• Closing Thoughts

Agenda

Page 3: Agile User Experience Design

UX Case StudyAsgard Wealth Management

What is User Experience Design?

Page 4: Agile User Experience Design

UX Case StudyAsgard Wealth Management

A “user experience” encompasses all aspects of the interactions an individual has with a company, its services, and its products.  

An exemplary user experience meets current end-user needs and anticipates future needs, exceeds end user expectations, sends a clear and strategic message, and delights the end user with innovative solutions.

In Short: Useful, Usable, Desirable

Definition

Page 5: Agile User Experience Design

UX Case StudyAsgard Wealth Management

User Experience Honeycomb

*Created by Peter Morville

Page 6: Agile User Experience Design

UX Case StudyAsgard Wealth Management

The Core

User experience advocates for the end-user and makes sure to bring the end user’s goals and perspectives into the decision making process.

Page 7: Agile User Experience Design

UX Case StudyAsgard Wealth Management

What does a UX Designer DO anyway?

Page 8: Agile User Experience Design

UX Case StudyAsgard Wealth Management

The Elements of UX

*Created by Jesse James Garrett

Page 9: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Activities

Page 10: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Full Circle

Observe

Research

Analyze & Synthesize

Ideate

Communicate

Page 11: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Value of User Experience Design

Page 12: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Value

Design is Generative.

Page 13: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Value

Efficiency is no longer enough to be competitive in the global market.

User experience design:

• Increases productivity

• Reduces help desk/support needs

• Increased conversion rates

• Reduced training costs

• Decreased drop off rates

• Increased time on site and engagement

Page 14: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Waterfall Design

Page 15: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Traditional Waterfall Design

ObserveObserve

ResearchResearch

Analyze Analyze

Ideate Ideate

Design Design

Test Test

Entire Site

Page 16: Agile User Experience Design

UX Case StudyAsgard Wealth Management

The Designer/Developer Wall

Design Development

Page 17: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Agile UX

Page 18: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Agile UX

Design

Build

* Adopted from Anders Ramsey

Page 19: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Agile UX

The question is not “how do you fit UX into Agile”, its “how do you fit Agile into UX”

•There is an assumption that the standard set of UX activities and outputs should simply slot into agile development practices unchanged

•Lets flip the question and ask what would a UX Design project look like if you were to manage it following Agile principals.

Page 20: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Agile UX

The UX approach is crafted around the same principals that drive our development methodology. It’s an approach that values:

•Working software over comprehensive documentation

• to get a faster feedback cycle, and

• better experience design

•Highly iterative and test driven design

•Individuals and interactions over processes and tools

Page 21: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Working software over documentation

Standard Approach

create documents of increasing visual fidelity which imply functional behavior

Standard Approach

create documents of increasing visual fidelity which imply functional behavior

AUX Approach

create prototypes of increasing functional and visual fidelity in order to model and test functional behavior and the interactive user experience

AUX Approach

create prototypes of increasing functional and visual fidelity in order to model and test functional behavior and the interactive user experience

Page 22: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Highly iterative and test driven

•We design using short iterative design steps and regular testing cycles, ensuring we craft prototypes that are built with customers in a collaborative manner.

•The only way to know with any certainty if your solution is the right one is to test it early and often with the people who will use the system.

•Involving your customers throughout the process also ensures that strategy is aligned with the customer needs

Page 23: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Chunking Design

Iteration 1: Home Page Iteration 2: Search Results Page

Page 24: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Integrating with Development

Page 25: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Integrating with Development

UX Inception Workshops

UX Inception Workshops

UX PrototypeIteration 1

UX PrototypeIteration 1

UX PrototypeIteration 2

UX PrototypeIteration 2

UX PrototypeIteration 3

UX PrototypeIteration 3

Initial Discovery ResearchInitial Discovery Research

Customer journey Sketch boards Customer journey Sketch boards

Interaction design & wireframesInteraction design & wireframes

Context, Customer, ScenariosContext, Customer, Scenarios

Interactive Prototype DevelopmentInteractive Prototype Development

Usability Test Usability Test Usability Test Usability TestShowcase Showcase

PrioritizePrioritize

design analysis

UX Prototype

Usability Test

design analysis

UX Prototype

Usability Test

design analysis

UX Prototype

Usability Test

DiscoveryDiscovery Iteration 0Iteration 0

UX Prototype StoriesUX Prototype Stories

ScopingScoping

ShowcaseShowcase

Ongoing Discovery ResearchOngoing Discovery Research

Time boxed analysis, development and user testing cycles focusing on collaboration, testing and fast feedback

Page 26: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Integrating with Development

UX

Dev

iterating the UX design and Dev implementation tracks simultaneously

Short iterative design steps and regular testing cycles, ensuring we craft User Experiences that are built with your customers in a collaborative manner

iterating the UX design and Dev implementation tracks simultaneously

Short iterative design steps and regular testing cycles, ensuring we craft User Experiences that are built with your customers in a collaborative manner

Page 27: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Advantages of AUX

• Chunking of design enables designers to also be agile to changing requirements

• Frequent testing and checking back with the end users

• Close communication with developers

• Open and visible with less documentation

• The team becomes responsible for design

• Working software over beautiful documentation

• Feasibility is ensured

Page 28: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Challenges of AUX

• Designers often feel rushed

• Incremental (“add-to”) versus iterative (“re-do”)

• Agile focuses on the customer, which isn’t always the end-user

• Developer-centric, developers need to change their mindset too

• Designers can become a bottle neck, the ratio between designers and developers is key

Page 29: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Successful Designers

Page 30: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Characteristics

• Generalist

• Strong development knowledge

• Able to implement “guerilla” techniques

• Excellent communicator

• Embrace Agile, change their mindset, let go of control

Page 31: Agile User Experience Design

UX Case StudyAsgard Wealth Management

ClosingThoughts

Page 32: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Being Agile about Agile

• Most successful teams have a custom agile implementation

• It’s about communication

Page 33: Agile User Experience Design

UX Case StudyAsgard Wealth Management

Thank You!

[email protected]