簡易檢索 / 詳目顯示

研究生: 劉又嘉
論文名稱: 探討iPad的使用者介面元件之使用性評估
Usability Evaluation of the User Interface Elements on iPad
指導教授: 王茂駿
口試委員: 林志隆
唐硯漁
王茂駿
學位類別: 碩士
Master
系所名稱: 工學院 - 工業工程與工程管理學系
Department of Industrial Engineering and Engineering Management
論文出版年: 2012
畢業學年度: 100
語文別: 中文
論文頁數: 76
中文關鍵詞: iPad使用者介面元件彈跳視窗績效量測法
外文關鍵詞: iPad, User Interface Elements, Popover, Performance Measures
相關次數: 點閱:2下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 在現今的科技發展趨勢下,觸碰式螢幕介面的行動裝置越來越盛行,使用觸碰式螢幕介面的裝置時以手指或是筆尖作為輸入端,直接地與螢幕接觸並搭配不同的手勢動作來操作,以現今人機介面的視覺上設計之探討研究中,多以電腦螢幕的顯示方式做為討論之對象,但許多適用於電腦介面的設計原則與規範,如套用於觸控螢幕之介面設計中時,對使用性來說將會是個大問題,因此觸控式螢幕之介面設計議題是不可以忽視的,且以未來科技的發展來看,針對觸控式螢幕作介面設計之探討是有其價值與必要性的。
    本研究選擇蘋果公司的iPad平板電腦為研究對象,而目前針對iPad的使用者介面之研究均處於開發中階段,又以使用者介面元件(User Interface Elements)之研究甚少,故本研究選擇針對以iOS作業系統中的彈跳視窗(Popover)作介面設計之討論,根據各年齡族群共45名以績效量測法(Performance measures)進行使用性測試之實驗,探討控件的位置、彈跳視窗的長度以及呈現於彈跳視窗內的字體大小等變項對於在視覺搜尋任務中其反應時間以及正確率的影響。
    實驗結果發現,年齡因素確實會影響正確率以及反應時間等績效的表現,年長者的績效表現均不比年青者以及中壯年者,因此需將年齡因素考慮在介面設計之中。當控件置於螢幕下方時具有較好的績效表現。彈跳視窗之設計在不同資訊量情境以及不同年齡層間是有差別的,在短資訊量時,青壯年族群可使用7格長度以上之視窗與15至23 pt的字體大小;年長族群以至少11格視窗長度與21至23 pt字體為佳;在中資訊量適合用9格以上視窗長度,長資訊量則適合7格以上視窗長度,兩者皆可使用17至23 pt字體,但年長者較偏好15格以上視窗長度與21 pt的字體。本研究結果可實際應用於彈跳視窗之設計中以增加其使用性。


    Base on the advancement of today's technologies, mobile devices with touch-screen interface are more and more popular. The finger tip was used to as input device, and touching the screen directly with different gestures to operate these mobile devices. Nowadays, some studies of human computer interface evaluated the display layout of computer, and developed principles and standards of interface design of computer. That doesn't means those standards were suitable for using on the touch-screen. Hence, the issues of the interface design for touch-screen should be noticeable, and it is valuable and necessary to investigate the development of the technologies in the future.
    In this study, the touch-screen Apple iPad device was selected for evaluation. There is little information available about user interface design for iPad, especially the user interface elements of the iPad. For this reason, this study aims to evaluate the effect of Popover interface design which is one of the UI elements belong to the iOS system. Performance measures were used to evaluate the effect of location, length and font size of the popover in the visual search task. The reaction time and accuracy rate of the 45 subjects from different age group were collected for analysis.
    The results showed that there were significant differences in reaction time and accuracy rate between each age group. The worst performances were found in the older group. The findings indicated that the age should be considered in the interface design. Positioning controls on the bottom of the screen showed better performance. Some differences were found in different the amount of information and age group. In the short amount of information situation, it was acceptable when using the popover above 7 cell-length with the font size between 15 to 23 pt for the young and middle-aged group, above 11 cell-length popover with 21 to 23 pt font size for the older group. It was recommended to use the above 9 cell-length popover in the middle amount of information situation, and above 7 cell-length in the large amount of information situation, both with 17 to 23 pt font size, but the older group preferred the above 15 cell-length with 21 pt font size. The finding of this study can provide a set of recommendations for practical application in the design of popover to facilitate usability.

    目錄 摘要 i Abstract ii 誌謝 iv 目錄 v 第一章 緒論 1 1.1 研究背景 1 1.2 研究動機 1 1.3 研究目的 2 1.4 研究範圍與限制 3 第二章 文獻探討 4 2.1人機介面 4 2.1.1 人機介面的定義 4 2.1.2 人機介面的使用性探討 5 2.1.3 人機介面的使用性評估方法 6 2.2 觸控式螢幕平板電腦 9 2.2.1 觸碰式螢幕感應原理 10 2.2.2 觸控螢幕之手勢 11 2.2.3 觸控螢幕之特性與優缺點 13 2.3 iPad之使用性探討 14 2.3.1 iPad的使用性研究 14 2.3.2 iPad的使用者介面元件 18 2.3.3 彈跳視窗的使用性研究 21 2.4 彈跳視窗的介面設計探討 23 2.4.1 控件位置 23 2.4.2 彈跳視窗長度 24 2.4.3 彈跳視窗之字體大小 25 2.4.4 使用者的年齡因素 27 2.5 小結 28 第三章 研究方法 29 3.1 受試者 29 3.2 實驗設備 29 3.3 實驗材料 30 3.3.1 彈跳視窗寬度與資訊內容量 30 3.3.2 清單項目之內容 32 3.4 實驗設計 34 3.4.1 控件位置 34 3.4.2 彈跳視窗介面 34 3.5 實驗程序 35 3.6 統計分析 38 第四章 結果與討論 40 4.1 導覽列上按鈕出現之位置與動作反應時間 40 4.2 彈跳視窗之點選清單介面設計 42 4.2.1 點選清單之正確率 43 4.2.2 點選清單之反應時間 48 4.3 主觀偏好調查 58 4.3.1 針對位置、長度、字體大小三變項作主觀排序 58 4.3.2 設計組合之主觀偏好 58 第五章 結論與建議 61 5.1 功能控件顯示之位置 61 5.2 彈跳視窗介面設計原則以及彈跳視窗介面設計之主觀偏好 62 5.3 小結 66 5.4 建議 67 參考文獻 68 附錄A 74

    1. An NPD Group Company (2012). DisplaySearch, Retrieved from http://www.displaysearch.com/cps/rde/xchg/displaysearch/hs.xsl/120522_apple_maintains_top_mobile_pc_share_in_q112_on_strong_ipad_shipment_growth.asp
    2. Association for Computing Machinery. http://www.acm.org/
    3. 電子工程專刊 (2007),在觸控式螢幕人機介面設計中整合觸覺反饋功能,取自 http://www.eettaiwan.com/
    4. 維基百科 - 平板電腦,取自 http://zh.wikipedia.org/wiki/Tablet_PC
    5. 楊瑞賢 (2010),投射電容式觸控面板原理介紹,取自http://blog.xuite.net/sweehan/story01/38870513/track
    6. 周陟 (2010),UI進化論:行動裝置使用者介面設計。中國北京:清華大學出版社。
    7. 柳瑀萱 (2012),基於模糊比對概念之自動化使用性評估方法,國立清華大學工業工程與工程管理研究所碩士論文。
    8. 翁康容 (2005),網路廣播網頁元素配置對於網頁使用效果影響之研究,國立中山大學傳播管理研究所碩士論文。
    9. 張雅慈 (2010),高齡者在小型螢幕閱讀電子書之研究,國立雲林科技大學工業設計碩士論文。
    10. 彭駕騂 (1999),老人學。台北:揚智文化。
    11. 賴衍孔 (2003),探討PDA螢幕與其他閱讀媒體對閱讀績效影響之相關研究,東海大學工業工程系碩士論文。
    12. 簡德弘 (1998),VDT作業對視覺績效及視覺疲勞之效應,華梵大學工業管理學系碩士論文。
    13. Apers, C., and Paterson, D. (2011). Beginning iPhone and iPad Web Apps: User Experience and Interface Guidelines, pp. 89-116. New York: Apress.
    14. Apple Inc. (2011). iPad Human Interface Guidelines: User Experience. United States.
    15. Atkinson, R. C., and Shiffrin, R. M. (1971). Human Memory: A Proposed System and its Control Processes. In Kenneth, W. S. (Eds.), The Psychology of Learning and Motivation, 2, pp. 89-195. New York: Academic Press.
    16. Bernard, M., Liao, C. H., and Mills, M. (2001). The effects of font type and size on the legibility and reading time of online text by older adults. In Proceedings of the Conference on Human Factors in Computing Systems, 2, pp. 175-176. Seattle, Washington.
    17. Budiu, B. R., and Nielsen, J. (2009). Usability of Mobile Websites: 85 Design Guidelines for Improving Access to Web-Based Content and Services Through Mobile Devices. Nielsen Norman Group. Retrieved from http://www.nngroup.com/reports/mobile/
    18. Budiu, B. R., and Nielsen, J. (2010). Usability of iPad Apps and Websites. (1st Edition), pp. 1-111. Nielsen Norman Group, Fremont.
    19. Budiu, B. R., and Nielsen, J. (2011). Usability of iPad Apps and Websites. Small, (2nd Edition), pp. 1-129. Nielsen Norman Group, Fremont.
    20. Chaparro, A., Bohan, M., Fernandez, J., and Choi, S. (1999). The impact of age on computer input device use: Psychophysical and psychological measures. International Journal of Industrial Ergonomics, 24, pp. 503–513.
    21. Chaparro, B., Nguyen, B., Phan, M., Smith, A., and Teves, J. (2010). Keyboard Performance: iPad versus Netbook. Usability News, 12(2). Kansas, United States.
    22. Cunliffe, D. (2000). Developing usable Web sites - a review and model. Internet Research: Electronic Networking Application and Policy, 10(4), pp. 295-308.
    23. Cushman, W. H. and Rosenberg, D. J. (1991). Human Factors in Product Design. Amsterdam: Elsevier.
    24. Darroch, I., Goodman, J., Brewster, S., and Gray, P. (2005). The effect of age and font size on reading text on handheld computers. Lecture Notes in Computer Science, 3585, pp. 253-266.
    25. Davis, J. (2010). What the iPad means for user experience. Retrieved from http://www.maderalabs.com/blog/what-the-ipad-means-for-userexperience/- more-255
    26. Dix, A., Finlay, J., Abowd, G., and Beale, R. (2005). Human-Computer Interaction (3rd Edition). London: Prentice Hall.
    27. Duchnicky, R. L., and Kolers, P. A. (1983). Reliability of text scrolled on visual display terminals as a function of window size. Human Factors, 25(6), pp. 683-692.
    28. Ebbinghaus, H. (1964). Memory: A contribution to experimental psychology (2nd Edition). New York: Dover.
    29. Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47, pp. 381-391.
    30. Gaunt, K., Schmitz, F.M., and Stolze, M. (2011). Choose Popovers over Buttons for iPad Questionnaires. In: Campos, P., Graham, N., Jorge, J., Nunes, N., Palanque, P., and Winckler, M. (eds.) INTERACT 2011, Part II. Lecture Notes in Computer Science, vol. 6947, pp. 533–540. Heidelberg: Springer.
    31. ISO/IEC 9241-11 (1998). Ergonomic requirements for office work with visual display terminals (VDT)s-Part II Guidance on Usability.
    32. Keinänen, L. M. (2011). Touch Screen Mobile Devices Invading the Internet: UX Guidelines Towards One Web. Department of Computer Science and Engineering, Aalto University, Finland.
    33. Kuniavsky, M. (2003). Observing the user experience: A practitioner’s guide to user research. San Francisco, CA: Morgan Kaufmann.
    34. Laursen, B., Jensen, B., and Ratkevicius, A. (2001). Performance and muscle activity during computer mouse tasks in young and elderly adults. European Journal of Applied Physiology, 84(4), pp. 329–336.
    35. Li, X. (2002). Web page design affects news retrieval efficiency. Newspaper Research Journal, 23(1), pp. 38-49.
    36. Luke, W. (2010). Touch Gesture Reference Guide. Retrieved from http://www.lukew.com/touch/
    37. Maurer, M. E., Hausen, D., De Luca, A., and Hussmann, H. (2010). Mobile or Desktop Websites? Website Usage on Multi-touch Devices. In: the 6th Nordic Conference on Human-Computer Interaction : Extending Boundaries (NordiCHI '10). Reykjavik, Iceland. ACM Press, pp. 739-742.
    38. McClelland, J. L., and Rumelhart, D. E. (1981). An interactive model of context effects in letter perception: 1. An account of basic findings. Psychological Review, 88, pp. 375-407.
    39. Melhuish, K., and Falloon, G. (2010). Looking to the future: M-learning with the iPad. Computers in New Zealand Schools: Learning, Leading, Technology, 22(3), pp. 1-16.
    40. Miller, G. A. (1956). The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information. Psychological Review, 63, pp. 81-97.
    41. Mills, C. B., and Weldon, L. J. (1987). Reading text from computer screens. ACM Computing Surveys, 19(4), pp. 329-357.
    42. Molich, R., and Nielsen, J. (1990). Improving a human-computer dialogue. Commun. ACM, 33(3), pp. 338-348.
    43. Nielsen, J. (1993). Usability Engineering. New York, EUA : Academic Press.
    44. Nielsen, J. (1999). User interface directions for the Web. Commun. ACM, 42(1), pp. 65-72.
    45. Outing, S. and Ruel, L. (2004). Eyetrack III: Looking again at online readers. Retrieved from http://www.poynter.org/extra/Eyetrack/previous.html
    46. Preece, J., Rogers, Y., Sharp, H., Benyon, D., Holland, S., and Carey, T. (1994) Human-Computer Interaction. England: Addison-Wesley.
    47. Reicher, G. M. (1969). Perceptual recognition as a function of the meaningfulness of the material. Journal of Experimental Psychology, 81, pp. 275-280.
    48. Resiel, J. F., and B. Shneiderman (1987). Is bigger better? The effects of display size on program reading. In Salvendy, G. (Ed.), Social, Ergonomic and Stress Aspects of Work with Computers, pp. 113–122. Amsterdam: Elsevier.
    49. Rogers, Y., Sharp, H., and Preece, J. (2011). Interaction Design: Beyond Human - Computer Interaction (3rd Edition). Chichester, UK: Wiley.
    50. Schmiedl, G., Seidl, M., and Temper, K. (2009) Mobile Phone Web Browsing: A Study on Usage and Usability of The Mobile Web. In: the 11th International Conference on Human-Computer Interaction with Mobile Devices and Services (MobileHCI '09), Germany. ACM, pp. 341-342.
    51. Shackel, B. (1991) Usability-context, framework, definition, design and evaluation. In: Shackel, B., and Richardson, S. (Eds.), Human Factors for Informatics Usability. New York: Cambridge University Press.
    52. Shneiderman, B. (1991). Touch screens now offer compelling uses. IEEE Software, 8(2), pp. 93-94.
    53. Smith, E. E., Fredrickson, B., Loftus, G., and Nolen-Hoeksema, S. (2003) Atkinson and Hilgard's Introduction to Psychology (14th Edition). Belmont, CA: Wadsworth/Thomson Learning.
    54. Smith, M. W., Sharit, J., and Czaja, S. J. (1999). Aging, motor control, and the performance of computer mouse tasks. Human Factors, 41(3), pp. 389–396.
    55. Wickens, C. D., and Hullands, J.G. (2000). Engineering Psychology and Human Performance (3rd Edition). Upper Saddle River, NJ: Prentice Hall.
    56. Yu, B., Zhang, W., Jing, Q., Peng, R., Zhang, G., and Simon, H. (1985). STM capacity for Chinese and English language materials. Memory & Cognition, 13(3), pp. 202-207.

    無法下載圖示 全文公開日期 本全文未授權公開 (校內網路)
    全文公開日期 本全文未授權公開 (校外網路)

    QR CODE