直播平台的交互小事一之Web端

笔者平时会玩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直播的信息架构图:


熊猫直播信息架构
网易CC直播
斗鱼信息架构
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容