#sitfra - improving the ux for your users - where to start?
TRANSCRIPT
![Page 1: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/1.jpg)
Improving the UX for your usersWhere to start?
![Page 2: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/2.jpg)
Whoami?
• Roel van den BergeMcCoy & Partners
• UI Consultant / Developer• SAP Mentor• UX Consultant
@roelvdbergelinkedin.com/in/roelvandenbergeplus.google.com/+RoelvandenBerge
![Page 3: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/3.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 4: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/4.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 5: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/5.jpg)
UI vs UX
![Page 6: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/6.jpg)
Knowing your users is key to adoption
![Page 7: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/7.jpg)
What good is a solution if it’s not being used?
![Page 8: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/8.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 9: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/9.jpg)
Don’t ask users what they want
![Page 10: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/10.jpg)
UX Strategy
Discover• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI Advice
• Decision Tree
![Page 11: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/11.jpg)
UX Strategy
Discover• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI Advice
• Decision Tree
Business case
![Page 12: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/12.jpg)
UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training• Less time to complete a task• Fewer FTE• €€€
![Page 13: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/13.jpg)
UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training• Less time to complete a task• Fewer FTE• €€€
![Page 14: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/14.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 15: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/15.jpg)
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
![Page 16: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/16.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 17: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/17.jpg)
Keystroke-Level Model (KLM)
• Simple method to calculate task-completion time
• Easily compare old vs new designed UI
Design UISufficient
productivity gain?
Build
No
Yes
![Page 18: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/18.jpg)
KLM: the basicsCode 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
![Page 19: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/19.jpg)
KLM: ExampleExample: 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
![Page 20: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/20.jpg)
SAP UI5 KLM Calculator
• For your pleasure: KLMCalculator on GitHub
![Page 21: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/21.jpg)
Topics
• UI vs UX
• UX Strategy• Workload Monitor• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
![Page 22: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/22.jpg)
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
![Page 23: #sitFRA - Improving the UX for your users - Where to start?](https://reader034.vdocument.in/reader034/viewer/2022051516/55a86d881a28abd75f8b45bb/html5/thumbnails/23.jpg)
Thank you!