恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
酷狗繁星直播APP首页、直播间页面体验设计
0.0°
2016-07-21 原创文章 经验/观点 举报 10313 179 145 32

   

笔试题1:体验繁星直播App最新版本,从用户体验设计角度对繁星直播App进行分析,并根据自己的理解重新设计App首页


以下是正文:


体验了繁星直播APP以后,以一个新手用户的角度来分析一下繁星直播的交互设计,并给出我的一些思考和建议。


一、建议优化视觉层


视觉反馈是用户的第一感受,繁星直播给人的第一直觉感受是界面粗糙。



这个粗糙感从何而来呢,我们可以对比一下同类竞争产品(如上图所示),同样是PC直播和手机直播共存的斗鱼,以及主打手机直播的花椒,你会发现繁星直播的主播图片相对较小、而且是直接抓取的房间真实图片,主播房间的视觉风格很难统一,再加上没有经过优化处理,这些图片画质不清,甚至主播的脸都看不清。

还有一个问题就是图片右上角的分类标识:直播、手机直播、同城,这些不同的分类都使用不同的颜色来标识。但用户真的在意这些分类标识吗?首先,直播满足的是用户对内容的诉求.   至于这个内容是来自PC端还是来自手机端,用户并不在意。其次是比较疑惑用户的同城需求是否有那么大,而且即使有这么大的需求,同城已经分类,没必要在右上角再次标识。


因此,个人在视觉层给出以下建议:


  • 主播窗口图片稍微放大一些,图片使用主播的高清美照,保证视觉上的美观。
  • 图片右上角的标识去掉或者弱化,可以参考花椒。



二、导航和内容分类需要重新规划


我们来看一下繁星直播现有的导航和首页的内容分类(仅简单分类)




如上图所示,繁星直播使用的是标签式导航。


  • 底部Tab为APP主导航,分别是:直播、手机直播、创建直播、爱演、我的;共5个Tab,稍显密集。
  • 顶部Tab的第一级导航是直播、MV、酷狗LIVE
  • 顶部Tab第二层导航是直播的下级分类,且将手势切换的快捷操作用在了顶部的第二级导航,这点毫无疑问,直播平台肯定是以直播为主。


但这样的分类真的合适吗?


1. 首先是直播和手机直播这两个Tab,直播是为了满足用户对内容的诉求,至于内容来自PC端还是手机端,用户并不在意。


2. 其次是直播唱歌和直播表演实质上是直播内容里的两个分类,不适合互相独立。


3. 还有MV和酷狗LIVE这两个Tab(见下图),个人认为没必要占据顶部一级导航。MV其实就是录播推荐,这个过去式的往期回顾只需要在首页的一个小入口显示就足以,而酷狗LIVE就是演唱会直播,虽然在新的演唱会开启时非常能聚集人气,但是更新率比较低,个人认为只需要将最新演唱会在首页的轮播图出现即可,而酷狗LIVE这个分类和MV一样显示在首页的一个小入口即可。



4.精简分类,并使其内容与分类名称相符。



如上图,现在的分类非常多而杂,且内容和分类并不相符,比如歌手分类,应该都是唱歌比较好的主播,结果点开大多都是开着音乐唠嗑的,和其他分类里的内容并没有什么不同,也没有歌手的感觉。主播应该和粉丝充分互动没错,但是如果进行了这种分类就应该突出差异化。建议歌手这个分类下的主播以原声清唱为主,和粉丝互动频率减少,充分塑造其歌手的专业形象。


5. 看下图,首页右上角的icon点击后出现了历史、排行榜、正在唱三个分类,历史毋庸置疑肯定是必要的,但历史属于特定触发事件,当我没有关注我之间看的那个主播时,或者我想再看一遍之前的直播时,才会触发,而且历史记录属于我的个人世界,可以放在个人中心。


排行榜这个分类非常重要,可以在首页上放出来


而正在唱这个分类其实就是正在直播,个人觉得这个分类可以直接删除。






