lean ux pyramid

45
Lean UX Pyramid A practical case of applying Lean and UX principles to develop a product with a revolutionary user experience Samuel Crescêncio @screscencio Tiago Silva da Silva @tiagosdasilva Friday, 28 June, 13

Upload: tiago-silva-da-silva

Post on 05-Dec-2014

1.118 views

Category:

Technology


0 download

DESCRIPTION

Palestra proferida por Tiago Silva da Silva (@tiagosdasilva) e Samuel Crescêncio (@screscencio) no Agile Brazil 2013.

TRANSCRIPT

Page 1: Lean UX Pyramid

Lean UX PyramidA practical case of applying Lean and UX principles to

develop a product with a revolutionary user experience

Samuel Crescêncio@screscencio

Tiago Silva da Silva@tiagosdasilva

Friday, 28 June, 13

Page 2: Lean UX Pyramid

SAMUEL CRESCÊNCIO

• 20 years in the software industry BA / AA

Friday, 28 June, 13

Page 3: Lean UX Pyramid

TIAGO SILVA DA SILVA

• Agile UX PhD

Friday, 28 June, 13

Page 4: Lean UX Pyramid

THEME

Ongoing work

Friday, 28 June, 13

Page 5: Lean UX Pyramid

A practical case of applying Lean and UX principles to develop a product with a revolutionary user experience

THEME

Lean UX Pyramid

Friday, 28 June, 13

Page 6: Lean UX Pyramid

Friday, 28 June, 13

Page 7: Lean UX Pyramid

Friday, 28 June, 13

Page 8: Lean UX Pyramid

Friday, 28 June, 13

Page 9: Lean UX Pyramid

A Practical Case Study

Friday, 28 June, 13

Page 10: Lean UX Pyramid

2 years of continuous improvement applying the Lean Pyramid and UX Principles

Friday, 28 June, 13

Page 11: Lean UX Pyramid

•Started from an innovation process;

•First Version in RubyOnRails;

•Market opportunity:

•Existing tools were having a hard time to enter in Brazilian Market - Customers valued what we’ve done:

•Market Picture:

•~250 competitors world wide

•a handful of them market leaders

•200+ competing on price with little differentiation generally providing bad service;

•Existing solutions were heavy, hard to use, expensive and more like a white elephant

OK, but why did we decide to build OnTrack?Friday, 28 June, 13

Page 12: Lean UX Pyramid

And we knew we could do better!

THE COMMON BELIEFFriday, 28 June, 13

Page 13: Lean UX Pyramid

STARTED WITH Strong leadership:

Product ChampionTechnical Leader

THE BEGINNINGFriday, 28 June, 13

Page 14: Lean UX Pyramid

From the very beginning we’ve heard

and observed our users and

have applied LEAN and UX techniques to validate our ideas in the most

effective and inexpensive possible way.

THE BEGINNINGFriday, 28 June, 13

Page 15: Lean UX Pyramid

4 SIMPLE PREMISSES

SimpleEasy to Use

Totally EffectiveElegant

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 16: Lean UX Pyramid

WE AIMED:

To boost collaboration

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 17: Lean UX Pyramid

WE AIMED:

Non Intrusive communication

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 18: Lean UX Pyramid

WE AIMED:

unprecedented traceability

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 19: Lean UX Pyramid

WE AIMED:

Revolutionary Usability(keyboard shortcuts)(undo/redo capacity)

(no cruds)

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 20: Lean UX Pyramid

WE AIMED:

Mind Map like Tree Editing to manage scope

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 21: Lean UX Pyramid

WE AIMED:

Rich Single Page Web App

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 22: Lean UX Pyramid

WE AIMED:

To require no more than 10 minutes to be learned

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 23: Lean UX Pyramid

WE AIMED:

To require no technical support

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 24: Lean UX Pyramid

WE AIMED:

To require absolutely no configuration

(ready to go out of the box, you just use it)

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 25: Lean UX Pyramid

WE AIMED:

