单词背诵类应用中的异类---百词斩产品分析

目的:本次分析的目的在于了解百词斩这款产品,因此,在分析过程中,不涉及比较,不涉及褒贬,试图以客观的立场了解百词斩设计的每一个细节。

方法:从战略层、范围层、结构层、框架层、表现层五个部分分别还原设计的出发点,力图还原整个的设计轨迹。

使用版本:6.0.2

战略层

企业目标

毫无疑问,单词背诵是一件枯燥的事情。德国有位著名的心理学家艾宾浩斯曾经对于记忆做过大量研究,并提出了著名的遗忘曲线规律。简单来说遗忘曲线规律有以下三点:

1 艾宾浩斯遗忘记忆规律解释。[1]


遗忘遵循先快后慢

2 不同性质的材料有不同的遗忘曲线。


不同的材料有不同的遗忘曲线


3 不同的人有不同的以往曲线。


不同的人有不同的遗忘曲线

因而,单词背诵APP的设计,首先要面对的问题就是记忆。如何提高用户对于单词的记忆效率,是所有单词背诵APP首先要面对的问题。换句话说,单词背诵APP的设计其实是帮助用户与遗忘进行对抗。那么,这就决定了这类App的设计与其他APP有着本质的不同。有的APP重点在于运营,譬如滴滴出行;有的APP重点在于技术,譬如科大讯飞;但是,背单词这类App的重点在于对现有记忆心理学研究成果的理解与运用。整个APP的设计,其实是在围绕着开发者对于克服遗忘的理解,及由此而提出的解决办法进行的。

如果我们仔细看百词斩的slogan“让背单词上瘾”以及百词斩的界面内容,就容易理解百词斩的设计着重于帮助用户愉快地从多角度记忆单词。换句话说,百词斩着重于从第二点“不同性质的材料有不同的遗忘曲线”这一点去帮助用户对抗遗忘。正如百词斩CEO欧阳丹在知乎说的那样,“背单词软件最重要的改进不是所谓算法神马的,而是应该是提高学习材料的可理解程度”这或许是百词斩区别于其他背单词类APP的最大特点。

说了这么多,百词斩的企业战略或许可以借用阿里巴巴的企业愿景进行描述,让天下不再有难背的单词!

用户需求


场景一:上大学了,小明立志在毕业前通过四六级考试,于是制定了一个背单词的计划,但是面对着枯燥的词汇表坚持了几天就没了兴趣。

场景二:下班了,在回家的途中,小明拿出了一本单词本背了起来,却忘记了昨天刚记住的几个单词标记在哪里了。

场景三:小明坚持背诵了三天英语单词,后来由于单词过于枯燥,就不再坚持了。

……

范围层


百词斩产品架构

前面提到,设计背单词的APP需要首先建立的概念是,围绕什么设计原则来帮助用户克服遗忘。上面虽然提到了百词斩一个较为核心的设计原则“提高材料的可理解度”,但事实上,影响用户单词记忆效果的又何止于此。单词记忆的过程是一系列心理问题不断相互作用的过程,在记忆的过程中,由于需要记忆大量枯燥的没有相关性的单词,以及其各种不同的意思,词的属性。这必然引起用户心理的消极厌倦,因而,整个设计其实需要解决的其实是如何消解用户记忆单词过程中产生的负面心理的过程。而如果从这个角度去审视百词斩的各个模块的功能设置,我们或许会找到百词斩深受用户欢迎的原因。

功能规格

1 计划进度及完成情况。让用户对于自身目前的整体状态有一个清晰地了解。

2 单词背诵。在这一栏目中,通过选择图片、听音辩词、选词填空等不同环节的设置帮助用户识记单词。

3 训练。用户在这里可以复习当前学习的新单词。包括:听音辨意、中文选词、拼写填空、拼写组合、听音速记五部分。

4 小讲堂。提供一些关于英语学习的技巧性文章。

