Your SlideShare is downloading. ×
0
© 2010 WinWire TechnologiesWinWire Technologies, Inc. Confidential
Going Lean Way for Better UX
@WinWire
Wired2Win Webinar...
© 2010 WinWire Technologies
Who We Are
IT solutions company
making information
actionable for the
enterprises in the
mobil...
© 2010 WinWire Technologies
© 2010 WinWire Technologies
Agenda
• Lean UX – Basics
• Lean UX - Process & Principles
• Example
• Case Study
• Q&A
© 2010 WinWire Technologies
Innovation
But..
A company
decides it must
innovate to
survive.
It commissions a
design team
(...
© 2010 WinWire Technologies
What if…
Market conditions
have changed since
the original learning
took place?
Engineers disc...
© 2010 WinWire Technologies
Here comes Lean UX…
A Cross-functional collaboration that brings non
designers, tech team and ...
© 2010 WinWire Technologies
Step 1 - Sketch Concept
© 2010 WinWire Technologies
Step 2 - Define the Interaction/Build Prototype
© 2010 WinWire Technologies
Step 2 - Define the Interaction
© 2010 WinWire Technologies
Step 3 - Brainstorm Internally
© 2010 WinWire Technologies
Validate with Persona
Represent a Major User Group for Your
Website
Jim Duncan
Software Engine...
© 2010 WinWire Technologies
Step 4 - Run your concept with stakeholders
© 2010 WinWire Technologies
Step 5 - Test your concept with actual users
© 2010 WinWire Technologies
Go Back and Re-sketch
© 2010 WinWire Technologies
Lean UX Process
ITERAT
E
Validate &
Test
Internally
Validate with
Customer
Learn from
User Beh...
© 2010 WinWire Technologies
Core Principles of Lean UX
Finding features
that matter most
to the
consumers-and
find them at...
© 2010 WinWire Technologies
© 2010 WinWire Technologies
Lengthy form or
too many steps
to follow
Why am I asked
for Captcha code
and why is it
frustra...
© 2010 WinWire Technologies
Security
concerns if my
credit card will be
misused
What will happen
if I select and
enter dat...
© 2010 WinWire Technologies
Build Sample Persona
Madan M
Works as Admin Manager in Pharmaceutical company
• Most buying or...
© 2010 WinWire Technologies
Option 1 : One page
Checkout
Option 2 : Step wise
Process
Option 3 :
Expand/Collapse
Informati...
© 2010 WinWire Technologies
Discuss Analyze Iterate
Discuss Internally with the Team
Advantages and
disadvantages of each
...
© 2010 WinWire Technologies
Test with Actual Users
© 2010 WinWire Technologies
Overall Steps: In Brief
Analyze
Listing out problem
areas in checkout
process which users
are ...
© 2010 WinWire Technologies
Proposal Management Tool
Creating and managing proposal for their researchers
Customer
Challenges
Enabling sales team to u...
© 2010 WinWire Technologies
Step 1
Complete walkthrough from
researchers (users) of the
current process which was
manually...
© 2010 WinWire Technologies
Step 2
Identified key module or
problem area which was most
important and complex
“Creating Pr...
© 2010 WinWire Technologies
Step 3
Started Sketching for Simple and Complex
Scenarios
© 2010 WinWire Technologies
Step 4
Brainstorming with Stakeholders and Iterated
Sketches
© 2010 WinWire Technologies
Step 5
Tested the Design with Users, Analyzed and
Finalized
© 2010 WinWire Technologies
Step 6
Visual Mockups and HTML for the Task
© 2010 WinWire Technologies
Step 7
Approval and Applying Cost to the Proposal
Approval metrics and
applying cost for the
p...
© 2010 WinWire Technologies
Join us for our Next Webinar on Wired2Win Webinar
Series!
Best Practices: Hybrid App Implement...
© 2010 WinWire TechnologiesWinWire Technologies, Inc. Confidential
WinWire Technologies, Inc. Confidential
Reach out to us...
Upcoming SlideShare
Loading in...5
×

Basics of Lean UX

126

Published on

Basics of Lean UX with a case study on Lean UX example

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

  • Be the first to like this

No Downloads
Views
Total Views
126
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Basics of Lean UX"

  1. 1. © 2010 WinWire TechnologiesWinWire Technologies, Inc. Confidential Going Lean Way for Better UX @WinWire Wired2Win Webinar Series
  2. 2. © 2010 WinWire Technologies Who We Are IT solutions company making information actionable for the enterprises in the mobile-cloud world Collaborative and Analytics solutions leveraging pre-built solution accelerators Cloud, Collaboration & Analytics Technologies Mobility,
  3. 3. © 2010 WinWire Technologies
  4. 4. © 2010 WinWire Technologies Agenda • Lean UX – Basics • Lean UX - Process & Principles • Example • Case Study • Q&A
  5. 5. © 2010 WinWire Technologies Innovation But.. A company decides it must innovate to survive. It commissions a design team (either in-house or external) Customers interviewed, observed, analyzed. Experiments, surveys, focus groups, prototypes and smoke tests Results a massive specification document with their findings & recommendation s Engineering process may be agile, the specification document is rigidly fixed. Innovation
  6. 6. © 2010 WinWire Technologies What if… Market conditions have changed since the original learning took place? Engineers discover that the specification was unworkable? Concepts worked great in the lab but have no commercial appeal?
  7. 7. © 2010 WinWire Technologies Here comes Lean UX… A Cross-functional collaboration that brings non designers, tech team and stakeholders into design process
  8. 8. © 2010 WinWire Technologies Step 1 - Sketch Concept
  9. 9. © 2010 WinWire Technologies Step 2 - Define the Interaction/Build Prototype
  10. 10. © 2010 WinWire Technologies Step 2 - Define the Interaction
  11. 11. © 2010 WinWire Technologies Step 3 - Brainstorm Internally
  12. 12. © 2010 WinWire Technologies Validate with Persona Represent a Major User Group for Your Website Jim Duncan Software Engineer 29 years old Single 5th year with the company Has a degree in engineering Full time employee High energy and very competitive Love sports of all kind Known as a go to person Travels frequently to work Information about previous trips Available travel options Travel costs Frequent flyer info Hotel rewards program info Thinks He Want to Know Book travel for himself Be able to have a travel agent to book travel for him Update and change travel arrangements Wants to be able to book air, hotel and car rentals in a single transaction Things He Want to Do
  13. 13. © 2010 WinWire Technologies Step 4 - Run your concept with stakeholders
  14. 14. © 2010 WinWire Technologies Step 5 - Test your concept with actual users
  15. 15. © 2010 WinWire Technologies Go Back and Re-sketch
  16. 16. © 2010 WinWire Technologies Lean UX Process ITERAT E Validate & Test Internally Validate with Customer Learn from User Behavior Define Interaction/build prototype Concept ITERATE Step 1 Step 2 Step 3 Step 4 Step 5
  17. 17. © 2010 WinWire Technologies Core Principles of Lean UX Finding features that matter most to the consumers-and find them at the cheapest possible cost Moving as quickly as possible through the build- measure-learn loop Exposing the product directly to users early and often Clickable prototypes, personations, screens mockups, low fidelity techniques Continuous Discovery Shared Understanding Permission to Fail
  18. 18. © 2010 WinWire Technologies
  19. 19. © 2010 WinWire Technologies Lengthy form or too many steps to follow Why am I asked for Captcha code and why is it frustratingly non readable? Unable to see the product info when I am about to pay I don’t want to login but still want to buy Security concerns if my credit card will be misused What will happen if I select and enter data and payment mechanism gets stuck? How will I trust the website or co. as you are not an amazon or eBay? What if product is unavailable still I am paying for it ? List down areas of concern
  20. 20. © 2010 WinWire Technologies Security concerns if my credit card will be misused What will happen if I select and enter data and payment mechanism gets stuck? How will I trust the website or co. as you are not an amazon or eBay? What if product is unavailable still I am paying for it ? Lengthy form or too many steps to follow Why am I asked for Captcha code and why is it frustratingly non readable? Unable to see the product info when I am about to pay I don’t want to login but still want to buy Analyze and Identify Key Area of Concern
  21. 21. © 2010 WinWire Technologies Build Sample Persona Madan M Works as Admin Manager in Pharmaceutical company • Most buying or interest level : Electronics, Mobiles, Stationaries • Preferred Buying Mode: Online • Websites preferred to compare or but : Amazon, eBay • Payment methods : Credit card John likes to select product which he likes and instantly pay it and expects the system to checkout in just 5 minutes or less. He would also like to see the product on screen which he is buying even when he is paying because this gives him a satisfaction He hates to key in too many personal information, lengthy forms, just some important info and should be over. He also hates the CAPTCHA or something like this coming up, it really makes him go against buying the product Purchasing Habits His Likes His Dislikes
  22. 22. © 2010 WinWire Technologies Option 1 : One page Checkout Option 2 : Step wise Process Option 3 : Expand/Collapse Information Sketch some concepts on checkout screen and name them according to their importance
  23. 23. © 2010 WinWire Technologies Discuss Analyze Iterate Discuss Internally with the Team Advantages and disadvantages of each options Analyze competition, find the competitive advantage, and check how it will help users and will provide good user experience Modify the sketch accordingly
  24. 24. © 2010 WinWire Technologies Test with Actual Users
  25. 25. © 2010 WinWire Technologies Overall Steps: In Brief Analyze Listing out problem areas in checkout process which users are facing Resolve Listing out various checkout options to make resolve the issues and identify few key points Create Come up with sketching the concept of single page checkout covering the key problem area identified Validate Validate the concept with the team and with the user
  26. 26. © 2010 WinWire Technologies
  27. 27. Proposal Management Tool Creating and managing proposal for their researchers Customer Challenges Enabling sales team to use proposals for their clients Market research type customization for customers with pricing options Proposals with various approval cycle in the process Step 1 : Walkthrough of the current process Step 2 : Identifying Problem Area Step 3 : Started Sketching for simple and complex scenarios Step 4 : Brainstorming with Stakeholders and Iterated sketches Step 5 : Tested the design with users, analyzed and finalized Step 6 : Visual Mockups and HTML for the task Step 7 : Approval and Applying Cost to the proposal
  28. 28. © 2010 WinWire Technologies Step 1 Complete walkthrough from researchers (users) of the current process which was manually done in Excel file Boot camp exercise with stakeholders and technical folks for in-depth knowledge of process and vision/mission of the tool Walkthrough of the Current Process
  29. 29. © 2010 WinWire Technologies Step 2 Identified key module or problem area which was most important and complex “Creating Proposal Structure” Based on the discussions, we had 2 scenario based screens Simple Proposal Structure Complex Proposal Structure Identifying Problem Area
  30. 30. © 2010 WinWire Technologies Step 3 Started Sketching for Simple and Complex Scenarios
  31. 31. © 2010 WinWire Technologies Step 4 Brainstorming with Stakeholders and Iterated Sketches
  32. 32. © 2010 WinWire Technologies Step 5 Tested the Design with Users, Analyzed and Finalized
  33. 33. © 2010 WinWire Technologies Step 6 Visual Mockups and HTML for the Task
  34. 34. © 2010 WinWire Technologies Step 7 Approval and Applying Cost to the Proposal Approval metrics and applying cost for the proposal entered All screens & flows were designed to get complete walkthrough of the Application Process Followed: Sketching > Brainstorming > Test > Iterate Design > Mockups
  35. 35. © 2010 WinWire Technologies Join us for our Next Webinar on Wired2Win Webinar Series! Best Practices: Hybrid App Implementation Date: 17 April, 2014 Time: 9 am PT
  36. 36. © 2010 WinWire TechnologiesWinWire Technologies, Inc. Confidential WinWire Technologies, Inc. Confidential Reach out to us at marketing@winwire.com Visit us: www.winwire.com http://www.winwire.com/winwire-blog/ www.twitter.com/winwire Thank You
  1. A particular slide catching your eye?

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

×