吐槽一个百词斩产品

近两年大家应该多少都在朋友前看到过朋友打卡，学英语，各种形式的。至于这种学习方式对学习到底有没有帮助，可能是见仁见智的事儿，这里不讨论。我是因为自己自制力不是很强大，就也开启了打卡之旅，尽力去坚持做一件事情，如果能顺便提高一下英语水平那就更好了。目前刚结束了两期共120天的学习。

其他人学英语，可能就好好认真学习就完了，但让我天天用一款产品，用了一百多天，没毛病也能让我用出毛病来。更何况，该产品有些地方体验可以说比较差了。

当然了，首先要声明一下，以下吐槽的问题，都是从个人体验的角度出发，有些问题可能是比较明显的设计问题，有些是有待商榷的，也有些可能是技术上无法实现的。希望大家能从专业的角度去判断。

因为产品功能比较单纯，虽说一次课程分了几个部分，但是主要操作只有：“点击播放”、“点击选择”、“下一步（或继续）”……

直接看图说话吧……

这是课程第一部分——今日词汇，的三个主要页面，图中蓝色区域是点击播放的热区。这部分的大概学习流程是，听&看句子（图1），然后在四个图片里选符合标黄单词意思的那个，选对了，就到图2，巩固一下，然后下一个。在好像是15个单词后，会用图3的模式，再复习一遍（听&看单词选图），后边还有一步，没问题，这里不说。

问题一：点击热区不统一

我们看图1,、图2两个界面，差不多是本着热区最大化的原则设计的，icon+内容的整个高度区域，都可以触发播放，中间界面一个单词的热区甚至扩展到对应的图片区域；但是图3界面，热区莫名缩小到只有icon的高度区域。

对于不熟悉的用户来说，可能这个差异并不会带来太大影响，因为新用户可能大多会直接去点击icon进行播放。但问题是用户很容易发现实际热区范围，并享受由此带来的方便（单手操作热区大真的很方便），这时候个图3就能很不友好了，我曾经多次点击右图的单词，但是没反应。这会跟用户心理模型直接冲突，而且还是产品自己给用户建立的心理模型。

关于这个问题，下边还有更过分的。

问题二：icon功能表征紊乱

这个问题其实是由问题1带来的。

我们看到该产品出现的最多的icon，就是那个可以代表“声音”“音量”等含义，在这里代表“播放”或“可播放”的icon，为了方便，下文统称为“声音图标”。

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

看图1、图2，声音图标虽然点击也可以点击播放，但是因为有更大的热区把它包进去了，所以该图标更多的其实是表征对应的元素（句子、单词）可播放，更多时候我们不会专门去点击这个图标来播放。但是图3就不一样了，我尝试点击单词区域，没反应，点声音图标，有声音了，但是有一次我碰到图标的横向区域，唉？有声音！

这个问题其实是有待商榷的，因为似乎是热区问题带来的，但起结果确实不尽人意。

问题三：功能可见性差

三个界面都有图，但是图1、图3两个界面里边的图是其实是给你选择的，图2界面的图则只是展示，你能看出来吗？

虽说用户只需要一次使用就会知道怎么操作，而且在这款产品里，图片的这个问题也是有商榷余地的，因为会有其他因素需要去权衡，但是真的没有办法让用户一眼就哪些可以点击吗？真的没有办法做的更好？

还有其他地方存在这个问题。

继续往下看

这是课程第二部分——段落精析，的三个主要页面。这个地方大概学习流程是，第一步，图1，听句子，然后选正确单词填进去，第二步，单词选正确的话下边会出现一个问题以及四个答案，选择正确，进入第三步，出图2的内容，即题目讲解，以及完整的段落内容+翻译，可以听。图3是一比较长的段落（包含三句对话）的状态。

首先说这部分播放功能的点击热区，就只剩声音图标的那一小块儿区域了，即出现上边说到的“问题一，点击热区不统一”，而且更加难用。这部分的学习，想单手操作比较困难。对于图3这样的长段落，想重复听还需要下滑页面去找声音图标然后点击播放，这个地方如果实际使用的话你就会感受到有多痛苦（截图还是纵向比较长的全面屏手机）。

