Improving the UX for your usersWhere to start?

Whoami?

• Roel van den BergeMcCoy & Partners

• UI Consultant / Developer• SAP Mentor• UX Consultant

@roelvdbergelinkedin.com/in/roelvandenbergeplus.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 UISufficient

productivity gain?

Build

No

Yes

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

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

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!