人們常因為忙碌的生活步調、個人口味偏好、缺乏飲食相關知識等原因忽略均衡飲食與健康飲食的重要性，導致飲食不均衡、影響健康。衛福部國健署 106至109 年之國民營養健康狀況變遷調查顯示國人六大類食物的攝取份數嚴重偏離國民飲食指南建議，而國人的肥胖與腰圍過大盛行率、糖尿病盛行率、血脂肪異常、代謝症候群盛行率皆有逐年增加的趨勢。
自新冠疫情爆發，人們的消費行為、生活型態、工作與學習模式皆出現了巨大轉變。人們更加頻繁地使用網路與線上平台溝通、社交、購物、獲得資訊，而使用線上學習的情況也已經日趨普遍。綜合上述，本研究將產出一份以台灣外食族為目標族群的「培養與學習健康飲食 App 介面設計創作研究」，以手機 App 為媒介，改善外食族的飲食習慣與飲食選擇能力。
研究方法將透過文獻回顧、案例分析、專家訪談與使用者訪談，歸納出 App 的呈現內容、介面功能與學習目標。文獻回顧將針對第貳章的「飲食教育、飲食與健康」、「外食」、「行動學習」、「使用者經驗、使用者介面」四個小節的文獻進行重新理解並歸納出結論；案例分析即挑選十個健康飲食、飲食管理相關的應用程式，針對其功能架構、介面設計等要素進行觀察分析，擷取其優點、並探討其優勢與不足；專家訪談即選擇六位專家進行半結構式訪談，分別為兩位飲食教育、健康飲食專家，兩位使用者經驗專家，兩位使用者介面設計專家，為本研究提供更為專業的建議；使用者訪談則針對六位外食族進行半結構式訪談，了解其飲食習慣、飲食習慣形成之原因，挖掘其用餐前、中、後的流程以及其面對的困難點與需求，作為本研究之參考方向。
經以上研究，產出一份以台灣外食族為目標族群的培養與學習健康飲食的 App。透過更加客製化與個人化的使用模式、方便快速的飲食紀錄方法，互動性更高的介面功能，改善台灣外食族的飲食習慣、加強均衡飲食概念與飲食選擇能力，並且作為日後相關題材平台與業者之參考設計方向。

People often forget the importance of maintaining a balanced and healthy diet due to busy life pace, personal preferences, lack of diet-related knowledge, etc., which causes many negative impacts on their health. The national nutrition and health survey from 2017 to 2020 conducted by the MOHW shows that the eating habits of people in Taiwan seriously deviates from the national dietary guidelines. The prevalence of waist circumference, diabetes, dyslipidemia and metabolic syndrome are increasing yearly.
Since the outbreak of covid-19, people's consumption behavior, lifestyle, work and study patterns have undergone tremendous changes. People use the Internet and online platforms more frequently to communicate, socialize, shop, obtain information, and online learning. In summary, this study will select Taiwan's FAFH(food away from home)group as the target group and accomplish an app which helps them "cultivate and learn healthy eating", using mobile apps as ideas to improve their eating habits and ability of making meal choices.
Through literature review, case analysis, expert and user interviews, the content information, interface functions and learning objectives of the App are summarized. The literature review will summarize the four literature subsections of "Food Education, Diet and Health", "Food Away From Home", "M-Learning", "User Experience, User Interface" in Chapter 2; case analysis contains ten apps related to healthy eating and diet management, observing and analyzing their functional structure, UI design and other elements, extract their advantages and also discuss their disadvantages; expert interview selects six experts for semi-structured interviews, including two healthy diet experts, two UX design experts and two UI design experts, to provide more professional suggestions; user interviews selects six people part of the FAFH group for semi-structured interviews to understand their eating status and the causes, explore their processes during their eating journey, as well as the difficulties and needs they faced, as the reference direction of this study.
After the above research, finally produce an app for cultivating and learning about healthy eating targeted at Taiwan’s FAFH group, through customized and personalized usage modes, more convenient food recording methods, and more interactive interface functions, it is produced to improve the eating habits of diners, strengthen the concept of a balanced diet and the ability of making meal choices, and serve as a reference for related platforms and industries in the future.

