O̍h Tâi-lô 學台羅-臺灣閩南語羅馬字拼音學習網改善計畫(下)

設計過程進度報告

陳建中 Tân Kiàn-tiong
5 min readJul 1, 2020

本文為大三下產品設計唐玄輝老師班級的期末作業成果之一,此篇文章撰述了設計過程與進度報告,前篇文章則是專案的緣起與前期的調查研究報告。

資訊架構

重新梳理了網頁的資訊架構,根據前篇所訂定的目的針對內容面做調整,增補了連音符號、調符標註的內容。刪減了唸謠與歌詩的部分。

視覺規劃

標準字與標準字型,標準字委託王皓梅設計

justfont為臺灣新興的字型設計公司,提供webfont以及字型販售服務,近年其對於台語文十分友善與注重,近年推出的字型產品如open粉圓凝書體激燃體皆完整支援台羅拼音音標,甚至進一步的支援台閩漢字,十分友善台語文使用族群。

視覺呈現以「年輕、本土、文化」為主要訴求

介面呈現

改版前後的首頁

聲母、韻母學習

聲母學習頁面截圖
針對每一個發音提供相應的圖說與英語和注音的對照,資料源自於《學拼音有撇步》
例詞設置一個隨機按鈕,使用者可以藉此認識該字母在許多不同詞彙中的角色扮演。

變調規則

變調規則的互動演示

改善後的變調規則,將資訊重新整理並且視覺化。再透過互動讓使用者比較變調前後發音差異。

測驗練習專區

測驗練習專區的互動演示

改善後的測驗練習專區,使用者可以有更彈性能自定義的內容,可以針對自己的學習進度設定題型與測驗範圍,方便複習。

未來計畫

本計畫目前為初步原型階段,尚有許多工作待完成,如果我的肝與熱情還有的話將會持續進行。目前階段的下一步將是進行多次的易用性測試與設計目標驗證,確認內容與介面的完整度後,再進行RWD設計符合跨平台的需求。接著再進一步的推出beta版供更多人實際的體驗與測試。

後記(學會臺羅後以解鎖)

Tsit-pîng ê bûn-jī guá īng lô-má-jī siá, lí nā-sī khuànn-ū tō tāi-piáu lí í-king ē-hiáu tâi-lô ah. Mā ū ki-tshóo ê tâi-gí lîng-li̍k ah. Án-ne ha̍k-sip tâi-gí-bûn ê lī-ik tō sán-sing ah. Tâi-gí mā óng tsìng-siông-huà ê hong-hiòng koh kha kūn ah.

Tâi-gí nā-sī beh ho̍k-hing. Beh tsiânn-tsuè tsi̍t-ê hiān-tāi koh hó-īng ê gí-giân. Tō ài póo-tsiok tse kui-tsa̍p-tang sóo khiàm-khuat ê pōo-hūn. Pau-kua ài hōo kha tsē ê lâng ē-hiáu tha̍k-siá tâi-gí-bûn. Ài ū kha tsē ê tâi-gí-bûn tsok-phín. Tsit-ê gí-giân tsiah ē-tàng tn̂g-tn̂g kú-kú êliû-thuân lo̍k khì. O̍h lô-má-jī kî-si̍t bô hiah-nī khùn-lân. Kap o̍h tsù-im hû-hō sī tsha-put-to kài-liām, bô guā-tsē hû-hō tō ē-tàng piáu-ta̍t tsi̍t-ê gí-giân ah. Ǹg-bāng ū tsi̍t-kang. Guá ê tsi̍t-tuānn bûn-jī ta̍k-ke lóng khuànn-ū.

Tsuè-āu tsi̍t-ê ké-uē ài tik-pia̍t kám-siā 《Tâibûn Kesimī》 ê huat-khí lâng Ngôo Hê-bí sian-sinn tī kè-uē tsi̍t-khai-sí thê-kiong guá tsiok-tsē ì-kiàn kap tsu-guân. Mā koh ài kám-siā Tn̂g Hiân-hui lāu-su ê tsí-tō. Kám-siā. Lóo-la̍t!

本文所述設計案為2020年6月,臺灣科技大學大三課程內容,並無與相關政府單位合作,設計案由唐玄輝老師指導,陳建中執行設計,如有相關問題,請和我們聯絡,如有相關建議,也請留言指教。

--

--

陳建中 Tân Kiàn-tiong
陳建中 Tân Kiàn-tiong

Written by 陳建中 Tân Kiàn-tiong

台科設計前模型工廠工讀生 | 模型×台語×字體

No responses yet