Lean Design Critique

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