本研究針對花蓮原住民文創產業缺乏網路通路，導致原住民文創商品價值無法提升，花蓮原住民文創商通常以實體通路銷售，不利於現代的購物模式，花蓮地區的原住民工藝仍缺乏適合的網站建置模式。因此研究的目的在於如何用行動研究的方式建立一個專門屬於原住民文化商品的網站，並與原住民文化創意工作者或藝術家共同規劃合適的網站架構，建立可提升產品價值感的網站銷售平台。
本研究透過了解原住民文創產業的網站現況，分析以台灣原住民文創商品網站，並瞭解目前網站版面設計的趨勢，作為建立專屬網站平台的參考。並透過與原住民文化創意工作者或藝術家的合作，規劃網站的架構，包括版面設計、商品排列、功能選擇等，有助於我們設立一個專屬於原住民文創商品的網站，以促進花蓮原住民文創產業得在網路上順利的發展與推廣。
本研究以質化研究方法進行，首先透過網路與相關文獻的搜尋，了解現有的原住民文創產業網站的現況，然後進行問卷調查與深入訪談，了解消費者對原住民文創商品的需求與喜好。最後，透過專家評估與比較現有網站，以確立一個符合消費者需求與提升原住民文創產品價值的網站平台。

This study addresses the lack of online channels for the indigenous cultural and creative industry in Hualien, which has resulted in the inability to enhance the value of indigenous cultural and creative products. Hualien's indigenous cultural and creative businesses typically rely on physical sales channels, which are not conducive to modern shopping patterns. The indigenous crafts in the Hualien area still lack a suitable website construction model. Therefore, the purpose of this study is to establish a website specifically for indigenous cultural products using action research, and to plan an appropriate website structure in collaboration with indigenous cultural creative workers or artists, thereby creating a website sales platform that can enhance product value.
This study understands the current situation of the website of the indigenous cultural and creative industry by analyzing Taiwanese indigenous cultural and creative product websites, and understanding the current trends in website layout design as a reference for establishing a dedicated website platform. Through cooperation with indigenous cultural creative workers or artists, we plan the structure of the website, including layout design, product arrangement, function selection, etc., which helps us to establish a website dedicated to indigenous cultural and creative products, to promote the smooth development and promotion of Hualien's indigenous cultural and creative industry on the Internet.
This study uses qualitative research methods. First, it understands the current situation of existing indigenous cultural and creative industry websites through internet and related literature searches. Then, it conducts questionnaire surveys and in-depth interviews to understand consumer demand and preferences for indigenous cultural and creative products. Finally, through expert evaluation and comparison of existing websites, it establishes a website platform that meets consumer needs and enhances the value of indigenous cultural and creative products.

第一章 緒論 1
1.1 研究背景與動機 1
1.1.1 研究背景 1
1.1.2 研究動機 2
1.2 研究目的 3
1.2.1 研究目的 3
1.2.2 研究概念 3
1.3 研究議題與方法 5
1.3.1 研究議題 5
1.3.2 研究方法 5
1.4 網站內容企劃及網站實作 6
1.5 研究限制與倫理 7
1.5.1 研究範疇與限制 7
1.5.2 研究倫理 7
第二章 文獻探討與案例分析 9
2.1 文化創意產品 9
2.1.1 文化創意商品 9
2.1.2 原住民文化商品及線上銷售 10
2.1.3 原住文創民網站現況 11
2.2 研究案例 12
2.2.1 個案分析 12
2.2.2 版面設計 31
2.3 網站架構 32
2.3.1 網站地圖 33
2.3.2 網站地圖標籤 33
2.3.3 網站導覽方式 34
2.3.4 線框圖 34
2.4 響應式網頁設計 36
2.4.1 RWD網站顯示 37
2.4.2 Bootstrap網站前端框架 39
第三章 研究設計 41
3.1 研究方法與流程 41
3.2 程序與方法 42
3.2.1 行動研究 42
3.2.2 訪談 44
3.2.3 利害關係人訪談規劃 45
3.2.4 專家訪談 47
3.3 網站內容企劃及網站實作 48
3.3.1 網站內容企劃 48
3.3.2 修改網站原型後完成網站 48
3.3.3 網頁設計及建立系統步驟 49
3.3.4 線框圖（Wireframes） 53
第四章 研究實踐與結果 57
4.1 規劃行動 57
4.1.1 規劃行動 57
4.1.2 訪談分析 60
4.1.3 規劃內容 63
4.2 網站架設 65
4.2.1 版面設計(RWD) 66
4.2.2 版面配色調整 68
4.2.3 網站分類 網站架構 69
4.2.4 導覽方式 72
4.2.5 頁面設計方式 75
4.2.6 問題發現與解決問的 89
4.3 專家建議 90
4.3.1 專家的訪談 91
4.3.2 網站改善 92
4.3.3 利害關係人反饋 97
4.3.4 問題討論 99
第五章 結論 101
5.1 結論 101
5.2 未來研究方向 102
中文參考文獻 104
英文參考文獻 107
附件一 利害關係人訪談同意書 109
附件二 利害關係人正式訪談大綱 110
附件三 專家訪談同意書 112
附件四 專家正式訪談大綱 113
附件五 葛都桑音樂工作室訪談資料整理 115
附件六 瑁瑁瑪邵訪談資料整理 118

