美文网首页@IT·互联网@产品
得到APP「学习计划」功能的设计及一些手机阅读新体验

得到APP「学习计划」功能的设计及一些手机阅读新体验

作者: 紫苏和鱼 | 来源:发表于2018-10-03 20:00 被阅读23次
    题图:罗辑思维「得到」002 号知识发布会  

    写在正文前

    这个系列是学习笔记,并非全面的产品分析报告,故关注点偏向自己感兴趣的方面。目前从事移动端学习APP的设计,故更关注学习产品的功能设计和交互。顺手分享,如果恰好对你也有启发,那就太棒了。

    正文将介绍新版「得到」APP的学习计划功能及一些电子书新体验。

    「学习计划」功能

    这次得到两周年,产品上有了较大的更新,其中一个是学习计划的调整。

    新版APP对该功能的定位是: 根据你的每日学习时间和频率,制定专属学习计划,随时调整,养成好习惯。

    学习计划的本质是用户习惯养成机制,可用于提升用户活跃及粘性。

    人人都说学习这件事很难坚持,确实如此。特别是移动端产品,用户时间很碎片化,故更需特定产品机制来帮助用户养成使用习惯。「学习计划」是其中一种,此外还有游戏化机制等。

    「学习计划」的功能在各类学习产品中形式不同,主要有三种:

    第一种是,按学习时长来定计划。比如可以选择每天学习10分钟,20分钟或半小时等,以在 APP 上停留的时长或正在练习或录音的时长为准。

    采用时长作为标准的好处是,无需考虑平台上多个内容和课程之间的差别。不好的是,宽泛的时间很难衡量用户是否真正学习了,而且没有把完成课程作为强制标准,很难追踪用户的学习进度。

    第二种是按学习内容来,比如每天学习多少课,一般是1-5课不等。这种会要求产品上所有课的结构都类似,这样才有可比性。

    第三种是用系统中某种数值作为标准,比如经验值。每天目标可以设定拿到多少个经验值。这种形式比较灵活,可以将完成课程以及其他希望用户完成的任务都用经验值来计算。

    不管以哪种为标准,学习计划制定好之后,就能给予用户 ta的学习计划进度反馈了。且可以名正言顺地给用户发通知提醒学习啦。

    数值和进度反馈是比较容易实现的。在「学习计划」页面还可以有学习内容和任务的推荐列表,情况会更复杂一些。下面一起来看一下得到 APP 是如何来做实现的吧。

    环节一:定制学习计划

    总的来说,其学习计划制定的策略是:系统先自动默认选择已购课程中每天学一课为用户制定一个粗略计划,然后用户可以在此基础上调整。

    (页面1)

    标注1:充满仪式感的介绍页,点击后系统自动开始制定

    标注2: 「学习计划」是在 tab 栏的第二位

    关于「学习计划」在整个APP中的位置。在这个问题上总体有两种思路:第一种是一进来就只看见跟自己相关的内容,比如学习计划。第二种是进来看到所有课程和内容,即上面的「发现」页面。

    哪种好并没有明确的说法。这里得到APP提供了一个不错的解决方案:默认是「发现」为首页,但用户在设置中也可选择把「学习计划」设为首页。

    (页面2)

    标注1:从上一页跳转到该页,系统正在计算中(这个加载动画,不知真要计算时间还是故意加上的)

    标注2:系统给出的学习计划只做参考,用户需要手动确认后才能生效

    系统先基于规则或智能分析自动提供一个初步解决方案,用户可以此基础上进行选择和调整。一来减少用户操作和做决定的成本,二来给用户充分的自主权。

    (页面3)

    标注1:可能一开始是基于简单规则计算,后期也许会加入数据分析后的策略。计算的维度包括什么学习内容、哪位老师、学习时长和课数等,都应该是个性化的。

    标注2:列表以课程为单位,可以添加或移除课程。从已购买课程里选择,默认是10个。某课程内部具体学几节课,用户可自行调整。

    (页面4)

    标注1:可选择每天学习的节数

    标注2:首次设置,课程内默认从上次学的那节课开始,新课程则从第一节课开始。

    (页面5)

    标注1:列表上是以课程为单位。虽然是不同的课程类型(图上是四种),但得到的课程内每个课都是一个音频及相应的文本的形式,所以能统一起来。

    标注2:自己调整好后,保存计划才会生效。

    从旧版的“猜你喜欢”直接列出内容到新版的“推荐+调整”,这个转变就说明了:对于学习来说,用户需要有足够的自主能动性,即使算法推荐再精准也是一样,更何况现在并不能做到非常精准。

    推荐合适的学习内容可能远比,推荐文章新闻或者可能感兴趣的商品要复杂得多。提供大致路径,让用户自己来调试和决定,目前来讲可能是一种更好的方式。

    环节二:学习计划

    经过定制学习计划的环节,当用户点击「保存计划」后,学习计划就生成了,相应页面如下图。

    (页面1)

    标注1:点击“马上开始学习”,自动播放下面列表中的第一个音频

    标注2:待学习课程的内容是学习计划中确定的课程及节数,按照最近被播放的时间顺序排列

    标注3:点击调整计划,进入新页面

    标注4:点击出现学习日历弹窗

    (页面2)

    标注1:点击上一页上的“马上开始学习”,就会出现该进度条

    作为得到的竞品新世相 APP 首先将进度可视化、积分金币激励等游戏化机制加入到知识付费的学习中。这是第一次使用时,发现的不同于得到 APP 的小惊喜。现在知识付费APP 基本都是大体都是仿照得到。

    现在得到也跟进了这种设计,一是说明了进度可视化、游戏化激励等确实有用。二是从侧面上也反映了买了课程以后就不学了是学习类产品的痛点问题。

    标注2:生成一个当天学习计划的播放列表

    这里有个小问题就是,按照条件自动生成的播放列表,跟已下载的列表有冲突。学习计划播放列表上的内容不一定已经下载,在非 wifi 情况下会带来一些阻力。得到产品团队之后应该会要解决这个矛盾。

    还有一点就是,列表中内容不是用户当前想听的,或者临时起意想多听一课,需要从学习计划列表再切换到已购或已下载内容。

    环节三:调整计划和学习日历

    在学习计划页面的右上角是调整计划,点击会进入如下相应页面。

    (页面1)

    在这个页面的最上方可以将“学习计划” 设为首页(即打开 APP 看到的第一页,不过tab 栏依然排在第二位),这样方便用户一进来就看到自己的学习计划,一键就能开始听,很适合在路上碎片化学习这个场景。

    看起来这是小设置,实际上它会改变整个 APP 的呈现形式。即从浏览所有平台所有内容为中心,到以完全以用户个人需求为中心。

    以下三个页面展示「调整计划」的操作过程。不同课程之间可移除或添加,某个具体课程内调整复杂一些,具体如下。

    首先调整的维度有两个,一是数量,以节为单位。二是具体学习的内容。

    (页面2)

    以上页面2点击“选择”后,会进入页面3。

    (页面3)

    这个列表是该课程内的具体课时,按照时间排序。一旦选择某课作为起点,就会按顺序依次播放。总体来说用户有一定自主权,但仍然不够灵活。也许加入一个“插播”环节,临时看到一个想听的内容可以通过“插播”加入到学习计划中。

    (页面4)

    调整完点击完成后,回到页面4。新选择的内容需等到第二天才能生效。

    在学习计划页面的左上角点击日历图标后,下方将弹出「我的学习日历」,如下图页面5。

    (页面5)

    这相当于一个整体完成情况的概览图。每个日期上都有一个圆圈显示完成的进度。

    另外也观察到一个现象,底部弹窗应用得越来越多。在得到APP、微信、小程序好像都是这样。

    一些移动端阅读的新交互

    除了关注到「学习计划」,还特意体验了一下电子书阅读体验。因为每周二都会看得到例会直播,产品负责人快刀提到产品和技术团队在花大力气死磕细节,致力打造最好的电子书阅读体验,比如文本选中的问题。所以特意关注了相关方面。

    下面是一些觉得很不错的点。

    新体验一

    (页面1) (页面2)

    在当前按住屏幕,向下拉就能添加书签,再次拉就会取消。这个交互太惊艳了。那么简单流畅,有符合人的习惯。一般加书签的方式都需要把手指伸到右上角点一下。

    新体验二

    (页面3)

    在屏幕上选中文本的精准度确实做到了极致,个人觉得比苹果系统上的文本选中还要好用。

    快刀说,得到会把这个技术代码开源出来,这样同行们就不必走这么弯路和花这么多精力来重复开发了。以期提升整个内容行业的移动端阅读体验。

    新体验三  

    (页面4)

    点击任意区域,显示操作区域,这点跟 Kindle是一致的。当然 Kindle 是点击屏幕上方,这里是全屏都可点击。不同的是,上方的内容变成了可以左右滑动翻页的缩略图。

    (全文完)

    本文首发自公众号「一周一城」,如果对你有启发,别忘了点赞支持一下哇。

    相关文章

      网友评论

        本文标题:得到APP「学习计划」功能的设计及一些手机阅读新体验

        本文链接:https://www.haomeiwen.com/subject/mmhtaftx.html