5 好友。这一功能模块中有PK、好友、排行榜、动态四部分。其中PK功能是集娱乐、背诵、检查三个功能于一体的。让用户进行单词pk, pk的单词选用用户最近背过的(不要完全是用户熟悉的)。

6 锁屏功能。用户手机锁屏之后,用户再次点击屏幕时,会出现用户需要识记的单词。部分单词可以匹配一些情境图片,既可以帮助用户场景化记忆单词,又可以作为用户的解锁壁纸。用户还可以在这个页面查询单词。这个设计绝对是切合用户心理的,充分利用了用户平时无聊时,总是有意无意开启手机打发无聊时间的心理。从交互的角度来说,单词查询功能的设置,极大的方便了用户。

一些需要改进的地方:

1  在pk环节,pk完毕之后,用户虽然可以查看结果,但是错误的单词用户无法收藏,应该加入收藏功能。当然,如果系统后台算法中可以       自动统计用户错误的单词,然后在用户接下来复习的过程中,会出现不久前错误的单词这样最好。

2  关于锁屏功能,我觉得可以在好友一栏中开辟一栏---“随手拍”。用户可以将生活中的场景随意拍摄,然后配上与语境相关的单词,这样       可以最大程度的调动用户将英语与生活场景相结合的意愿。而且,系统可以定期推出精选内容给予一定的奖励,一方面提高用户活跃度、     参与度,另一方面为系统的单词配图图库提供更为精准的图片源,壁纸源。最为重要的是,提高社交活跃度,单词查询功能如果可以增加扫描功能那就更好了。

产品功能优先级


产品研发初期

所谓的产品功能优先级,其实是一个动态变化的过程。在产品初期,以培养核心用户为为核心,中期以提高产品流量为核心,后期以实现商业盈利为核心,不同时期产品的优先级会呈现不同的变化。产品研发前期,核心工作必然是围绕背诵与复习极其背后的算法实现为核心,而随着功能的趋于完善,为了更大程度的为产品提供用户量就应该引入社交,进而将重心转向商业盈利。上图为产品研发初期的功能优先级。事实上,上图的产品优先级表述并不准确,优先级应该确定至最小功能单元。

结构层

信息架构图


产品架构图

交互


新单词识记流程图



整体看交互

从整体视角看,产品趋向于营造游戏化的氛围使得产品天然的带有反枯燥倾向,“百词斩”这一词语以及产品整体中的文案、动画角色的打造使得背单词这一枯燥的行为被赋予了一种快意江湖的语意且带有戏谑性,这应该算是代入角色吧!影视作品之所以广受欢迎的一个重要原因就是因为观者极易代入角色,这应该有异曲同工之妙吧。

在整个设计中有一个需要特别关注的交互细节---当用户点击“斩”时的音效,这种音效是整个快意江湖意境营造的点睛之笔。一方面,如果说前面通过各种手段营造氛围是各种铺垫,那么这点击时的音效可以说是前面铺垫的整体爆发。每一次的点击,就是每一次的爆发。另一方面,点击时这种音效产生的快感使得背诵单词的枯燥感简直可以忽略不计。事实上,百词斩贯穿整个交互过程中出现的音效其实是帮助用户摆脱单词记忆过程中枯燥感的非常有效的手段。


部分情景化营造手段

局部看交互

1 读句子选图片。这个环节的设计有几个好处,首先人是视觉动物,读图记图能力远大于字词,通过图片营造一种语境帮助用户更加形象的       理解词意。其次,打破了单纯读文字的枯燥。再次,其实读图选图片有点像猜灯谜,每一次的猜测用户都会带着一种期待心理,在猜的过       程中用户为了猜对,会不由自主的去理解句子与图片,在这种思维互动中实现对于词语的理解与记忆。而一旦用户猜对,就会有一种喜悦       感产生。