To be resilient to different business scenarios

capable of being deployed onDemand and OnPremisse

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 26: Lean UX Pyramid

WE AIMED:

To design everything with the user in mind

User-Centered Design

THE COMMON SHARED VISIONFriday, 28 June, 13

Page 27: Lean UX Pyramid

The next step was to find the right technology to build it.

We decided by GWT

THE TECHNOLOGYFriday, 28 June, 13

Page 28: Lean UX Pyramid

To support all those premisses and goals we had to develop a robust architecture:

Should be Fast, Reliable and Scalable

Should not be dependent on Network/Server latency as we didn’t want to let the user waiting.

THE ARCHITECTUREFriday, 28 June, 13

Page 29: Lean UX Pyramid

In order not to let the user waiting, we needed the entire model in each client,

keeping it sync while processing transactions

THE ARCHITECTUREFriday, 28 June, 13

Page 30: Lean UX Pyramid

The solution:

A Thick smart client with an asynchronous

distributed architecture.

THE ARCHITECTUREFriday, 28 June, 13

Page 31: Lean UX Pyramid

THE ARCHITECTUREFriday, 28 June, 13

Page 32: Lean UX Pyramid

Syncing Services

Syncing Services provided Mode Availability;

We decided by the command pattern providing an abstraction for actions;

Actions are maintained in stacks;

Small cheap diffs for actions provided undo/redo, collaboration, easy conflict detection and treatment,

accounting and traceability;

The execution of actions are the only thing that can modify the model, providing model integrity;

The code for syncing is the same for the client and the server, once again providing integrity;

THE ARCHITECTUREFriday, 28 June, 13

Page 33: Lean UX Pyramid

Actions are all stored with version control, enabling the recovery of the state of the model at any given point in time

providing unprecedented traceability;

Any new implementation will take advantage of all past data;

Snapshots are used as cache to reduce processing when load a state (all lazy loading);

The client UI is updated as fast as possible so the user does not need to be waiting for AJAX callbacks;

Server validations assure model consistency and together with conflict management and server push capabilities can

provide a secure and reliable platform for intense collaboration;

BENEFITS OF THE ARCHITECTUREFriday, 28 June, 13

Page 34: Lean UX Pyramid

SCOPE TREE

@ - DELIVERY TREE

% - PROGRESS

$ - VALUE

# - EFFORT

! - IMPEDIMENT

A FEW CONCEPTS FOR USER EXPERIENCEFriday, 28 June, 13

Page 35: Lean UX Pyramid

FOR THE ARCHITECTURE

FOR THE BUSINESS

FOR THE USER EXPERIENCE

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 36: Lean UX Pyramid

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 37: Lean UX Pyramid

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 38: Lean UX Pyramid

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 39: Lean UX Pyramid

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 40: Lean UX Pyramid

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

Page 41: Lean UX Pyramid

We truly believe, specially based on the feedback we’ve got, that we've developed the best solution for the niche

we've aimed and the team is proud of its creation;

We've learned that to build a good user experience, several factors have to be aligned;

You have to go very deep in several disciplines;

You have to use what you build;

Once again, the essence of the Lean Pyramid and User Experience principles helped us to balance our efforts in

all these disciplines;

WE HAVE LEARNEDFriday, 28 June, 13

Page 42: Lean UX Pyramid

Do you want a demo?http://oncast.com.br/ontrack

DEMOFriday, 28 June, 13

Page 43: Lean UX Pyramid

Usability tests

Feature improvements built upon user metrics

A new concept for user interaction with leap motion

Native mobile clients

FOR THE FUTUREFriday, 28 June, 13

Page 44: Lean UX Pyramid

?QUESTIONS

Friday, 28 June, 13

Page 45: Lean UX Pyramid

Samuel Crescêncio@screscencio

[email protected]+55 48 9981 6407

http://oncast.com.br

THANK YOU!

Tiago Silva da Silva@[email protected]+55 12 8104 7174

http://agileux.com.br

Friday, 28 June, 13