介紹
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
研究顏色搭配