2 多角度诠释词意。在帮助用户记忆的过程中,用户会通过单词填空、语音识别、图片、视频等多种途径识别单词,很明显这会让用户有一       种新鲜感,甚至有一种期待,期待系统会以一种什么样的形式展现词意,这避免了单纯的以一种用户事先预知的形式展现内容,引起用户       厌倦的状况发生。

3 用户对于记忆是有一个限度的。过多的词意及用法会引起用户的困惑,换句话说会有选择恐惧,用户会不知道记忆哪一个,因此我们看百       词斩中的词汇会出现较为重点及少量的词义及词性,且句子内容语法比较简单。这样会避免用户的恐惧心理的产生。让用户可以有一个记       忆的重点,不需要在额外的内容耗费精力。

4 单词PK,这一功能的设置一方面是利用了人的好胜心理,另一方面可以检验自己最近识记单词的效果(因为出现的单词都是双方识记过           得),再者总加了学习过程中的趣味性。或者这可以说是背单词过程中的一种调剂。另外,还是社交的一种形式。事实上,因为pk所选单     词为最近背过词汇的频率非常高,一方面算是一种复习,另一方面这给了用户一种激励。我们在考试时经常会遇到这样一种情况,一旦出       现了一个熟悉的题目就会大喊“这个,对我想起来了,我见过!”,事实上这个环节中用户也会有这样的心理反应,“这个单词刚刚背               过!”“这个我会!”。甚至会有一种占了便宜的感受!但是,为了维持用户的这一心理,需要在选择出现的单词时,要加入一些用户相对不       熟悉的,甚至偶尔出现一些陌生词汇,以强化用户的这种心理。

5 锁屏记单词功能,用户点击出现单词,松手时的交互方式既使得用户可以检验自身记住了该单词,又便于用户快速查看词意。

6 用户进入具体的单词背诵、复习页面之后,会发现用户只需要完成页面上的相关练习,完成后页面自动切换,整个操作过程非常流畅。

一些需要解决的问题

首先,整个游戏氛围的营造是没有问题的。但是这不可避免的会丢失一部分用户,当然这或许不能算作一个缺点,因为不可能有面面俱到的完美的产品,每一个产品都会有相应的细分用户。至于知乎中有用户反映图片记忆会导致用户记住了图片但记不住意思的状况发生,这或许是由于一些过于抽象的词汇系统无法准确匹配相应的语境。这就需要用户进行把握与注意,或许日后会有相应的解决办法。系统提供的单词词意较为精炼,就必然无法满足一部分用户对于单词进一步了解的需求。在pk环节,无论胜负使用的音效是相同的,这样不好,应该胜利使用一种声音,失败使用一种声音。最好是胜利的音效激扬一点以加强用户的喜悦,失败的音效最后低调一点甚至于有点戏谑、轻松地音效以减小失败的不悦。

另一个需要解决的问题是,用户点击“斩”该单词就不会再复习。但是,百词斩没有意识到的一个问题是我们说一个用户真正掌握一个单词是需要从眼睛敏感度[2]与耳朵敏感度[2]两个角度评价。用户或许在拼写选词等形式中记住了单词,但是或许当用户只听到这个单词的读音时,依然记不住。因此,一个单词应该当用户同时在拼写与听力两个模块中都点击“斩”才可以将单词从复习库中去除。(个人主观见解)

框架层


功能模块优先级

对于界面、导航、信息的设计需要考虑功能优先级的问题,还要考虑功能模块的使用频度与用户量以及信息架构问题,而所有这些要素,要在用户使用流程的框架下思考!事实上,这三者是相互配合的,在设计的过程中是相互启发的。

界面设计

界面设计需要让用户自然而然的知道什么是重要内容,什么是次要内容。能否让用户的视线按照某种规律在界面流动,不需要用户去了解去找,用那句说烂了的话表述就是”所见即所寻”,用户在这里看到的,就是用户在这里最想看到的!这是评价一个界面设计是否合格的终极标准。

