• Save
How to use the Keystroke-Level Model to compare the efficiency of user interfaces
Upcoming SlideShare
Loading in...5
×
 

How to use the Keystroke-Level Model to compare the efficiency of user interfaces

on

  • 3,046 views

Prezentacja Sebastiana Dauma z Fortune Cookie Poland w ramach World Usability Day we Wrocławiu

Prezentacja Sebastiana Dauma z Fortune Cookie Poland w ramach World Usability Day we Wrocławiu

Statistics

Views

Total Views
3,046
Views on SlideShare
2,722
Embed Views
324

Actions

Likes
2
Downloads
0
Comments
0

6 Embeds 324

http://www.ifixux.pl 225
http://wud2011.pl 64
http://wefixux.pl 18
http://wud2011.pch 11
http://2011.wudpoland.pl 3
https://twitter.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    How to use the Keystroke-Level Model to compare the efficiency of user interfaces How to use the Keystroke-Level Model to compare the efficiency of user interfaces Presentation Transcript

    • How to use the Keystroke Level Model to measure and compare the efficiency of user interfaces. Sebastian Daum - Fortune Cookie Poland
    • About me Sebastian Daum • Immigrated from Germany to Poland 2 1/2 years ago • Studied Digital Media • UX Consultant at Fortune Cookie Poland since May 2011 • Happy to be here today! sebastian.daum@fortunecookie.pl
    • Make predictions of task execution times for a specific UI design.
    • Efficiency is the speed with which a user can accomplish a given task.
    • Two (often conflictive) usability goalsEase of learning Ease-of-use (efficiency)
    • Why do we want to measure efficiency? To cost-justify development costs
    • Why do we want to measure efficiency? To select the most efficient UI design among several options
    • Keystroke Level Modeling
    • Iterative process AssessDesign Productivity increased YES Implement by desired degree? NO
    • Keystroke Level[Decomposition of larger tasks, likefilling in a webform into millisecond level actions]
    • KLM - How to use=
    • KLM - How to use1. Count all of the physical operations Point Operator 1 [time] + Operator 2 [time] Click + Operator 3 [time] + Operator 4 [time] Type=
    • KLM - How to use1. Count all of the physical operations Point Operator 1 [time] + Operator 2 [time] Click + Operator 3 [time] + Operator 4 [time] Type2. Add mental acts where required Remember + Act of thinking / perception [time] Perceive=
    • KLM - How to use1. Count all of the physical operations Point Operator 1 [time] + Operator 2 [time] Click + Operator 3 [time] + Operator 4 [time] Type2. Add mental acts where required Remember + Act of thinking / perception [time] Perceive= Overall task execution time
    • KLM-OperatorsKKeystrokeBetween 0.12 and 1.2 sec.
    • KLM-Operators PK Pointing 1.1 sec.
    • KLM-Operators B PK Press or release mouse button 0.1 sec.
    • KLM-Operators H B P Home hands to keyboard or mouseK 0.4 sec.
    • KLM-Operators M H Routine thinking B or perception P 1.2 sec.K
    • KLM-Operators W (t) M Waiting for the system to respond H B t must be determined PK
    • KLM exampleSearch for train connection on PKP.pl
    • KLM exampleFrom: Krakow main stationTo: Wroclaw main stationDate: 06.12., 19:00
    • KLM example
    • KLM exampleAssumption: Hands on keyboard1. Home mouse H + 0.4 sec.2. Point the mouse to the “From”-field P + 1.1 sec.3. Click into “From”-field BB + 0.2 sec.
    • KLM example4. Home keyboard H + 0.4 sec.5. Type “Krakow” 7K + 1.96 sec.
    • KLM example6. Press TAB-key K + 0.28 sec.7. Type “Wroclaw” 8K + 2.24 sec.
    • KLM example8. Home mouse H + 0.4 sec.9. Move mouse P + 1.1 sec.10. Click on calendar icon BB + 0.2 sec.
    • KLM example11. Move mouse P + 1.1 sec.12. Click to change month BB + 0.2 sec.13. Move mouse P + 1.1 sec.14. Click to change month BB + 0.2 sec.
    • KLM example15. Move mouse to 6th of december P + 1.1 sec.16. Click to set date BB + 0.2 sec.
    • KLM example17. Move mouse to “Time”-input box P + 1.1 sec.18. Triple-click to select default value 3BB + 0.6 sec.
    • KLM example19. Home keyboard H + 0.4 sec.20. Replace default value with “19.00” 5K + 1.4 sec.
    • KLM example21. Press TAB-key to put focus on “Search”-button K + 0.28 sec.
    • KLM example22. Press “Return”-key to execute search K + 0.28 sec. K + 0.28 sec.
    • KLM example23. Home mouse H + 0.4 sec.24. Move mouse to 2nd “Search”-button P + 1.1 sec.25. Click to see connections BB + 0.2 sec.
    • KLM example The physical operators involved:Only H + P + BB + H + 7K + K + 8K + H + P + BB + P +observable BB + P + BB + P + BB + P + 3BB + H + 5K + K + Kkeystroke + H + P + BBactions
    • KLM example The physical operators involved:Only H + P + BB + H + 7K + K + 8K + H + P + BB + P +observable BB + P + BB + P + BB + P + 3BB + H + 5K + K + Kkeystroke + H + P + BBactions = 17.54 sec.
    • KLM example The physical operators involved: H + P + BB + H + 7K + K + 8K + H + P + BB + P + BB + P + BB + P + BB + P + 3BB + H + 5K + K + K + H + P + BB = 17.54 sec. Insert mental operatorsThe M + H + P + BB + H + 7K + K + 8K + M + H + P +unobservable BB + M + P + BB + M + P + BB + M + P + BB + M +part P + 3BB + H + 5K + K + M + K + M + H + P + BB
    • KLM exampleThe physical operators involved:H + P + BB + H + 7K + K + 8K + H + P + BB + P +BB + P + BB + P + BB + P + 3BB + H + 5K + K + K+ H + P + BB= 17.54 sec.Insert mental operatorsM + H + P + BB + H + 7K + K + 8K + M + H + P +BB + M + P + BB + M + P + BB + M + P + BB + M +P + 3BB + H + 5K + K + M + K + M + H + P + BB= 27.54 sec.
    • KLM exampleA more efficient search form.
    • KLM example Place cursor in input field on page load
    • KLM example Show autosuggestions
    • KLM example Same for destination
    • KLM example Show date picker when user click into the input field
    • KLM example Show 2 months at once instead of a single month
    • KLM example Change 2 months at once when user clicks on the arrow
    • KLM example Replace ‘time’ input field with a dropdown
    • KLM exampleTake information fromthe 2nd screen intothe search form
    • KLM example Increase size and visibility of search button
    • Comparison between the 2 forms pkp.pl My search form352821 3314 25 7 0 # of operators
    • Comparison between the 2 forms pkp.pl My search form35282114 33 25 -24.5% 7 0 # of operators
    • Comparison between the 2 forms pkp.pl My search form35282114 27.54 -44.5% 7 15.27 0 Estimated task execution time (sec.)
    • A penny saved is a penny earned :-)12 sec.
    • A penny saved is a penny earned :-) 100 / day12 sec. 20 min.
    • A penny saved is a penny earned :-) 100 / day p.a.12 sec. 20 min. ~ 5 days
    • A penny saved is a penny earned :-) 100 / day p.a.12 sec. 20 min.Predict the Return-on-investment (ROI) ~ 5 days
    • Constraints• Fastest times
    • Constraints• Fastest times• Highly trained and experienced users
    • Constraints• Fastest times• Highly trained and experienced users• Error- and interruption-free
    • + -
    • + -• Delivers accurate predictions
    • + -• Delivers accurate predictions• Numbers to convince clients /support sales
    • + -• Delivers accurate predictions• Numbers to convince clients /support sales• Easy to use
    • + -• Delivers accurate predictions• Numbers to convince clients /support sales• Easy to use• Apply early in the design process
    • + -• Delivers accurate predictions• Numbers to convince clients /support sales• Easy to use• Apply early in the design process• No users involved
    • + -• Delivers accurate predictions • Not applicable in all situations• Numbers to convince clients /support sales• Easy to use• Apply early in the design process• No users involved
    • + -• Delivers accurate predictions • Not applicable in all situations• Numbers to convince clients / • Tedious estimation at millisecond levelsupport sales• Easy to use• Apply early in the design process• No users involved
    • + -• Delivers accurate predictions • Not applicable in all situations• Numbers to convince clients / • Tedious estimation at millisecond levelsupport sales• Easy to use• Apply early in the design process• No users involved There is help!
    • Make KLM estimations quickly• UI prototyping tool• Automatically evaluates your design with a predictive human performance model• Freeware
    • What’s thepoint?
    • What’s thepoint? KLM/CogTool help you to easily evaluate your UI.
    • Why shouldyou care?
    • Why shouldyou care? Higher ROI, save time & money.
    • Thank you!