Slide 1

Slide 1 text

Tracy Miranda EclipseCon France 2014

Slide 2

Slide 2 text

 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

Slide 3

Slide 3 text

Product

Slide 4

Slide 4 text

User

Slide 5

Slide 5 text

User Experience

Slide 6

Slide 6 text

User Experience User Interface

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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. € € € € ££££ $$$$

Slide 10

Slide 10 text

4. Eclipse IDE is too complicated and cluttered for good UX I blame Eclipse

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Linear Gaussian

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real Estate 5.Research 6.Optimise 7. Rerun analysis

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

 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

Slide 20

Slide 20 text

 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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

1. Click ‘Auto ReFit’ Clicks: 1

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

4.Look at plot to determine by eye if fit looks close enough Clicks: 4

Slide 27

Slide 27 text

5. If not, tweak parameters until fit is good Clicks: 6

Slide 28

Slide 28 text

6. When fit looks good, click update all to accept fit data Clicks: 7

Slide 29

Slide 29 text

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”

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

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?

Slide 32

Slide 32 text

 Table, with support for hierarchy:

Slide 33

Slide 33 text

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?

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

 Close the loop by rerun analysis to see the measurable difference  Close the loop by rerun analysis to see the measurable difference

Slide 36

Slide 36 text

Clicks: 4

Slide 37

Slide 37 text

Clicks: 7 Clicks: 4

Slide 38

Slide 38 text

1. 90% Task 2. Cognitive Walkthrough 3. Analysis 4. Real Estate 5.Research 6.Optimise 7. Rerun analysis

Slide 39

Slide 39 text

Optimise 1 2 3 4 5 6 7

Slide 40

Slide 40 text

“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

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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. € € € € ££££ $$$$

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

 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

Slide 48

Slide 48 text

Good UX starts with you Good UX starts with you

Slide 49

Slide 49 text

 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