百词斩在界面内容展现上主要分为两大部分。

1 主要内容部分(以tabbar形式分作五部分) 。

2 个人中心(侧滑抽屉形式)。

界面之所以这样设计,其实是因为用户使用时的两条主要的操作流程。一条线是用户背诵复习操作流程,一条线是用户背诵复习操作流程发生前必定会发生的相关设置流程。结合每一个操作流程发生过程的频度,高低与用户量的问题,才有了如上的主要设计。但是,还有一些问题需要考量譬如商业因素,商城模块就是如此。


主要界面

主要内容部分(以tabbar形式分作五部分)我个人感觉界面布局与导航其实结合在一起了。以上,三个界面是整个用户操作过程中使用较为频繁地界面,APP利用色彩与页面布局使得用户点击tabbar上的相关按钮进入页面后,相关功能模块以宫格方式排列,用户可快速选择进入相关操作。当然,你也可以将其理解为导航的一种形式。而每一个选项进入之后,相当于一张张平行的卡片,用户操作完卡片上的动作后,卡片自动切换,更无需导航来对用户进行引导。

个人中心会采用侧滑抽屉的形式是由于个人中心的内容是低频次内容,用户一般进行相关的设置之后,在一段时间内不会再次进行改动,因而将这些内容以半隐藏的方式进行布局。

导航设计

导航设计是为了帮助用户快速找到目标内容,以及确定内容所处位置。因而,需要考量用户执行任务的操作流程,以及信息架构。但是很明显,这一点百词斩做的不够好。譬如,在单词TV以及商城两个模块中,界面的导航是以tabbar的形式至于界面下侧,给人的感觉俨然是APP中套APP。这使得整个操作流程的连续性有所影响。我们说,用户对于某些操作会因为约定成俗的模式形成既定认知,那么设计的时候,多数应该遵守这些既定认知而非打破,除非有足够强的理由。

由于整个产品的调性为游戏化、幽默化,因此其导航并不适合采用网易云音乐这种严肃的导航形式,一种不拘一格的、另类的导航更适合于整个产品的设计调性。

还应该注意的一点是,核心任务不能太深,因为用户本身就不喜欢背诵单词,层级越深越容易影响用户的背诵积极性,因而其内容趋向于平行化,浅层级。导航的设计需要考虑内容层级,很明显有的APP功能多、层级深,导航就应该严肃且准确。但是,像百词斩内容层级其实并不深,也不能深。且所有功能是平行关系,譬如复习界面中的几个功能功能。

鉴于以上几点,宫格式的界面导航设计(辐射式导航[3])显然更为合适,这保证了每一项的点击机会都是均等的。还有一点就是,这种导航模式使得用户无法利用导航在功能模块之间跳转,有利于用户专心于当下的操作内容。于背诵单词来说,这种导航形式无疑是恰当的。

综上所述

1 因为界面设计分为两部分,因而全局导航也分为相应的两部分。如图全局导航1,全局导航2。


左图为--全局导航1  右图为--全局导航2


2 内容导航依于界面设计的形式,采用了宫格布局。又因为,内容之间层级关系较为简单。因而主要内容导航也较为简易,如图内容导航1,内容导航2。


左图为--内容导航1  右图为--内容导航2

信息设计

其实信息设计是针对具体的局部信息进行的信息架构。换句话说,信息设计是针对某一功能区块内的散乱信息进行的规划。当然,这种规划不是孤立的,是与界面,是与导航,是与交互,是与用户操作流程相互影响、相互配合的。

用户使用APP终究要落脚于获取信息,操作信息。恰当的设计,可以帮助用户快速获取目标信息。这就涉及到目标信息的分类,展现形式。

单词列表

如上图,单词信息的正确分类,对于帮助用户快速实现在该页面的目标任务有着很大的帮助。左图的信息分类以及词意展现方式可以帮助用户快速了解自身单词识记状况,配合右图的交互方式快速做出合理的复习安排,这是传统的学习方法、工具所不能比的。


