簡易檢索 / 詳目顯示

研究生: 曾靜怡
Jing-Yi Zeng
論文名稱: 旅遊攻略應用程式圖像與介面呈現型式之研究
Research on the Graphic Icons and Interface Presentation Styles of Travel Strategy Application
指導教授: 陳建雄
Chien-Hsiung Chen
口試委員: 陳詩捷
Shih-Chieh Chen
柯志祥
Chih-Hsiang Ko
學位類別: 碩士
Master
系所名稱: 設計學院 - 設計系
Department of Design
論文出版年: 2022
畢業學年度: 110
語文別: 中文
論文頁數: 105
中文關鍵詞: 旅遊攻略應用程式圖像設計使用者體驗介面呈現
外文關鍵詞: Travel strategy application, Graphic icon design, User experience, Interface presentation
相關次數: 點閱:178下載:3
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報

旅遊是現代人紓解壓力、放鬆心情不可或缺的活動之一,隨著國民大眾旅行經驗豐富不斷,年輕一代為主體的遊客數量增長開啟了自主安排行程的自助旅遊時代。旅遊攻略的搜尋和分享平台也因此應運而生,為了吸引更多朋友來此分享旅遊心得及相關遊玩信息,良好的服務體驗、與使用者需求的滿足都將成為市場競爭力的保證。因此,本研究針對對旅遊攻略應用程式進行深入探討,透過現有旅遊攻略應用程式的操作執行,了解使用者在操作時的使用性體驗與需求,以次轉化為驗證實驗之設計依據,而後再進行深入分析,期望提供更好的使用體驗與設計經驗,歸納整理提出可行性的設計建議。

本研究包括兩部分:①探索性調查與前導性實驗:根據文獻探討相關理論分析現有旅遊攻略應用程式的功能與資訊架構式,為驗證實驗樣本設計做準備。②驗證實驗:基於前測研究之結果模擬旅遊攻略應用介面設計並進行驗證,以2x3(介面呈現形式x圖像風格)組間雙因子實驗進行,圖像風格為:漸變風格、扁平風格、手繪風格;介面呈現形式為:簡潔大圖面功能型介面、豐富小圖面分享型介面。先了解受測者基本資訊,再請受測者進行測試樣本的操作任務並計測操作績效,之後邀請受測者填答系統使用性尺度量表(SUS)與使用者互動滿意度量表(QUIS)以及半結構式訪談。

研究結果顯示:①簡潔大圖面功能型介面,信息醒目易讀,能減輕使用者瀏覽資訊的視覺壓力,在介面使用性最佳;②豐富小圖面分享型介面,內容豐富能激發瀏覽分享玩樂信息的慾望,但也由於內容豐富要尋找特定信息時,時間更長,使用性也有所下降;③手繪風格適用於休閒類應用程式,帶有個人色彩,趨向年輕群體,由於個性化設計,在使用中的時間稍長;④扁平風格相較其他風格更為清晰,且扁平色塊不易視覺疲勞,比較適合商業應用; ⑤漸變風格要做到醒目的同時要統一調性,介面背景弱化與圖像色彩的選擇是關鍵,同樣適用於商業運用。


Tourism is one of the indispensable activities for modern people to relieve stress and relax. With the continuous experience of citizens in mass travel, the increase in the number of tourists mainly from the younger generation has ushered in an era of self-guided travel with self-arranged itineraries. Therefore, a search and sharing platform for travel strategies has also emerged. In order to attract more friends to share travel experience and related information, a good service experience and the satisfaction of user needs will become the guarantee of market competitiveness. Therefore, this research study aims to conduct an in-depth discussion on the travel strategy application. Through the operation execution of the existing travel strategy application, we can understand the user's usability experience and needs during operation, transform it into the design basis of the verification experiment, and then conduct in-depth analysis, expect to provide better user experience and design experience, summarize and put forward feasible design suggestions.

This study consists of two parts : ①Exploratory investigation and pilot experiment: Analyze the functions and information architecture of the existing tourism strategy application based on the related theories of literature reviews, and prepare for the verification of the experimental sample design. ②Verification experiment: Based on the results of the pre-test research, the tourism strategy application interface design is simulated and verified, and a two-factor experiment between groups is carried out in 2x3 (interface structure presentation form x image style). First understand the basic information of the participants, and then they were assigned to perform operation tasks. Their task performances were measured. After which, they were invited to fill in the System Usability Scale and Question for User Interaction Satisfaction and accepted semi-structured interviews.

The results show that:①Concise and large-screen functional interface, the information is eye-catching and easy to read, which can reduce the visual pressure of users to browse information, and has the best usability in the interface; ②Rich small-screen sharing interface, rich in content can stimulate browsing, sharing and fun. The desire is for information, but also due to the rich content. When looking for specific information, the time is longer and the usability is also reduced; ③The hand-painted style is suitable for casual applications, with a personal color, and tends to young groups. Due to the personalized design, the task completion time is slightly longer; ④The flat style is clearer than other styles, and the flat color block is not easy to be visually fatigued, which is more suitable for commercial applications; ⑤The gradient style should be eye-catching while at the same time unifying the tone. The keys are weakening of the interface background and the choice of image color, and it is also suitable for commercial applications.

