SlideShare una empresa de Scribd logo
1 de 19
CATKey: Customizable and
    Adaptable Touchscreen Keyboard
     with Bubble Cursor-like Visual
               Feedback

                 Kentaro Go, Yuki Endo*
   Interdisciplinary Graduate School of Medicine and Engineering
      Department of Computer Science and Media Engineering
                   University of Yamanashi

                       *HAL Laboratory
INTERACT 2007                                                      1
History: Touchscreen Interfaces

                        Shneiderman, Sears

                            MacKenzie

                               Zhai

                               Ren

                                :
      Sketchpad                              Multi-Touch Interaction
Sutherland @MIT, 1963    1980’s ~ 1990’s           Experiments
                                              Han @NYU, 2006




                                                                   2
Touchscreen Application
   Public Terminals                      Private Devices




                              iPhone, iPod touch        Nintendo DS
                              PDA, Mobile phone


                         Table-size Shared Devices
Ticketing machine, ATM
   Information KIOSK
                                                     Microsoft Surface



                                                                         3
Touchscreen Keyboard
 a fundamental application




                             4
Text Entry with Touchscreen Keyboard
                            1
 The input speed is about     of hardware keyboard
                            2
                       (Shneiderman, 1991; Sears et. al., 1993)


      Hardware                    Touchscreen
      keyboard                     keyboard
                     >


                                         1
         1                                                  5
                                         2
The CATKey project
• Goal: Increase the usability of touchscreen
  keyboards with fingers

• Approach: Design a touchscreen
  keyboard, which has
    1. Customizable,
    2. Adaptable,            functions
    3. User-friendly
                                            6
CATKey: Customizable and Adaptable
 Touchscreen Keyboard with Bubble
    Cursor-like Visual Feedback




                                     7
1. Customizable Keyboard

                    Standard
                    QWERTY
                   Key Layouts




                   Customized
                   Key Layouts

                                 8
1. Customizable Keyboard
   Maximize each key area
     = Voronoi Diagram
                                                                           (Himberg et. al., 2003)



           W           E           R                               I       O
                                           T          Y    U                    P
   Q                       D
               S                   F                                   K
                                           G           H       J
       A                                                                    L
                   X           C
                                       V       B           N       M
           Z

                                                   SPACE




                                                                                                9
2. Adaptable Keyboard
Automatic (on-line) adaptation of key
 area based on user’s touch points
                           (Himberg et. al., 2003)




                                               10
3. User-friendly Keyboard
 Provide the sensation of offset cursor




A simple application of the bubble cursor
                          (Grossman et. al., 2005)   11
3. User-friendly Keyboard
 Bubble cursor like visual feedback




                                      12
Evaluation
• Ten students (male: 8, female: 2)
• Hardware keyboard vs. QWERTY touch
  screen keyboard vs. CATKey
• Input forty pangrams
  – Example: a quick brown fox jumped over the
    lazy dog
• Text entry speed and Error rate


                                                 13
Text Entry Speed
        in words per minute (wpm)
Text entry speed (wpm)   60

                         50

                         40      33.5 (10.3)
                         30
                                               23.8 (4.6)   22.3 (4.7)
                         20

                         10

                         0
                              Hardware KBD     QWERTY       CATKey
                                               Touchscreen keyboard


                                           No significant difference
                                                                         14
Error Rate

                 10
                  9
                  8
                  7
                                                   6.8 (2.8)
                                       5.9 (1.8)
Error rate (%)



                  6
                  5
                  4     3.4 (1.9)
                  3
                  2
                  1
                  0
                      Hardware KBD QWERTY          CATKey
                                      Touchscreen keyboard


                                    No significant difference
                                                                15
Users’ comments from Interview
• Positive comments
  – I did not need to move my hands back and forth.
  – In the Voronoi keys, the outside keys are lager in area
    than the inside keys. It makes me type in very easily.
  – I arranged the keys, that I am not good at typing in,
    the easier positions to type in. It was good.


• Negative comments
  – Some keys are over-adjusted. They became smaller
    than I expected.

                                                         16
Conclusion
• CATKey: Customizable and Adaptable
  Touchscreen
  Keyboard with Bubble Cursor-like Visual Feedback

• Goal: Increase the usability of touchscreen
  keyboards with fingers

• Approach: Design a customizable, adaptable,
  user-friendly touchscreen keyboard
                                                17
Future work
• Conduct further experiments on the
  usability of CATKey
• Deal with the over-adjustment problem
• Explore key arrangements:
  Metropolis arrangement            Japanese arrangement




    (Zhai et. al., 2000)          Consonant            Vowel
                                                         18
The optimum arrangement for …
A quick brown fox jumps over the lazy dog




                 Thank you !                19

Más contenido relacionado

Similar a Interact2007c

PxS’12 - week 8 - mobile i/o
PxS’12 - week 8 - mobile i/oPxS’12 - week 8 - mobile i/o
PxS’12 - week 8 - mobile i/o
hendrikknoche
 
Virtual Keyboard
Virtual KeyboardVirtual Keyboard
Virtual Keyboard
Rakeh Reddy
 
JChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINTJChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINT
Jacques Chueke
 

Similar a Interact2007c (20)

Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Aplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan ŠedivýAplikace pro rozpoznávání řeči - Jan Šedivý
Aplikace pro rozpoznávání řeči - Jan Šedivý
 
PxS’12 - week 8 - mobile i/o
PxS’12 - week 8 - mobile i/oPxS’12 - week 8 - mobile i/o
PxS’12 - week 8 - mobile i/o
 
Virtual Key Board
Virtual Key BoardVirtual Key Board
Virtual Key Board
 
