近兩年大家應(yīng)該多少都在朋友前看到過(guò)朋友打卡，學(xué)英語(yǔ)，各種形式的。至于這種學(xué)習(xí)方式對(duì)學(xué)習(xí)到底有沒(méi)有幫助，可能是見(jiàn)仁見(jiàn)智的事兒，這里不討論。我是因?yàn)樽约鹤灾屏Σ皇呛軓?qiáng)大，就也開(kāi)啟了打卡之旅，盡力去堅(jiān)持做一件事情，如果能順便提高一下英語(yǔ)水平那就更好了。目前剛結(jié)束了兩期共120天的學(xué)習(xí)。

其他人學(xué)英語(yǔ)，可能就好好認(rèn)真學(xué)習(xí)就完了，但讓我天天用一款產(chǎn)品，用了一百多天，沒(méi)毛病也能讓我用出毛病來(lái)。更何況，該產(chǎn)品有些地方體驗(yàn)可以說(shuō)比較差了。

當(dāng)然了，首先要聲明一下，以下吐槽的問(wèn)題，都是從個(gè)人體驗(yàn)的角度出發(fā)，有些問(wèn)題可能是比較明顯的設(shè)計(jì)問(wèn)題，有些是有待商榷的，也有些可能是技術(shù)上無(wú)法實(shí)現(xiàn)的。希望大家能從專業(yè)的角度去判斷。

因?yàn)楫a(chǎn)品功能比較單純，雖說(shuō)一次課程分了幾個(gè)部分，但是主要操作只有：“點(diǎn)擊播放”、“點(diǎn)擊選擇”、“下一步（或繼續(xù)）”……

直接看圖說(shuō)話吧……

這是課程第一部分——今日詞匯，的三個(gè)主要頁(yè)面，圖中藍(lán)色區(qū)域是點(diǎn)擊播放的熱區(qū)。這部分的大概學(xué)習(xí)流程是，聽(tīng)&看句子（圖1），然后在四個(gè)圖片里選符合標(biāo)黃單詞意思的那個(gè)，選對(duì)了，就到圖2，鞏固一下，然后下一個(gè)。在好像是15個(gè)單詞后，會(huì)用圖3的模式，再?gòu)?fù)習(xí)一遍（聽(tīng)&看單詞選圖），后邊還有一步，沒(méi)問(wèn)題，這里不說(shuō)。

問(wèn)題一：點(diǎn)擊熱區(qū)不統(tǒng)一

我們看圖1,、圖2兩個(gè)界面，差不多是本著熱區(qū)最大化的原則設(shè)計(jì)的，icon+內(nèi)容的整個(gè)高度區(qū)域，都可以觸發(fā)播放，中間界面一個(gè)單詞的熱區(qū)甚至擴(kuò)展到對(duì)應(yīng)的圖片區(qū)域；但是圖3界面，熱區(qū)莫名縮小到只有icon的高度區(qū)域。

對(duì)于不熟悉的用戶來(lái)說(shuō)，可能這個(gè)差異并不會(huì)帶來(lái)太大影響，因?yàn)樾掠脩艨赡艽蠖鄷?huì)直接去點(diǎn)擊icon進(jìn)行播放。但問(wèn)題是用戶很容易發(fā)現(xiàn)實(shí)際熱區(qū)范圍，并享受由此帶來(lái)的方便（單手操作熱區(qū)大真的很方便），這時(shí)候個(gè)圖3就能很不友好了，我曾經(jīng)多次點(diǎn)擊右圖的單詞，但是沒(méi)反應(yīng)。這會(huì)跟用戶心理模型直接沖突，而且還是產(chǎn)品自己給用戶建立的心理模型。

關(guān)于這個(gè)問(wèn)題，下邊還有更過(guò)分的。

問(wèn)題二：icon功能表征紊亂

這個(gè)問(wèn)題其實(shí)是由問(wèn)題1帶來(lái)的。

我們看到該產(chǎn)品出現(xiàn)的最多的icon，就是那個(gè)可以代表“聲音”“音量”等含義，在這里代表“播放”或“可播放”的icon，為了方便，下文統(tǒng)稱為“聲音圖標(biāo)”。

“播放”和“可播放”是不一樣的。

看圖1、圖2，聲音圖標(biāo)雖然點(diǎn)擊也可以點(diǎn)擊播放，但是因?yàn)橛懈蟮臒釁^(qū)把它包進(jìn)去了，所以該圖標(biāo)更多的其實(shí)是表征對(duì)應(yīng)的元素（句子、單詞）可播放，更多時(shí)候我們不會(huì)專門去點(diǎn)擊這個(gè)圖標(biāo)來(lái)播放。但是圖3就不一樣了，我嘗試點(diǎn)擊單詞區(qū)域，沒(méi)反應(yīng)，點(diǎn)聲音圖標(biāo)，有聲音了，但是有一次我碰到圖標(biāo)的橫向區(qū)域，唉？有聲音！

