Effects of button design characteristics on performance and perceptions of touchscreen use

Abstract Touchscreen technology has gained increasing popularity in both personal and public settings. However, button design characteristics that may affect touchscreen use have not been fully investigated. The aim of this study was to examine the effects of button design characteristics (i.e., button size, button spacing, visual feedback and button shape) on users’ touchscreen performance, mental workload and preference. Twenty participants participated in an experiment in which they performed both digit and letter input tasks. Button sizes ranged from 7.5 to 27.5 mm with 5-mm increments, while button spacing was absent, 1 mm or 3 mm. Two types of visual feedback (presence and absence) and three button shapes (square, horizontal and vertical rectangles) were examined. Results indicated that button size, button spacing and button shape yielded significant effects on touchscreen performance, while visual feedback had no effect. It is also found that users performed better with medium-to-large size (17.5 mm and larger), square buttons. Mental workload was comparable across button shapes. Users generally preferred button design characteristics that could yield optimal input performance. Relevance to industry The findings could facilitate the optimal design of usable touchscreen technology.

[1]  Eui S. Jung,et al.  Investigation of Icon Design and Touchable Area for Effective Smart Phone Controls , 2015 .

[2]  Liana M. Kiff,et al.  Touch Screen User Interfaces for Older Adults: Button Size and Spacing , 2007, HCI.

[3]  Satoshi Muraki,et al.  Effects of age, thumb length and screen size on thumb movement coverage on smartphone touchscreens , 2016 .

[4]  Noritaka Osawa,et al.  Effect of Button Size and Location When Pointing with Index Finger on Smartwatch , 2015, HCI.

[5]  Kentaro Go,et al.  CATKey: Customizable and Adaptable Touchscreen Keyboard with Bubble Cursor-Like Visual Feedback , 2007, INTERACT.

[6]  Edgar Erdfelder,et al.  G*Power 3: A flexible statistical power analysis program for the social, behavioral, and biomedical sciences , 2007, Behavior research methods.

[7]  Alain Abran,et al.  An Expert-Based Framework for Evaluating iOS Application Usability , 2013, 2013 Joint Conference of the 23rd International Workshop on Software Measurement and the 8th International Conference on Software Process and Product Measurement.

[8]  Eui Seung Jung,et al.  Touchable area: An empirical study on design approach considering perception size and touch input behavior , 2015 .

[9]  Da Tao,et al.  A 3-Month Randomized Controlled Pilot Trial of a Patient-Centered, Computer-Based Self-Monitoring System for the Care of Type 2 Diabetes Mellitus and Hypertension , 2016, Journal of Medical Systems.

[10]  Marina Krcmar,et al.  Reading with hotspots: Young children's responses to touchscreen stories , 2017, Comput. Hum. Behav..

[11]  Karen B. Chen,et al.  Touch screen performance by individuals with and without motor control disabilities. , 2013, Applied ergonomics.

[12]  Boyi Hu,et al.  Cervical spine biomechanics and task performance during touchscreen computer operations , 2016 .

[13]  Rupert Andrew Hurley,et al.  A Methodology for Determining the Proper Point Size for Display Type on Packaging by Means of the Package's Proportions , 2014 .

[14]  Jean Vanderdonckt,et al.  Towards an evaluation of graphical user interfaces aesthetics based on metrics , 2014, 2014 IEEE Eighth International Conference on Research Challenges in Information Science (RCIS).

[15]  Zhe Chen,et al.  The Effects of Human Finger and Chinese Character on Chinese Handwriting Performance on Mobile Touch Devices , 2014, Hum. Factors.

[16]  Daniel J. Wigdor,et al.  Imprecision, Inaccuracy, and Frustration: The Tale of Touch Input , 2010, Tabletops.

[17]  Thomas Alexander,et al.  Optimal Touch Button Size for the use of Mobile Devices while Walking , 2015 .

[18]  S. Hart,et al.  Development of NASA-TLX (Task Load Index): Results of Empirical and Theoretical Research , 1988 .

[19]  Herbert Colle,et al.  Standing at a kiosk: Effects of key size and spacing on touch screen numeric keypad performance and user preference , 2004, Ergonomics.

[20]  Xiaoli Wu,et al.  Study on Design Principle of Touch Screen with an Example of Chinese-Pinyin 10 Key Input Method in iPhone , 2016 .

