笔者深刻的体会到,传授教化需求是教诲产品设计过程中不得不考虑的成分。
选课流程和上课流程是Coursera平台两个关键业务流程,也是用户在平台操作的关键体验流程。
常日情形下,页面流程设计,须要考虑到综合考虑用户需求和业务需求;但是在教诲类产品中,由于传授教化的需求有其暗藏性,用户和业务都很难察觉的到,以是须要单独作为一个设计需求来综合考虑;担保在关键的页面中能够表示出其传授教化的设计,勾引用户完成故意义的学习。
本次剖析首先单独对选课流程及其关键页面设计做综合剖析,能够综合理解coursera的选课流程,总结其优点,指出不敷的地方。
一、web端选课流程剖析
Coursera平台Web真个选课流程紧张分为四类,包括搜索、目录查找、最近浏览、学习路径。个中搜索、目录查找和最近浏览是内容站点常用的内容查找办法;而学习路径,是针对传授教化设计而言的一种全新的思考,它的目的不仅仅在于基于用户兴趣的用户推举。
1.1 搜索
关于“搜索”,是用户查找信息最常用的一种办法。搜索框位于顶部悬浮栏的位置,搜索的流程优化关键在于搜索结果的排列和搜索结果的筛选。笔者分别以“生理学”和“psychology”为关键词进行搜索,呈现的部分搜索结果如下:
搜索结果返回页面包含筛选器和搜索结果列表两个部分,遵照移动优先的原则,在对页面宽度进行缩小时,筛选器会自动隐蔽。
个中,筛选器紧张包括:课程措辞、字幕措辞以及所有主题,中文搜索结果和英文搜索结果存在明显的差异。
总体来说,大致可以得出以下结论:
以“生理学”为关键词进行搜索,返回的搜索结果紧张是中文课程和英文课程标题已经翻译成中文的课程,对英文支持不太好。而以”psychology”为关键词进行搜索,返回的搜索结果只有英文课程(有一些英文课程把标题翻译成了中文,方便中文用户的客户端显示)。返回的搜索结果中相对靠后的课程和搜索关键词并不存在明显的关联性。如以“生理学”为关键词进行搜索,返回结果中涌现《人体生理学导论》、《哲学导论》课程等。经由不雅观察创造,排名靠后的课程该当是通过搜索关键的措辞来匹配的,也便是涌现不干系的中文标题的课程。筛选器中包含课程措辞、字幕措辞和所有主题。有一点疑问,不明白所有主题的筛选用场在哪里?其余,筛选器可以进行有效筛选的功能有限,综合以上剖析,我们创造coursera平台搜索返回页面表现得中规中矩,有一些优点也存在一些缺陷和须要改进的地方。
优点紧张包括;
遵照移动优先的原则,页面构造清晰、简洁。字幕措辞的筛选是coursera平台作为环球化的MOOC平台,一个突出的亮点;缺陷和改进紧张包括:
搜索结果返回页面仅限于标题和关键词的匹配。以中国大学MOOC为例,可以增加和课程概述内容的匹配,如以“经济学”为关键词进行搜索,《司帐学事理》这门课程是属于经济学范畴的,纯挚以标题来匹配,大大降落了搜索的精确度。中文和英文的匹配。实际上这里存在一个功能冲突,即课程措辞筛选和中、英文独立搜索的功能冲突,从目前情形来讲,以“生理学”为关键词只能搜索到英文课程标题已经被翻译成中文的课程,还有很多的尚未翻译的课程是检索不到的,这样的设置,和课程措辞的筛选实际上是一个冲突的功能设置,让课程措辞筛选失落去了意义。增加更多维度的筛选,帮助用户快速选择优质的课程。目前搜索结果的筛选项偏少,可以增加更多维度实用的筛选,如热门、评分、佳构、专项课程等,目的便是帮助用户减少选择的本钱,降落选择的操作难度。1.2 目录查找Courserap平台的目录列表是通过顶部悬浮栏目录入口进入的。为什么目录列表没有放在首页,而是放在了下一个信息层级?我们在MOOC平台Coursera的web端首页设计中已经剖析过。这里不多做赘述,以下分别是目录列表页面和目录查找返回页面以及剖析谈论。
以上是目录列表页面。全体页面当中,包括商务风背景图、slogan和目录列表,信息构造清晰,没有任何多余的元素。
这里有一点须要解释和谈论,帮助大家理解这张页面为什么这么设计。
这张页面为什么设计得如此大略?是不是可以再添加一些别的信息?
在页面设计评估体系中,有一套经典的评估方法,即VIMM系统。
关于智力层,便是常日如果想要减少用户的认知包袱的话,该当只管即便避免多余信息的滋扰。以是当我们知道用户有一个明确的任务,就要给他设计一个封闭的流程,只管即便让他每次操作只许可做一件事,这样做的好处便是让用户不须要思考下一步须要做什么。
目录列表这张页面中,用户的任务便是选择分类。这样的设计,便是担保用户在这张页面中只做一件事情,快速完成用户的任务,达到好的用户体验。
当然须要解释的是:这一条评估原则并不是辅导设计的唯一原则,实际上设计过程中,更多的是根据设计定位探求一个最优的平衡(如淘宝的确认订单流程须要填写很多信息,但是却不能放在很多页面当中来担保流程的封闭)。
如果想明白这一点的话,就不须要去纠结这张页面内容太少,要不要不才面加上热门课程、佳构课程等。
以上是选择“社会科学”分类,返回的目录查找返回页面。紧张包含目录列表、筛选器、和查找结果内容。目录列表采取了固定窗口绝对定位的样式,在主内容区不随着内容的滑动而改变位置,方便在滑动内容的时候对目录列表进行操作。
筛选器包括常用筛选项和特定专业二级分类筛选项,常用拆选项有课程措辞和字幕措辞,特定专业耳机分类筛选项,便是特定领域的耳机专业分类,实际上是一个锚点定位的样式。
比如通过选择“法律”,可以帮助快速定位到法律的课程内容,查找结果内容便是对查找结果的返回。
这里有两个特点:一是根据二级专业分类进行课程展示;二是课程排序专项课程优先展示。
这里有几个须要谈论的问题。
为什么要在这张页面中加上目录列表?情由便是用户在查找完某一分类内容之后,有可能会连续查看另一个分类的内容,这样做的好处便是不须要用户再跳转到上一层级的页面,直接在该页面中进行分类选择,减少了用户的操作繁芜度。二级分类锚点定位存在视觉效果的偏差。目前该页面的锚点定位是点击之后直接定位到该内容的位置。中间没有视觉过渡的动画,并且在定位上有一定的偏差。导致在点击之后,涌现视觉效果的偏差,找不到详细的工具,用户视觉把稳力随意马虎跳出内容。关于目录分类问题的磋商。下图分别是coursera平台和中国大学mooc平台的目录列表。在学科分类当中有很多的分法,但是不管是哪一类分法,都是为了担保学科内容能够井井有条的呈现,担保用户能够根据分类快速找到详细的学科内容(图书馆的图书分类便是一个范例的范例,但是你会创造不同的学校图书分类办法总是有所差异)。以coursera为例,个中“社会科学”是一个学科大类,里面还包含教诲学、政治学、经济学、法学、哲学、生理学等等,这些又可以大略称之为学科小类,它们之间虽然同属于社会科学,但是相互之间却没有非常强的关联性。
如果把他们放在同一个分类下,就必须要对结果内容呈现上做出二级分类划分,这便是为什么coursera平台,没有把“社会科学”的结果内容都放在一起的缘故原由,而是在视觉层级上做了区分,通过“查看全部”,让更多的内容不才一层级显示。
而中国大学MOOC的做法直接根据学科小类进行分类,由于学科小类的内容具有关联性,可以放在一起呈现,同时可以通过二级分类来筛选,减少了一个层级的操作。
其余,通过不雅观察,我们可以很明显地创造:目录的分类还将当下的热门的内容和单个学科的课程的数量作为了目录分类考虑的成分。如Coursera和中国大学MOOC都将打算机作为了一个主要的目录分类,coursera乃至还将数据科学作为了一个单独的分类,这是由于当下机器学习的热度导致的,而中国大学mooc则是将考研作为了一个主要的目录分类。
这种动态的调度是为了知足特定用户的需求,强调平台的特色,分类实在一种很主要的能力。
1.3 最近浏览
最近浏览位于首页的个人学习信息内容区的下方,视觉信息层级上要比个人学习信息内容区低。详细的首页设计思路请见MOOC平台Coursera的web端首页设计,最近浏览紧张包含最近查看的专项课程和最近浏览的课程。
接下来我们一起来一下谈论:为什么会有最近查看的专项课程和最近浏览的课程?
关于coursera平台课程的设置,我们在这里不做详细的阐述,后续我们会单独拿出来讲。但是为了理解后续的内容,我们有必要对专项课程做一个理解。
以《学术英语:写作》专项课程为例,它包含“语法和标点、论文写作入门、高等写作、面向论文写作的研究导论、毕业项目:撰写一篇研究论文”五门课程,每一门课程单独拿出来又可以作为一门独立的课程进行学习。
说到这里,我们该当知道:专项课程实在是一个从入门到实践的综合课程,能够帮助学习者不断地深入学习,并且课程的设置能够帮助用户达到从根本学习到运用的水平。
专项课程的设置考虑到了用户需求、业务需求和传授教化需求(第一次提及)三个方面。
用户的需求是不同用户的认知水平不同,如何来知足不同用户来学习《学术英语:写作》这门课程。业务需求是在完成用户学习需求的同时,如何区分专项课程和独立课程,考试测验平台的盈利模式。传授教化需求,首先须要强调的是,专项课程的课程组合形式不是传统商品的打包捆绑发卖,这是有实质差异的。以是传授教化的需求,是如何针对不同的用户来设计课程的构造和内容,实现分层传授教化。说到这里你就该当明白:为什么会涌现“最近查看的专项课程”和“最近浏览的课程”两个模块,并且“最近查看的专项课程”的视觉信息层级比“最近浏览的课程”要高。
1.4 学习路径
MOOC平台Coursera的web端首页设计中,我们讲到三种类型的首页,分别是未注册的用户首页、已注册未获取学习路径的用户首页和已注册并已获取学习路径的用户首页。
学习路径的选课流程便是从已注册为获取学习路径的用户首页开始的,通过点击首页获取学习路径入口,在信息页中选择或填写个人目标、兴趣、背景等,目标不能超过3个;系统会自动为你的每个目标推举5门课程;开始第一门课程的学习,注册之后,目标和课程会进入道首页个人中央,即已注册并已获取学习路径的用户首页,可以连续添加新的目标,进入下一轮。
大致的学习路径的选课流程如下:
以下是目标和课程进入到首页个人学习中央内容区,即已注册并已获取学习路径的用户首页。
学习路径是根据传授教化需求设计(再一次提到传授教化需求)的一项功能,它包含对学习者的剖析和学习须要剖析,以及传授教化内容的选择与组织、传授教化构造的选择与利用。
学习者的剖析包括理解学习者的兴趣和目标,比如学习生理学的需求。
学习须要剖析是根据可能存在的学习需求,剖析现有的资源和约束条件,论证知足学习需求的可能性,即平台内是否有足够优质的课程来知足各种学习需求。
传授教化内容的选择与组织,对传授教化内容的知识点进行分类,如生理学包含生理学入门、社会心理学、积极生理学、生理学运用等等,传授教化构造的选择与利用则是详细的传授教化内容的呈现办法和构造。
这部分大略先容希望能帮助理解学习路径的选课流程,关于学习路径的设计后续再详细磋商。
二、课程注书页面设计
上述先容了Coursera平台Web真个选课流程紧张分为搜索、目录查找、最近浏览和学习路径四种办法,并且剖析了流程中一些关键页面设计思路,帮助理解选课流程。
如果你看到这里,可以仅仅通过上述的笔墨阅读,就可以在脑海里理清四类选课流程以及一些关键的设计细节,那解释我讲清楚了并且你的理解能力还不错。如果没有,我建议你去对照着web端站点再梳理一遍,对你的理解很有帮助。
关于课程注书页面,便是课程的信息先容页,也便是选课流程的末了一步。上述四种选课办法终极都会到达课程注书页面完成选课操作。课程的注书页面,相称于课程信息的展示窗口,是影响用户是否会注册课程的主要成分,以是课程注书页面的设计变得十分主要。
接下来我们就来剖析:课程注书页面是如何设计的?
上图是课程注书页面部分截图(为了排版都雅,仅显示部分),在课程注书页面中紧张包含锚点导航、注册按钮和课程内容信息。
我们同样是从“剖析产品目标—剖析用户需求—剖析关键成分—归纳设计需求”的设计思路来剖析课程注书页面设计的一些关键节点,这套设计剖析方法可以设计思路可视化。
剖析产品目标
对付一个课程注书页面而言,它的紧张业务目标便是勾引用户去注册课程——有了这个目标之后,我们须要把它和设计关联起来。
那么,如何让目标和设计建立关联呢?根据GSM模型,我们须要根据目标找到衡量指标。
我们知道:业务目标是勾引用户去注册课程,可以归纳出旗子暗记是让用户去点击注册按钮,衡量指标便是提高课程注册按钮的点击率。
剖析用户需求
根据业务目标,我们得到了详细的衡量指标,我们须要进一步将业务目标转化为用户行为,也便是用户的利用来帮助我们来完成该页面的业务目标。我们根据旗子暗记知道只有让更多的用户点击课程注册按钮,才能提高课程注册按钮点击率。
以是,我们希望用户产生的行为是点击课程注册按钮,然后我们环绕着这个用户行为展开用户需求剖析。
常日情形下,用户需求剖析包含目标用户、用户场景、用户行为、用户体验目标四个部分。
针对课程注书页面,大致的描述是:
一个想要学习课程的用户,通过选课的环节进入到课程注书页面,想要准确理解课程的信息,找到注册按钮,然后就能快速地完成课程的注册。
根据GSM模型,我们知道用户体验目标是快速完成课程注册,在点击课程注册之后,大致会涌现两种情形,一种是收费,一种是不收费,以是旗子暗记便是让用户读懂课程须知干系信息,衡量指标便是用户决策的效率。
(关于课程须知,coursera由于盈利模式的考虑,对不同课程类型设置了不同的课程须知文案,这里只挑一种来讲,后续盈利模式的剖析会重点讲到)
剖析关键成分
剖析完业务需求和用户需求之后,那到底用户愿不愿意去点击课程注册按钮?就须要我们站在用户的角度对业务目标和用户体验目标进行关键成分分解了。
要达成业务目标,让更多的用户去注册课程,就须要把业务视角转变成用户视角。
意思便是说:要对业务目标进行用户意愿层面剖析,看用户愿不愿意去点击课程注册按钮,业务目标才有可能达成。
常日来讲,在点击课程注册按钮之前,影响用户意愿会有两个成分:一个是动机,一个是担忧。
在用户需求剖析方面,要达成用户体验目标,提高用户决策的效率,影响用户操作的关键的关键成分只有一个便是障碍。就在注册课程的过程中会碰着哪些问题和障碍,我们须要帮助用户办理这些问题和障碍。
知道了动机、担忧和障碍这三个关键成分,我们须要对这三个成分进行分解,并得出初步的办理方案。
个中:
动机,紧张是知足用户的生理需求,说服用户。担忧,紧张是增加用户的信赖感。障碍,紧张是办理用户利用过程中存在的问题。归纳需求设计通过“剖析业务需求-剖析用户需求-剖析关键成分”等几个剖析过程,从一个模糊的勾引用户注册课程的业务需求,到末了通过分解关键成分得出一些初步的办理方案。通过将系统的方法将业务需求剖析、用户需求剖析过程可视化,可以使设计思路更加清晰,知道为什么这样去设计。末了,把动机、担忧、障碍三个关键成分的剖析结果汇总在一起,与产品团队商量是否可以放到设计页面当中。
解释:目前,Coursera平台独立课程的课程注书页面,在页面的末了面放置了最近查看和你可能也喜好的模块。如果经历上述的剖析之后你会创造,课程注书页面的业务需求勾引用户去注册课程,当我们明确了用户的这一任务之后,我们常日方向于构建封闭的流程,每一次操作只许可用户做一件事情,减少用户的认知包袱。
从这个角度来讲,这两个功能就显得有点累赘。
三、小结
以上便是coursera平台web真个选课流程剖析和关键页面设计。
笔者通过深入体验,对每一种选课流程的设计思路进行了概括,并从传授教化需求的角度对关键页面设计作了进一步的谈论,末了对课程注书页面进行了设计思路剖析。对教诲产品笔者有着深刻的体会:
严格意义上来讲,每一个领域的产品都蕴含着该领域某些独占的特色和思路。而教诲产品,传授教化需求是不得不考虑的成分,也是教诲产品创新的唯一路子,也是教诲产品差异于其他产品的关键要素。
由于在剖析过程中会涉及到课程的设置、学习路径设计、盈利模式等比较繁芜的内容,笔者做了缩略,后续会进一步磋商。
从coursera平台的选课流程中可以创造:coursera平台在选课流程的设计方面兼顾到了用户需求、业务需求和传授教化需求;对付教诲产品,有很多值得借鉴的地方,当然也存在一些可以改进的地方,不过这并不妨碍Coursera平台成为环球领先的MOOC平台。
MOOC平台Web端产品剖析系列:
有什么想法,欢迎在评论区互换。
作者:吴翰中,简书号:吴翰中,产品新人。有七年教诲干系专业背景, 一贯关注在线教诲行业,学习产品经理根本知识,养成持续输出的习气,正在寻求教诲产品经理干系的事情。
本文由 @吴翰中 原创发布于大家都是产品经理。未经容许,禁止转载。
题图来自 Themerkle