中文文獻
高木節子（1990）。生活の色彩學，朝倉書店，東京，p.97。
歐秀明、賴來洋（1993）實用色彩學，雄獅圖書股份有限公司，台北，p.11。
高台茜（2001）。未來教室學習－以無線網路應用為基礎的認知學徒制學習環境，台大教與學第9期。 http://edtech.ntu.edu.tw/epaper/911210/prof/prof_1.asp
王閔慧（2004）。中部四縣市教師外食時自備餐具行為意圖之研究。臺中師範學院環境教育研究所。
周琳霓（2007）。外食族的痛-小「腹」公、小「腹」婆 out。健康世界，256，89-92。
黃筱芳（2008）。外食的生活意義：高雄市民眾外食現象調查。國立中山大學國際經營管理研究所。
李桂芳（2009）。台灣家庭外食消費支出影響因素之世代分析。朝陽科技大學休閒事業管理研究所。
陳宗玄（2010）臺灣家庭外食消費支出分析。台灣經濟金融月刊，46(9)，67-82。
吳明隆（2011）。以數位化行動學習迎接新挑戰。T & D 飛訊，124，1-21。https://reurl.cc/41Y8Lj
陳慧玲、陳建雄、陳詩捷（2011）。由體驗觀點探討Apple產品之使用者介面設計以iPod、iPhone為例。工業設計，124，33 - 39。
林志豪（2012）。高雄市居民外食消費行為之研究。朝陽科技大學休閒事業管理系研究所。
顏建賢、曾千惠（2014）。食育內涵指標建構研究。農推廣文彙，59，27-50。
張瑄真（2013）。大學生外食的從眾與消費行為之研究—以中部地區為例。朝陽科技大學財務金融系研究所。
范雅婷（2013）。印度大學華語教育市場對行動學習之接受分析與發展建議─以金德爾全球大學華語文課程為例。國立暨南國際大學華語文教學研究所。
林傑聖、林怡均（2013）。Action Learning 到 Mobile Learning：淺談行動學習的進化與可能之影響。科學教育月刊，365，19-28。
黃國禎、陳德懷（2014）。未來教室、行動與無所不在學習。台北市：高等教育文化。
溫俐瑋（2015）。以消費者價值探討學童家庭選擇外食關鍵因素之研究－分析層級程序法之應用。南華大學旅遊管理學系旅遊管理。
徐佑禎（2015）。台灣地區成年人社經地位、外食頻率、代謝症候群之相關研究。國立台灣師範大學健康促進與衛生教育學系研究所。
李玉榮（2015）。國小五年級飲食教育課程之行動研究：以盆栽有機蔬菜為方案。國立屏東大學生態休閒教育教學研究所。
林如萍 (2017)。食農教育之推展策略(一)：學校教育實施之概念架構分析，國立臺灣師範大學產學合作研究報告。臺北市：中國生產力中心。
韓宥潔（2017）。雙北市成人外食頻率、飲食品質與體位之相關性。輔仁大學營養科學系研究所。
林麗卿（2017）。大學生營養知識、營養態度及外食行為之相關研究—以台灣北部科技大學學生為例。景文科技大學旅遊管理系觀光與餐旅管理研究所。
高馨寧（2017）。行動學習對自我調整學習策略與行動學習科技態度之影響─以高職音樂課為例。東海大學教育研究所。
博思市調公司（2018）。台灣人外食習慣問卷調查。https://reurl.cc/OAQDV9
教育部（2018）。十二年國民基本教育課程綱要國民中小學暨普通型高級中等學校健康與體育領域。https://www.rootlaw.com.tw/Attach/L-Doc/A040080081017400-1070608-1000-001.pdf
衛福部國健署（2018）健康飲食標準。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=543&pid=8382
陳敏郎（2019）。健康意識、健康生活型態與保健食品使用行為之認知與影響因素之研究——以台中市某地區民眾為例。弘光學報，83，91-107。
鄭文昇（2019）。從飲食生活視角出發！淺談食農教育概念架構與內涵。https://mymkc.com/article/content/23264
邱玉琳（2019）。遊戲教學融入飲食教育之行動研究。國立屏東大學生態休閒教育教學研究所。
盧惠雯（2019）。桃園市某國中學生健康外食行為及其相關因素之研究。國立台灣師範大學健康促進與衛生教育學系研究所。
國家發展委員會（2019）。108年持有手機民眾數位機會調查報告。https://reurl.cc/rDkXAx
斯維文（2019）。以使用者經驗為中心之遠距健康照護科技接受模式之研究 －以竹山秀傳醫院遠距健康照護中心為例。國立政治大學資訊管理學系研究所，台北市。
行政院主計處（2020）。109年家庭收支調查報告。https://win.dgbas.gov.tw/fies/doc/result/109.pdf
經濟部統計處（2020）。外送及宅配助餐飲業抗疫。https://www.moea.gov.tw/MNS/dos/bulletin/Bulletin.aspx?kind=9&html=1&menu_id=18808&bull_id=6878
鄧文旋（2020）。國小行動學習輔助英語教學之個案研究。國立臺灣師範大學課程與教學研究所。
李逸琦（2020）。綠食力：家庭飲食教育之個案研究。國立屏東大學教育學系研究所。
謝佳茹（2021）。探討外食族飲食習慣與健康影響之研究－以臺北市某研究機關為例。中華科技大學健康科技研究所。
郭佩璇（2021）。觸發空間人文情意之擴增實境遊戲介面與使用者經驗研究。國立清華大學學習科學與科技研究所。
陳建億（2021）。太陽光電設備資訊系統使用者介面研究。大同大學工業設計學系研究所。
李蕙伶（2021）。以使用者經驗發展代謝症候群者健康管理APP之研究與設計。國立臺北科技大學工業設計系創新設計研究所。
衛福部國健署（2021）正確飲食習慣。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=543&pid=8365
衛福部國健署（2021）每日飲食建議量。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=544&pid=728
潘文涵（2022）。國民營養健康狀況變遷調查（106-109年）。衛生福利部國民健康署。https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=3999&pid=11145
衛福部國健署（2022）到底怎麼吃才均衡呢？https://www.hpa.gov.tw/Pages/Detail.aspx?nodeid=1622&pid=11677&sid=11678
 
