SlideShare une entreprise Scribd logo
1  sur  27
Télécharger pour lire hors ligne
GOMS analysis




On the back of the envelope
GOMS
Is not a venereal disease...
GOMS
It is a simple technique for quantitatively
comparing the efficiency of designs

BTW… when I say GOMS I mean
GOMS keystroke level Model
(KLM or KLM-GOMS)

Use it in conjunction with your
qualitative tools
You'll need the following tools




    +             +       +
A quick story...




                   Deutsche Bank Trading Floor
                                 London 2011
Numbers are compelling
When to use GOMS
There are 3 reasons you might want to use
GOMS analysis:

1. Speed matters
2. You need to convince stakeholders
3. You want to become a better designer
The premise
The time taken to perform a task is the sum of
the time it takes to perform the elementary
gestures that make up that task
The steps
1. Define the task
2. Break it down into its gestures
3. Apply mental operators
4. Add up the numbers
1. Define the task
KLM models the interaction of an experienced
user doing a defined task.
2. Break it down into its gestures
KLM has a basic set of gestures; each with a
typical time assigned to it - which is sufficient
for comparative analyses.
2. Break it down into its gestures
Keying (K)




                   = 0.2 sec
2. Break it down into its gestures
Pointing (P)




                   = 1.1 sec
2. Break it down into its gestures
Homing (H)




                   = 0.4 sec
2. Break it down into its gestures
Mentally preparing (M)




                         = 1.35 sec
2. Break it down into its gestures
Responding (R)




                   = n sec
3. Apply mental operators
The hardest part of KLM. But it all comes down
to chunking.

           Gestures

 Chunk      Chunk       Chunk

M + Chunk      M + Chunk M + Chunk
3. Apply mental operators

                 M + HPK

Helen of Troy:   M + KKKKKKKKKKKKKKK

356.34:          M + KKKKKK

KLM:             M+ K   M+ K   M+ K
4. Add up the numbers

            HMPK

            0.4 + 1.35 + 1.1 + 0.2


          = 3.05 sec
Example: Date of birth
What's your pet way of collecting date of birth?

Facebook:

Yahoo:

Single masked
input field:
Facebook: 3 drop-downs
                 Click on month, select 'July'
                 MPK MPK
                 Click day, select '11'
                 MPK MPK
                 Click year, scroll, wait, mouse off
                 MPK MP R MP (where R=1.0)
                 Select '1980'
                 MPK



                 21 sec
Yahoo: Input, drop-down, input
                  Click day, type '11'
                   MPK HMKK
                   Click month, select 'July'
                   HMPK MPK
                  Click year, type '1980'
                   MPK HMKKKK


                  15.7 sec
Single masked input field
                   Click field, type '11'
                   MPK HMKK
                   Type '07'
                   MKK
                   Type '1980'
                   MKKKK


                   8.7 sec
Date of birth results
Single masked input field ~2.5 times faster!


                                21 sec

                                15.7 sec

                                8.7 sec
Happy GOMSing
You now know enough to start using KLM-
GOMS on your projects!

For more guidance I recommend Jef Raskin’s
“The Humane Interface”
Thanks!
@AndrewUX
designthinkage.com

Contenu connexe

Tendances

Image segmentation ppt
Image segmentation pptImage segmentation ppt
Image segmentation pptGichelle Amon
 
How to use the Keystroke-Level Model to compare the efficiency of user interf...
How to use the Keystroke-Level Model to compare the efficiency of user interf...How to use the Keystroke-Level Model to compare the efficiency of user interf...
How to use the Keystroke-Level Model to compare the efficiency of user interf...World Usability Day - Wrocław
 
Polygon clipping
Polygon clippingPolygon clipping
Polygon clippingMohd Arif
 
3D transformation in computer graphics
3D transformation in computer graphics3D transformation in computer graphics
3D transformation in computer graphicsSHIVANI SONI
 
Chapter 3 Output Primitives
Chapter 3 Output PrimitivesChapter 3 Output Primitives
Chapter 3 Output PrimitivesPrathimaBaliga
 
Image processing second unit Notes
Image processing second unit NotesImage processing second unit Notes
Image processing second unit NotesAAKANKSHA JAIN
 
Curve and text clipping
Curve and text clippingCurve and text clipping
Curve and text clippingArvind Kumar
 
3D Transformation in Computer Graphics
3D Transformation in Computer Graphics3D Transformation in Computer Graphics
3D Transformation in Computer Graphicssabbirantor
 
Geometric transformation
Geometric transformationGeometric transformation
Geometric transformationDhruv Shah
 
Features image processing and Extaction
Features image processing and ExtactionFeatures image processing and Extaction
Features image processing and ExtactionAli A Jalil
 
Attributes of output Primitive
Attributes of output Primitive Attributes of output Primitive
Attributes of output Primitive SachiniGunawardana
 