摘要 II ABSTRACT III 誌謝 V 目錄 VI 表目錄 IX 圖目錄 X 第 1 章 緒論 1 1.1 研究背景與動機 1 1.2 研究目的 2 1.3 研究架構與流程 2 1.4 研究的範圍與限制 5 第 2 章 文獻探討 6 2.1 數字背景下的插畫 6 2.2 圖像插畫於應用程式介面之發展 7 2.2.1圖形使用者介面(Graphical User Interface, GUI)發展 7 2.2.2 圖像設計風格於應用程式之發展 7 2.2.3 插畫在使用者介面(User Interface, UI)的優勢 10 2.3 旅遊攻略應用程式發展 12 2.3.1 生活服務類應用程式的需求層次 12 2.3.2休閒旅遊之動機 13 2.3.3旅遊業及旅遊攻略應用程式之發展 14 2.4介面之使用者體驗設計 16 2.4.1使用者認知性視覺資訊 16 2.4.2使用性工程 17 2.4.3使用者體驗 17 2.4.4使用性評估 18 2.5文獻小結 19 第 3 章 研究方法 20 3.1 研究進行步驟 20 3.2 研究方法 21 3.3研究架構與流程 22 第 4 章 前導性實驗 23 4.1 探索性研究 23 4.2 前導性實驗樣本 24 4.3 前導性實驗說明 26 4.3.1 前導性實驗設備 26 4.3.2 前導性實驗設計 26 4.4 前導性實驗受測者基本資料分析 28 4.5 前導性實驗結果與分析 29 4.5.1 前導性實驗操作任務之分析 30 4.5.2 前導性實驗操作任務之系統使用性尺度量表(SUS)分析 40 4.6 前導性實驗結論與建議 40 第 5 章 實驗設計與驗證 42 5.1 驗證實驗說明 42 5.1.1 驗證實驗研究變項 42 5.1.2 驗證實驗原型製作 43 5.1.3 驗證實驗設計 47 5.1.4 驗證實驗受測者資訊 48 5.2 驗證實驗結果 51 5.2.1 任務操作績效分析 51 5.2.2 系統使用性尺度量表(SUS)分析 67 5.2.3 使用者互動滿意度量表(QUIS)分析 69 5.2.4 半結構式訪談結果 76 第 6 章 結論與建議 77 6.1研究結果 77 6.1.1 探索性調查與前導性實驗結果整理 77 6.1.2 驗證實驗之任務操作績效結果整理 78 6.1.3 驗證實驗之系統使用性尺度量表(SUS)、使用者互動滿意度量表(QUIS)結果整理 80 6.2 結論與建議 81 參考文獻 83 附錄 88

中文文獻

1. 中村好明(2019)。大旅遊時代的攻客秘訣:解析訪日人數如何突破三千萬。台北市:行人文化實驗室。
2. 瓦爾特·班雅明(2019)。機械複製時代的藝術作品:班雅明精選集。(莊仲譯)。台北市:商周出版,新北市新店區:聯合總經銷。(原著出版年:1993)。
3. 任輝敏(2016)。手機介面設計的趣味性研究。設計,17,2。
4. 馬泉(2003)。廣告圖形創意(M)。武漢:湖北美術出版社。
5. 陳建雄(2021)。Introduction to Human Memory。陳建雄老師人因工程課程講義。
6. 唐納德·諾曼(2015)。設計心理學。(小柯譯)。北京市:中信出版集團公司。
7. 徐蘇與林振榮(2004)。交互設計在電子商務網站中的應用研究。科技廣場,9,122。
8. 理查德·伯蘭罕(1999)。認知性設計。設計咨詢室季刊,Vol. 1 No. 3 民國75年9月號,15-23。
9. 張思雨(2019)。插畫在生活服務類APP中的應用研究。碩士論文,江南大學設計學系。
10. 黃士瑩等人(2015)。日本遊客對台南古蹟的旅遊動機、滿意度與重遊意願之研究。觀光與休閒管理期刊,3,1,25-40。
11. 焦潔、孫成成(2013)。插畫colored word:魔幻x時尚x玩樂x驚艷。台北市:佳魁文化。
12. 寒月、雅君(2020)。2020上半年度APP分類排行。互聯網週刊,16,28-38。
13. 葉瑩(2015)。插畫風格在手機APP介面設計中的優勢。設計藝術,8,277-278。
14. 提姆·布朗(2021)。設計思考改造世界。(吳莉君,陳依婷譯)。新北市汐止區:聯經出版社,新北市新店區:聯合總經銷。
15. 鄭亦均 (2013)。以設計者需求為導向的心智圖APP互動介面研究。大同大學工業設計研究所碩士論文。
16. 曹志豪(2004)。網際網絡型態旅遊資訊搜尋行為之研究。碩士論文,朝陽科技大學休閒事業管理系。
17. 劉佩智(2015)。插畫在APP使用者圖形介面中的運用。現代裝飾(理論)11,208-209。
18. 蕭岳誌(2019)。高雄棧貳庫遊客休閒旅遊動機、旅遊體驗與重遊意願之關聯 性探討-以網路口碑為中介變數。國立高雄科技大學行銷與流通管理系碩士論文。

