研究生: |
楊曾傑 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.
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.