一直没想明白这部分的内容播放为什么就做成了这样，技术实现不了？

对于“问题二，icon功能表征紊乱”，该部分的声音图标的功能无疑跟第一部分的又有所区别，而且图标又放到了一个新的位置。

对于“问题三，功能可见性差”，该部分主要表现在第一步选词填空（图1）。具体是这样的，该步骤的单词空位是不确定的，2-5个不等，然后不是一个空位对应一组选项，而是所有空位的词都要从下边一组选项里选。

用户面临的第一个问题是，选词顺序。该产品的做法是按用户选词顺序自动填空，即用户如果先听出来了第二个空的词想跳过第一个空先选填进去怎么办？没办法。

用户面临的第二个问题是，选错了怎么办。该步骤在你点选了一个单词之后，会把你选的单词按上边说的选填机制显示在对应的空位；在所有空位都填入单词后，系统会自动开始判断，选错的单词背景色会变红然后自动消失，这时候用户可以重新选，直到全部正确为止。现在问题来了，假设该段落有四个空，现在我已经选了三个了，但是我发现第二个空选错了，我想取消重新选，可以不可以？可以的话怎么操作？我曾经一度以为该产品没有后悔药卖给我，只有选完了让系统给我个红牌和改过自新的机会。可事实上，你只需要点击一下已经填入空处的单词，就能把这个单词送回老家……我大概是用了三十多天才发现这个功能，是不是太笨了？

对于这两个问题，暂且不去讨论这样选择流程是否有问题，我想说的是，对于新用户来说，学习成本太高。第一个问题还好一点，在经过一些尝试后，不管方不方便至少比教容易明白然后接受，但是第二个问题，难道真的留给用户去探索？

该部分除了把上述三个问题一个不漏重复一遍，还带来一个新问题。

问题四，功能设计不合理

图3，三句对话，是作为而且只能作为一个整体播放的。前两句太简单只想重复听下第三句？不行。学而时习之不亦乐乎，how are you多听听指不定也能领悟出新的意思是不是……可以说这是个比较浪费时间和耐心的设定。

继续

这是课程第三部分——通听全剧，的三个主要页面。该部分分三步，图1是第一步，通听一遍，可以打开英文显示，这一步只能顺序听，可以暂停但不能回退，只能听一遍；第二步没问题，这里不说；图2、图3是第三步，默认显示英文，可以选择显示中文，可以暂停，可以回退，可以重复听。

第三步有个非常不方便的设计，这里也只能口头描述一下。

看图2，这里听全文的时候，可以暂停，暂停后点击已经听过的对话（暂停位置以上的），就可以从点击位置重新开始播放。也就是说如果我某一段想多听几次，你必须先点左下角暂停，然后去文中点该处，并重复这样操作。而且这里的对话是跟着播放自动走的，一不留神，你可能还需要下滑一下页面，才能找到你想重复听的内容。

可以说这是个比较烦人的操作了，为什么不能像其他地方一样，点哪儿播哪儿？完全不需要暂停再去点我想听的段落，播放过程中我可以点击某位置然后直接从该位置开始播不是很方便？

该部分也贡献了一个新问题。

问题五，功能按钮设计不合理

看图1、图2的底部两个功能按钮：暂停/播放按钮和显示切换按钮。

问题1，为什么暂停/播放在左，显示切换在右？不说双手持机的情况，单手持机情况下，右手应该比左手多，而暂停/播放按钮的使用频率应该是高于显示切换按钮的，所以是不是应该把两个按钮左右位置换一下？当然了，这个问题没有实际数据支撑，可能完全是个人主观想法，我们可以不管。

问题2，为什么两个按钮如此极端的放置在页面左右两端？我在使用过程种，单手持机的时候，这里是最让我苦恼的，因为大拇指很难够到左侧的暂停/播放按钮。然后让我们看下上图3的底部，是不是值得前两个界面学习一下？

最后再次声明一下，以上吐槽的问题，有些是比较明显的设计问题，有些是可以权衡的，有些可能是技术限制。

希望看到该文章的朋友能有自己的合理判断，当然了，如果你有任何的不同的意见或者看法，有任何更合适的解决方案，欢迎留言讨论。