Fundamentals of Python Programming
Fundamentals of Python ProgrammingFundamentals of Python Programming
Fundamentals of Python ProgrammingKamal Acharya
 
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...Edureka!
 
computer graphics
computer graphicscomputer graphics
computer graphicsashpri156
 
Output primitives in Computer Graphics
Output primitives in Computer GraphicsOutput primitives in Computer Graphics
Output primitives in Computer GraphicsKamal Acharya
 
Clipping computer graphics
Clipping  computer graphicsClipping  computer graphics
Clipping computer graphicsShaishavShah8
 
Transformations computer graphics
Transformations computer graphics Transformations computer graphics
Transformations computer graphics Vikram Halder
 

Tendances (20)

Image segmentation ppt
Image segmentation pptImage segmentation ppt
Image segmentation ppt
 
How to use the Keystroke-Level Model to compare the efficiency of user interf...
How to use the Keystroke-Level Model to compare the efficiency of user interf...How to use the Keystroke-Level Model to compare the efficiency of user interf...
How to use the Keystroke-Level Model to compare the efficiency of user interf...
 
Polygon clipping
Polygon clippingPolygon clipping
Polygon clipping
 
3D transformation in computer graphics
3D transformation in computer graphics3D transformation in computer graphics
3D transformation in computer graphics
 
Chapter 3 Output Primitives
Chapter 3 Output PrimitivesChapter 3 Output Primitives
Chapter 3 Output Primitives
 
Image processing second unit Notes
Image processing second unit NotesImage processing second unit Notes
Image processing second unit Notes
 
Curve and text clipping
Curve and text clippingCurve and text clipping
Curve and text clipping
 
3D Transformation in Computer Graphics
3D Transformation in Computer Graphics3D Transformation in Computer Graphics
3D Transformation in Computer Graphics
 
Geometric transformation
Geometric transformationGeometric transformation
Geometric transformation
 
Human Computer Interaction unit 1
Human Computer Interaction unit 1Human Computer Interaction unit 1
Human Computer Interaction unit 1
 
Features image processing and Extaction
Features image processing and ExtactionFeatures image processing and Extaction
Features image processing and Extaction
 
Attributes of output Primitive
Attributes of output Primitive Attributes of output Primitive
Attributes of output Primitive
 
Region based segmentation
Region based segmentationRegion based segmentation
Region based segmentation
 
Fundamentals of Python Programming
Fundamentals of Python ProgrammingFundamentals of Python Programming
Fundamentals of Python Programming
 
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...
Python Matplotlib Tutorial | Matplotlib Tutorial | Python Tutorial | Python T...
 
Computer graphics ppt
Computer graphics pptComputer graphics ppt
Computer graphics ppt
 
computer graphics
computer graphicscomputer graphics
computer graphics
 
Output primitives in Computer Graphics
Output primitives in Computer GraphicsOutput primitives in Computer Graphics
Output primitives in Computer Graphics
 
Clipping computer graphics
Clipping  computer graphicsClipping  computer graphics
Clipping computer graphics
 
Transformations computer graphics
Transformations computer graphics Transformations computer graphics
Transformations computer graphics
 

En vedette

HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive modelsAlan Dix
 
Cognitive-Perceptual-Motor GOMS Model of Human Computer Interaction
Cognitive-Perceptual-Motor GOMS Model of Human Computer InteractionCognitive-Perceptual-Motor GOMS Model of Human Computer Interaction
Cognitive-Perceptual-Motor GOMS Model of Human Computer InteractionShruti Nimbkar
 
Kml and Its Applications
Kml and Its ApplicationsKml and Its Applications
Kml and Its ApplicationsAshok Basnet
 
#sitFRA - Improving the UX for your users - Where to start?
#sitFRA - Improving the UX for your users - Where to start?#sitFRA - Improving the UX for your users - Where to start?
#sitFRA - Improving the UX for your users - Where to start?Roel van den Berge
 
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...Jiang Zhu
 
Tool Time: Keystroke Level Modeling
Tool Time: Keystroke Level ModelingTool Time: Keystroke Level Modeling
Tool Time: Keystroke Level ModelingMichael Rawlins
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCIUsman Mukhtar
 
Capella Space Week 6 H4D Stanford 2016
Capella Space Week 6 H4D Stanford 2016Capella Space Week 6 H4D Stanford 2016
Capella Space Week 6 H4D Stanford 2016Stanford University
 
Multimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionMultimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionAbdallah El Ali
 
competence vs performance elt
competence vs performance eltcompetence vs performance elt
competence vs performance eltShe Kazumi
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal designAlan Dix
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rulesAlan Dix
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniquesAlan Dix
 
Competence and Performance
Competence and PerformanceCompetence and Performance
Competence and PerformanceSahil Gupta
 

En vedette (18)

HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive models
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Connect and control things
Connect and control thingsConnect and control things
Connect and control things
 