表现层

百词斩界面主要采用了米黄色与浅蓝色。首先这种配色,营造的气氛比较轻松,与产品的整体格调是一致的。界面主题信息以蓝色为主,使得用户可以快速锁定页面主要内容。


界面内容聚焦度分析

以上几个页面是运用了相同参数处理后的视觉效果,可以发现从视觉聚焦角度来看,每一个页面都具有较强的聚焦效果。在米黄色的背景上,蓝色配合界面布局,起到了很好的导航的作用。

如果再仔细分析,会发现界面整体氛围比较轻松。原因在于除了颜色之外,内容较少,内容之间留白较多使得整个空间没有一点压迫感。这种氛围配合较大字号的字体,使得用户很容易将注意力集中于要背诵的内容。

遍布每一个角落的统计算法(纯个人揣测不具参考性)

不同于以往分析的作品,这里还需要注意一点,就是遍布整个产品的算法。我们知道,这款产品的成功还需要一个良好的算法。这个算法应该通过捕捉用户的每一个行为,来判断用户学习每一个单词的状况,以及自动帮助用户按照艾宾浩斯遗忘记忆规律曲线帮助用户合理安排复习时间,当然,最为关键的是通过捕捉用户行为来帮助用户剔除已熟记的单词。

(以下算法均为推测)



锁屏界面算法


单词PK算法

以上皆是我觉得应该有的算法,均是猜测。其他部分算法不再赘述。我们说,好的算法应该使得系统根据用户的行为,最大程度的做出符合用户预期的行为。因此,应该根据用户在界面的所有行为,这里的行为不但包括用户的点击滑动,还包括用户在某些环节的停留等等。当然,就这个APP而言我觉得还应该加一个按键,就是用户觉得某一个单词应该在日后加大复习量,可以通过这个按键进行加量复习。

写在最后

在我看来,事情并没有结束。一家企业仅仅停留于此,做一家小而美的公司当然没有问题。但是,如果有了如此大的用户量如此富有创意的学习方法,不在此更进一步不免可惜。在我看来,现在的这款产品还有一些局限性,如前所述,一款产品越有针对性目标群体越明细,可能其在这一领域会很强势,但是其发展会有一个明确的瓶颈。譬如,前面提到,为了让用户在记忆单词时抓重点,系统提供的词意及相关是较少的,那么用户在完成了这一过程之后就会离开。可是,用户明明还没有学会英语交流呀!用户明明还没有记住所有的单词呀!

前面我们提到,记忆单词类APP其核心在于解决用户记忆与遗忘的矛盾。百词斩这款产品是以游戏化的方式帮助用户在轻松的气氛中记单词。那么可不可以推出相应的严肃版,来帮助具有深入学习需求的用户!这是从用户群考虑。那么从英语学习需求去考虑呢?!可不可以推出语法斩、听力斩、写作斩、阅读斩?!从而形成一个围绕英语学习的产品群!

参考文献

1《艾宾浩斯遗忘曲线规律》http://www.56mcc.com/mcc/AiBinHaoSi.aspx

2《我怎么使用百词斩》 作者:伊森劳斯(简书)http://www.jianshu.com/p/832e604c3c85

3 “轴辐式结构可让用户通过中央索引向外导航。这是iPhone默认采用的模式。用户不能在各个“辐条”之间进行导航切换,只能先回到轴心再    出去。这个方式在历史上一直用于工作流程存在限制(通常是表单或购买流程等技术限制)的台式机情况,但其现在也开始逐渐流行到了移    动端,因为在移动端用户往往需要专注于单项任务,另外设备的形状因素也造成全局导航使用比较不便。“本段文字出自于《移动端设计大      补脑第一补:信息架构》http://www.jianshu.com/p/e4edc5ed8d38

推荐阅读更多精彩内容