這個(gè)問(wèn)題其實(shí)是有待商榷的，因?yàn)樗坪跏菬釁^(qū)問(wèn)題帶來(lái)的，但起結(jié)果確實(shí)不盡人意。

問(wèn)題三：功能可見(jiàn)性差

三個(gè)界面都有圖，但是圖1、圖3兩個(gè)界面里邊的圖是其實(shí)是給你選擇的，圖2界面的圖則只是展示，你能看出來(lái)嗎？

雖說(shuō)用戶只需要一次使用就會(huì)知道怎么操作，而且在這款產(chǎn)品里，圖片的這個(gè)問(wèn)題也是有商榷余地的，因?yàn)闀?huì)有其他因素需要去權(quán)衡，但是真的沒(méi)有辦法讓用戶一眼就哪些可以點(diǎn)擊嗎？真的沒(méi)有辦法做的更好？

還有其他地方存在這個(gè)問(wèn)題。

繼續(xù)往下看

這是課程第二部分——段落精析，的三個(gè)主要頁(yè)面。這個(gè)地方大概學(xué)習(xí)流程是，第一步，圖1，聽(tīng)句子，然后選正確單詞填進(jìn)去，第二步，單詞選正確的話下邊會(huì)出現(xiàn)一個(gè)問(wèn)題以及四個(gè)答案，選擇正確，進(jìn)入第三步，出圖2的內(nèi)容，即題目講解，以及完整的段落內(nèi)容+翻譯，可以聽(tīng)。圖3是一比較長(zhǎng)的段落（包含三句對(duì)話）的狀態(tài)。

首先說(shuō)這部分播放功能的點(diǎn)擊熱區(qū)，就只剩聲音圖標(biāo)的那一小塊兒區(qū)域了，即出現(xiàn)上邊說(shuō)到的“問(wèn)題一，點(diǎn)擊熱區(qū)不統(tǒng)一”，而且更加難用。這部分的學(xué)習(xí)，想單手操作比較困難。對(duì)于圖3這樣的長(zhǎng)段落，想重復(fù)聽(tīng)還需要下滑頁(yè)面去找聲音圖標(biāo)然后點(diǎn)擊播放，這個(gè)地方如果實(shí)際使用的話你就會(huì)感受到有多痛苦（截圖還是縱向比較長(zhǎng)的全面屏手機(jī)）。

一直沒(méi)想明白這部分的內(nèi)容播放為什么就做成了這樣，技術(shù)實(shí)現(xiàn)不了？

對(duì)于“問(wèn)題二，icon功能表征紊亂”，該部分的聲音圖標(biāo)的功能無(wú)疑跟第一部分的又有所區(qū)別，而且圖標(biāo)又放到了一個(gè)新的位置。

對(duì)于“問(wèn)題三，功能可見(jiàn)性差”，該部分主要表現(xiàn)在第一步選詞填空（圖1）。具體是這樣的，該步驟的單詞空位是不確定的，2-5個(gè)不等，然后不是一個(gè)空位對(duì)應(yīng)一組選項(xiàng)，而是所有空位的詞都要從下邊一組選項(xiàng)里選。

用戶面臨的第一個(gè)問(wèn)題是，選詞順序。該產(chǎn)品的做法是按用戶選詞順序自動(dòng)填空，即用戶如果先聽(tīng)出來(lái)了第二個(gè)空的詞想跳過(guò)第一個(gè)空先選填進(jìn)去怎么辦？沒(méi)辦法。

用戶面臨的第二個(gè)問(wèn)題是，選錯(cuò)了怎么辦。該步驟在你點(diǎn)選了一個(gè)單詞之后，會(huì)把你選的單詞按上邊說(shuō)的選填機(jī)制顯示在對(duì)應(yīng)的空位；在所有空位都填入單詞后，系統(tǒng)會(huì)自動(dòng)開(kāi)始判斷，選錯(cuò)的單詞背景色會(huì)變紅然后自動(dòng)消失，這時(shí)候用戶可以重新選，直到全部正確為止?，F(xiàn)在問(wèn)題來(lái)了，假設(shè)該段落有四個(gè)空，現(xiàn)在我已經(jīng)選了三個(gè)了，但是我發(fā)現(xiàn)第二個(gè)空選錯(cuò)了，我想取消重新選，可以不可以？可以的話怎么操作？我曾經(jīng)一度以為該產(chǎn)品沒(méi)有后悔藥賣給我，只有選完了讓系統(tǒng)給我個(gè)紅牌和改過(guò)自新的機(jī)會(huì)。可事實(shí)上，你只需要點(diǎn)擊一下已經(jīng)填入空處的單詞，就能把這個(gè)單詞送回老家……我大概是用了三十多天才發(fā)現(xiàn)這個(gè)功能，是不是太笨了？

