Saphia

透過古老的諺語學習語言的美

介紹

Saphia 這個字是 Sophia (智慧)跟 Sapphire (剛玉)兩字的組合。語言是文化的一部份,古人的智慧蘊藏其中,有如埋在石中的寶石等待被挖掘。這個 APP 的啟發點是由於世界各地的小眾語言都在逐漸消失,被使用者多的語言侵蝕消滅,所以希望藉由遊戲化語言學習的方式提供小眾語言的學習者更有效的工具。

Saphia 的目標在於提供語言學習者、語言愛好者:

  • 設計好的學習內容、複習制度
  • 與相同的小眾語言使用者交流的社群
  • 遊戲化機制養成每日短暫而持久的使用習慣
  • APP 的功能:

  • 每日定量、少量的學習資料(諺語、單字等)
  • 提供聽說讀寫等不同方式的資料來學習
  • 學習資料有熟悉度的設定,以原石被磨成寶石的意象,分成不同程度的熟悉等級
  • 讓使用者社群生產與交流學習材料
  • User-flow 使用流程

    Saphia 會在每天固定時間,跳出通知,顯示你收到了今天份的學習資料。以此作為 APP 的進入點,在完成今天份量的學習跟複習內容之後,份量的學習跟複習內容之後,再進行額外的探索。

    左上方為 APP 的進入點,可以在此圖中看到從開始每日學習之後的流程

    SiteMap App 架構

    APP的主要頁面有三個: Explore探索、Vocabs 字彙、Friends 社群。
    使用者每次點開都先進入 Vocabs 區,在這邊進行每日固定的學習。在有額外時間跟興趣時,可以到 Explore 區,這裡有其他使用者提供的學習資料,於討論區交流,也可以在此提供自己製作的教材。 最後,Friends 區讓使用者知曉同好的進度,還可以送對方你感興趣的題目供對方作答。

    APP 架構圖,如上面文字所述

    Wireframe 線框圖

    逐漸將架構轉換成圖像介面

    Mockups 高擬真設計稿

    此為最初版本的 UI 設計稿

    最後完整的 UI 設計圖

    Protytype 高擬真原型

    此專案的 Prototype 是透過 Invision App 製作的。點以下連結可以觀看跟操作。

    Invision App 原型連結

    Visual Design 視覺設計

    在此專案裡,視覺設計也是我負責。為了吸引使用者,唯美、浪漫、神秘的介面是此設計必要的一部份,因此花了許多時間在探索適合的顏色組合跟字型設計上。

    為了此專案繪製的插畫

    探索不同字型的組合,最後採用 Roboto Slab

    研究顏色搭配