臺灣博碩士論文加值系統

隨著網路與技術的發展，人人皆可透過網路媒介，如社群平台、網站等個人頁面成為資訊傳達者，多數人在媒介選擇上以「網站」作為資訊傳遞的平台，網站架設本有一定門檻，透過現今開源工具及架站平台的興起，使用者無具備相關知識亦可完成架站工作。在多樣的架站平台崛起及使用率提升的情況下，平台的使用性應被探討，然而目前國內外針對網站架設平台相關的研究數量少，因此本研究將針對網站架設平台介面操作進行研究。
本研究共分二部分，前導性實驗以IPA與KANO品質分析探討網站架設平台之服務項目品質要素，再以任務分析法探討使用者操作3款架站平台之操作績效與使用感受。驗證性研究延續前導性實驗結果，招募94位受測者進行實驗，使用三因子變異數分析，探討2種載具（電腦／平板）ｘ2種介面資訊呈現方式（文字為主／圖示為主）ｘ2資訊架構層級（深／淺）之使用差異，將研究結果分析整理後提出網站架設平台介面設計建議。
研究結果得知，使用平板搭配觸控操作優於電腦搭配滑鼠；資訊架構層級以淺優於深；介面資訊呈現方式部分以文字優於圖示。透過訪談與觀察，整理出以下設計建議：（1）網站管理介面權限明確劃分；（2）工具列個人化設定；（3）網站模板社群化，增加互動模式提升吸引力；（4）增加互動物件，如鼠標變化、互動滾動式網頁等效果，增加網站識別度。

With the development of network and technology, everyone can become a communicator of information through online media, such as community platforms, websites and other personal pages. Most people choose "websites" as a platform for information transmission, and there is a certain threshold for website erection. With the rise of open source tools and website erection platforms, users can complete the website erection work without relevant knowledge. In the case of the rise of various website platforms and the improvement of their utilization rate, the usability of the platform should be discussed. However, there are few studies on website platform at home and abroad at present, so this study will study the interface operation of website platform.
This study is divided into two parts. In the pilot experiment, IPA and KANO quality analysis are used to explore the quality factors of service items of website construction platforms, and then task analysis is used to explore the operational performance and user experience of users operating three kinds of website construction platforms. The confirmatory study continued the results of the pilot experiment, recruited 94 subjects for the experiment, and used three-factor ANOVA to explore the differences in the use of X2 interface information presentation methods (text-oriented/icon-oriented) and X2 information architecture levels (deep/shallow) of two vehicles (computers/tablets). After analyzing the research results, some suggestions on the interface design of the website construction platform were put forward.
The results show that using tablet with touch operation is better than using computer with mouse. The level of information architecture is shallow rather than deep; Text is better than icon in the presentation of interface information. Through interviews and observation, the following design suggestions are sorted out: (1) The authority of website management interface is clearly divided; (2) Toolbar personalization; (3) the website template is socialized, and the interactive mode is increased to enhance the attraction; (4) Increase interactive objects, such as mouse changes, interactive scrolling pages and other effects, and increase the recognition of the website.