外文文獻
Nielsen, J. (1994). 10 heuristics for user interface design. https://www.nngroup.com/articles/ten-usability-heuristics/
Shneiderman, B. (1997). Designing the User Interface: Strategies for Effective Human-Computer Interaction (3rd ed.). Addison-Wesley.
Lin, B. H., Elizabeth, F. & Joanne, G. (1999). Away-From-Home Foods Increasingly Important to Quality of American Diet. Economic Research Service/USDA.
Quinn, C. (2000). mLearning: Mobile, wireless and in-your-pocket learning. LiNE Zine, 2006,1-2. https://www.researchgate.net/publication/343083598_mLearning_Mobile_Wireless_In-Yo135ur-_Pocket_Learning
Kelvin Kam & Wing Chu. (2001). Users with Small Screens - Less than 640 x 480. Principles and strategies for practitioners designing universally usable sites. http://www.otal.umd.edu/uupractice/ index.html
Lehner, F., & Nösekabel, H. (2002). The role of mobile devices in E-Learning first experiences with a wireless E-Learning environment. Paper presented at the In Proceedings of the IEEEInternational Workshop on Mobile and Wireless Technologies in Education, Sweden.
Preece, J., Rogers, Y., Sharp, H. (2002) . Interaction design: beyond human-computer interaction, John Wiley & Sons.
Chang, C. Y., Sheu, J. P., & Chan, T. W. (2003). Concept and design of ad hoc and mobile classrooms. Journal of Computer Assisted Learning, 19 (3), 336-346.
Gong, J., & Tarasewich, P. (2004). Guidelines for handheld mobile device interface design, Proceedings of the 2004 Decision Sciences Institute Annual Meeting, Boston, USA.
Morville, P. (2004). User experience design. http://semanticstudios.com/publications/semantics/000029.php
Keegan, D.(2005, October 25). The incorporation of mobile learning into mainstream education and training. World Conference on Mobile Learning, Cape Town. 1-17. https://reurl.cc/9G0x1a
Pea, R., & Maldonado, H. (2006). WILD for learning: Interacting through new computing devices anytime, anywhere. In R. K. Sawyer (Ed.), The Cambridge handbook of the learning sciences,  427-441.
Laurillard, D.(2007). Pedagogical forms of mobile learning: framing research questions. Mobile learning: Towards a research agenda .153-175. https://discovery.ucl.ac.uk/id/eprint/10000627
Peters, K. (2007). m-Learning: Positioning educators for a mobile, connected future. International Journal Of Research in Open and Distance Learning, 8(2), 1-17.
Garrett, J. J. (2010). The elements of user experience: User-centered design for the web and beyond (2nd ed.). Berkeley, CA: New Riders.
Korucu, A. T., & Alkan, A. (2011). Differences between m-learning (mobile learning) and e-learning, basic terminology and usage of m-learning in education. Procedia-Social and Behavioral Sciences, 15, 1925-1930. doi:10.1016/j.sbspro.2011.04.029
Park, Y.(2011) . A pedagogical framework for mobile learning: Categorizing educational applications of mobile technologies into four types. The International Review of Research in Open and Distributed Learning, 12 (2) ,78-102.
Guo, F. (2012) . More than usability: The four elements of user experience. https://www.uxmatters.com/mt/archives/2012/04/more-than-usability-the-four-elements-of-user-experience-part-i.php
Norman, D.(2013). The Design of Everyday Things. Basic Books.
Schlatter, T., & Levinson, D. (2013). Visual usability: Principles and practices for designing digital applications. Waltham, MA : Elsevier Inc. Retrieved from http://0-www.sciencedirect.com.opac.lib.ntnu. edu.tw/science/book/9780123985361
Silvennoinen, J., Vogel, M., & Kujala, S. (2014). Experiencing Visual Usability and Aesthetics in Two Mobile Application Contexts. Journal of Usability Studies, 10(1), 46-62.
International Organization for Standardization. (2018). ISO 9241-11:2018 Ergonomics of human-system interaction - Part 11: Usability: Definitions and concepts. https://www.iso.org/standard/63500.html
Malewicz, M. & Malewics, D. (2020). Designing user interface, hype4academy.