交互设计前端那些事儿交互设计读书笔记

幕课网app交互体验

2015-08-27  本文已影响696人  镹壹
幕课交互体验

最近因为工作需要接触幕课比较多,刚好前端时间比较忙,没有好好的体验幕课,现在闲下来了就想更仔细系统的体验一把,其实个人也是比较喜欢幕课,喜欢他的ui设计,喜欢他的产品体验设计,总之各种喜欢。从他的“关于我们”可以看出他们团队的年轻与活力,理想和激情。多么想我也是幕课一员,当然我也很喜欢现在的工作因为也是我喜欢做的教育产品。

最近因为我们产品在结构层次上比较深,所以比较关注层级设计,想找到一些比较好的设计思路。在对比使用幕课,云课堂,中国大学mooc等几款教育类产品后发现个人觉得还是幕课在层级设计上更为清晰,简单,当然这其中云课堂等层级那么的深自然有其原因,我就不多说了。下图让大家简单的感受下他们的首页,是不是可以轻轻的感觉到幕课比较简单,清晰明了些?

左(中国大学mooc)中(幕课)右(云课堂)

幕课可以这样自然有原因,其中除去设计的思想好之外还有其内容相对单一,他们的口号——只做程序猿的梦工厂,所以你知道的。但是它的内容分类也并不少,大小分类也有30多项,所以这样做更多还是思想好。

沉浸式设计很干脆,很大胆

干脆大胆到我开始以为没有分类导航,在意外的探索后才发现原来更多分类放在了这个断脚的酒杯里,真是踏破铁鞋无觅处。在我没找到这个分类之前好像还在思考是不是现在开始不需要分类选择了,要么随意浏览要么模糊搜索就好,所以像我这样的人只能先怀疑自己落伍了,不敢对大牛有妄加质疑。

点击右上角那个酒杯后弹出的分类

用户打开这个app后有三种选择

1.在首页浏览最新最热课程,然后发现自己感兴趣想要学习的课程去自己的 

2.进入个人中心——我的课程,选择课程学习

3.如果想要精确的找到自己的课程,也还可以在发现那个分类导航后然后选择自己想要的课程

三条路径都清晰明了,但是因为沉浸式做的太干脆,无论是去个人中心,还是分类导航选择有时候也会觉得不是很方便,是不是可以有个方法来弥补下其不足之处,比如:

1.不要让我这么盲目在首页浏览,最少前10-20个课件能不能是根据我的职业或者我的平时学习内容给我推荐,如果我选的职业与我学习的内容不相符,则可以优先根据我平时学习的内容推荐显示。比如我的职业是web前端,能不能默默的先给我推荐10-20个web前段的精品课程,比如我填写的职业是web前端,但是我一直再学后端的,这样可以优先推荐后端的内容,这样我会觉得很温馨你们很专业。

2.记录我在离开app前最后的分类选择,下次再进来可以先给我显示这个分类下的部分内容。然后再显示现在首页的内容。这样我会觉得你狠用心替我着想。

3.分类导航里的分类不固定,根据用户的选择和职业等进行排序,因为我有可能想要的课程分类是第29个,所以能不能不每次都先让分类导航滑一会再找到我的选择,更难受的是在第15-18等中间的,我找起来很麻烦,经常会不小心错过了然后来回错过。

幕课其实也很细心

幕课的细心体现在,幕课会记录你每个课程的最后学习的章节和时间,下次再点击这个课程直接进入继续学习,而不是从新开始。

但是如果能够在首页能给我简单的标注下我刚才已点击过的,和我加入到课表的那会更好。这样在我浏览首页的课程时,如果我看到了我已加入到课表的课我更可能会点击进入学习。这样也会造成一些问题,比如页面比较花,到处是标记,这样也就没有的标记的作用了。

幕课的ui很不错,个人很喜欢,小而精

小而美,可以去对比...

但是左上角的全部课程左边的那三横每次我看着心情很复杂,总是有点怪怪的感觉,好像很没有安全感,想要快点去点击生怕它快消失了,好像又是不敢去点击,总之心情很复杂。右上角那个断脚酒杯原来代表更多分类,也算有新意吧,但是有风险和学习要成本,意义表达不明确。不过总体还是喜欢,支持适当创新。还有就是那个分类的icon,感觉还可以设计的更好。纯属个人感觉。

仔细看上面会发现一个问题,有两个“全部课程”分别在第一张图和第三张图上,当初我在“分类导航”那选择了“大数据”,后来又点击了左上角的那三横进入到个人中心,后来我想要回到首页我就点击个人中心的“全部课程”,怎么都回不去,这让我很着急,后来不断试探才发现原来在分类导航里还有一个全部课程,那个全部课程才是真正意义上的全部课程所以每次在使用这里稍微有点不够流畅,容易让新用户产生迷惑。

最后还有一个小问题

移动端笔记,评论,问答功能在这样的学习应用里重要吗,为什么有些有评论没笔记,有些有笔记没评论,有些什么都没有,怎么考虑是否要加上评论或笔记,或问答?

三个课程详情界面
上一篇下一篇

猜你喜欢

热点阅读