Lean Design Critique

Lean Design Critique

D6c51d0f88ee44c9acb659b7cad2eee2?s=128

Tracy Miranda

June 18, 2014
Tweet

Transcript

  1. Tracy Miranda EclipseCon France 2014

  2.  What is UX  3-myths about UX  7-steps

    of Lean Design Critique  Conclusion  Questions  What is UX  3-myths about UX  7-steps of Lean Design Critique  Conclusion  Questions
  3. Product

  4. User

  5. User Experience

  6. User Experience User Interface

  7. 1. It’s a design job, all about best practices like

    picking the right icons, fonts or colour palette. 1. It’s a design job, all about best practices like picking the right icons, fonts or colour palette. I do code not art
  8. 2. It’s all about delighting your user so it’s more

    for web and mobile apps 2. It’s all about delighting your user so it’s more for web and mobile apps UX is for Apple
  9. 3. It’s expensive and time- consuming doing things like usability

    testing, focus groups. 3. It’s expensive and time- consuming doing things like usability testing, focus groups. € € € € ££££ $$$$
  10. 4. Eclipse IDE is too complicated and cluttered for good

    UX I blame Eclipse
  11. A 7-step technique to get the most worthwhile optimizations in

    a short space of time for complex software toolflows. Existing Software Tool A 7-step technique to get the most worthwhile optimizations in a short space of time for complex software toolflows. New features Limited Resources
  12. None
  13. None
  14. Linear Gaussian

  15. Linear Gaussian y(x) = mx + c m =0.04 c

    =-23 y(x) = a exp a =49.33 b =2.34 c =502 -(x-b)2 2c2 ( )
  16. None
  17. 1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real

    Estate 5.Research 6.Optimise 7. Rerun analysis
  18. For every tool 90% of users spend 90% of their

    time doing the same thing over and over and over again For every tool 90% of users spend 90% of their time doing the same thing over and over and over again
  19.  Input from product manager and one key user 

    www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/  What is your tool used for 90% of the time?  Function Fitting  What is it used for the rest of the time?  Importing and exporting fitting data  Changing fitting algorithms or accuracy  Adding in new fitting functions  Handling error conditions  Input from product manager and one key user  www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/  What is your tool used for 90% of the time?  Function Fitting  What is it used for the rest of the time?  Importing and exporting fitting data  Changing fitting algorithms or accuracy  Adding in new fitting functions  Handling error conditions
  20.  Breakdown the 90% task step-by-step  Perform the task

    as a user would  Breakdown the 90% task step-by-step  Perform the task as a user would
  21. 1. Click ‘Auto ReFit’ 2. Select the desired function e.g.

    gaussian 3. Set the parameters accordingly (mostly value) 3. Set the parameters accordingly (mostly value) 4.Look at plot to determine by eye if fit looks close enough 5. If not, tweak parameters until fit is good 6. When fit looks good, click update all to accept fit data 7. Repeat tweaking until happy with fit, also measured by the goodness of fit value
  22. Aim to remove friction for the 90% task Pick a

    measure and stick with it: Mouse Clicks Number of Pages Mouse Travel Eye Travel Length of Time
  23. 1. Click ‘Auto ReFit’ Clicks: 1

  24. 2. Select the desired function, such as ‘Gaussian’ Clicks: 3

  25. 3. Set the parameters accordingly (mostly value) Clicks: 4

  26. 4.Look at plot to determine by eye if fit looks

    close enough Clicks: 4
  27. 5. If not, tweak parameters until fit is good Clicks:

    6
  28. 6. When fit looks good, click update all to accept

    fit data Clicks: 7
  29. UI elements should be proportional to their importance such that

    they draw attention to themselves appropriately. 90% task get the “Prime Real Estate” UI elements should be proportional to their importance such that they draw attention to themselves appropriately. 90% task get the “Prime Real Estate”
  30. None
  31. Don’t reinvent the wheel, unless you have to Research of

    other existing design to find parallel paradigms, design features. - how is this done in Eclipse? - how is this done in the rest of the tool? - how is this done on a mobile phone? Don’t reinvent the wheel, unless you have to Research of other existing design to find parallel paradigms, design features. - how is this done in Eclipse? - how is this done in the rest of the tool? - how is this done on a mobile phone?
  32.  Table, with support for hierarchy:

  33. Analysis + UI research, ready to optimize Useful heuristic checklist

    http://www.nngroup.com/articles/ten-usability-heuristics/  Efficiency of use?  Visibility of system status?  Aesthetic and minimalist design? Analysis + UI research, ready to optimize Useful heuristic checklist http://www.nngroup.com/articles/ten-usability-heuristics/  Efficiency of use?  Visibility of system status?  Aesthetic and minimalist design?
  34. None
  35.  Close the loop by rerun analysis to see the

    measurable difference  Close the loop by rerun analysis to see the measurable difference
  36. Clicks: 4

  37. Clicks: 7 Clicks: 4

  38. 1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real

    Estate 5.Research 6.Optimise 7. Rerun analysis
  39. Optimise 1 2 3 4 5 6 7

  40. “Design is not just what it looks like and feels

    like. Design is how it works” - Steve Jobs “Design is not just what it looks like and feels like. Design is how it works” - Steve Jobs
  41. 1. It’s a design job, all about best practices like

    picking the right icons, fonts or colour palette. 1. It’s a design job, all about best practices like picking the right icons, fonts or colour palette. I do code not art
  42. 1. It’s a design job, all about best practices like

    picking the right icons, fonts or colour palette. 1. It’s a design job, all about best practices like picking the right icons, fonts or colour palette. It’s a process with rules, guidelines and measurable outcomes
  43. 2. UX is all about delighting your user so it’s

    more for web and mobile apps 2. UX is all about delighting your user so it’s more for web and mobile apps UX is for Apple
  44. 2. UX is all about delighting your user so it’s

    more for web and mobile apps 2. UX is all about delighting your user so it’s more for web and mobile apps UX is all about putting yourself in your users’ shoes
  45. 3. It’s expensive and time- consuming doing things like usability

    testing, focus groups. 3. It’s expensive and time- consuming doing things like usability testing, focus groups. € € € € ££££ $$$$
  46. 3. It’s expensive and time- consuming doing things like usability

    testing, focus groups. 3. It’s expensive and time- consuming doing things like usability testing, focus groups. Start with a Lean Design Critique
  47.  UX is at a tipping point  Developers have

    more control with E4  cdtdoug.ca/uxmatters  Launch bar  Toolbar filtering  UX is at a tipping point  Developers have more control with E4  cdtdoug.ca/uxmatters  Launch bar  Toolbar filtering
  48. Good UX starts with you Good UX starts with you

  49.  Questions?  Acknowledgements  Diamond Light Source  DAWNSci

    - www.dawnsci.org  Doug Schaefer - cdtdoug.ca/uxmatters  Questions?  Acknowledgements  Diamond Light Source  DAWNSci - www.dawnsci.org  Doug Schaefer - cdtdoug.ca/uxmatters