簡易檢索 / 詳目顯示

研究生: 曾靖萱
Tseng, Ching-Hsuan
論文名稱: 兒童學習型App介面設計創作研究—以《未來兒童》主題放大鏡單元為例
User Interface design of Learning App for children- A Case Study of Global Kids Junior Monthly
指導教授: 許和捷
Hsu, Ho-Chieh
學位類別: 碩士
Master
系所名稱: 設計學系
Department of Design
論文出版年: 2020
畢業學年度: 108
語文別: 中文
論文頁數: 189
中文關鍵詞: 兒童介面設計行動學習應用程式(App)
英文關鍵詞: Children, M-Learning, User Interface Design, Application(App)
DOI URL: http://doi.org/10.6345/NTNU202001108
論文種類: 學術論文
相關次數: 點閱:238下載:42
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 現代兒童在科技時代下生長,兒童學習型App已經成為玩具和教育用品的首選,其需求持續成長,兒童介面設計日益重要。台灣有很多內容優良的紙本教材,若無法適應時代潮流而漸漸勢微甚是可惜,如何將傳統紙本教材轉化為適合行動裝置的介面形式是很重要的課題。本研究將彙整受台灣喜愛的兒童學習型App介面設計原則,並且了解台灣介面設計產業的製作流程與概念,應用上述兩者打造《未來兒童》App以供參考。
    本研究蒐集台灣2018/09/01~2019/08/31最受兒童歡迎的前20名App,以個案分析法歸納出台灣7-10歲兒童喜愛的學習型App介面設計原則如下:柔和且搭配協調的色彩、扁平化的介面設計風格,喜歡App中出現虛擬角色、遊戲功能、外部酬賞等元素,使用音效、動畫、圖像、文字、音樂生動靈活的傳達訊息,且沒有引導教學就能直接使用,小幅度動畫和音效反饋為佳,情境式設計幫助兒童沈浸其中,觸控手勢則是點擊、輕掃、拖移都能接受,App須專注於本身的主打功能,排除非必要的設計。
    訪談四位介面設計專家,歸納台灣介面設計專家建議的製作流程與核心概念,介面必須以使用者為中心進行設計,首先剖析目標族群的需求與痛點,再來發想解決方法,根據解決方法形塑App整體方向、訂定主要功能,之後規劃詳細的介面流程與細部功能,最後產生圖形介面設計,而設計者應視自身資源多寡決定是否要易用性測試或是將各步驟加以細分。
    綜合上述,以《未來兒童》主題放大鏡單元為例創作App,透過創作找到傳統紙本教材和行動裝置App之間的平衡,提供業者一個參考的形式與設計方向。

    Nowadays, learning applications for children have become the first choice as toys or education supplies. The user interface design for kids have become more and more important. There’re lots of excellent subject matters of paper in Taiwan, it has become an imperative issue that how to transform the traditional subject matters of paper into a UI form which suitable for mobile devices. This study would summarize the principles of interface design in children’s learning apps that popular in Taiwan, and explore the concept and the product development process of industrial user interface design in Taiwan, then using both information as references for creating the “Global Kids Junior APP”.
    This study collects the top 20 apps in Taiwan from date 2018/09/01 to 2019/08/31 that are most popular for children, and uses the method of case analysis to generalize the design principles of user interface design in learning apps that being liked by children during 7 to 10 years old in Taiwan. Above principles are summarized by the following: Elements such like soft and coordinating colors, Flat design style, enjoy the appearance of on-screen characters, game functions, Extrinsic reward, etc. Also, using sounds, animations, images, texts, music to convey messages flexibility and apps which can be used directly without guidance. Feedbacks are better with adding a slightly animations and sounds. Design scenarios can help children to immerse. Gestures like tapping, swiping, dragging are all acceptable. Focus on the main function in apps and exclude the unnecessary designs.
    By interviewing four experts on interface design in Taiwan to summarize the product development process and core concepts suggested by them. User- centered design is necessary when designing interfaces of apps. First, analyzing the demand and pain point from target audience and then creating solutions. Shaping the overall direction of apps and formulating the main function according to solutions. Then planning specific processes of interface and functions in detail. Finally, creating the graphical interface design.
    In conclusion, using the theme of “magnifier unit” from magazine “Global Kids Junior Monthly” as samples to create application. Finding the balance between traditional subject matters of paper and apps on mobile devices through creation to provide the industry with reference forms and designing directions.

    謝辭 i 中文摘要 ii Abstract iii 目錄 iv 表目錄 vii 圖目錄 ix 第一章 緒論 1 第一節 研究背景與動機 1 第二節 研究目的 2 第三節 名詞釋義 2 一、 兒童(Children) 2 二、 學習型 App (Learning App) 3 三、 介面設計(User Interface design) 3 第四節 研究範圍 3 第五節 研究流程與架構 4 第二章 文獻探討 5 第一節 兒童認知心理學相關文獻研究 5 一、認知心理學的意義 5 二、皮亞傑的認知心理學理論探討 5 三、維果茨基的認知發展理論探討 8 第二節 兒童行動學習相關文獻研究 10 一、 行動學習的定義 10 二、 行動學習的特色與優勢分析 10 三、 行動學習之於兒童的內涵探討 11 第三節 兒童介面設計相關理論研究 12 一、 介面設計的定義 12 二、 介面設計基本原則分析 13 三、 易用性的定義與原則分析 16 四、 兒童互動設計原則探討 17 第三章 個案分析與專家訪談 25 第一節 個案分析 30 一、 Android系統免費項目 30 二、 Android系統付費項目 42 三、 iOS系統免費項目 51 四、 iOS系統付費項目 64 五、 介面設計綜合分析 73 六、 小結 88 第二節 專家訪談 90 一、 訪談內容 90 二、 訪談內容彙整分析 105 三、 小結 108 第四章 創作與內容分析 109 第一節 創作主題 109 第二節 創作流程與前置作業 109 一、 創作流程 109 二、 使用者需求與痛點分析 110 三、 競品分析 111 四、 設計概念 112 第三節 創作內容 115 一、 創作理念 115 二、 虛擬角色 115 三、 App圖示 116 四、 操作流程 117 五、 介面設計 118 第四節 創作內容分析 143 一、 圖形介面設計 143 二、 受歡迎元素 145 三、 訊息傳遞 146 四、 觸控手勢 146 五、 情境式設計 146 第五章 結論與建議 147 第一節 研究結果 147 一、 近年台灣受喜愛的兒童學習型App介面設計原則 147 二、 台灣介面設計專家製作App的流程與核心概念 148 三、 將傳統紙本教材轉化為適合App之方法與形式 148 第二節 後續研究建議 149 一、 繼續延伸或深入探討兒童介面設計原則 149 二、 透過受歡迎的兒童介面設計原則發展不同的創作研究 150 參考文獻 151 附錄 155 設計師訪談綱要 155 專家訪談彙整 155 A. 介面設計專家A 155 B. 介面設計專家B 164 C. 介面設計專家C 174 D. 介面設計專家D 181

    專書
    Donald A. Norman. (2013). The Design of Every Things, Revised and Expanded Edition. USA: Basic Books.
    Inhelder, B., & Piaget, J. (1964). The early growth of logic in child. London: Rouledge & Kegan Paul.
    李丹主編(1989)。兒童發展。台北:五南。
    劉金花主編(1999)。兒童發展心理學。台北:五南。

    期刊
    Hanna, L., Risden, K., Czerwinski, M., Alexander, K.J. The Role of Usability Research in Designing Children’s Computer Products. in The Design of Children’s Technology. A. Druin ed., Morgan Kaufmann, 1999.
    Hswen, Y., Murti,V. Vormawor, A. A. , Bhattacharjee R. and Naslund J. A.(2013). Virtual avatars, gaming, and social media: Designing a mobile health App to help children choose healthier food options [Electronic version]. J Mob Technol Med, 2(2), 8-14.
    Lester, J., Barlow, S., Converse, S., Stone, B., Kahler, S., and Bhogal, R. The Persona Effect: Affective Impact of Animated Pedagogical Agents. Proc. ACM CHI 1997, 359 - 366.
    Luckin, R., Connolly, D., Plowman, S., and Airey, S. Children’s interactions with interactive toy technology. J.Computer Assisted Learning, v.19., 2003, 165-176.
    Martin, R., McGill, T. & Sudweeks, F. (2013). Learning Anywhere, Anytime: Student Motivators for M-learning. Journal of Information Technology Education:Research, 12(1):51-67.
    Pausch, R., Vogtle, L., and Conway, M. One Dimensional Motion Tailoring for the Disabled: A User Study. Proc. ACM CHI 1992, 405 – 411.
    Super, D., Westrom, M., and Klawe, M. Design Issues Involving Entertainment Click-ons. Proc. ACM CHI 1996, 179-180.
    王巍、林偉(2014)。色彩在兒童食品包裝設計中的應用。中國包裝工業,8X,75。
    石素錦、陳瑞慧(1999) 。從認知心理與社會互動談兒童語言發展-從皮亞傑與維高斯基理論談兒童英語學習。課程與教學,2,1-22。
    任宏、劉辰(2018) 。教育類APP 中的交互設計方式與技術研究。設計,1,113-114。
    張春興(1988) 。知之歷程與教之歷程: 認知心理學的發展及其在教育上的應用 。台灣師範大學教育心理與輔導學系教育學報,21,17-38。
    梁又文、伊彬、汪文政 (2008)。數位插畫表現風格對於當代流行櫥窗、看板平面廣告之影響-以101購物中心為例。耕莘學報,6,105-114。
    陳笑芳、許智堅(2018)。關於減少英語學習型詞典中圖文認知負荷方法的研究。辭書研究。3,45-53。
    熊昭(2017) 。論界面設計中的扁平化設計現象。大眾文藝:學術版,9,79-80。
    劉璐,曹陽(2016) 。淺析兒童教育類APP 的發展現狀及趨勢。美術教育研究,1,94。
    鄧衛斌、汪異純(2017)。兒童產品設計中的色彩學。大眾文藝:學術版,2,153。
    顧红清(2018) 。交互式兒童教育APP 產品設計研究。信息技術與信息化,5,154-157。

    論文
    何培甄(2013) 。智慧型手機語言學習 App使用性評估。國立臺南大學教育學系科技發展與傳播碩士論文,未出版,台南市。
    沈蔚諭 (2011) 。iPad應用程式研究與創作-以兒童合作學習為例。國立臺北科技大學互動媒體設計研究所 碩士論文,未出版,台北市。
    范雅婷(2013)。印度大學華語教育市場對行動學習之接受分析與發展建議─以金德爾全球大學華語文課程為例。國立暨南國際大學華語文教學研究所碩士論文,未出版,台北市。
    徐慧珊 (2017) 。客製化行動學習融入兒童華語文教學之個案研究。國立臺北教育大學人文藝術學院語文與創作學系華語文教學碩士班碩士論文,未出版,台北市。
    郭奇驊 (2016) 。兒童英語學習App 介面使用性評估。國立臺北教育大學教育學院課程與教學傳播科技研究所碩士論文,未出版,台北市。
    陳思帆 (2011) 。國小學童繪圖軟體介面圖像設計創作與研究。國立臺灣師範大學設計研究所碩士論文,未出版,台北市。
    黃莉庭 (2015) 。原質化介面設計風格導入臺鐵網頁設計。國立臺灣師範大學設計研究所碩士論文,未出版,台北市。
    潘盈珊
 (2015) 。自學式華語詞彙學習APP 設計與實踐研究─以澳洲瑞佛中小學為例。臺北市立大學華語文教學碩士學位學程碩士論文,未出版,台北市。
    蔡碧珊 (2017) 。英語學習APP 的設計與發展。國立交通大學理學院科技與數位學習學程碩士論文,未出版,台北市。
    盧德龍 (2017) 。運用平板電腦結合App 進行國小三年級英語教學之行動研究。國立中正大學教育學研究所碩士論文,未出版,嘉義市。
    蕭嘉琳 (2016)。使用遊戲式實體互動介面提升幼兒運算思維能力。中原大學資訊管理研究所學位論文,未出版,桃園市。
    謝亞倫 (2014) 。運用數位資源輔助分組合作學習對國民中學數學科學習成效之行動研究。國立交通大學理學院科技與數位學習學程碩士論文 ,未出版,新竹市。

    研究報告
    Druin, A, Bederson, B., Hourcade, J.P., Sherman, L., Revelle, G., Platner, M., and Weng, S.. Designing a Digital Library for Young Children, Proc. ACM JCDL 2001, 398-405.

    網路資料
    Feifei Liu. (2018, July 8). Design for Kids Based on Their Stage of Physical Development. Retrieved from https://www.nngroup.com/articles/children-ux-physical-development/?lm=childrens-websites-usability-issues&pt=article
    兒童福利聯盟文教基金會(2015)。2015 年兒童 3C 產品使用與上網行為大調查。檢自https://www.children.org.tw/research/detail/68/1364 (Jun.14, 2019)

    下載圖示
    QR CODE