因此我将导航和分类重新规划(如下图)



  • 将底部tab精减为三个Tab:直播、创建直播、我的
  • 将直播的顶部Tab重新规划为:关注、爱唱、爱演
  • 爱唱中的分类根据内容需要再次精减
  • 将MV和酷狗LIVE的入口显示在首页即可,不需要作为一个Tab出现
  • 爱唱中的分类根据内容需要再次精减,且分类下的内容更加差异化,更加符合此分类的名称。



三、重新进行繁星直播的首页设计:



优化了视觉层



  • 将之前设计的分类位置改为今日人气之星这个内容分类。个人认为直播平台和微博的相同之处是--都是单向传播平台。现阶段的直播和微博的初期也非常类似,微博前期倡导人人发微博,人人做博主,可是随着后期发展,由于关注量不足,大多数普通用户失去了发微博的动力,只有明星、网红等关注量高的大V得以留存。直播也是一样,人人做主播的大机制会制造一些大V主播,也会成为平台持续发展的动力,因此造星很重要,可以把重要位置留给人气之星。
  • 点击分类推荐的更多icon进入分类页面,可以手势切换其他分类
  • 观看历史属于我的私人世界,因此可以将观看历史放在“我的”这个Tab里面
  • 首页右上角是榜单,因为个人觉得排行榜是比较重要且吸引人气的。
  • 将手机直播和PC端直播的窗口设计区分开来
  • 直播窗口的图片的视觉区域设计的更大些,直播图片更加清晰美观
  • 只需要在直播窗口右上角标识出直播即可,不需要再区分手机直播、直播、同城



重新梳理了导航结构和内容分类



  • 底部Tab减少为三个,分别是直播、创建直播、我的三个Tab
  • 顶部Tab为关注、爱唱、爱演,且爱唱作为进入APP后的首页出现
  • 首页爱唱分为四个主题区域:轮播推荐、人气之星、MV和酷狗LIVE入口、分类推荐
  • 将搜索移到页面左上角:直播APP其实更注重内容推荐,而不是内容搜索;而操作更加便捷的右上角,则更适合留给榜单



笔试题2:重新设计手机直播间页面


我们先看一下现在的手机直播间页面


如上图所示,和其他APP不同的是,繁星直播的送礼,转发等icon放在了页面右侧,而不是底部。


这点个人并不认同。我们试想一下用户观看直播的场景,一般都是有大量闲暇时间的时候,而且是有WiFi的固定地点,比如大学宿舍或家里,由于直播时间长,用户要么将手机支起来放在桌子上看,要么就是躺在床上看。极少存在单手持握,点击区域偏向右侧的情况。


这种场景下,icon最好集中在页面左侧,为未来的连麦视频预留位置。操作频率较高的聊天icon和希望用户操作的送礼icon放在页面底部的中间位置,方便用户操作


下图是重新设计后的手机直播间页面:




我们做出了如下改变:


  • 点歌、连麦、转发这三个低频操作放在了页面底部的左侧位置,而送礼和聊天则放在也页面中间位置
  • 连麦后的视频小窗放在了页面右侧,且可以隐藏

以上是我体验了繁星直播App最新版本之后,从用户体验设计角度对繁星直播App进行的分析,并根据自己的理解重新设计了App首页和手机直播直播间页面。 由于不是利益关系人,也不了解种种产品限制,我的建议可能有失偏颇,敬请谅解.

最后欢迎大家关注我的微信号,不定期更新。

Image title


更新:2016-07-21

收藏

179人已收藏

  • 25

    作品

  • 3041

    粉丝

  • 29

    关注

  • 富途牛牛注册开户流程体验与建议
  • 微视VS抖音-交互细节上的差距
  • 唯品会APP-收银台唯品花开通五部曲
  • 京东白条账单流程分析

    猜你喜欢

      2016-07-21 原创文章 经验/观点 举报 10313 179 145 32

      酷狗繁星直播APP首页、直播间页面体验设计

      0.0°

      你确定要举报酷狗繁星直播APP首页、直播间页面体验设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年07月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      145
      179
      32

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录