自後疫情時代以來人們提升了健康的意識，希望透過運動提高自身的免疫力，過去在疫情嚴峻期間為了保持安全的社交距離，世界各地開始有上班族改用自行車作為通勤代步的工具，促成2022年臺灣自行車產業的外銷訂單來到歷史高峰；然而，因為在疫情期間過度製造生產，在2023年產生需要去化庫存的問題。本研究長期觀察發現臺灣自行車產業B2B電子採購商務網站，如輪彥國際、經緯國際與臨界數位，其網站均以產品作為分類，對於國外自行車買家安排訪廠行程不甚便利，故本研究嘗試以臺灣自行車產業聚落的地理位置作為分類，以「原型法」(Prototyping)運用資訊圖表設計(Infographics)元素製作網站，結合資訊圖表的地圖類型搭配圖形符號(Pictogram)完成原型網站的建置與調查。本研究蒐集相關文獻分析發現以資訊圖表運用於自行車產業聚落網站具有可行性，並藉由原型法進行線上問卷及深度訪談後獲取自行車產業專家對於原型法的正面回饋，最後依據上述研究結果進行自行車產業聚落與旅遊網站設計創作，提供國外自行車業者迅速取得採購資訊，並能更直覺方便安排訪廠及旅遊行程。

Since the post-pandemic era, people have increased their awareness of health, hoping to boost their immunity through exercise. During the height of the pandemic, to maintain safe social distancing, office workers worldwide began using bicycles as a commuting tool. This shift led Taiwan's bicycle industry to reach a historic peak in export orders in 2022. However, due to excessive production during the pandemic, the industry faced inventory clearance issues in 2023.

Through long-term observation, this study found that B2B e-commerce platforms in Taiwan’s bicycle industry, such as Taiwan Bicycle Source (TBS), Taiwan Bicycle Guide (TBG) and Bicycle Cluster, categorize their websites by products, which is not particularly convenient for international bicycle buyers when arranging factory visits. Therefore, this study attempts to categorize information based on the geographic locations of Taiwan's bicycle industry clusters.

Using the Prototyping methodology, the study incorporates infographics design elements to develop a prototype website. The prototype combines map-based infographics with pictograms to create a functional website for evaluation and analysis. A literature review revealed that using infographics for bicycle industry cluster websites is feasible. Online surveys and in-depth interviews with industry experts were conducted, yielding positive feedback regarding the prototype approach.

Finally, based on the research findings, the study designed and developed a website integrating information on industrial clusters and tourism. The platform aims to provide international buyers with quick access to procurement information while offering a more intuitive and convenient way to arrange factory visits and travel itineraries.

中文文獻：
Hanington, B. & Martin, B.（2016）。設計的方法：100 個分析難題，跟成功商品取經，讓設計更棒、更好的有效方法（趙慧芬、林潔盈、吳莉君譯）。臺北市：原點。（原著出版於 2012）
陳玉慈（2021）。新北投聲音視覺化研究創作。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
陳紫含（2020）。營養成份資訊視覺化之設計研究。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
邱詒暄（2019）。資訊圖表應用於緊急救護之創作研究。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
修瑞韓（2020）。資訊型動態圖像呈現之研究–以假新聞為主題。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
鄭旭貿（2015）。資訊圖表應用於臺灣竹產業介紹之創作研究。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
黃怡禎（2014）。展覽活動APP主題視覺與圖形符號之創作研究。未出版之碩士論文，國立臺灣師範大學藝術學院設計學系，臺北市。
王怡人（2014）。資訊圖像於地圖設計之應用。未出版之碩士論文，國立臺灣大學地理學系，臺北市。
蔡子瑋（2009）。美感情緒與網頁視覺信息的關係研究。未出版之博士論文，國立國立交通大學應用藝術研究所，臺北市。
輪彥國際有限公司（1995）。〈經貿回顧〉自行車市場快訊 23：84-85。。新北市：創新書報。
遠見雜誌（2021）。臺灣「自行車王國」再創下一個盛世！
遠見雜誌（2019）。五成外銷電動單車來自大村美利達領軍打造產業聚落。
外貿協會（2018）。臺灣產業聚落。臺北市：外貿協會。
木村博之（2012）。設計的邏輯：INFOGRAPHICS 深入人心的視覺法則（楊宗訓譯）。臺北市：旗標。
Re-lab 團隊（2017）。人人都能上手的資訊圖表設計術。臺北市：時報文化。
Richard Saul Wurman（1994）。資訊焦慮。臺北市：時報出版。
櫻田潤（2014）。不懂設計，也能做出令人驚豔的資訊圖表。新北市：聯經。
Jason Lankow, Josh Ritchie & Ross Crooks（2013）。視覺資訊的力量。新北市：大寫出版社。（原著出版於 2012）
永原康史（2018）。資訊視覺化設計的潮流: 資訊與圖解的近代史（李柏黎/ 嚴可婷譯）。臺北市：雄獅圖書。
Greg Miller, Betsy Mason（2018）。地圖的故事：悠遊在現實與想像、科學與藝術之間的地圖學發現之旅（陳義仁譯）。臺北市：大石國際文化。
Claus O. Wilke（2020）。資料視覺化：製作充滿說服力的資訊圖表（張雅芳譯）。臺北市：歐萊禮。
黃子芸、黃惠萍（2018）。科學議題資訊圖表呈現對閱聽人閱讀經驗與閱讀理解之影響。科學教育學刊，第26卷第 3 期，197-218。
陳佩琪、廖偉民（2017）。影片型資訊圖表轉場研究創作。感性與創意實踐研討會，佛光大學創意與科技學院。
林孟潔（2014）。時間性資訊圖表應用於互動式介面設計之創作研究－以近代平面設計史為例（未出版碩士論文）。國立臺灣師範大學設計研究所，臺北市。
洪嘉茹（2021）。臺灣⿅港⽼街插畫地圖設計創作之研究（未出版碩士論文）。朝陽科技大學視覺傳達設計系，臺中市。
吳慧潔（2020）。觀光插畫地圖設計美學與創作研究（未出版碩士論文）。朝陽科技大學視覺傳達設計系，臺中市。

網路資料：
中央社。總統：去年自行車產值逾2千億 結合科技讓MIT更響亮。https://www.cna.com.tw/news/afe/202303220102.aspx（搜尋日期2023/11/2）
經濟部統計處。自行車產業連續兩年產值創新高。https://www.moea.gov.tw/Mns/dos/bulletin/Bulletin.aspx?kind=9&html=1&menu_id=18808&bull_id=10253（搜尋日期2023/11/3）
Internet Archive。Recueil de travaux relatifs à la philologie et à l'archéologie égyptiennes et assyriennes by Maspero, G. (Gaston), 1846-1916。https://archive.org/details/recueildetravaux27masp/page/242/mode/2up（搜尋日期2024/11/20）
Wikimedia。The map of Napoleon's Russian campaign。https://en.wikipedia.org/wiki/Charles_Joseph_Minard（搜尋日期2024/12/13） Wikimedia。Investigation by John Snow。https://en.wikipedia.org/wiki/1854_Broad_Street_cholera_outbreak（搜尋日期2024/12/13）
Wikimedia。Map of underground lines, 1908。https://en.wikipedia.org/wiki/Harry_Beck（搜尋日期2024/12/15）
Wikimedia（2024）。Beck's Underground Map of 1933。https://en.wikipedia.org/wiki/Harry_Beck（搜尋日期2024/12/15）