對(duì)于這兩個(gè)問(wèn)題，暫且不去討論這樣選擇流程是否有問(wèn)題，我想說(shuō)的是，對(duì)于新用戶來(lái)說(shuō)，學(xué)習(xí)成本太高。第一個(gè)問(wèn)題還好一點(diǎn)，在經(jīng)過(guò)一些嘗試后，不管方不方便至少比教容易明白然后接受，但是第二個(gè)問(wèn)題，難道真的留給用戶去探索？

該部分除了把上述三個(gè)問(wèn)題一個(gè)不漏重復(fù)一遍，還帶來(lái)一個(gè)新問(wèn)題。

問(wèn)題四，功能設(shè)計(jì)不合理

圖3，三句對(duì)話，是作為而且只能作為一個(gè)整體播放的。前兩句太簡(jiǎn)單只想重復(fù)聽(tīng)下第三句？不行。學(xué)而時(shí)習(xí)之不亦樂(lè)乎，how are you多聽(tīng)聽(tīng)指不定也能領(lǐng)悟出新的意思是不是……可以說(shuō)這是個(gè)比較浪費(fèi)時(shí)間和耐心的設(shè)定。

繼續(xù)

這是課程第三部分——通聽(tīng)全劇，的三個(gè)主要頁(yè)面。該部分分三步，圖1是第一步，通聽(tīng)一遍，可以打開(kāi)英文顯示，這一步只能順序聽(tīng)，可以暫停但不能回退，只能聽(tīng)一遍；第二步?jīng)]問(wèn)題，這里不說(shuō)；圖2、圖3是第三步，默認(rèn)顯示英文，可以選擇顯示中文，可以暫停，可以回退，可以重復(fù)聽(tīng)。

第三步有個(gè)非常不方便的設(shè)計(jì)，這里也只能口頭描述一下。

看圖2，這里聽(tīng)全文的時(shí)候，可以暫停，暫停后點(diǎn)擊已經(jīng)聽(tīng)過(guò)的對(duì)話（暫停位置以上的），就可以從點(diǎn)擊位置重新開(kāi)始播放。也就是說(shuō)如果我某一段想多聽(tīng)?zhēng)状危惚仨毾赛c(diǎn)左下角暫停，然后去文中點(diǎn)該處，并重復(fù)這樣操作。而且這里的對(duì)話是跟著播放自動(dòng)走的，一不留神，你可能還需要下滑一下頁(yè)面，才能找到你想重復(fù)聽(tīng)的內(nèi)容。

可以說(shuō)這是個(gè)比較煩人的操作了，為什么不能像其他地方一樣，點(diǎn)哪兒播哪兒？完全不需要暫停再去點(diǎn)我想聽(tīng)的段落，播放過(guò)程中我可以點(diǎn)擊某位置然后直接從該位置開(kāi)始播不是很方便？

該部分也貢獻(xiàn)了一個(gè)新問(wèn)題。

問(wèn)題五，功能按鈕設(shè)計(jì)不合理

看圖1、圖2的底部?jī)蓚€(gè)功能按鈕：暫停/播放按鈕和顯示切換按鈕。

問(wèn)題1，為什么暫停/播放在左，顯示切換在右？不說(shuō)雙手持機(jī)的情況，單手持機(jī)情況下，右手應(yīng)該比左手多，而暫停/播放按鈕的使用頻率應(yīng)該是高于顯示切換按鈕的，所以是不是應(yīng)該把兩個(gè)按鈕左右位置換一下？當(dāng)然了，這個(gè)問(wèn)題沒(méi)有實(shí)際數(shù)據(jù)支撐，可能完全是個(gè)人主觀想法，我們可以不管。

問(wèn)題2，為什么兩個(gè)按鈕如此極端的放置在頁(yè)面左右兩端？我在使用過(guò)程種，單手持機(jī)的時(shí)候，這里是最讓我苦惱的，因?yàn)榇竽粗负茈y夠到左側(cè)的暫停/播放按鈕。然后讓我們看下上圖3的底部，是不是值得前兩個(gè)界面學(xué)習(xí)一下？

最后再次聲明一下，以上吐槽的問(wèn)題，有些是比較明顯的設(shè)計(jì)問(wèn)題，有些是可以權(quán)衡的，有些可能是技術(shù)限制。

希望看到該文章的朋友能有自己的合理判斷，當(dāng)然了，如果你有任何的不同的意見(jiàn)或者看法，有任何更合適的解決方案，歡迎留言討論。