英文文獻

1. Abubakar, A. M., & Ilkan, M. (2016). Impact of online WOM on destination trust and intention to travel: A medical tourism perspective. Journal of Destination Marketing & Management, 5(3), 192-201.
2. Anderson, J. & Bower, G. (1973) Human Associative Memory, Hillsdale, NJ: Eribaum Associates.
3. Beard, J. G. & Ragheb, M. G. (1983). Measuring leisure motivation. Journal of Leisure Research,15(3),219-228.
4. Dann G M S.(1981)Tourism motivation: An appraisal.Annals of Tourism Research, 8(2): 187-219.
5. D. G. Treichler.(1967)Are you missing the boat in training aids? Filem and Audio-Visual communication. 48(1): 14-16, 28-30, 48.
6. Garrett, J. J. (2011). The elements of user experience: User-centered design for the Web and beyond. Indianapolis, Ind.: New Riders.
7. Hassenzahl, M. & Tractinsky, N. (2006). User experience-a research agenda. Behavior & Information Technology, 25(2), 91-97.
8. Jalilvand, M. R., & Samiei, N. (2012). The impact of electronic word of mouth on a tourism destination choice: Testing the theory of planned behavior (TPB). Internet Research: Electronic Networking Applications and Policy, 22(5), 591-612.
9. Lindsay, P. & Norman, D. (1977) Human Information Processing, New York: Academic.
10. Marr, Y. (1982). Vision, A Computational Investigation into the Human Representation and Processing of Visual Information, San Francisco, CA: W. H. Freeman.
11. Maslow, A.H. (1943). A theory of human motivation. Psychological Review 50 (4) 370–96.
12. McIntosh, R.W., & Goldner, C. R. (1990). Toursim :Principles, Paractices, Philosophies (2nd ed).New York:John Wiley & Sons Inc.
13. Miller, G. , Galanter, E. & Pribram, K. (1960) Plans and Structure of Behavior, New York: Holt, Rinehart, and Winsion.
14. Nielsen, J. (1993). Usability Engineering. San Diego, CA: Academic Press.
15. Paluch, K. (2006). What Is User Experience Design, Montparnas.
16. Rita, P., Brochado, A., & Dimova, L. (2018). Millennials’ travel motivations and desired activities within destinations: A comparative study of the US and the UK. Current Issues in Tourism, 1-17.
17. Sisler, P. & Titta, C. (2021). User Experience Design for Working Web Sites and Applications, STC proceedings.
18. Salha, N. (2012). Aesthetics and Art in the Early Development of Human-Computer Interfaces, SkerkeVerlag.
19. Sung, Y. K., Chang, K. C., & Sung, Y. F. (2016). Market segmentation of international tourists based on motivation to travel:
A case study of Taiwan. Asia Pacific Journal of Tourism Research, 21(8), 862-882.
20. Van Essen, D. & Maunsell, J. (1983) Hierarchical organization and functional Streams in the visual conex. Trends in NeuroSciences, September, 370-375.
21. Vogt, C. A., & Fesenmaier, D. R., (1998). Expanding the functional information search model. Annals of Tourism Research, 25(3), 551-578.
22. Walter Benjamin. (1993). Das Kunstwerk im Zeitalter seiner technischen Reproduzierbarkeit. Taipei: Shangzhou Publisher.
23. Waugh, N. C., & Norman, D. A. (1965), Primary memory. Psychological Review, 72, pp. 89-104.
24. Yoon, Y., & Uysal, M. (2005). An examination of the effects of motivation and satisfaction on destination loyalty: A structural model. Tourism management, 26(1),45-56.

網路文獻

1. CDC(2019年11月1日)。「2019騰訊00後研究報告」。取自:https://cdc.tencent.com/2019/11/01/2019腾讯00后研究报告/
2. Dayton, Tom(2012.8.22). "Object-Oriented GUIs are the Future". OpenMCT Blog.
from:https://web.archive.org/web/20140810170239/http://openmct.blogspot.com/2012/08/object-oriented-guis-are-future.html
3. 教育部重修國語辭典修訂本。「插畫」【釋義】。取自:http://dict.revised.moe.edu.tw/cgi-bin/cbdic/gsweb.cgi?ccd=AD7tUZ&o=e0&sec=sec1&op=v&view=0-3
4. 劍橋辭典。「illustration」【翻譯】。取自:https://dictionary.cambridge.org/zht/%E8%A9%9E%E5%85%B8/%E8%8B%B1%E8%AA%9E-%E6%BC%A2%E8%AA%9E-%E7%B9%81%E9%AB%94/illustration
5. 譚璐(2021年1月4日)。2021-2027年中国移动互联网APP产业发展动态及投资策略研究报告。取自:https://www.sohu.com/a/442341819_120961824
6. WORLD TRAVEL & TOURISM COUNCIL. (nd). Economic Impact Reports. Retrieved June 6, 2021, from: https://wttc.org/Research/Economic-Impact

QR CODE