Lean Design Critique

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
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 ( )
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”
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?
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