bing背单词交互流程 - Chongyang Bai
昨天和travis,鐘秋開會確認(rèn)了bing背單詞的手機(jī)界面交互流程。我在這里簡單描述一下,設(shè)計頁面暫時不能貼出來,期待大家的寶貴意見 b( ̄▽ ̄)d。
單詞本瀏覽界面:單詞本被分為兩類,用戶單詞本和單詞書。每個單詞本條目有一個小圖標(biāo),點(diǎn)擊圖標(biāo)則進(jìn)入單詞總覽,點(diǎn)擊條目其它部分則展開單詞本的統(tǒng)計信息和學(xué)習(xí)情況。
單詞本展開子頁面:除了統(tǒng)計信息(如總詞數(shù),已學(xué)詞數(shù)等)和學(xué)習(xí)情況外,還有兩個按鈕,開始學(xué)習(xí)和更改計劃。若選擇更改計劃,則進(jìn)入長期背單詞計劃設(shè)置,比如完成天數(shù);若從未設(shè)定過計劃,則點(diǎn)擊開始背詞后進(jìn)入“隨便背背”模式,即按默認(rèn)設(shè)定詞數(shù)(比如10個)作為一輪,若已經(jīng)有計劃,則按今日任務(wù)進(jìn)行背詞。
背單詞頁面:
上半部分為單詞卡片,有單詞和單詞釋義兩種狀態(tài),可以點(diǎn)擊more來查看詳細(xì)釋義。可以左右滑動卡片以查看上一個背的詞。
下半部分為交互部分,用戶按住按鈕則會有一個圓形進(jìn)度條上漲,若用戶中途放手,則卡片顯示單詞釋義,給系統(tǒng)的反饋為”不認(rèn)識“;若用戶覺得這個詞非常熟悉,不想再見到,則把按鈕向上推,單詞卡同時更換下一詞,反饋為”認(rèn)識“且把單詞從單詞本中移除并添加到熟詞本;若直到進(jìn)度條漲滿都未松開按鈕,則跳到下一單詞,按鈕恢復(fù)到未按下的狀態(tài),反饋為”認(rèn)識“。
底部是一個調(diào)節(jié)速度的slider,可以讓用戶實(shí)時的調(diào)整上文圓形進(jìn)度條上漲一圈所用時間(如5秒)。當(dāng)然,有策略讓這個slide不總是顯示,即在圓形 進(jìn)度條上漲時不顯示slider,其余時間顯示。
完成當(dāng)前任務(wù)頁面:
當(dāng)前任務(wù)的最后一個詞完成時,即彈出對話框,用戶選擇退出或再來一組,一組詞數(shù)即為默認(rèn)設(shè)定詞數(shù)(如10個)。
設(shè)置頁面(待design):針對背單詞模塊的個性化設(shè)置,比如默認(rèn)詞數(shù)(10)的更改等。
?
總的交互就是這些,希望大家給出寶貴的建議!
?
?Quick comment by Liyuan:
hi, all. 我很喜歡那個按住按鈕的設(shè)計。同時我也想指出,這個設(shè)計的邏輯,以及效果還可以改進(jìn)。
1. 對于用戶,更直觀的體驗(yàn)應(yīng)該是: 按住按鈕,出現(xiàn)下一個單詞,開始想這單詞什么意思,想出來了,松開手,看見釋義,判斷認(rèn)的對不對。或者一直沒想出來,沒判斷為不認(rèn)識,看到釋義,開始背記。
對于這個過程,?我覺得設(shè)計應(yīng)該是:按住按鈕有個進(jìn)度條往下落,然后松開越早,說明越熟悉。還可以有一個threshold,在threshold之前松開,不顯示釋義。
或者說,應(yīng)該是松開越早,越熟悉,而不是,松開越晚,越熟悉。
2. 如果認(rèn)同1. 的話,不得不說,這東西的反饋,天然就是連續(xù)值,不是離散值。而且是我們統(tǒng)計的,用戶也不用選則,也不會有選擇恐懼癥。
That's all...申請狗回去繼續(xù)寫SoP了...淚目...
?
Comment by Wei:
感覺大家關(guān)注的焦點(diǎn)還是在那個按鈕(圓圈進(jìn)度條)上。說下我的個人感覺。
1、如果這樣實(shí)現(xiàn)的話,那用戶如果選擇“認(rèn)識”這個詞,也就是按著不放,那就看不到這個詞的意思了,這個對于一些“自認(rèn)為認(rèn)識了但又想確認(rèn)一下自己的答案對不對”的情形是沒法弄的。
2、比如我正在背單詞,突然來了個電話打斷了我當(dāng)前愉快的按按鈕,那我再回到這個App時,當(dāng)前背的單詞到底是算認(rèn)識還是不認(rèn)識呢?
3、我覺得這種設(shè)計新穎是新穎,但用戶能不能上手還不好說,很多新東西都是開始試著感覺蠻好,過了一陣子就覺得用著不順手還不如傳統(tǒng)做法靠譜。所以最好能照這設(shè)計做個簡易的版本真正體驗(yàn)一段時間再評價。
4、如果用戶認(rèn)識這個詞必須按5s才能過的話,那比如我現(xiàn)在是處于“刷”詞的時候,那這樣的體驗(yàn)反倒不如按“我認(rèn)識”按鈕來得快啊,每個詞還得按著等5s,略雞肋。
轉(zhuǎn)載于:https://www.cnblogs.com/CodeHunters/p/5013934.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的bing背单词交互流程 - Chongyang Bai的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SVG(可扩展矢量图)系列教程
- 下一篇: HTML5 获得canvas油漆环境