簡易檢索 / 詳目顯示

研究生: 楊曾傑
Zeng-Jie Yang
論文名稱: 自適應網頁選單設計之優使性評估
Usability Evaluation of Responsive Web Menu Designs
指導教授: 林久翔
Chiuhsiang-Joe Lin
口試委員: 王孔政
Kung-Jeng Wang
林承哲
Cheng-Jhe Lin
學位類別: 碩士
Master
系所名稱: 管理學院 - 工業管理系
Department of Industrial Management
論文出版年: 2016
畢業學年度: 104
語文別: 中文
論文頁數: 58
中文關鍵詞: 自適應網頁設計選單設計資訊搜尋心智負荷
外文關鍵詞: Responsive Web Design, Menu Design, Information seeking, Mental Workload
相關次數: 點閱:349下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 近年來隨著科技的發展與網際網路連線品質的提升,人們的生活方式不再
    受到時間和實際地理空間的限制,人們只需要透過電腦及行動通訊裝置與網際網路的雲端技術結合,就能進入無疆界、無時差的虛擬空間系統當中,從事各種活動。然而,人們的上網模式與習慣的改變,也使人們對於網站的設計有了新的需求,為了減輕開發時程的負擔,自適應性網頁設計 (Responsive Web Design;RWD) 因而誕生。只需要透過開發一個RWD網站就能適用多種尺寸大小的螢幕或解析度。網際網路已經是現今人們搜尋資訊最主要的工具之一,然而時常因為網站上的資訊量過於龐大,往往導致使用者在網站的大量資訊空間中迷失方向,有鑑於此,本研究針對RWD網站選單設計在進行各種不同裝置間轉換過程中,產生螢幕大小的調整、展開資訊量的多寡及階層架構的增減,造成無法順利找到目標,而浮現的資訊搜尋導航問題與使用者心智負荷程度進行探討。本研究採用混合二因子實驗設計來探討,透過30位受試者進行網頁資訊搜尋任務與生理數據測量。研究結果顯示選單展開資訊的數量會造成操作上需要滑動畫面,對使用者在搜尋績效及主觀評量產生影響,選單展開時呈現較少資訊量,不需要滑動手機畫面的選單設計有較佳的操作績效與使用者主觀評量,於本研究的發現可提供未來網頁設計師參考方向量。


    In recent years, the improvement of technology and internet connection quality are resulting people has no limitation of time and space. By the integration of computer and mobile communication device with the cloud technology makes people easy to enter and do their activity in the virtual space at the same time without any border. Nowadays, the change of people’s habit in surfing the internet, such as using different device size or resolution caused the new demand of website design. Responsive Web Design (RWD) came up to simplify the development of website, which is by developing one RWD website, it could fit in varied sizes or resolutions of the display. People usually use internet to search for information, but they face problems related to the overload information in the website. This research discusses the issues of information search and mental workload from the users when using the RWD website menu design and its transition in different devices due to the screen size adjustment, amount of information, and hierarchy. Those can lead the user unable find the target.
    The experiment of this research applied two mixed factorial design, by proceeding information searching task and measuring physiological data of 30 participants. The result shows that users have to slide the screen when the expansion of menu information is too much. It would affect users’ searching performance and subjective assessment. On the contrary, the design with less menu information expanded would have better searching performance and subjective assessment. This discovery can be a reference for the website designer in the future.

    摘要 I ABSTRACT II 目錄 III 圖目錄 V 表目錄 VI 第一章 緒論 1 1.1 研究背景 1 1.2 研究動機與目的 3 第二章 文獻探討 5 2.1 自適應網頁設計 5 2.2 選單設計 8 2.3 心智負荷量測方法 10 第三章 研究方法 13 3.1 受試者徵募 13 3.2 實驗設計 13 3.2.1 自變項 13 3.2.2 依變項 14 3.3 實驗程序與任務 16 3.3.1 實驗任務 16 3.3.2 實驗程序 17 3.4 實驗情境設計 19 3.5 實驗設備與工具 23 3.6 資料分析 24 第四章 研究結果分析 25 4.1 搜尋績效分析 25 4.1.1 搜尋完成時間 25 4.1.2 點擊錯誤率 28 4.2 主觀評量分析 30 4.2.1 NASA-TLX 30 4.2.2 優使性 32 4.2.3 迷失方向 34 4.2.4 喜好 36 4.2.5 轉換 38 4.3 生理數據分析 39 4.3.1 心率變異 39 4.3.2 皮膚導電反應 44 第五章 討論 46 5.1 選單設計對使用者搜尋績效之影響 46 5.2 選單設計對使用者生理數據之影響 46 5.3 選單設計對使用者主觀評量之影響 47 第六章 結論與建議 48 6.1 結論 48 6.2 研究限制與未來研究方向 48 參考文獻 49

    Boucsein, W. (1992) Electrodermal activity, Plenum Press, New York, pp. 442.
    Chae, M., & Kim, J. (2004). Do size and structure matter to mobile users? An empirical study of the effects of screen size, information structure, and task complexity on user activities with standard web phones. Behaviour & Information Technology, 23(3), 165-181.
    Chan, J. (2013). Responsive Web design is not the future. from  
      http://sixrevisions.com/mobile/responsive-web-design-not-the-future/
    Ceaparu, J. L. K. B. I., & Shneiderman, J. R. B. (2003). Help! im lost: User frustration                    
      in web navigation. IT and Society, 1(3), 18-26.
    Cinaz, B., La Marca, R., Arnrich, B., Tr€oster, G., 2010. Monitoring of mental
      Workload levels. In: Proceedings of IADIS eHealth Conference.
    Cutmore, T. R., Hine, T. J., Maberly, K. J., Langford, N. M., & Hawgood, G. (2000). Cognitive and gender factors influencing navigation in a virtual environment. International Journal of Human-Computer Studies, 53(2), 223-249.
    Czerwinski, M. P., & Larson, K. (2002). Cognition and the Web: moving from theory
      to Web design (pp. 147-165). Erlbaum: NJ.
    Eggemeier, F.T., O’Donnell, R.D. Workload assessment methodology, In K. Boff, L.
      Kaufman, J. Tomas (Eds). Handbook of perception and performance,
      (Vol.2) .New York: Wiley, 1986.
    Ewer, T. (2012). 5 reasons why responsive design is not worth it. from
    https://managewp.com/5-reasons-why-responsive-design-is-not-worth-it/comment-page-1
    Frick, T., Kisling, E., Cai, W., Yu, B. M., Giles, F., & Brown, J. P. (1999). Impact of
      Navigational Models on Task Completion in Web-Based Information Systems.
    Fowler, S. L., & Stanwick, V. R. (2004). Web application design handbook: best  
      practices for web-based software. San Francisco, CA, USA.
    Fox, R. (2012). Being responsive. OCLC Systems & Services: International digital
      library perspectives, 28(3), 119-125.
    Goldwater, B. C. (1972). Psychological significance of pupillary
      movements.Psychological bulletin, 77(5), 340.
    Goldstein, R., Walrath, L. C., Stern, J. A., & Strock, B. D. (1985). Blink activity in a
      discrimination task as a function of stimulus modality and schedule of
      presentation. Psychophysiology, 22(6), 629-635.

    Gutwin, C., & Fedak, C. (2004, May). Interacting with big interfaces on small  
      screens: a comparison of fisheye, zoom, and panning techniques. In Proceedings  
      of Graphics Interface 2004 (pp. 145-152). Canadian Human-Computer   
      Communications Society.
    Hakala, T., Lehikoinen, J., & Aaltonen, A. (2005, September). Spatial interactive
      visualization on small screen. In Proceedings of the 7th international conference
      on Human computer interaction with mobile devices & services (pp. 137-144).
      ACM.
    Hart, S. G., & Staveland, L. E. (1988). Development of NASA-TLX (Task Load
      Index): Results of empirical and theoretical research. Advances in psychology,52,
      139-183.
    Head, M., Archer, N., & Yuan, Y. (2000). World wide web navigation   
      aid.International Journal of Human-Computer Studies, 53(2), 301-330.
    Kalbach, J. (2007). Designing Web navigation: Optimizing the user experience:   
      O'Reilly Media Inc.
    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.
    Lacey, J. I. (1967). Somatic response patterning and stress: Some revisions of
      activation theory. Psychological stress: Issues in research, 14-42.
    Leuthold, S., Schmutz, P., Bargas-Avila, J. A., Tuch, A. N., & Opwis, K. (2011a).
      Vertical versus dynamic menus on the world wide web: Eye tracking study  
      measuring the influence of menu design and task complexity on user  
      performance and subjective preference. Computers in Human Behavior, 27(1),  
      459-472. doi:10.1016/j.chb.2010.09.009
    Levene, M. (2011). An introduction to search engines and web navigation. John Wiley                 
      & Sons.
    Malik, M., Bigger, J. T., Camm, A. J., Kleiger, R. E., Malliani, A., Moss, A. J., et al.
      (1996). Heart rate variability standards of measurement, physiological
      interpretation, and clinical use. European heart journal, 17(3), 354-381.
    Marcotte, E. Responsive Web Design. A List Apart (2010).
    Miller, D. P. (1981, October). The depth/breadth tradeoff in hierarchical computer
      menus. In Proceedings of the Human Factors and Ergonomics Society Annual
      Meeting (Vol. 25, No. 1, pp. 296-300). SAGE Publications.
    Moray, N. (1967). Where is capacity limited? A survey and a model. Acta
      psychologica, 27, 84-92.
    Nah, F. F. H., & Davis, S. (2002). HCI research issues in e-commerce. Journal of                    
      Electronic Commerce Research, 3(3), 98-113.
    Norman, D. A. (1988). The psychology of everyday things: Basic books.
    Peterson, C. (2014). Learning Responsive Web Design: A Beginner's Guide. " O'Reilly
      Media, Inc.".
    Picard, R. W. (1995). Affective computing.
    Podjarny, G. (2014). Guy’s pod - RWD Ratio in Top 100,000 websites refined.
      Technical report, Guy’s pod.
    Quinn, P., & Cockburn, A. (2008). The effects of menu parallelism on visual search
      and selection. Paper presented at the Proceedings of the ninth conference on
      Australasian user interface - Volume 76, Wollongong, Australia.
    Ring, L. (2013). Designing the Mobile Web: Guidelines for User Interactionand
      Experience.
    Rohmert, W., Laurig, W., Philipp, U., & Luczak, H. (1973). Heart rate variability and
      work-load measurement. Ergonomics, 16(1), 33-44.
    Rouet, J. F., Ros, C., Jegou, G., & Metta, S. (2004). Locating relevant categories in
      Web menus: effects of task complexity, menu structure and individual factors.
      Travail Humain, 67(4), 377-395.
    Sarmiento, J. P. (2011). 11 Reasons Why Responsive Design Isn’t That Cool! , from http://www.webdesignshock.com/responsive-design-problems
    Spence, R. (1999). A framework for navigation. International Journal of Human-Computer Studies, 51(5), 919-945.
    Spool, J. M. (1999). Web site usability: a designer's guide: Morgan Kaufmann.
    Watts-Perotti, J., & Woods, D. D. (1999). How experienced users avoid getting lost in large display networks. International Journal of Human-Computer Interaction, 11(4), 269-299.
    Wallace, D. F., Anderson, N. S., & Shneiderman, B. (1987). Time Stress Effects on
      Two Menu Selection Systems. Paper presented at the the Human Factors Society   
      31st annual Meeting.
    Zaphiris, P. G. (2000, July). Depth vs breath in the arrangement of web links.
      InProceedings of the Human Factors and Ergonomics Society Annual
      Meeting(Vol. 44, No. 4, pp. 453-456). SAGE Publications.

    無法下載圖示 全文公開日期 2021/08/18 (校內網路)
    全文公開日期 本全文未授權公開 (校外網路)
    全文公開日期 本全文未授權公開 (國家圖書館:臺灣博碩士論文系統)
    QR CODE