写在前面:
我目前从事的是教育领域的直播,设计的产品是沪江旗下的CCtalk,一个以语言类、职场技能和经验为主,涵盖亲子、兴趣、文化艺术的学习型平台。因此今后将会把每个设计项目中的一些感想、经验分享出来,有可能有时候是一个小的设计点,或者一个想法。
正文:
最近有个改版的设计,运用到了心理学的知识:1、人们根据经验和预期浏览屏幕 2、周边视觉和中央视觉 。因此,想和大家分享一下。
改版的背景:CCtalk的直播是在群中的,老师在群中可以发起直播。这次要改版前的界面是这样的,右上角有个“开始直播”的按钮。如下图所示:
改版原因:在我们业务层面,是希望老师先发起预告,然后再直播。因为这样有助于老师宣传自己的直播。不鼓励没有预告就发起直播。
所以,这次改版的目的是:1、增加创建预告的功能 2、强化创建预告,而不是立即直播。因此界面改成如下图所示:点击“创建节目”后出现“发布预告”、“立即直播”2个选项。之所以叫“创建节目”是因为在产品规划上,这里不仅仅创建直播,还会上传一些视频课。
在设计之初,考虑过对于老用户而言,变化非常大。因此做了新手引导,如下图所示。点击“知道了”即可关闭引导。
但是改版后依然遇到了这样的问题:有用户反馈找不到“开始直播”
分析原因:1、新手引导的效果不好,用户不会仔细阅读新手引导,会习惯性的关闭新手引导 2、人是根据经验和预期浏览屏幕的,而且边缘视觉很模糊。因此当用户习惯性的看向左上角,发现没有“开始直播”时,只会觉得找不到,而不会看到右边的“创建节目”。3、“创建节目”不是很直观
解决方案:
1、修改文案,将“创建节目”改为“创建直播”。等到上传视频课的功能要开始做时,再改这里的文案。到那时老用户也已经习惯在这里发起直播了。
2、对于老师来讲发起直播是非常重要的功能,因此将新手引导改为类似游戏的使用教程,点击了“创建直播”后,引导才消失。
3、强化引导。周边视觉可以感知到动态的东西。因此在新手引导中加入动画。如下图所示(交互稿):