摘要 i
Abstract ii
誌謝 iv
目錄 v
表目錄 ix
圖目錄 xiii
第一章 緒論 1
1.1研究背景與動機 1
1.2研究目的 3
1.3研究範圍與限制 4
1.4研究流程 5
第二章 文獻探討 6
2.1 網站架設 7
2.1.1網站 7
2.1.2網站架設 9
2.1.3網站架設平台 11
2.2輸入裝置（載具） 13
2.3介面資訊呈現方式 16
2.4資訊架構 18
2.4.1網站尋獲度 18
2.4.2網站深度與廣度 19
2.5使用者介面設計原則與使用性 22
2.5.1使用者介面設計 22
2.5.2使用性 24
2.6 文獻探討小結 25
第三章 研究方法 27
3.1研究方法 27
3.2實驗方法 28
3.2.1狩野分析（KANO Model） 28
3.2.2重要度及表現度分析（Importance－Performance Analysis, IPA） 29
3.2.3任務分析法（task-analysis） 30
3.2.4觀察法（observation） 30
3.2.5半結構式訪談法（interview） 31
3.2.6系統使用性尺度量表（system usability scale, SUS） 31
3.2.7工作負荷指標( NASA task load index, NASA-TLX ) 32
3.2.8個人涉入量表（personal involvement inventory, PII） 32
3.2.9內容分析法（content analysis） 33
3.2.10繪製內容地圖（content map） 34
3.3前導性實驗 34
3.3.1前導性實驗設計 34
3.3.2實驗變項 36
3.3.3實驗樣本 37
3.3.4實驗設備 39
3.3.5前導性任務設定 40
3.4驗證性實驗 41
3.4.1驗證性實驗設計 41
3.4.2研究變項 42
3.4.3實驗樣本 44
3.4.4實驗假設 49
3.4.5實驗流程 50
3.4.6驗證性任務設計 51
3.4.7實驗設備及情境 51
第四章 實驗分析與結果 53
4.1第一階段前導性實驗-KANO、IPA研究結果 53
4.1.1網站架設涉入程度對KANO分析結果 53
4.1.2網站架設涉入程度對IPA分析結果 56
4.2第二階段前導性實驗-任務實驗客觀操作績效研究結果 60
4.2.1任務實驗客觀操作績效-分析結果統整 60
4.2.2受測者資料 61
4.2.3任務0-「創建網頁」功能實驗分析 62
4.2.4任務1-「找到事先架設之測試網站，進入編輯器頁面」功能實驗分析 63
4.2.6任務2-1-「新增網站頁面，重新命名【聯絡我】」功能實驗分析 65
4.2.7任務2-2-「編輯內頁，新增圖示」功能實驗分析 67
4.2.9任務3-1-「切換到指定頁面【關於我】」功能實驗分析 68
4.2.10任務3-2-「選擇指定文字進行編輯」功能實驗分析 70
4.2.11任務3-3-「選擇文字動畫並調整動畫設定，調整持續時間」功能實驗分析 71
4.2.13任務4-1-「選擇並調整動畫設定」功能實驗分析 73
4.2.14任務4-2-「設定動態背景」功能實驗分析 74
4.2.16任務5-「邀請他人擔任共同編輯者」功能實驗分析 76
4.2.17 SUS系統使用性尺度量表實驗分析 78
4.2.18 NASA-TLX工作負荷量表實驗分析 81
4.2.19 訪談內容整理 82
4.2.20 第二階段前導性實驗小結 83
4.3驗證性實驗研究結果 86
4.3.1受測者資料 87
4.3.2任務1-「找到指定網站並進入編輯器頁面」功能實驗分析 88
4.3.3任務2-「切換至指定頁面」功能實驗分析 90
4.3.4任務3「新增動態效果圖面」功能實驗分析 95
4.3.5任務4-「新增網站編輯者」功能實驗分析 98
4.3.6任務5-「新增空白網站」功能實驗分析 100
4.3.7任務6-「新增指定物件並發佈網站」功能實驗分析 103
4.3.8 SUS系統使用性量表實驗分析 105
4.3.9 NASA-TLX心智負荷-實驗分析 108
4.3.10 NASA-TLX動作負荷-實驗分析 110
4.3.11 NASA-TLX時間壓力-實驗分析 112
4.3.12 NASA-TLX精力耗費-實驗分析 114
4.3.13 NASA-TLX挫折-實驗分析 117
4.3.14 NASA-TLX表現績效與滿意度-實驗分析 120
4.3.15 NASA-TLX整體工作負荷量-實驗分析 121
4.3.16 訪談回饋 123
4.3.17 驗證性實驗小結 125
第五章 結論與建議 127
5.1研究結論 127
5.2設計建議與規範 132
5.2.1網站架設平台功能之設計建議 132
5.2.1網站架設平台功能之介面設計建議 134
5.3網站架設平台後續研究建議 137
參考文獻 138
附錄 147
附錄一、個人涉入量表 147
附錄二、KANO 服務品質問卷 149
附錄三、網站架設平台功能IPA重要度-滿意度量表 154
附錄四、SUS系統使用性尺度量表 159
附錄五、NASA-TLX主觀量表 161