Virtual keyboard abstract
Virtual keyboard abstractVirtual keyboard abstract
Virtual keyboard abstract
 
Virtual keyboard abstract
Virtual keyboard abstractVirtual keyboard abstract
Virtual keyboard abstract
 
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
Applying Mobile Device Soft Keyboards to Collaborative Multitouch Tabletop Di...
 
Virtual Keyboard
Virtual KeyboardVirtual Keyboard
Virtual Keyboard
 
Virtual keyboard abstract
Virtual keyboard abstractVirtual keyboard abstract
Virtual keyboard abstract
 
Uoit
UoitUoit
Uoit
 
Microsoft surface
Microsoft surfaceMicrosoft surface
Microsoft surface
 
Virtual Keyboard Technology
Virtual Keyboard TechnologyVirtual Keyboard Technology
Virtual Keyboard Technology
 
Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
Pen pc tech
Pen pc techPen pc tech
Pen pc tech
 
JChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINTJChueke_BCS_Mar 2012_PRINT
JChueke_BCS_Mar 2012_PRINT
 
Virtual-Keyboard.pptx
Virtual-Keyboard.pptxVirtual-Keyboard.pptx
Virtual-Keyboard.pptx
 
Virtual keyboard
Virtual keyboard Virtual keyboard
Virtual keyboard
 
Virtual Keyboard
Virtual KeyboardVirtual Keyboard
Virtual Keyboard
 
Tablet pc
Tablet pcTablet pc
Tablet pc
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Último (20)

A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 

Interact2007c

  • 1. CATKey: Customizable and Adaptable Touchscreen Keyboard with Bubble Cursor-like Visual Feedback Kentaro Go, Yuki Endo* Interdisciplinary Graduate School of Medicine and Engineering Department of Computer Science and Media Engineering University of Yamanashi *HAL Laboratory INTERACT 2007 1
  • 2. History: Touchscreen Interfaces Shneiderman, Sears MacKenzie Zhai Ren : Sketchpad Multi-Touch Interaction Sutherland @MIT, 1963 1980’s ~ 1990’s Experiments Han @NYU, 2006 2
  • 3. Touchscreen Application Public Terminals Private Devices iPhone, iPod touch Nintendo DS PDA, Mobile phone Table-size Shared Devices Ticketing machine, ATM Information KIOSK Microsoft Surface 3
  • 4. Touchscreen Keyboard a fundamental application 4
  • 5. Text Entry with Touchscreen Keyboard 1 The input speed is about of hardware keyboard 2 (Shneiderman, 1991; Sears et. al., 1993) Hardware Touchscreen keyboard keyboard > 1 1 5 2
  • 6. The CATKey project • Goal: Increase the usability of touchscreen keyboards with fingers • Approach: Design a touchscreen keyboard, which has 1. Customizable, 2. Adaptable, functions 3. User-friendly 6
  • 7. CATKey: Customizable and Adaptable Touchscreen Keyboard with Bubble Cursor-like Visual Feedback 7
  • 8. 1. Customizable Keyboard Standard QWERTY Key Layouts Customized Key Layouts 8
  • 9. 1. Customizable Keyboard Maximize each key area = Voronoi Diagram (Himberg et. al., 2003) W E R I O T Y U P Q D S F K G H J A L X C V B N M Z SPACE 9
  • 10. 2. Adaptable Keyboard Automatic (on-line) adaptation of key area based on user’s touch points (Himberg et. al., 2003) 10
  • 11. 3. User-friendly Keyboard Provide the sensation of offset cursor A simple application of the bubble cursor (Grossman et. al., 2005) 11
  • 12. 3. User-friendly Keyboard Bubble cursor like visual feedback 12
  • 13. Evaluation • Ten students (male: 8, female: 2) • Hardware keyboard vs. QWERTY touch screen keyboard vs. CATKey • Input forty pangrams – Example: a quick brown fox jumped over the lazy dog • Text entry speed and Error rate 13
  • 14. Text Entry Speed in words per minute (wpm) Text entry speed (wpm) 60 50 40 33.5 (10.3) 30 23.8 (4.6) 22.3 (4.7) 20 10 0 Hardware KBD QWERTY CATKey Touchscreen keyboard No significant difference 14
  • 15. Error Rate 10 9 8 7 6.8 (2.8) 5.9 (1.8) Error rate (%) 6 5 4 3.4 (1.9) 3 2 1 0 Hardware KBD QWERTY CATKey Touchscreen keyboard No significant difference 15
  • 16. Users’ comments from Interview • Positive comments – I did not need to move my hands back and forth. – In the Voronoi keys, the outside keys are lager in area than the inside keys. It makes me type in very easily. – I arranged the keys, that I am not good at typing in, the easier positions to type in. It was good. • Negative comments – Some keys are over-adjusted. They became smaller than I expected. 16
  • 17. Conclusion • CATKey: Customizable and Adaptable Touchscreen Keyboard with Bubble Cursor-like Visual Feedback • Goal: Increase the usability of touchscreen keyboards with fingers • Approach: Design a customizable, adaptable, user-friendly touchscreen keyboard 17
  • 18. Future work • Conduct further experiments on the usability of CATKey • Deal with the over-adjustment problem • Explore key arrangements: Metropolis arrangement Japanese arrangement (Zhai et. al., 2000) Consonant Vowel 18
  • 19. The optimum arrangement for … A quick brown fox jumps over the lazy dog Thank you ! 19

Notas del editor

  1. Shneiderman (1991), Sears et. al. (1993) が正しいのでは? 後者では 1:1/2 となっている. エキスパートによるハードウェアキーボード: 58 wpm (前者より) ソフトウェアキーボードのサイズを最適化して: 32.5 wpm (後者より)