J-Mentor

日語教學應用程式

關於作品

題目 - 日語教學應用程式 / App

此為進修「Ux abc」課程所完成的練習作品。

透過課堂教學,並以自身學習外文時所遭遇的狀況為出發點,發想而成的應用程式。

執行時間:

1 months

扮演角色:

UX: 問題定義、訂定功能、功能流程
UI: Wireframe、精稿、Prototype

發想動機

發想此作品的動機是,曾在上日文課時,同學們常會有突發狀況(當天生病、下班塞車、加班)導致無法上課或是遲到,進度總是落後其他同學。假日複習遇到問題卻上網尋求卻有多種解答,常常感到困擾!

題目解析

常遭遇的問題

除了自身所遭遇的問題外,透過競品在商店上的評論,抓取使用者在操作上的常見問題,來確立目標、確定功能。

預定目標:

一個可以不受限於時間與地點,能隨意安排課程進度,並提供課後練習與線上日文老師諮詢的日語學習應用程式。

5W1H-問題統整:

Who

學生、上班族、追星族( 共通點: 想學日文 / 差異點: 動機不同;有旅遊、遊學、上班需求)

What

依程度有不同的等級課程,能擷取問題或是收藏內容,提供線上解答。

Why

能依照程度來讓使用者學習日語,並能接收日本流行資訊保持學習動力。

When

通勤或其他零碎時間、下班下課後的空閒時間。

Where

室內空間(家中、咖啡廳、圖書館、或是通勤的大眾交通工具上)。

How

採用課程教學,使用遊戲式的測驗加深印象;提供類似筆記功能讓使用者可以做註記,觀看課外文章吸收日本流行訊息、能透過預約系統與老師預約諮詢。

確定功能

使用者故事:

作為一個日文學習者
如果我能透過事前測驗,然後就能知道自己程度。
如果我能學習新單字,然後就能認識新的詞彙應用。
如果我能學習新文法,然後就能使用進階句型。
如果我能學到常用會話,然後就能使用使用情境。
如果我有課後練習作業,然後就能強迫自己複習。
如果我能做線上測驗,然後就能評估自己的檢定程度。
如果我能使用線上問答,然後就有專業老師幫我解答。
如果我能使用筆記功能記錄問題,然後就能紀錄重點。
如果我能查看日本資訊,然後就能知道日本最新流行。
如果我能使用字典,然後就能查詢不懂詞彙。

詳細延伸官方提供的使用者故事 userstory-jm

資訊架構

依照使用者故事,整理出分類整合功能頁面。

流程圖-Flow Chart

點擊圖片即可放大

Wireframe

線框稿 wireframe-b

特色介紹

1.等級課程

完成單元測驗與課程測驗並達85分以上可解鎖下一課。點擊所有課程可以選擇已解鎖的課程複習。

等級:
入門、初級、中級、中高級、高級
(等級對應日文檢定N5~N1)

等級課程 intro1-jm

2.完整系列課程

根據每課的主題,使用者可以學習新單字、文法和課文會話,單元皆有日文導讀與例句引導學習。
會話課程中、日文的課文對照,在日文模式下,如有本課單字,點擊及時翻譯提示框及導讀,加強使用者熟悉度。

完整系列課程 intro2-jm

3.課程測驗

熟悉課程單元後,使用者可以點擊測驗評測,結束後立即評分,也能重新測驗。
會話測驗,點擊對話模式可以選擇人物決定課文內容,對著話筒或耳機麥克風說話,系統可根據使用者的發音程度評分。

課程測驗 intro3-jm

4.線上問答與預約

快速新增活動 / 帳單,採用步驟式輸入,避免單頁填入資料過多、表單過長,讓使用者失去耐心。

線上問答與預約 intro4-jm

5.新鮮事

分享日本旅遊資訊、文化、流行、遊學......等相關課外補充,隨時抓住最新訊息。
選擇文章分類,只顯示使用者感興趣文章資訊或收藏的文章資訊。

新鮮事 intro5-jm

6.筆記

直接複製課程單字、文法、測驗題目到筆記裡,使用者能自行補充內容,建立自己的筆記

筆記功能 intro6-jm

產品 - APP icon

產品icon

顏色與文字樣式

顏色定義與文字規範

Prototype

學到什麼

使用者反饋

請有學習外語的朋友測試,對於課程和遊戲式的測驗受到好評,線上問答想法很好對於可行性有難處(例如限制預約時間,諮詢問題類型等問題產生),預約位置不明顯、筆記內容變更類別的操作會讓人誤會。

心得

按鈕功能不明確,名稱或 Icon 定義不明確,造成使用者困惑;規劃流程思考的不夠詳細,以至於在線框搞與精搞階段,皆有遇到流程不順暢重新規劃流程圖的更正壓縮到繪製精搞的時間。

back to top