簡易檢索 / 詳目顯示

研究生: Orchida Dianita
Orchida Dianita
論文名稱: 由選單視覺呈現、層級數與操作模式探討 掐捏觸控手勢的選單設計
Investigate Menu Design for Touch Based Pinch Gesture Operations – Effects of Visual Presentation, Modes of Operations and Number of Levels
指導教授: 林承哲
Cheng-Jhe (Robert) Lin
口試委員: 林久翔
Chiuhsiang Joe Lin
Ray F. Lin
Ray F. Lin
學位類別: 碩士
Master
系所名稱: 管理學院 - 工業管理系
Department of Industrial Management
論文出版年: 2018
畢業學年度: 106
語文別: 英文
論文頁數: 74
中文關鍵詞: visual menu designtouch-screenpinch gesturefinger strategy
外文關鍵詞: visual menu design, touch-screen, pinch gesture, finger strategy
相關次數: 點閱:204下載:1
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • The visual menu design is one of the important issues in Human-Computer Interaction (HCI). Gestural operations on touchscreens will play an important role in future HCI. The pinch gesture is the most common one and its two operations, zooming, and rotation are usually performed on touchscreens device. At present, previous studies have not specifically investigated the interaction between visual menu designs, the modes of gestural operations, and the number of menu levels (i.e. items to be selected), especially on touchscreens. Inappropriately paring a gestural mode with certain menu designs could impede user performance and reduce user satisfaction, and increasing number of menu levels exacerbates aforementioned negative effects. This study aimed to determine how the visual menu designs and the number of menu levels affect users’ performance (task completion time and accuracy) and subjective ratings (comfort and preference) in using pinch zooming and rotation.
    The results showed that the visual menu designs, gestures, and the number of levels affected the performance time and their interactions were significant. Further stratified analysis revealed that the circle menu caused the worst completion time regardless of gestures and number of levels. The vertical menu resulted in superiority when rotating for both levels. At 6 levels, the pie and vertical menus were superior to others when it is operated by rotation. At 12 levels, the pie menu became the worst when it is operated by zooming. In contrast, the arc menu improved significantly at 12 levels, especially when being operated by rotation.
    User performance time varied with the number of levels and the gestural modes using arc and pie menus. Thus when applying them, the designer should pay more attention to those factors associated with operational complexity, visibility, and conceptual compatibility. On the other hand, the performance time using the circle menu, horizontal, and vertical menu was relatively stable. Subjective ratings indicated that the arc and pie menu were the two more preferable menu layout compared to the vertical and horizontal menu. Unsurprisingly 6-level menus resulted in faster time performance and better accuracy. The findings of this study benefit modern graphical interface designers when designing public kiosk interfaces and interactive display facilities to achieve better usability and customer satisfaction.


    The visual menu design is one of the important issues in Human-Computer Interaction (HCI). Gestural operations on touchscreens will play an important role in future HCI. The pinch gesture is the most common one and its two operations, zooming, and rotation are usually performed on touchscreens device. At present, previous studies have not specifically investigated the interaction between visual menu designs, the modes of gestural operations, and the number of menu levels (i.e. items to be selected), especially on touchscreens. Inappropriately paring a gestural mode with certain menu designs could impede user performance and reduce user satisfaction, and increasing number of menu levels exacerbates aforementioned negative effects. This study aimed to determine how the visual menu designs and the number of menu levels affect users’ performance (task completion time and accuracy) and subjective ratings (comfort and preference) in using pinch zooming and rotation.
    The results showed that the visual menu designs, gestures, and the number of levels affected the performance time and their interactions were significant. Further stratified analysis revealed that the circle menu caused the worst completion time regardless of gestures and number of levels. The vertical menu resulted in superiority when rotating for both levels. At 6 levels, the pie and vertical menus were superior to others when it is operated by rotation. At 12 levels, the pie menu became the worst when it is operated by zooming. In contrast, the arc menu improved significantly at 12 levels, especially when being operated by rotation.
    User performance time varied with the number of levels and the gestural modes using arc and pie menus. Thus when applying them, the designer should pay more attention to those factors associated with operational complexity, visibility, and conceptual compatibility. On the other hand, the performance time using the circle menu, horizontal, and vertical menu was relatively stable. Subjective ratings indicated that the arc and pie menu were the two more preferable menu layout compared to the vertical and horizontal menu. Unsurprisingly 6-level menus resulted in faster time performance and better accuracy. The findings of this study benefit modern graphical interface designers when designing public kiosk interfaces and interactive display facilities to achieve better usability and customer satisfaction.

    TABLE OF CONTENTS COVER i ABSTRACT ii ACKNOWLEDGEMENT iii TABLE OF CONTENTS iv LIST OF FIGURES vii LIST OF TABLES viii LIST OF ATTACHMENTS ix CHAPTER I INTRODUCTION 1 1.1. Background 1 1.2. Research Statement 2 1.3. Objectives 2 1.4. Specific Methodologies Adopted 3 1.5. Organization of Thesis 3 CHAPTER II LITERATURE REVIEW 5 2.1 Menu Design 5 2.1.1 Menu Design Layout 5 2.1.2 Number of Levels 7 2.2 Pinch Gestures 8 2.2.1 Zooming Operation 9 2.2.2 Rotation Gestures 9 2.3 Performance Time 9 2.4 Accuracy 10 2.5 Subjective Measurement 10 CHAPTER III RESEARCH METHODOLOGY 13 3.1 Participants 13 3.2 Environment and Apparatus 13 3.3 Experimental Design 14 3.3.1 Visual Menu Design 15 3.3.2 Modes of Operation 16 3.3.2.1 Zooming Gesture 16 3.3.2.2 Rotating Gesture 17 3.3.3 Number of Level 18 3.3.4 Performance Time 21 3.3.5 Accuracy 21 3.3.6 Subjective Ratings 21 3.4 Experiment Procedure 21 3.5 Data Analysis Procedure 23 CHAPTER IV RESULTS 25 4.1 Objective Measurement 25 4.1.1 Performance Time 25 4.1.2 Accuracy 28 4.2 Subjective Ratings 28 4.2.1 Comfort 28 4.2.2 Preference 33 CHAPTER V CONCLUSION AND DISCUSSION 39 5.1 Conclusion 39 5.2 Discussion 40 5.2.1 Interaction Between Visual Menu Designs and Modes of Operations 40 5.2.2 The Visual Feedback 43 5.2.3 Gesture Position Towards Visual Menu 44 5.2.4 Modes of Operations Selected 46 5.2.5 Subjective Ratings 47 5.2.6 Future Recommendation 49 REFERENCES 51 ATTACHMENTS 54

    REFERENCES
    Ahlström, D., Cockburn, A., Gutwin, C., & Irani, P. (2010). Why It's Quick to Be Square: Modelling New and Existing Hierarchical Menu Designs. Paper presented at the Proceedings of the SIGCHI Conference on Human Factors in Computing Systems.
    Asakawa, D. S., Dennerlein, J. T., & Jindrich, D. L. (2017). Index Finger and Thumb Kinematics and Performance Measurements for Common Touchscreen Gestures. Applied ergonomics, 58, 176-181.
    Bailly, G., Lecolinet, E., & Nigay, L. (2017). Visual Menu Techniques. ACM Computing Surveys (CSUR), 49(4), 60.
    Bailly, G., & Oulasvirta, A. (2014). Toward Optimal Menu Design. interactions, 21(4), 40-45.
    Bailly, G., Oulasvirta, A., Brumby, D. P., & Howes, A. (2014). Model of Visual Search and Selection Time in Linear Menus. Paper presented at the Proceedings of the SIGCHI Conference on Human Factors in Computing Systems.
    Banovic, N., Li, F. C. Y., Dearman, D., Yatani, K., & Truong, K. N. (2011). Design of Unimanual Multi-Finger Pie Menu Interaction. Paper presented at the Proceedings of the ACM International Conference on Interactive Tabletops and Surfaces.
    Callahan, J., Hopkins, D., Weiser, M., & Shneiderman, B. (1988). An Empirical Comparison of Pie Vs. Linear Menus. Paper presented at the Proceedings of the SIGCHI conference on Human factors in computing systems.
    Chang, Y.-H., & Hwang, T. P. (2011). Effects of Menu Types and Item Lengths on Operation Efficiency. Paper presented at the International Conference of Design, User Experience, and Usability.
    Halverson, T., & Hornof, A. J. (2008). The Effects of Semantic Grouping on Visual Search. Paper presented at the CHI'08 Extended Abstracts on Human Factors in Computing Systems.
    Hoggan, E., Nacenta, M., Kristensson, P. O., Williamson, J., Oulasvirta, A., & Lehtiö, A. (2013). Multi-Touch Pinch Gestures: Performance and Ergonomics. Paper presented at the Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces.
    Hoggan, E., Williamson, J., Oulasvirta, A., Nacenta, M., Kristensson, P. O., & Lehtiö, A. (2013). Multi-Touch Rotation Gestures: Performance and Ergonomics. Paper presented at the Proceedings of the SIGCHI Conference on Human Factors in Computing Systems.
    Jeong, H., & Liu, Y. (2017). Effects of Touchscreen Gesture’s Type and Direction on Finger-Touch Input Performance and Subjective Ratings. Ergonomics, 60(11), 1528-1539.
    Kammerer, Y., Scheiter, K., & Beinhauer, W. (2008). Looking My Way through the Menu: The Impact of Menu Design and Multimodal Input on Gaze-Based Menu Selection. Paper presented at the Proceedings of the 2008 symposium on Eye tracking research & applications.
    Kang, H., & Shin, G. (2017). Effects of Touch Target Location on Performance and Physical Demands of Computer Touchscreen Use. Applied ergonomics, 61, 159-167.
    Kim, K., Jacko, J., & Salvendy, G. (2011). Menu Design for Computers and Cell Phones: Review and Reappraisal. Intl. Journal of Human–Computer Interaction, 27(4), 383-404.
    Lee, S. C., Cha, M. C., Hwangbo, H., Mo, S., & Ji, Y. G. (2018). Smartphone Form Factors: Effects of Width and Bottom Bezel on Touch Performance, Workload, and Physical Demand. Applied ergonomics, 67, 142-150.
    Mahr, A., Endres, C., Müller, C., & Schneeberger, T. (2011). Determining Human-Centered Parameters of Ergonomic Micro-Gesture Interaction for Drivers Using the Theater Approach. Paper presented at the Proceedings of the 3rd International Conference on Automotive User Interfaces and Interactive Vehicular Applications.
    Malacria, S., Bailly, G., Harrison, J., Cockburn, A., & Gutwin, C. (2013). Promoting Hotkey Use through Rehearsal with Exposehk. Paper presented at the Proceedings of the SIGCHI Conference on Human Factors in Computing Systems.
    Malik, S. (2007). An Exploration of Multi-Finger Interaction on Multi-Touch Surfaces: University of Toronto Toronto, Canada.
    Mehlenbacher, B., Duffy, T. M., & Palmer, J. (1989). Finding Information on a Menu: Linking Menu Organization to the User's Goals. Human-Computer Interaction, 4(3), 231-251.
    Miller, G. A. (1956). The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information. Psychological review, 63(2), 81.
    Murano, P., & Khan, I. N. (2015). Pie Menus or Linear Menus, Which Is Better?
    Ni, T., Bowman, D. A., North, C., & McMahan, R. P. (2011). Design and Evaluation of Freehand Menu Selection Interfaces Using Tilt and Pinch Gestures. International Journal of Human-Computer Studies, 69(9), 551-562.
    Norman, K. L. (1991). The Psychology of Menu Selection: Designing Cognitive Control at the Human/Computer Interface: Intellect Books.
    Samp, K., & Decker, S. (2010). Supporting Menu Design with Radial Layouts. Paper presented at the Proceedings of the International Conference on Advanced Visual Interfaces.
    Tilley, A. R. (2002). The Measure of Man and Woman: Human Factors in Design (Vol. 1): John Wiley & Sons.
    Wu, M., Shen, C., Ryall, K., Forlines, C., & Balakrishnan, R. (2006). Gesture Registration, Relaxation, and Reuse for Multi-Point Direct-Touch Surfaces. Paper presented at the Horizontal Interactive Human-Computer Systems, 2006. TableTop 2006. First IEEE International Workshop on.
    Yang, H.-H., Chen, Z.-N., & Hung, C.-W. (2017). Performance of Smartphone Users with Half-Pie and Linear Menus. Behaviour & Information Technology, 36(9), 935-954.

    QR CODE