Bogdan, R. C., & Biklen, S. K. (2001). 質性教育研究：理論與方法 (黃光雄 & 李奉儒, Trans.). 濤石文化。
Godaddy(2022)。為創意人士打造的網域名稱.art。取自: https://tw.godaddy.com/tlds/art-domain
Henning, J. E., Stone, J. M., & Kelly, J. L. (2011). 精進教學使用的行動研究 (王智弘 & 王文科, Trans.). 五南圖書出版股份有限公司。頁53。
Microsoft Clarity網站工具(2023) 。使用 Clarity 查看使用者的需求。取自: https://clarity.microsoft.com/
Shizu Chen (2022)。你的網站有好的導覽列頻道嗎？五大重點教你設計導覽列頻道。取自: https://awoo.ai/zh-hant/blog/navigation-menu-seo
文化部（2014）。2014臺灣文化創意產業發展年報。頁205。
文化部（2021），2021臺灣文化創意產業發展年報。頁73。
王政傑 (2016)。傳統與時尚。取自: https://www.mingweekly.com/culture/art/content-7853.html
吳明隆（2001）。教育行動研究導論。台北市：五南。
李如菁、何明泉（2009）。博物館文化商品的再思考：從跨界的觀點出發。雲林縣：設計學報，14卷4期。頁71。
阮綠茵(2010)。設計研究方法二版。第八章:訪談法。台北縣:全華出版股份有限公司。頁125
林文昌（1989）。色彩計畫。台北市：藝術圖書公司。頁91-98。
林世健、張景行 (2011)。以社群經營結合客製化文創商品網路商務平台之創新價值鏈初探。新北市：中華印刷科技年報。頁417 – 431。
武井由紀子、遠藤直、中島克彥 (2012)。網站使用者中心策略。台北市:商業周刊。頁2。
花蓮縣政府原住民行政處(2022年12月6日)。族群簡介。取自https://ab.hl.gov.tw/zh-tw/Explore/Ethnic_GroupIntro
邱義仁、周煥銘（2018）。文創商品設計與品牌分析之研究－以台灣WANGMEILI自創品牌包包為例，台南市：文化創意產業研究學報，8卷2期。頁25 – 34。
原住民族委員會(2022年9月1日)。原住民族16族簡介。取自: https://www.cip.gov.tw/zh-tw/tribe/grid-list/index.html?cumid=8F19BF08AE220D65
原住民族委員會(2022年9月14)。原住民族16族簡介。取自:https://www.cip.gov.tw/zh-tw/news/data-list/6EBE68EA8288674E/1F8F1DEAFAE5C16796EC7EA4291B1657-info.html
高志翔 (2009) 網際網路中的原住民族傳播權益實踐—以台灣原住民族網路社群為例。碩士論文。花蓮縣：國立東華大學族群關係與文化研究所。
國家發展委員會推動(2018年12月1日)。國家發展委員會推動「設計翻轉、地方創生」示範計畫。取自: https://www.ndc.gov.tw/Content_List.aspx?n=4A000EF83D724A25
梁璟紅（2006）。Web Designer 網頁設計關鍵 Idea。台北市：電腦人文化。頁120。
渥德科、戈維拉 (2011)。架站前一定要上的10堂課：網站企畫成功術。台北市:貓頭鷹出版社。頁169-178。
經濟部統計處（2022）。網購市場順勢躍升新高，成長率優於整體零售業。取自:https://www.moea.gov.tw/Mns/dos/bulletin/Bulletin.aspx?kind=9&html=1&menu_id=18808&bull_id=9673
葉乃嘉（2013）研究方法的第一本書: 教育、人文與社會科學研究的入門書。台北市:五南圖書出版股份有限公司。頁187-199。
詹偉雄（2005）。符號帝國 （完整導讀版，詹偉雄導讀）。台北市: 麥田。頁50 – 51
維基百科 (2010)。響應式網頁。取自:https://zh.wikipedia.org/zh-tw/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
臺灣學術倫理教育資源中心(2018年12月1日)。研究倫理專業規範與個人責任。取自: https://ethics-s.moe.edu.tw/static/ethics/u02/p01.html
蔡佳修 (2019)。響應式網站介面設計應用創作-朝陽新聞台。台中市：朝陽科技大學。頁40。
蔡明哲、陳書儀 (譯) ( 2021) 資訊架構學。(原作者：Louis Rosenfeld & Peter Morville & Jorge Arango)。台北市:歐萊禮。頁419。
蔡清田(2008)。教育行動研究公司。台北市:五南圖書出版股份有限公司。頁5-8。
蔡雅婷（2020）。從FCB方格模型中探討產品類型與網頁設計風格對視覺情境意象的影響。碩士論文。新北市：明志科技大學。頁16。
鄭自隆（2013）。文創行銷。台北市: 五南。頁194
鄭義融（2019）。原住民文化創意產業執行創新管理的關鍵成功因素之研究。東方學報第40期，頁159。
魏澤群(2007)，優使性2.0(Usability 2.0)-網站經驗設計與使用者研究。台北市:網亦資訊科技股份有限公司。頁8-4。
100 DAYS OF PRODUCT DESIGN (2022) LOW-FIDELITY WIREFRAMES. From: https://imprint.li/100days/index.php/portfolio-items/day-15-low-fidelity-wireframes/
Bootstrap (2022) Build fast, responsive sites with Bootstrap. From: https://getbootstrap.com/
Briggs, C.L.(1986).Learning how to ask: A sociolinguistic appraisal of the role ofthe interview in social science research. New York: Cambridge University Press, 39-60.
Brijesh Babariya. (2015) An E-commerce Web Wireframe. From: https://www.behance.net/gallery/29818351/An-E-commerce-Web-Wireframe
Christina Wodtke.Austin Govella(2009). Information Architecture: Blueprints for the Web，Edition 2, 171-179 。
Elliott, J. (1992). Action research for educational change . Milton Keynes: Open University Books, 112.
Ethan Marcotte. (2010, May 25). Responsive Web Design. Retrieved From: https://alistapart.com/article/responsive-web-design
Joomla! (2022) About Joomla! . From: https://www.joomla.org/about-joomla.html
Josh Clark (2010, May 3) Content is like water. From: https://www.matrixinternet.ie/what-is-a-fully-responsive-website/
Lewin, K. (1946). Action research and minority problems. In G.W. Lewin(Ed.), Resolving Social Conflicts. New York: Harper & Row, 34-48.
Louis Rosenfeld, Peter Morville, Jorge Arango(2018). Information Architecture: For the Web and Beyond，Edition 4, 271-285.
Perry, C. & Zuber-Skerritt, O.(2002). Action research within organizations and university thesis writing. The Learning Organization, 171-241.
Taylor, S. J. & Bogdan, R.（1984）. Introduction to qualitative research methods.New York: John. , 105-108.
WHATWG community (2022) HTML Living Standard. From: https://html.spec.whatwg.org/multipage/sections.html#the-nav-element/WordPress Vs. Joomla Vs. Drupal (2022) WordPress Vs. Joomla Vs. Drupal (CMS Comparison) . From: https://www.guru99.com/joomla-vs-wordpress-vs-drupal.html
World Wide Web Consortium (2020) WHAT IS CSS? From: https://www.w3.org/Style/CSS/Overview.en.html
World Wide Web Consortium (2022) ABOUT W3C. From: https://www.w3.org/Consortium/