Cognitive-Perceptual-Motor GOMS Model of Human Computer Interaction
Cognitive-Perceptual-Motor GOMS Model of Human Computer InteractionCognitive-Perceptual-Motor GOMS Model of Human Computer Interaction
Cognitive-Perceptual-Motor GOMS Model of Human Computer Interaction
 
Kml and Its Applications
Kml and Its ApplicationsKml and Its Applications
Kml and Its Applications
 
#sitFRA - Improving the UX for your users - Where to start?
#sitFRA - Improving the UX for your users - Where to start?#sitFRA - Improving the UX for your users - Where to start?
#sitFRA - Improving the UX for your users - Where to start?
 
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
KeySens: Passive User Authentication Through Micro Behavior Modeling of Soft ...
 
Tool Time: Keystroke Level Modeling
Tool Time: Keystroke Level ModelingTool Time: Keystroke Level Modeling
Tool Time: Keystroke Level Modeling
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCI
 
Keystroke dynamics
Keystroke dynamicsKeystroke dynamics
Keystroke dynamics
 
Capella Space Week 6 H4D Stanford 2016
Capella Space Week 6 H4D Stanford 2016Capella Space Week 6 H4D Stanford 2016
Capella Space Week 6 H4D Stanford 2016
 
Multimodal Interaction: An Introduction
Multimodal Interaction: An IntroductionMultimodal Interaction: An Introduction
Multimodal Interaction: An Introduction
 
competence vs performance elt
competence vs performance eltcompetence vs performance elt
competence vs performance elt
 
HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
HCI 3e - Ch 10: Universal design
HCI 3e - Ch 10:  Universal designHCI 3e - Ch 10:  Universal design
HCI 3e - Ch 10: Universal design
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniques
 
Competence and Performance
Competence and PerformanceCompetence and Performance
Competence and Performance
 

Dernier

The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 

Dernier (20)

The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 

GOMS analysis: A quick technique for quantitatively comparing design efficiency

  • 1. GOMS analysis On the back of the envelope
  • 2. GOMS Is not a venereal disease...
  • 3. GOMS It is a simple technique for quantitatively comparing the efficiency of designs BTW… when I say GOMS I mean GOMS keystroke level Model (KLM or KLM-GOMS) Use it in conjunction with your qualitative tools
  • 4. You'll need the following tools + + +
  • 5. A quick story... Deutsche Bank Trading Floor London 2011
  • 6.
  • 8. When to use GOMS There are 3 reasons you might want to use GOMS analysis: 1. Speed matters 2. You need to convince stakeholders 3. You want to become a better designer
  • 9. The premise The time taken to perform a task is the sum of the time it takes to perform the elementary gestures that make up that task
  • 10. The steps 1. Define the task 2. Break it down into its gestures 3. Apply mental operators 4. Add up the numbers
  • 11. 1. Define the task KLM models the interaction of an experienced user doing a defined task.
  • 12. 2. Break it down into its gestures KLM has a basic set of gestures; each with a typical time assigned to it - which is sufficient for comparative analyses.
  • 13. 2. Break it down into its gestures Keying (K) = 0.2 sec
  • 14. 2. Break it down into its gestures Pointing (P) = 1.1 sec
  • 15. 2. Break it down into its gestures Homing (H) = 0.4 sec
  • 16. 2. Break it down into its gestures Mentally preparing (M) = 1.35 sec
  • 17. 2. Break it down into its gestures Responding (R) = n sec
  • 18. 3. Apply mental operators The hardest part of KLM. But it all comes down to chunking. Gestures Chunk Chunk Chunk M + Chunk M + Chunk M + Chunk
  • 19. 3. Apply mental operators M + HPK Helen of Troy: M + KKKKKKKKKKKKKKK 356.34: M + KKKKKK KLM: M+ K M+ K M+ K
  • 20. 4. Add up the numbers HMPK 0.4 + 1.35 + 1.1 + 0.2 = 3.05 sec
  • 21. Example: Date of birth What's your pet way of collecting date of birth? Facebook: Yahoo: Single masked input field:
  • 22. Facebook: 3 drop-downs Click on month, select 'July' MPK MPK Click day, select '11' MPK MPK Click year, scroll, wait, mouse off MPK MP R MP (where R=1.0) Select '1980' MPK 21 sec
  • 23. Yahoo: Input, drop-down, input Click day, type '11' MPK HMKK Click month, select 'July' HMPK MPK Click year, type '1980' MPK HMKKKK 15.7 sec
  • 24. Single masked input field Click field, type '11' MPK HMKK Type '07' MKK Type '1980' MKKKK 8.7 sec
  • 25. Date of birth results Single masked input field ~2.5 times faster! 21 sec 15.7 sec 8.7 sec
  • 26. Happy GOMSing You now know enough to start using KLM- GOMS on your projects! For more guidance I recommend Jef Raskin’s “The Humane Interface”