1.Albinsson, P. A., & Zhai, S. (2003, April). High precision touch screen interaction. In Proceedings of the SIGCHI conference on Human factors in computing systems (pp. 105-112). Ft. Lauderdale, Florida, USA:CHI. doi:10.1145/642611.642631
2.Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of usability studies, 4(3), 114-123.
3.Bloch, P. H., & Richins, M. L. (1983). A theoretical model for the study of product importance perceptions. Journal of marketing, 47(3), 69-81.
4.Bolshakov, T. B., & Petrov, A. D. (2007, December). Drag and drop display and builder. In 11th International Conference on Accelerator and Large Experimental Physics Control Systems (pp.695-697). Knoxville, TN. doi:10.2172/923520
5.Braddy, P. W., Meade, A. W., & Kroustalis, C. M. (2005). Organizational website usability and attractiveness effects on viewer impressions. In 20th annual conference of the Society for Industrial and Organizational Psychology, Los Angeles, CA: Society for Industrial and Organizational Psychology.
6.Brooke, P. P. (1986). Beyond the steers and rhodes model of employee attendance. Academy of Management Review, 11(2), 345-361.
7.Card, S. K., English, W. K., & Burr, B. J. (1978). Evaluation of mouse, rate-controlled isometric joystick, step keys, and text keys for text selection on a CRT. Ergonomics, 21(8), 601-613.
8.Chin, J. P., Diehl, V. A., & Norman, K. L. (1988, May). Development of an instrument measuring user satisfaction of the human-computer interface. In Proceedings of the SIGCHI conference on Human factors in computing systems (pp. 213-218). NY, United States: Association for Computing Machinery
9.Costa, R., Moggridge, G. D., & Saraiva, P. M. (2006). Chemical product engineering: An emerging paradigm within chemical engineering. AIChE Journal, 52(6), 1976-1986.
10.Coursaris, C. K., Swierenga, S. J., Center, K., Level, G., & Watrall, E. (2007). Effects of color and gender on the perceived attractiveness of websites. In IRMA International Conference. Retrieved from http://www. irmainternational.org/viewtitle/33359.
11.Cushman, W. H., & Rosenberg, D. J. (1991). Human factors in product design. Advances in Human Factors/Ergonomics, 14, 56-62.
12.Danaher, B. G., McKay, H. G., & Seeley, J. R. (2005). The information architecture of behavior change websites. Journal of Medical Internet Research, 7(2), e406.
13.DataReportal (2022). Digital 2022 Global Digital Overview Retrieved from :https://datareportal.com/reports/digital-2022-global-overview-report
14.Esenther, A., & Ryall, K. (2006, May). Fluid DTMouse: Better mouse support for touch-based interactions. In Proceedings of the working conference on Advanced visual interfaces (pp. 112-115). NY, United States: Association for Computing Machinery.
15.Forlines, C., Wigdor, D., Shen, C., & Balakrishnan, R. (2007, April). Direct-touch vs. mouse input for tabletop displays. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 647-656). California, USA: Association for Computing Machinery.
16.Hall, C., Richmond, M., & Hall, G. (2015). Use of an online website builder tool for providing aggregate research results to study participants. Nursing Informatics Today, 30(2), 14-17. Retrieved from：http://er.lib.ncku.edu. tw:2048/login?url-http://search.ebscohost.com/login.aspx?dir
17.Hanington, B., & Martin, B. (2019). Universal methods of design expanded and revised: 125 Ways to research complex problems, develop innovative ideas, and design effective solutions. Beverly, MA: Rockport publishers.
18.Herzberg, F. (1979). Motivation and innovation: Who are workers serving? California Management Review, 22(2), 60-70. https://doi.org/10.2307/41165321
19.Hewett, T. T., Baecker, R., Card, S., Carey, T., Gasen, J., Mantei, M., Perlman, G., Strong, G & Verplank, W. (1992). ACM SIGCHI curricula for human-computer interaction. NY, United States: ACM.
20.iKnow網（2022年1月4日）。如何選擇適合自己的電商架站平台？取自：https://blog.tibame.com/?p=20234
21.Jimmy.（2020年6月28日）。架設網站的方法 (2)：使用架站平台一鍵架設。取自：https://jimmyswebnote.com/how-to-create-a-website-2/
22.Jimmy.（2020年7月7日）。架設網站的方法 (3)：使用CMS – 內容管理系統架設網站。取自：https://jimmyswebnote.com/how-to-create-a-website-by-cms/
23.Johnson PW, Hewes J, Dropkin J, Rempel DM. (1993). Office ergonomics: motion analysis of computer mouse usage. In Proceedings of the American Industrial Hygiene Conference and Exposition(pp. 12-13). Fairfax, VA, USA: AIHA.
24.Kacmar, C. J., & Carey, J. M. (1991). Assessing the usability of icons in user interfaces. Behaviour & Information Technology, 10(6), 443-457.
25.Kano, N., Seraku, N., Takahashi, F., & Tsuji, S. (1984). Attractive quality and must-be quality. Hinshitsu: The Journal of the Japanese Society for Quality Control, 14(2), 39-48.
26.Kin, K., Agrawala, M., & DeRose, T. (2009). Determining the benefits of direct-touch, bimanual, and multifinger input on a multitouch workstation. In Proceedings of Graphics interface 2009 (pp. 119-124). Toronto, Canada:CIPS.
27.Kotler, P. & Keller, K. (2008). Marketing Management. 13th Edition, pp-124. Prentice Hall, New Jersey.
28.Krug, S. (2006). Don't make me think. Un approccio di buon senso all'usabilità del web. Milan, Italia :Tecniche Nuove.
29.Krugman, H. E. (1965). The impact of television advertising: Learning without involvement. Public Opinion Quarterly, 29(3), 349-356. https://doi.org/10.1086/267335
30.Martilla, J. A., & James, J. C. (1977). Importance-performance analysis. Journal of Marketing, 41(1), 77-79.
31.Matsui, S., & Yamada, S. (2008, July). Optimizing hierarchical menus by genetic algorithm and simulated annealing. In Proceedings of the 10th annual conference on Genetic and evolutionary computation (pp. 1587-1594). NY, United States:ACM.
32.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.
33.Morris, M. R. (2006, January). Supporting effective interaction with tabletop groupware. In First IEEE International Workshop on Horizontal Interactive Human-Computer Systems (TABLETOP'06) (pp. 55-56). Adelaide, SA, Australia: IEEE.
34.Morville, P. (2005). Ambient findability: What we find changes who we become. O'Reilly Media, Inc.
35.Musser, J., & O'Reilly, T. (2006). Web 2.0: Principles and best practices. Sebastopol: O'Reilly Media Inc.
36.Newman, M. W., & Landay, J. A. (2000, August). Sitemaps, storyboards, and specifications: A sketch of web site design practice. In Proceedings of the 3rd conference on Designing interactive systems: Processes, practices, methods, and techniques (pp. 263-274). NY,United States:ACM.
37.Nielsen, J. (1993). Usability engineering. London, England: Academic Press.
38.Nielsen, J., & Mack, R. L., (1994). Usability inspection methods. New York, NY: John Wiely & Sons, Inc.
39.Rosenfeld, L., & Morville, P. (2002). Information architecture for the world wide web. " O'Reilly Media, Inc.".
40.Rothschild, M. L. (1984). Perspectives on involvement: Current problems and future directions. ACR North American Advances.
41.Ruth.（2021年5月17日）。如何架設網站？初學者架站完整攻略，8大架站平台不藏私大公開！取自：https://blog.shopline.tw/bulid-website-platform-compare/
42.Sampson, S. E., & Showalter, M. J. (1999). The performance-importance response function: Observations and implications. Service Industries Journal, 19(3), 1-25.
43.Sears, A., & Shneiderman, B. (1991). High precision touchscreens: Design strategies and comparisons with a mouse. International Journal of Man-Machine Studies, 34(4), 593-613.
44.Seppålå, P., & Salvendy, G. (1985). Impact of depth of menu hierarchy on performance effectiveness in a supervisory task: Computerized flexible manufacturing system. Human Factors, 27(6), 713-722.
45.Shneiderman, B., Plaisant, C., Cohen, M. S., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: Strategies for effective human-computer interaction. London,England: Pearson.
46.STRIKINGLY（2020）。無需寫程式！9個最強設計師作品集製作神器推薦。取自：https://tw.strikingly.com/content/blog/designer/
47.Thorlacius, L. (2007). The role of aesthetics in web design. Nordicom Review, 28(1), 63-76.
48.Traylor, M. B. (1981). Product involvement and brand commitment. Journal of Advertising Research, 21(6), 51-56.
49.WebsiteSetup.（2021）. How many websites are there in 2021? 取自：https://websitesetup.org/news/how-many-websites-are-there/#types-of-websites
50.Wood, W. T., & Wood, S. K. (1987). Icons in everyday life. In G. Salvendy, S. L. Sauter, & J. J. Hurrell Jr. (Eds.), Social, ergonomic, and stress aspects of work with computers (pp. 97-104). London, England: Elsevier.
51.Wu, M., & Balakrishnan, R. (2003, November). Multi-finger and whole hand gestural interaction techniques for multi-user tabletop displays. In Proceedings of the 16th annual ACM symposium on User interface software and technology (pp. 193-202). NY,United States:ACM.
52.Wurman, R. S. (1997). Information architecture. Lakewood: Watson-Guptill Pubns.
53.Zaichkowsky, J. L. (1994). The personal involvement inventory: Reduction, revision, and application to advertising. Journal of Advertising, 23(4), 59-70.
54.Zaphiris, P. G. (2000, July). Depth vs breath in the arrangement of web links. In Proceedings of the Human Factors and Ergonomics Society Annual Meeting 44(4), pp. 453-456. Sage CA: Los Angeles, CA: SAGE Publications.
55.林廷宜、楊曜全（2009）。操作說明圖視覺語言分析探討－以避難緩降機為例。2009世界華人工業設計論壇 / 2009中華民國設計學會第14屆設計學術研究成果研討會（p.72）。台北市：中華民國設計學會。
56.張一岑（2000）。人因工程學。楊智文化有限公司。
57.張嘉玲、陸定邦（2009）。高涉入使用者設計知識搜尋模式探討。設計學報，14(4)，23-47。
58.陳寶儀（2022年10月8日）。平板風氣盛行電子化未來走向。取自https://enews.ccu.edu.tw/p/405-1089-26260,c175.php?Lang=zh-tw
59.貴設計（2021）。網站類型有那些？做網站前先釐清網站種類！真的很重要！取自: https://web-design.vip/website-type.html
60.鈕文英（2014）。質性研究方法與論文寫作。臺北市：雙葉書廊。
61.黃柏倫（2021）。藉由整合視覺化函式庫P5.js與網站架設服務平台研發線上互動經驗。國立成功大學，台南市。取自https://hdl.handle.net/11296/37fe46
62.愛貝斯網頁設計公司（2022年9月6日）。網頁設計有哪些種類？每個產業製作網頁與設計網站需要注意的項目。取自https://www.ibest.tw/faq-detail/precautions/
63.葉建榮（2011）。PHP與MySQL網站規劃管理應用。台北市：上奇資訊。
64.趙慧芬、林潔盈、吳莉君（譯）（2012）。設計的方法：100個分析難題，跟成功商品取經，讓設計更棒、更好的有效方法。（原作者：B. Hanington、B. Martin）。臺北市：原點。（原著出版年：2012）
65.蔡明哲、陳書儀（譯）（2017）。資訊架構（原作者: Morville, P., & Rosenfeld, L.）。臺北市：碁峰資訊。（原著出版年2006）
66.蔡維君（2006）。大學圖書館網站好用性評估：以臺灣大學圖書館網站為例（未出版之碩士論文）。國立臺灣大學，臺北市。
67.鄭文俊（1999）。資訊產品螢幕圖像操作介面設計思索與實務。大葉學報，8(1)，111-120。
68.鄭錦文（2012）。平板電腦電子書閱讀程式之介面呈現及編輯方式之設計研究。國立臺灣科技大學，臺北市。
69.謝建成、丁依玲、陳慧倫（2011）。大學圖書館網站資訊尋獲度之研究。資訊管理學報，18(3)，25-49。
70.謝建成、林黃瑋（2012）。基於網站廣度與深度之網站尋獲度研究. Journal of Educational Media and Library Science, 50(2), 255-288.
71.藝立協（2003）。 Blog：部落格線上出版，網路日誌實作。臺北市：上奇科技。