In this presentation I explained the difference between UX and UI and told about a UX strategy we created. I explained how a UX strategy can help build a business case to address the UX and what tools you can use to support this process. Tools discussed were the SAP Workload Monitor and the Keystroke-Level Model, used to measure user productivity.

1. Improving the UX for your users
Where to start?

2. Whoami?
• Roel van den Berge
McCoy & Partners
• UI Consultant / Developer
• SAP Mentor
•  UX Consultant
@roelvdberge
linkedin.com/in/roelvandenberge
plus.google.com/+RoelvandenBerge

3. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

4. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

5. UI vs UX

6. Knowing your users is key to adoption

7. What good is a solution if it’s
not being used?

8. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

9. Don’t ask users what they want

10. UX Strategy
Discover
• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI
Advice
• Decision Tree

11. UX Strategy
Discover
• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI
Advice
• Decision Tree
Business case

12. UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training
• Less time to complete a task
• Fewer FTE
• €€€

13. UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training
• Less time to complete a task
• Fewer FTE
• €€€

14. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

15. SAP Workload Monitor – ST03N
• In every SAP system
• Measures transaction/program frequency and execution time
• Instrumental in validating user adoption of a new UI/app

16. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

17. Keystroke-Level Model (KLM)
• Simple method to calculate task-completion time
• Easily compare old vs new designed UI
Design UI
Sufficient
productivity
gain?
Build
No
Yes

18. KLM: the basics
Code Operation Time
K Key press and release (keyboard) 0.20 seconds
P Point the mouse to an object on screen 1.10 seconds
B Button press or release (mouse) 0.10 seconds
H Hand from keyboard to mouse or vice versa 0.40 seconds
M Mental preparation 1.20 seconds
T(n) Type string of characters n x K seconds
W(t) User waiting for the system to respond
D(n0, I0) Draw n0 straight line segment with mouse of
total length l0 centimeters
Source: wikipedia

19. KLM: Example
Example: Fill out contact details form:
• Mentally prepare M
• Point the mouse to field “first name” P
• Click the mouse (and release) BB
• Type “Roel” T(4)
• Press tab to move to field “last name” K
• Type “van den Berge” T(13)
• Press tab to move to field “telephone” K
• Type “0612345678” T(10)
• Point the mouse to the Save icon P
• Press Save (and release) BB
M + P + BB + T(4) + K + T(13) + K + T(10) + P + BB = 9.6 seconds

20. SAP UI5 KLM Calculator
• For your pleasure: KLMCalculator on GitHub

21. Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion

22. Key takeaways
• UI is the what, UX is the how
• UI = tech, UX = design
• A good UX strategy involves knowing your users
• Happy users are more productive
• ST03N can validate user adoption
• KLM can help validate a design

23. Thank you!