此網站需要使用 JavaScript 功能,請開啟 JavaScript 功能才能正常瀏覽此網站。
齊全的資料,能讓作品的呈現更豐富多元。 但,當歷史時間軸、背景故事、影片、統計數據與互動遊戲,都要同時放入一個網站時的話……就需要強大的 #資訊整合 能力! 客家電視 HakkaTV推廣客語已久,擁有許多不同形式的資料,這次我們協助客家電視台將豐富的資訊梳理整合,在網站介面的 #閱讀資訊量 與內容數據的 #資訊圖像化 進行設計,讓大家只要手一滑~就能用輕鬆的方式對客語有更全面的理解。  那麼,就來說說網站設計中放入了哪些規劃與巧思吧!

█ 企劃概念:
我們重整了眾多且形式各異的資訊,包括:歷史時間軸、動畫、VR影片、照片、數據,根據群眾最容易吸收的思考脈絡,考慮 #資訊量 與響應式網頁的閱讀體驗,加入適度的互動與動態,增強群眾停留的動機。
◆#三階段時間軸:清楚呈現客語歷史與《還我母語運動》的發展進程。
◆#統計數據圖像化:將生硬的資料重製成可立即理解的資訊。
◆#客語互動遊戲:將語音資料與小知識融入趣味互動測驗中。 

█ 網頁設計:
在畫面設計上,#精簡每個頁面的訊息量,集中大家在閱讀時的關注焦點;同時盡可能 #減少網頁的資料層級,讓群眾能以最少的點擊次數觸及所有的資料。
以簡單明瞭的三階段時間軸為主脈絡,在順向敘述歷史事件的始末時,穿插動畫、影片與實際照片等不同素材,創造輕鬆且不易厭煩的 #閱讀節奏,並用 #手繪質感插圖調和整體氛圍,增添觀者的親切感。

█ 互動設計:
網站讀取時以不斷滾動倒回的年份數字為提示,進入網站後順著敘述時間,將過去到未來的客語發展狀況做整體的串聯;隨著閱讀的進度,年份數字與上方的紅色進度條也會不斷前進,帶給觀眾 #知識獲得的回饋感。
在母語斷層的現況,則將生硬的統計資料轉化為 #一目瞭然的視覺圖表,並透過一些小動態的設計,增加 #記憶點 與活潑感。
由於互動與遊戲化最能直接並深刻的 #內化資訊,因此我們從客語知識出發,設計以互動為主的客語程度測驗,使群眾對客語的興趣與熟悉度快速提升,並能連結到後續的延伸資料。

看完說明,快快點進網站看看實際的網站長什麼樣子呢?
順便測驗一下你的客語程度吧!
如果你喜歡這次的作品,歡迎分享出去!
如果你也是關心客語推廣的人,請幫我們分享給更多的朋友吧!

聯絡我們

02 7741 6008

hi@simpleinfo.cc


106台北市大安區羅斯福路二段111號8樓

8F., No.111, Sec. 2, Roosevelt Rd.,Da’an Dist., Taipei City 106, Taiwan (R.O.C.)


營業時間 9:30am - 18:30pm

填寫表單

Portfolio

操作篩選器,找到簡訊創立以來所收藏的作品

|
作品集讀取中 ...