臺灣博碩士論文加值系統

近年來隨著科技的發展與網際網路連線品質的提升，人們的生活方式不再
受到時間和實際地理空間的限制，人們只需要透過電腦及行動通訊裝置與網際網路的雲端技術結合，就能進入無疆界、無時差的虛擬空間系統當中，從事各種活動。然而，人們的上網模式與習慣的改變，也使人們對於網站的設計有了新的需求，為了減輕開發時程的負擔，自適應性網頁設計 (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.