[21]  Andrew Sears,et al.  Improving Touchscreen Keyboards: Design Issues and a Comparison with Other Devices , 1991, Interact. Comput..

[22]  Hoon Heo,et al.  Enhanced auditory feedback for Korean touch screen keyboards , 2015, Int. J. Hum. Comput. Stud..

[23]  Vincent Koenig,et al.  User experience: A concept without consensus? Exploring practitioners' perspectives through an international survey , 2015, Comput. Hum. Behav..

[24]  Gale L. Martin.  Configuring a numeric keypad for a touch screen , 1988 .

[25]  Lee Skrypchuk,et al.  Visual-haptic feedback interaction in automotive touchscreens , 2012, Displays.

[26]  Kent Lyons,et al.  The impacts of limited visual feedback on mobile text entry for the Twiddler and mini-QWERTY keyboards , 2005, Ninth IEEE International Symposium on Wearable Computers (ISWC'05).

[27]  Charles Spence,et al.  Assessing the benefits of multimodal feedback on dual-task performance under demanding conditions , 2008 .

[28]  Gayle Brewer,et al.  Performance on the traditional and the touch screen, tablet versions of the Corsi Block and the Tower of Hanoi tasks , 2016, Comput. Hum. Behav..

[29]  Robert J. Beaton,et al.  Effects Of Touch Key Size And Separation On Menu-Selection Accuracy , 1985, Photonics West - Lasers and Applications in Science and Engineering.

[30]  Sunghyuk Kwon,et al.  Effect of control-to-display gain and movement direction of information spaces on the usability of navigation on small touch-screen interfaces using tap-n-drag , 2011 .

[31]  Jeong Ho Kim,et al.  The Effect of Key Size of Touch Screen Virtual Keyboards on Productivity, Usability, and Typing Biomechanics , 2014, Hum. Factors.

[32]  Miika Silfverberg.  Using Mobile Keypads with Limited Visual Feedback: Implications to Handheld and Wearable Devices , 2003, Mobile HCI.

[33]  Dennis B. Beringer.  Target Size, Location, Sampling Point and Instructional Set: More Effects on Touch Panel Operation , 1990 .

[34]  Satoshi Muraki,et al.  The Effects of Touch Button Size on Touchscreen Operability , 2014 .

[35]  Sunghyuk Kwon,et al.  The effect of touch-key size on the usability of In-Vehicle Information Systems and driving safety during simulated driving. , 2014, Applied ergonomics.

[36]  Da Tao,et al.  Age Differences in Computer Input Device Use: A Comparison of Touchscreen, Trackball, and Mouse , 2013, WorldCIST.

[37]  Ben Shneiderman,et al.  Investigating touchscreen typing: the effect of keyboard size on typing speed , 1993, Behav. Inf. Technol..

[38]  Andreas Holzinger,et al.  Finger Instead of Mouse: Touch Screens as a Means of Enhancing Universal Access , 2002, User Interfaces for All.

[39]  Curtis B. Irwin,et al.  Effect of Touch Screen Button Size and Spacing on Touch Characteristics of Users With and Without Disabilities , 2012, Hum. Factors.

[40]  Curtis B. Irwin,et al.  Effect of Sitting or Standing on Touch Screen Performance and Touch Characteristics , 2013, Hum. Factors.

[41]  Pietro Murano,et al.  A comparative study of the usability of touch-based and mouse-based interaction , 2014, Int. J. Pervasive Comput. Commun..

[42]  Karen S. Wilson,et al.  A Comparison of Five User Interface Devices Designed for Point-of-Sale in the Retail Industry , 1995 .

[43]  A. D. Hall,et al.  Factors affecting performance using touch-entry systems: Tactual recognition fields and system accuracy. , 1988 .

[44]  Myung Hwan Yun,et al.  Identifying mobile phone design features critical to user satisfaction , 2004 .

[45]  Xingda Qu,et al.  Effects of Key Size, Gap and the Location of Key Characters on the Usability of Touchscreen Devices in Input Tasks , 2017, HCI.

[46]  Sung H. Han,et al.  Touch key design for one-handed thumb interaction with a mobile phone: Effects of touch key size and touch key location , 2010 .

[47]  Ju-Hwan Lee,et al.  The Effect of Multimodal Feedback Presented via a Touch Screen on the Performance of Older Adults , 2009, HAID.

[48]  Deirdre Murray,et al.  Touch-screen technology usage in toddlers , 2015, Archives of Disease in Childhood.