PROJECT DETAILS
2015-2016
UX/UI Design / GUI Design / Coding / Animation / Prototype / Concept / Traditional / Jia Jiang
Sketch, Photoshop, Illustrator, Animate, OmniGraffle, Invision, HTML, CSS, Javascript
DESCRIPTION
這是一個教育類互動式移動軟件，他主要功能在於讓使用者能透過故事及遊戲達到學習熟悉家將文化，這個軟件主要受眾群為 4-6 歲的小孩。使用者能透過互動式遊戲與動態故事來輕鬆獲得他們所想知道有關家將的資訊，由於互動式遊戲能更加吸引孩子的注意力，也能提升故事的趣味性。家將一個傳統文化，文化是需要人們的傳承才能永續留存。在台灣，很多人喜歡觀看家將的表演，但很少有人知道家將其實有很多深入的文化內容值得我們繼續流傳，往往人們只是粗淺的了解，而沒有深入的去剖析它，這樣失去文化是很可惜的，傳統文化的保留需要大家一起參與，所以從小讓孩子們有興趣的去瞭解文化是很重要的一步。
THE CHALLENGE
家將 (Jia Jiang) 文化是一個富有濃厚的宗教活動，它通常給人一種神秘感，讓人對它產生好奇。台灣有很多寺廟，寺廟每年也會舉行特別多的祈福活動，家將就是其中之一，台灣人很喜歡看家將的表演，每逢節日，寺廟總會舉辦祈福活動，家將會跟隨著廟宇活動一同進行演出，家將文化是獨特且豐富地藝術，很多人喜歡觀看，卻很少有人知道他的內涵及文化，家將的臉譜、服裝及配飾與京劇有著類似的模樣，但家將被人們熟知的文化底蘊卻遠遠不及京劇的一半，它也是精緻且富有特殊性的，家將可以說是台灣人的傳統文化之一，它應該與京劇一樣被永續保存不被遺忘才是。
以往的家將表演只存在於寺廟的遶境活動在鄰里的街道上演出，由於文化的推廣及傳播，家將的演出在近幾年也被人們所重視且看見，它與京劇一樣也被搬上了室內大舞台及大螢幕上，讓更多不知道的人能夠了解到原來我們還有如此有藝術氣息的文化。如今，家將結合了多媒體藝術表演形式，他們將動作改編成為了舞蹈，他們將臉譜變得更加豐富特殊且不失去原有的樣式，他們將精緻的服裝設計得更加有細節且獨一無二，他們將刑具道具雕刻的更加精美，他們也將原本神秘且富有許多禁忌嚴肅的氣氛變得更加抓人眼球，這些都是想傳承家將文化人所付出的努力，希望能讓不了解家將或者是知道家將的人們能夠更加愛惜它，並且能將它永久保存下來不失傳，雖然已經有一些信息無法考究，但大家期望的是能將目前能保留下來的東西能延續下去，所有的用心努力，是傳承是想讓這文化也能像京劇一般能傳播給世界各地的人都知道它。能永續傳承是不容易的，需要靠著一代又一代的相傳，才能永久存在著。
因為它的傳承不容易，所以想藉由一個有效的方式，讓人們能從小就能瞭解到這個文化近而對它感到有興趣，所以希望設計了一套能符合孩童們且吸引他們的 APP 來教導他們這個文化，他是需要吸引孩子的注意並且是需要有趣的，所以想著藉由遊戲及故事的方式作為主軸，讓孩童們能更加沈浸在學習的過程中，並且是有收穫的。
THE PROBLEM
家將 (Jia Jiang) 文化的表演是人們最喜歡觀看的寺廟活動之一，演出方式分為兩種，一種是廟宇的遶境，他們是在道路上做演出的，另一種方式為舞台上的表演，那就如同京劇一般的演出，是有劇情故事的表演。很多人喜歡看表演，但卻不了解家將文化的內涵及細節甚至是歷史，中老年的觀眾可能有些了解到家將的文化及歷史，但我擔心的是孩子們，如果越來越少人瞭解家將文化，那它將不被永續流傳，將會有更多的孩子們不了解甚至不知道有這個文化的存在，這文化就將會被人們遺忘。實際上，家將文化是一個很美好的傳統文化，對於文化發展也有著重要的地位，也因為這樣它才能被傳承到今天，但是根據調查，已有越來越多小孩甚至年輕人們不熟悉他的文化了，只知道有這個表演，那這樣它將是會失傳且不被完好的保留住的，所以我希望通過我的論文，能將它永續傳承且被人們記住。
在此之前，我也走訪了許多寺廟，做了基礎調研，就想探索到一些可能已不被完整傳承下來的家將歷史由來，但發現已經失去了許多，不管是可能知道歷史的老人已過世，並無繼續給後人講述傳承，又或者經年累月，歷史的變遷並無人記錄下來，這些都是導致歷史文化的流逝，由於種種原因，我也只能在圖書館裡找尋僅有的書籍作為參考及了解我所不知的內容，但也發現這些書籍都是文字書籍及搭配少許的圖片，這些文字書籍對於孩童來說閱讀起來是有難度的且缺乏吸引力的，這樣可能就需要家長的帶領才能了解文化，孩子們就比較困難自主學習。這也就是為何我想從故事書著手的原因之一。
THE SOLUTION
我希望設計出一套符合孩童們的遊戲故事書，藉由故事中間穿插著遊戲的方式，不僅能吸引孩子們的注意力，更讓學習的過程中不至於無聊失去樂趣，由於現在的科技發達，人們常用 APP 來獲取生活上的種種資訊，所以我希望設計一個符合孩童遊戲故事書的 APP ，讓他們能從玩樂中學習新知。它將提供了一個渠道，讓孩子們瞭解家將文化，也使得學習更加有樂趣，可以更加容易學習了解文化。因此，可以使得這文化不會隨著時間的推移而被遺忘掉，這將是傳遞給下一代的良好方式。也由於如此，孩子們不僅觀看演出，在觀看演出後，也可以透過 APP 來了解學習各個家將角色的名字、服裝、臉譜及武器等的相關細節。為了增加兒童的興趣及互動效果，我們會在故事中添加許多互動遊戲，讓孩子們不僅有故事可以聽、可以看更可以互動玩樂，使得更有記憶點，從動態的故事中，從遊戲的故事中學習到了家將文化，生動的學習畫面是更加有吸引力的。
DESIGN PROCESS
THE PROBLEM
閱讀大量的文字書籍往往對於孩子們來說是缺發吸引力的，可能在閱讀的過程中被其他更有趣的事情所吸引而中斷閱讀，也可能因為覺得文字閱讀的無趣將對此不感到有興趣，孩童們的注意力往往比大人們來得要短時間，所以要他們注意力集中且有將長時間的注意力是需要有技巧的，往往孩童們對於鮮豔色彩的注意力遠高於黑白色彩，對於動態的事物感興趣的程度高於靜態事物，所以我們需要想辦法集中他們的注意力去學習且如何吸引他們去學習，這就是首要目的。
RESEARCH & ANALYSIS
根據調研及分析的結果，得知 4-6 歲的孩童們對於色彩有較高的敏感度，對於著色的能力也更加能夠掌控不超線，畫的人物也更加細緻，也能加複雜的形狀拼組在一起。在認知方面，他們將能說出至少十種顏色，從故事中推導出一些結果，當遇到問題時他們會主動詢問尋求解答，也會從相關週遭事物中學習。在這年齡段的孩子，喜歡與父母一同玩互動式教育類的遊戲或者應用程序，有色彩的插畫故事書也是他們喜歡的，拼圖及繪畫也是他們喜歡的事物，圖形形狀的排列也可以訓練他們的腦力及動手能力，所以匹配類的遊戲也是適合他們開發訓練的。
THE SOLUTION
我設計了一些互動場景。第一個場景教孩子們如何畫畫，透過畫畫的過程中，不僅讓孩子們更加有互動感，且幫助孩子們訓練手部的畫圖能力並且藉由遊戲融入故事中。第二個場景，我做了一些兒童可以拖動和點擊的項目。例如點擊畫面中的人物可能會有些互動效果出現。這樣可以讓故事更加有趣，也更加有帶入感。最後一個關注的是適合孩子的趣味小遊戲。最終的比賽將幫助孩子們理解並區分每個角色的面部化妝，服裝和細節。總體而言，這些互動項目和遊戲不僅讓孩子感到快樂，還讓他們受到訓練孩子的記憶力和色彩敏感度。有趣的動態故事也可以激發靈感孩子們要讀。
key research
Nearly 1 in 5 Kids Use Mobile Devices Every Day
從這個數據可得知，我們可以看見60%的兒童喜歡每天使用移動設備去閱讀。 ”Jia Jiang” 是一個教學的 APP ，所以孩子們是很有可能使用 ”Jia Jiang” 在移動設備上的。
How do children use tablet?
從調研結果得知，家長們喜歡使用平板與孩子們玩遊戲或者學習。你們主要使用平板來玩遊戲，但是有57%的比例是以教學學習為目的，由此可證， ”Jia Jiang” 結合了遊戲與故事是可行的，對於孩子們的教育是有幫助的。
INFORMATION ARCHITECTURE
WIREFRAME
first wireframes V 1.0
FINAL wireframes V 3.0
USER FLOW
PROOF OF CONCEPT
有四個 TASK ，放了兩個 TASK，這是每個 TASK 的步驟及功能介紹
PROJECT DESIGN
主要介面設計『主頁｜地圖』
地圖的呈現方式為動畫型態，透過日夜的轉換來呈現地圖不同的樣貌。在地圖中，主要分成四個不同難度的關卡，使用者必須通
過目前的關卡才能開啟下一關，每一關卡有著角色們不同的故事內容及遊戲，使用者透過點擊的方式選擇關卡以及進入到下一個頁面。
使用者的第一個關卡為虎將軍，當使用者完成關卡後才能解鎖下一關，進入到下一層級，這是一個增加挑戰性及趣味性的設計。
主要介面設計『介紹｜使用教學』
使用者需要觀看使用教學頁面，透過教學來了解故事中會用到哪些手勢，瞭解到如何使用才能更有效地完成任務。這個功能對於
初次使用軟件的使用者來說是很有幫助的，設計上搭配了聲音，動畫及文字來讓使用這更加清楚的知道如何使用，這樣才能達到使用教學的目的。
主要介面設計『故事｜動態呈現』
使用者一邊聽著故事一邊有著動態的故事呈現，是很吸引小孩的注意力及增強記憶點，故事中也有著小遊戲及互動式遊戲，這也是能增加趣味性的功能。
主要介面設計『互動式遊戲』
故事中會有互動式的遊戲，讓使用者在閱讀故事時不會覺得無趣，而是更加吸引他的注意力，藉由玩遊戲及聽故事的過程中間接學習到了文化。
