Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lean Design Critique

Lean Design Critique

Tracy Miranda

June 18, 2014
Tweet

More Decks by Tracy Miranda

Other Decks in Programming

Transcript

  1.  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
  2. 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
  3. 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
  4. 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. € € € € ££££ $$$$
  5. 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
  6. 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 ( )
  7. 1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real

    Estate 5.Research 6.Optimise 7. Rerun analysis
  8. 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
  9.  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
  10.  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
  11. 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
  12. 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
  13. 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”
  14. 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?
  15. 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?
  16.  Close the loop by rerun analysis to see the

    measurable difference  Close the loop by rerun analysis to see the measurable difference
  17. 1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real

    Estate 5.Research 6.Optimise 7. Rerun analysis
  18. “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
  19. 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
  20. 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
  21. 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
  22. 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
  23. 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. € € € € ££££ $$$$
  24. 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
  25.  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
  26.  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