笔者平时会玩LOL所以经常会用一些直播平台来观看比赛,最经常使用的也就是斗鱼TV和熊猫TV,通过以下两流量还是可以看出斗鱼仍然是直播的老大,今天对于平台的交互设计进行分析。从直播平台的交互设计角度来看,主要可以分为两个方面,一方面信息架构的设计,另一方面是交互操作,个人认为现阶段信息架构的改良是直播平台要更加重视的地方,因为直播平台的内容及其复杂,分类繁多,怎样进行更好的分类是一个很值得考虑的点。(结尾附上斗鱼和熊猫信息架构图)
我用百度脑图画了斗鱼的信息架构,发现了一些问题:
1.首页
(1)首页内容过于冗杂,直播平台的首页内容其实非常重要,目前斗鱼首页的内容推荐分类非常不清晰,当然这应该和业务那边也有一些挂钩,但是给人的感觉就是推荐的种类非常重复。
2. header与左导航栏
header和左导航栏作为整个网站的主导航,问题真的不少
(1)header中的个人页面,在鼠标hover的时候出现的按钮和链接实在太多,而且还存在多个入口,比如跳转到个人中心页面,应该有大于三个的入口。我的关注在header中已经占据了这明显的位置,但是为什么在鼠标hover中又出现了一次入口,我真的觉得是产品和设计师为了凑位置。一个小小的鼠标hover,结果出现了接近十个的按钮,头像下面的三个按钮链接的是同一个网页
(2)点击进入个人中心后,居然生成的新导航有15项之多,这里明显需要进行部分的合并,这么多项的内容,对用户的困扰还是很大的
(3)接着我觉得是整个产品非常有问题的交互设计,首页采用的header导航,进入其他页面后,出现了左侧导航,左侧导航可收缩,但是为什么顶部导航还留着?入口非常冗杂,本身header的部分设计就存在多入口问题,增加左侧导航以后入口更多了。这一点应该参考熊猫直播的设计,进入其他页面后,就是使用左侧导航代替header,因为左侧导航栏相比之下,可阅读性更好,展现的内容也更多,同时符合从左到右的阅读顺序。
本来左侧导航栏的架构应该是和header的架构是一样的,也就是分为首页、直播、分类等几个大类,但是在左侧导航栏的分类和header导航前半部分一致,后面不一致,而且顶部导航和左侧导航的起名不应该改动,直播变成全部直播,分类变成全部分类,很容易造成用户困惑,用户会怀疑这两个到底是不是一个页面。(以“我的关注为例”现在页面中就有三个入口,并且名字有关注和我的关注两种)。
在这里我的建议是有两种
(1)第一种方法,类似于熊猫直播的设计,除首页之外,去除顶部导航,全部使用左侧导航,这种情况下,也要对现在的左侧导航的结构进行重新设计,尽量将首页状态下的header导航和左侧导航两者的架构设计一样,要符合设计的一致性。不过斗鱼与熊猫不同的是,斗鱼的产品更多一些,例如商城、鱼吧等,这些其实是相对独立的产品,全部放到左侧导航中并不是特别合适。
(2)第二种,仍然使用顶部导航和左侧导航导航共存的问题,但是要解决多入口的问题,目前左侧导航和顶部导航有大量的入口冗杂,需要重新的信息架构设计。我觉得比较理想的情况是将以上提到的几个独立产品放置在header中,其中相关的导航信息放置在左侧中。但是这样的问题在于,首页和后来的header导航发生变化,不符合一致性。而且有时候会需要用户的视线在两个导航之间来回切换。
所以综上所述,对于导航这一块的设计我更倾向于用第一种方法,类似于熊猫平台的设计(下图),非常的清晰明朗,不会给用户造成困惑。大家可以对比一下二者的界面和导航。(这里另外吐槽一下熊猫平台,总是莫名其妙的bug,点击登录毫无反应)
信息架构部分就先说到这里吧,斗鱼的产品线还是比较庞大的,看上去似乎什么都想做,例如商城,视频,游戏,鱼吧等,每一个都是在直播这个平台上一点点建立起来的相对独立产品,以鱼吧为例,这个产品比较奇怪,把微博一样的短内容社交交友和贴吧类的产品强行整合在一起,首先类似微博的短内容平台主要是针对于个人的,例如对于某个主播特别感兴趣,关注他以及他发布的内容,但是贴吧一类的并没有这种明显的指向性,这里的中心点往往是事件和兴趣,而微博等短内容平台的中心点是人,这是完全不一样的两个产品,产品经理应该是像完全模仿微博和贴吧,强行进行整合,结果弄的四不像,而且界面的设计和微博贴吧也是一模一样,虽然这两个本身都是非常成功的产品,但是不代表你这么整合就是一个好产品!!!
这一点我的建议有两个
(1)要么模仿微博,完全做一个以主播为中心的短内容社交平台,毕竟这种其实才是直播平台的很主要的使用场景,也就是观众往往是冲着某一个或几个的固定主播去的,并且这一类的观众对于主播有足够的喜爱,也舍得在平台商标进行消费。至于兴趣类别,可以根据用户的关注、浏览历史等推算出用户比较感兴趣的类别,推荐该类别下一些主播。
(2)做类似于贴吧的产品,这个就更加简单一些了,运营方式几乎和贴吧一样,只是要更加好利用主播的名人效应,因为主播有和平台签约,所以可以让主播是不是发一两个帖子,并且回复一部分人,充分利用明星效应。同时,对于热门的事情也可以及时通过帖子讨论。
以下讨论关于交互操作细节
直播的产品整个比较大,但是其实最主要也是最为重要也是最核心的使用场景,就是在某个主播的直播间,所以以下主要以直播间的交互细节为例。
进入到直播间以后,左侧导航栏呈缩略状态,直播间有直播窗口和右边的贡献周榜、贵族、粉丝团,主播也爱看、主播相关视频推荐等,直播窗口其实到现在已经是一个比较成熟的设计了,斗鱼和熊猫之间基本上没有什么差异,在设计上来不同点有一下几个:
1.除了顶部导航和左侧导航的差别外,熊猫将弹幕框固定在右边滚动屏幕,而且可收缩只有中间部分的会发生滚动,而斗鱼是所有部分都会滚动。我个人觉得熊猫的设计更合理一些,使得整个布局更加清洗整个屏幕就是分为三部分,左侧完全是导航,可收缩,中间完全是直播内容和与主播相关的内容,右边是弹幕和排行榜相关的内容。至于直播框以下的内容和布局,可能和运营产品等相关,熊猫多了一些竞猜的内容,以及更多与主播相关的具体内容。
2.熊猫直播有一个非常实用的功能,那就是还处于BETA阶段的一凭多看,通过输入房间看,可以以小窗口的方式同时对多个直播间进行观看,因为直播本身的很重要的在于它的实时性,对于不想错过多个直播的人来说,这个功能非常重要,我觉得斗鱼可以考虑加上这个功能。
总得来说,我觉得Web端的设计,熊猫要比斗鱼好很多,斗鱼整个产品现在非常臃肿,信息架构的重新设计显得非常有必要。
以下是斗鱼直播、熊猫直播和网易CC直播的信息架构图: