今天要介紹的作品來自台灣人都耳熟能詳的何嘉仁，讓我們來解構夏木樂如何為何嘉仁打造適合低年級兒童的「中低年級筆順包」教學系統吧!

關於何嘉仁

何嘉仁於1983成立至今正好40個年頭。從英語補習班開始，何嘉仁的業務拓展到成人外語、出版社、基金會，更在中國、韓國、新加坡、越南設立國際幼兒園。

1999年何嘉仁負責人更成立何嘉仁文教基金會，幫助推廣雙語教育及培育年輕師資，發展台灣外語教育。

中低年級筆順包專案緣起

何嘉仁的企業精神是「追求創新與成長」，此次筆順包的製作，即是讓教師在一般課程中使用的輔助學習系統。

此筆順包針對注意較要難集中的中低年級學生製作，老師在教授此系統內容詞將會以電子白板為載體，以活潑的插畫與互動吸引他們的注意力，搭配老師的生動解說，為3C世代打造專屬於他們的學習方式，使學生更容易集中精神。

我們所遇到的個問題：

1. 網頁設計VS電子白板，設計思維碰撞

夏木樂間網頁設計公司，我們過去的作品集裡，以網頁設計作品居多，其中我們做過一些教育系統網站，例如龍騰文化的「愛玩課線上教育平台」的開發。

何嘉仁筆順包在製作初期，我們嘗試將過去開發愛玩課的工作方式套用到這次的專案中，然而，這次的專案何嘉仁筆順包是專為老師上課所使用之電子白板設計的系統，不適用多裝置的網站設計適應性思維（工程師歡呼「終於不用切版切到哭了!」）。

2. 如何與現實操作者結合

在網頁設計中，我們透過版面配置、網站動線的設計來引導造訪者的視線，但此次的筆順包專案不但不是網站，還是一個封包！

意思是，我們無法收集使用數據去優化網站，我們的設計也沒有辦法迭代更新，如此一來，網站的前置需求調查就顯得尤為重要。

夏木樂在需求訪談中發現我們的使用者大部分時間為「授課教師」，且上課時，老師會固定站在電子白板的右邊，因此，為方便操作，我們功能性按鈕放大，並配置在畫面的右側，學生會用到的按鍵則配置在畫面左側，如此一來，老師與學生不用再「打架」也可以同時進行操作。

3.UI素材統一性

中低年級筆順包需要多位設計師協作，因此，建立UI素材統一性是最重要的關鍵。

就像組傢俱一樣，先認知共同使用的工具與零件，後續組裝才會更有效率，才不會突然有人生出一顆鎖不進去的螺絲，害櫃子變比薩斜塔。本專案的第一步，即是與設計夥伴們共同討論及制定UI素材包，在UI素材統一的基礎上，讓協作更加便利。

我們的成品－筆順包介紹

1.字母拼拼樂

字母拼拼樂沒有標準答案，所有物件都可以放家與旋轉，讓孩子盡情發揮想像力，用物件拼出字母。期望透過聯想物品與筆順之間的關聯，來加深對字母的印象，老師也可以利用小動畫給予鼓勵。

插畫設計上，我們盡量以最簡單的圖形描繪物體，不加整體陰影，以此減少對物體方向、尺寸的限制，把主導權交給孩子。

此環節有「截圖功能」，可以讓家長與小朋友看到自己課堂上的作品，也可以藉此觀察每位孩童學習的變化。

2.動畫描寫

動畫描寫中的26個字母都分別有動畫版以及四格線版的影片，為了方便老師針對不同吸收力的班級教學，我們增加了0.5–1.5倍速的影片速度調整鈕。

夏木樂在這個環節花了許多精力鑽研「字母描寫」的操作，在測試時，除了專案PM與工程師都來試寫看看外，我們特別請了全公司寫字最醜的人來幫我們一起寫寫看，針對「容錯率」做過特別調整，是即使手部肌肉都還在發展的中低年級孩童也以輕鬆應對的範圍。

3.延伸學習

延伸學習部分，主要整合無法歸類進字母拼拼樂或動畫描寫的其他補充教材，其中例如「字母辨識」單元，就是將所有易混淆的字母像是「u&v」分類做成動畫，讓學生透過動畫的方式理解字母的不同。

另外，我們做了一個小功能 — 「點選不等於播放」。

老師在授課時常常點選一支影片之後要先按下暫停鍵講解，講解完畢之後再播放影片，為了簡化這個步驟，筆順包裡面的每一部影片，點進去之後都須要由老師按下開始才會播放影片，是一個體貼老師的小巧思。

結語

網路上時常出現「現在的學生越來難越教」的聲音，學生的專注力是個問題，但老師的教學方式也很值得關注，因此，我們很開心，能遇見願意為不同世代的學生認真思考，並改變學方式的團隊，讓我們有機會跟何嘉仁一起「用科技輔助教學」。

如果你也跟何嘉仁一樣，正在尋找合作製作教學介面、教材、網站的教育從業人員，歡迎聯絡夏木樂，讓我們為您量身打造最適合您的教學輔助設計，也歡迎點擊這裡，看看更多我們的作品喔！