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

SAMUEL CRESCÊNCIO

• 20 years in the software industry BA / AA

Friday, 28 June, 13

TIAGO SILVA DA SILVA

• Agile UX PhD

Friday, 28 June, 13

THEME

Ongoing work

Friday, 28 June, 13

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

Friday, 28 June, 13

Friday, 28 June, 13

Friday, 28 June, 13

A Practical Case Study

Friday, 28 June, 13

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

Friday, 28 June, 13

•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

And we knew we could do better!

THE COMMON BELIEFFriday, 28 June, 13

STARTED WITH Strong leadership:

Product ChampionTechnical Leader

THE BEGINNINGFriday, 28 June, 13

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

4 SIMPLE PREMISSES

SimpleEasy to Use

Totally EffectiveElegant

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

To boost collaboration

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

Non Intrusive communication

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

unprecedented traceability

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

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

(no cruds)

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

Mind Map like Tree Editing to manage scope

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

Rich Single Page Web App

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

To require no more than 10 minutes to be learned

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

To require no technical support

THE COMMON SHARED VISIONFriday, 28 June, 13

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

WE AIMED:

To be resilient to different business scenarios

capable of being deployed onDemand and OnPremisse

THE COMMON SHARED VISIONFriday, 28 June, 13

WE AIMED:

To design everything with the user in mind

User-Centered Design

THE COMMON SHARED VISIONFriday, 28 June, 13

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

We decided by GWT

THE TECHNOLOGYFriday, 28 June, 13

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

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

The solution:

A Thick smart client with an asynchronous

distributed architecture.

THE ARCHITECTUREFriday, 28 June, 13

THE ARCHITECTUREFriday, 28 June, 13

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

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

SCOPE TREE

@ - DELIVERY TREE

% - PROGRESS

$ - VALUE

# - EFFORT

! - IMPEDIMENT

A FEW CONCEPTS FOR USER EXPERIENCEFriday, 28 June, 13

FOR THE ARCHITECTURE

FOR THE BUSINESS

FOR THE USER EXPERIENCE

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

THE EVOLUTIONARY APPROACHFriday, 28 June, 13

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

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

DEMOFriday, 28 June, 13

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

?QUESTIONS

Friday, 28 June, 13

Samuel Crescêncio@screscencio

samuel.crescencio@oncast.com.br+55 48 9981 6407

http://oncast.com.br

THANK YOU!

Tiago Silva da Silva@tiagosdasilvasilvadasilva@usp.br+55 12 8104 7174

http://agileux.com.br

Friday, 28 June, 13