SlideShare a Scribd company logo
Improving the UX for your users
Where to start?
Whoami?
• Roel van den Berge
McCoy & Partners
• UI Consultant / Developer
• SAP Mentor
•  UX Consultant
@roelvdberge
linkedin.com/in/roelvandenberge
plus.google.com/+RoelvandenBerge
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
UI vs UX
Knowing your users is key to adoption
What good is a solution if it’s
not being used?
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
Don’t ask users what they want
UX Strategy
Discover
• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI
Advice
• Decision Tree
UX Strategy
Discover
• Understand processes
• Understand user(group)s
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
UI
Advice
• Decision Tree
Business case
UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training
• Less time to complete a task
• Fewer FTE
• €€€
UX Strategy
Assess
• Enterprise value
• User Experience
• User Productivity
• Cost savings
• Less training
• Less time to complete a task
• Fewer FTE
• €€€
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
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
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
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
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
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
SAP UI5 KLM Calculator
• For your pleasure: KLMCalculator on GitHub
Topics
• UI vs UX
• UX Strategy
• Workload Monitor
• Keystroke-Level Model
• Key takeaways
• Q & A / Discussion
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
Thank you!

More Related Content

PPTX
Kml and Its Applications
PDF
Tool Time: Keystroke Level Modeling
PPTX
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
PDF
GOMS Analysis on the back of the envelope
PPTX
Keystroke dynamics
PDF
How to use the Keystroke-Level Model to compare the efficiency of user interf...
PPTX
The 6 Step Program to Create Better UIs for Design-Impaired Engineers
PPT
Bake UX into your Startup (March 2009)
Kml and Its Applications
Tool Time: Keystroke Level Modeling
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
GOMS Analysis on the back of the envelope
Keystroke dynamics
How to use the Keystroke-Level Model to compare the efficiency of user interf...
The 6 Step Program to Create Better UIs for Design-Impaired Engineers
Bake UX into your Startup (March 2009)

Similar to #sitFRA - Improving the UX for your users - Where to start? (20)

PPTX
A thing or two about User Experience
PPTX
i/o extended: Intro to <UX> Design
PDF
How to Find a Good UI/UX Designer (or be one!)
PDF
Boosting UX in Web Apps_Anu Thakur - May 3, 2017
PDF
That conference strategic process for small teams bk
PPTX
Winning hearts and minds: how to embed UX from scratch in a large organisation
PDF
Ux Design Basics ProductCamp Toronto2013
PDF
UX Basics, Simplicity
PPT
Selling Usability Into Organizations
PDF
Intro to UX: Enterprise UX
PPTX
About user experience
PDF
ScienceBehindUX
PPTX
Fundamentals of UX Design
PPTX
UX concepts and how to make it cost-effective
PPTX
What is UX v2
PDF
Ux & Why Your Business Needs It (3Leaf Consulting)
PPT
Building for People: 5 Practical Tip for Greating Great UX
PPTX
User Experience Basics for Product Management
PPTX
Introduction to UX
PDF
Introduction to User Experience - Mike Biggs
A thing or two about User Experience
i/o extended: Intro to <UX> Design
How to Find a Good UI/UX Designer (or be one!)
Boosting UX in Web Apps_Anu Thakur - May 3, 2017
That conference strategic process for small teams bk
Winning hearts and minds: how to embed UX from scratch in a large organisation
Ux Design Basics ProductCamp Toronto2013
UX Basics, Simplicity
Selling Usability Into Organizations
Intro to UX: Enterprise UX
About user experience
ScienceBehindUX
Fundamentals of UX Design
UX concepts and how to make it cost-effective
What is UX v2
Ux & Why Your Business Needs It (3Leaf Consulting)
Building for People: 5 Practical Tip for Greating Great UX
User Experience Basics for Product Management
Introduction to UX
Introduction to User Experience - Mike Biggs
Ad

Recently uploaded (20)

PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Web App vs Mobile App What Should You Build First.pdf
PDF
STKI Israel Market Study 2025 version august
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
Architecture types and enterprise applications.pdf
PDF
1 - Historical Antecedents, Social Consideration.pdf
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PPTX
OMC Textile Division Presentation 2021.pptx
PPT
What is a Computer? Input Devices /output devices
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PPTX
Chapter 5: Probability Theory and Statistics
PPT
Module 1.ppt Iot fundamentals and Architecture
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PDF
August Patch Tuesday
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
observCloud-Native Containerability and monitoring.pptx
A novel scalable deep ensemble learning framework for big data classification...
Web App vs Mobile App What Should You Build First.pdf
STKI Israel Market Study 2025 version august
Assigned Numbers - 2025 - Bluetooth® Document
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
Architecture types and enterprise applications.pdf
1 - Historical Antecedents, Social Consideration.pdf
Final SEM Unit 1 for mit wpu at pune .pptx
OMC Textile Division Presentation 2021.pptx
What is a Computer? Input Devices /output devices
O2C Customer Invoices to Receipt V15A.pptx
Chapter 5: Probability Theory and Statistics
Module 1.ppt Iot fundamentals and Architecture
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
August Patch Tuesday
Zenith AI: Advanced Artificial Intelligence
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
A contest of sentiment analysis: k-nearest neighbor versus neural network
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Ad

#sitFRA - Improving the UX for your users - Where to start?

  • 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
  • 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