簡易檢索 / 詳目顯示

研究生: 黃詩媛
Huang, Shih-Yuan
論文名稱: 以服務設計觀點探討手搖飲料含糖資訊應用程式介面設計之創作研究
A Creative Study on the Interface Design of Sugar Content in Hand-Shaken Beverages Application Based on the Service Design Perspective
指導教授: 王千睿
Wang, Chien-Jui
口試委員: 王千睿
Wang, Chien-Jui
梁桂嘉
Liang, Kuei-Chia
范成浩
Fan, Chen-Hao
口試日期: 2025/01/16
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2025
畢業學年度: 113
語文別: 中文
論文頁數: 258
中文關鍵詞: 手搖飲料含糖資訊使用者介面設計服務設計應用程式
英文關鍵詞: hand-shaken beverages, sugar content information, user interface design, service design, application
研究方法: 文獻分析法問卷調查法案例分析法
DOI URL: http://doi.org/10.6345/NTNU202500289
論文種類: 學術論文
相關次數: 點閱:23下載:2
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 本研究以服務設計視角為核心,聚焦於手搖飲料消費場景中糖份資訊取得困難的問題,提出一套以使用者需求為導向的應用程式設計方案。隨著健康意識的提升及手搖飲料產業的蓬勃發展,消費者對含糖飲料資訊的需求日益增加。然而,現行的標示方式大多過於繁雜且缺乏即時性,未能有效滿足大眾需求。本研究運用文獻探討、問卷調查及案例分析,結合服務設計的核心方法,系統性地挖掘消費者痛點並提出創新解決方案。研究過程採用雙鑽石設計模型,結合利害關係人分析、人物誌、顧客旅程地圖及服務藍圖等服務設計工具,全面優化使用者體驗。設計成果包括結構化的資訊架構、清晰的功能地圖及流暢的介面流程圖,並透過線框圖進行視覺化展示。應用程式整合了即時糖量標示、每日紀錄與行動預點功能,提供清晰易懂的糖量資訊,並透過方糖顆數與色彩區分強化視覺效果,幫助使用者在選購飲品時快速掌握關鍵數據。此外,紀錄功能輔助使用者進行長期糖量攝取追蹤,搭配健康管理目標設定,促進健康行為改變。本研究進一步透過原型測試與系統可用性量表,驗證應用程式的實用性與效能。測試結果顯示,應用程式在功能設計與使用體驗方面獲得高評價,平均得分達 90 分,充分證明其在即時手搖飲料糖量資訊傳遞與健康管理需求中的價值。受測者一致認為其具備清晰的邏輯結構與直觀的操作介面,成功降低學習成本並提升使用效率。研究結論表明,服務設計方法在結合數據分析、使用需求與行業特性方面展現了明顯優勢。本研究設計的應用程式,不僅有效增強了消費者對手搖飲料含糖資訊的理解與控糖行為的管理能力,亦為健康管理類應用程式的設計與優化提供了具體的實踐參考。未來可探索多元數據整合與系統協作的可能性,進一步深化功能並擴大其應用範疇,為使用者提供更全面的健康管理支持。此方向有助於提升應用程式的實用性與適用性,為健康管理領域的研究與實務應用帶來新的啟發與價值。

    This study adopts a service design perspective to address challenges in accessing sugar content information for hand-shaken beverages and proposes a user-centered application design. With rising health awareness and the rapid growth of the hand-shaken beverage industry, consumer demand for sugar content information has increased. However, current labeling methods are overly complex and lack immediacy, failing to meet public needs. Through literature reviews, surveys, and case analyses, this study identifies consumer pain points and provides innovative solutions using service design methodologies. The research applies the Double Diamond Design Model and tools like stakeholder analysis, personas, customer journey maps, and service blueprints to optimize user experience. Design outcomes include structured information architecture, clear functional maps, seamless interface flow diagrams, and visualized wireframes. The application integrates features such as real-time sugar labeling, daily tracking, and mobile pre-ordering to make sugar content information accessible. Visual aids like sugar cube icons and color differentiation enhance clarity and help users quickly understand beverage details. Additionally, tracking features support long-term monitoring of sugar intake and health goal setting, encouraging behavioral changes. Prototype testing and System Usability Scale evaluations confirmed the application’s effectiveness, achieving an average score of 90, reflecting high user satisfaction. Participants praised its clear structure and intuitive interface, which reduced learning costs and improved usability. The findings demonstrate that service design effectively integrates data analysis, user needs, and industry characteristics. The application enhances consumer understanding of sugar content and supports intake management, offering valuable references for health management application design. Future studies can explore multi-source data integration to expand functionality and improve applicability, further supporting comprehensive health management solutions.

    謝誌 i 摘要 ii Abstract iii 目錄 iv 表目錄 viii 圖目錄 x 第壹章 緒論 1 第一節 研究背景與動機 1 一、手搖飲料產業蓬勃發展 1 二、國際健康意識提高 2 三、手搖飲料標示法規演進 3 四、糖份資訊取得不易 4 五、以服務設計觀點探討 4 第二節 研究目的 7 第三節 研究範圍與限制 9 一、研究範圍 9 二、研究限制 10 第四節 研究流程與架構 11 第貳章 文獻探討 13 第一節 服務設計相關文獻 13 一、服務設計定義與原則 13 二、服務設計流程 16 三、服務設計工具 20 四、小結 25 第二節 手搖飲料相關文獻 27 一、手搖飲料產業歷程 27 二、手搖飲料發展趨勢 32 三、手搖飲料標示法規 36 四、小結 40 第三節 含糖資訊相關文獻 41 一、含糖飲料攝取現況 41 二、糖對健康之影響 43 三、國際減糖飲食趨勢 45 四、小結 48 第四節 使用者經驗相關文獻 49 一、使用者經驗設計定義與要素 49 二、使用者經驗指標 50 三、小結 52 第五節 使用者介面相關文獻 53 一、使用者介面設計定義與原則 53 二、使用性評估與原則 54 三、使用性目標與方法 56 四、小結 59 第六節 文獻探討小結 61 第參章 研究方法與分析 63 第一節 研究方法與步驟 63 第二節 研究結果與分析 67 一、文獻分析法 67 二、問卷調查法 69 三、案例分析法 82 第三節 研究方法與分析小結 91 第肆章 創作設計 93 第一節 使用者定義與探索 93 一、利害關係人分析 93 二、人物誌 102 三、顧客旅程地圖 108 四、服務藍圖 121 第二節 原型規劃 133 一、資訊架構 133 二、功能地圖 140 三、介面流程圖 158 四、線框圖 172 第三節 原型建構 191 一、品牌識別設計 191 二、視覺風格設計 193 三、糖量標示原則 197 第四節 完成原型 203 一、初始登入設定 204 二、首頁 206 三、預點頁 208 四、紀錄頁 210 五、社群頁 212 六、個人頁 214 第五節 原型測試與設計迭代 217 一、流程規劃與內容設計 217 二、使用者測試與結果分析 224 三、測試歸納與設計迭代 237 第六節 創作成果 241 第伍章 結論與建議 245 第一節 研究結論 245 第二節 後續研究建議 249 參考文獻 251

    王藍亭(1994)。台灣清涼飲料包裝視覺設計之研究(未出版碩士論文)。國立臺灣科技大學工程技術研究所,臺北市。
    台灣趨勢研究股份有限公司(2022)。飲料業發展趨勢(2022年)。趨勢洞察。https://www.twtrend.com/trend-detail/beverage_service_activities_2022/
    行政院主計總處(2021)。行業名稱及定義(第11次修正)。中華民國統計資訊網。https://www.stat.gov.tw/News_Content.aspx?n=3144&s=90015
    吳德亮(2004)。珍奶效應另一章,兩大龍頭爭奪發明權。新台灣,445,50-51。
    宋同正(2014)。序-服務設計的本質內涵和流程工具。設計學報,19(2),1-8。https://www.jodesign.org.tw/index.php/JODesign/ article/viewFile/1130/533
    李青蓉(1998)。使用者、介面與人機介面設計。空大學訊,217,159-161。https://tpl.ncl.edu.tw/NclService/JournalContentDetail?SysId=C98022880
    林佳瑩、曾秀雲(2010)。台灣在地飲食的全球化分析:從珍珠奶茶對大學生的意涵談起。文化越界,1(4),37-61。https://doi.org/10.30405/CCS.201009_1(4).0003
    林鼎盛(2007)。新式台灣茶飲的社會學分析(未出版碩士論文)。國立花蓮教育大學社會發展研究所,花蓮縣。
    胡俊媛(1997)。台灣茶文化的萌芽與發展--兼論本土文化之形構(未出版碩士論文)。國立清華大學社會人類學研究所,新竹市。
    夏沛群(2017)。臺灣新式茶飲連鎖品牌發展之研究(未出版碩士論文)。國立高雄大學運動健康與休閒學系碩士班,高雄市。
    財政部(2023)。財政統計資料庫。財政及賦稅統計。https://web02.mof.gov.tw/njswww/WebMain.aspx?sys=100&funid=defjspf2
    陳宇翔(2007)。從烏龍茶到高山茶-台灣茶壟斷租的社會建構。臺灣社會學刊,(39),107-157。https://www.tjs.org.tw/page.php?menu_id=7&blog_ class2_id=89&blog_id=278
    程韻靜、陳映蓉、許素菁、方麗雯(2016)。分析市售含糖飲料的含糖量及對健康的影響。秀傳醫學雜誌,15(3&4),92-98。https://doi.org/10.3966/156104972016121503003
    黃彩綸(2015)。消費者購買手搖飲料行為意向之研究(未出版碩士論文)。高苑科技大學經營管理研究所,高雄市。
    楊鳳美(2004)。從領導、組織文化、經營策略的觀點來探討一家本土飲料公司的成功因素(未出版碩士論文)。淡江大學管理科學研究所企業經營碩士在職專班,新北市。
    經濟日報編委會(1993)。中華民國82年經濟年鑑。臺北市:聯經。
    經濟日報編委會(1995)。中華民國84年經濟年鑑。臺北市:聯經。
    經濟部技術處(2019)。國際食品減糖趨勢與動態。科技新知。https://www.moea.gov.tw/Mns/doit/industrytech/IndustryTech.aspx?menu_id=13545&it_id=269
    農業部茶及飲料作物改良場(2024)。沿革。關於本場。https://www.tbrs.gov.tw/ws.php?id=1381
    臺北市政府法務局(2023)。連鎖飲料便利商店及速食業之現場調製飲料標示規定。臺北市法規查詢系統。https://www.laws.taipei.gov.tw/Law/LawSearch/LawHistory?lawId=A040170051045400-20220607&realID=行政17-05-00-454
    臺北市政府衛生局(2017)。手搖飲南北喜好大調查,少糖選擇漸成趨勢。106年度臺北市食品安全週。https://www.foodnext.net/issue/paper/4098766624
    劉羿伶(2016)。台灣連鎖茶飲進軍韓國市場之研究-以貢茶為例-(未出版碩士論文)。國立政治大學韓國語文學系研究所,臺北市。
    衛生福利部食品藥物管理署(2015)。訂定「連鎖飲料便利商店及速食業之現場調製飲料標示規定」,並定自中華民國一百零四年七月三十一日生效。本署公告。https://www.fda.gov.tw/TC/newsContent.aspx?cid=3&id=13860
    衛生福利部食品藥物管理署(2020)。修正「連鎖飲料便利商店及速食業之現場調製飲料標示規定」,並自中華民國一百十年一月一日生效。本署公告。https://www.fda.gov.tw/TC/newsContent.aspx?cid=3&id=26442
    衛生福利部食品藥物管理署(2022)。修正「連鎖飲料便利商店及速食業之現場調製飲料標示規定」,並自中華民國一百十二年一月一日生效。本署公告。https://www.fda.gov.tw/TC/newsContent.aspx?cid=3&id=27963
    衛生福利部國民健康署(2013)。熱量來源。健康主題。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=544&pid=726
    衛生福利部國民健康署(2018)。糖飲消暑?越喝越渴且熱量趁機上身 國健署推出減糖3技巧助民眾清涼一夏。本署新聞。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=1405&pid=8818
    衛生福利部國民健康署(2022a)。109年健康促進統計年報(111年11月2日勘誤)。健康促進統計年報。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=268&pid=16231
    衛生福利部國民健康署(2022b)。2022國民健康署年報-中文版。國民健康署年報。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=4696&pid=16382
    衛生福利部國民健康署(2022c)。減糖懶人包。減糖專區。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=1661&pid=15590
    羅振遠(2016)。臺灣茶館空間魅力因子探討研究(未出版碩士論文)。國立臺灣師範大學設計學系,臺北市。
    Barfield, L. (1992). The user interface: Concepts and design. Boston: Addison-Wesley Longman Publishing Co., Inc.
    Battarbee, K., Cabrera, A. B., Mattelmäki, T., & Rizzo, F. (2008). Designed for co-designers. In D. Hakken (Ed.), Proceedings of the Tenth Anniversary Conference on Participatory Design 2008 (pp. 299-300). Indiana: Indiana University.
    Brooke, J. (1996). SUS - A quick and dirty usability scale. Usability evaluation in industry, 189(194), 4-7. https://www.taylorfrancis.com/chapters/edit/10.1201/9781498710411-35/sus-quick-dirty-usability-scale-john-brooke
    Chazelas, E., Srour, B., Desmetz, E., Kesse-Guyot, E., Julia, C., Deschamps, V., Druesne-Pecollo, N., Galanz, P., Hercberg, S., Latino-Martel, P., Deschasaux, M., & Touvier, M. (2019). Sugary drink consumption and risk of cancer: results from NutriNet-Santé prospective cohort. bmj, 366(l2408), 1. https://doi.org/10.1136/bmj.l2408
    Chuang, P. T. (2007). Combining service blueprint and FMEA for service design. The service industries Journal, 27(2), 91-104. https://doi.org/10.1080/02642060601122587
    Cooper, A. (1999). The inmates are running the asylum. In U. Arend, E. Eberleh, & K. Pitschke (Ed.), Software-Ergonomie’99: Design von Informationswelten (Vol. 53) (p. 17). Leipzig: Vieweg + Teubner Verlag.
    Design Council (2015). Design methods for developing services. Keeping Connected Business Challenge Competition Material. London. https://www.designcouncil.org.uk/fileadmin/uploads/dc/Documents/DesignCouncil_Design%2520methods%2520for%2520developing%2520services.pdf
    Design Council (2023). Framework for Innovation. Our Resources. https://www.designcouncil.org.uk/our-resources/framework-for-innovation/
    FONA International (2021). Sugar: The voice of the consumer. 2021 Trend insight report. https://www.fona.com/articles/2021/06/sugar-the-voice-of-the-consumer
    Garrett, J. J. (2002). The elements of user experience: User - centered design for the web. New York: American Institute of Graphic Arts.
    Holmlid, S., & Evenson, S. (2008). Bringing service design to service sciences, management and engineering. In B. Hefley, & W. Murphy (Ed.), Service science, management and engineering education for the 21st century (pp. 341-345). Berlin: Springer Science+Business Media, LLC.
    Hosono, S., Hasegawa, M., Hara, T., Shimomura, Y., & Arai, T. (2009). A methodology of persona-centric service design. In R. Roy, & E. Shehab (Ed.), Competitive Design: Proceedings of the 19th CIRP Design Conference (p. 541). Bedford: Cranfield University.
    Hu, C. M., Tien, S. C., Hsieh, P. K., Jeng, Y. M., Chang, M. C., Chang, Y. T., Chen, Y. J., Chen, Y. J., Lee, E. H., & Lee, W. H. (2019). High Glucose Triggers Nucleotide Imbalance through O-GlcNAcylation of Key Enzymes and Induces KRAS Mutation in Pancreatic Cells. Cell metabolism, 29(6), 1334-1349. https://doi.org/10.1016/j.cmet.2019.02.005
    International Organization for Standardization (2019). Part 210: Human-centred design for interactive systems. Ergonomics of human-system interaction. https://www.iso.org/obp/ui/en/#iso:std:iso:9241:-210:ed-2:v1:en
    Jones, M., & Samalionis, F. (2008). From small ideas to radical service innovation. Design Management Review, 19(1), 20-27. http://5a5f89b8e10a225a44ac-ccbed124c38c4f7a3066210c073e7d55.r9.cf1.rackcdn.com/files/pdfs/news/08191JON20.pdf
    Lo, W. C., Ou, S. H., Chou, C. L., Chen, J. S., Wu, M. Y., & Wu, M. S. (2021). Sugar-and artificially-sweetened beverages and the risks of chronic kidney disease: a systematic review and dose–response meta-analysis. Journal of Nephrology, 34(6), 1791-1804. https://link.springer.com/article/10.1007/s40620-020-00957-0
    Lynch, P. J., & Horton, S. (2016). Web style guide: Foundations of user experience design. New Haven: Yale University Press.
    Mager, B., & Sung, T.J. (2011). Special issue editorial: Designing for services. International Journal of Design, 5(2), 1-3. http://ijdesign.org/index.php/IJDesign/article/view/994/341
    Manzini, E., & Vezzoli, C. (2003). A strategic design approach to develop sustainable product service systems: examples taken from the 'environmentally friendly innovation'Italian prize. Journal of Cleaner Production, 11(8), 851-857. https://doi.org/10.1016/S0959-6526(02)00153-1
    Morelli, N. (2006). Developing new product service systems (PSS): methodologies and operational tools. Journal of cleaner production, 14(17), 1495-1501. https://doi.org/10.1016/j.jclepro.2006.01.023
    Morville, P. (2004). User experience design. Semantic Studios. https://semanticstudios.com/user_experience_design/
    Nielsen, J. (1993). Usability engineering. Boston: Academic Press, Inc.
    Nielsen, J., & Nelson, D. (1993). The definition of user experience. Nielsen Norman Group. https://www.nngroup.com/articles/definition-user-experience/
    Preece, J., Rogers, Y., & Sharp, H. (2002). Interaction design. New York: John Wiley & Sons, Inc.
    Service Design Tools (2024). A long journey. About. https://servicedesigntools.org/about
    Shneiderman, B., Plaisant, C., Cohen, M. S., Jacobs, S., Elmqvist, N., & Diakopoulos, N. (2016). Designing the user interface: Strategies for effective human-computer interaction (6th ed.). New Jersey: Pearson.
    Sinha, R. (2003). Persona development for information-rich domains. In G. Cockton, & P. Korhonen (Ed.), CHI EA '03: CHI '03 Extended Abstracts on Human Factors in Computing Systems (pp. 830-831). New York: Association for Computing Machinery.
    Sisler, P., & Titta, C. (2001). User Experience Design for Working Web Sites and Applications. In T. Caruso (Ed.), Annual Conference- Society For Technical Communication (pp. 203-208). Chicago: Society for Technical Communication.
    Stickdorn, M., & Schneider, J. (2012). This is service design thinking: Basics, tools, cases. New Jersey: John Wiley & Sons, Inc.
    United Nations (2015). Sustainable Development Goals, SDGs. Transforming our world: the 2030 Agenda for Sustainable Development. https://sdgs.un.org/2030agenda
    World Health Organization (2015). Guideline: Sugars intake for adults and children. Geneva: WHO. https://www.who.int/publications/i/item/9789241549028

    下載圖示
    QR CODE