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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
BESD:设计视频网站的十五条建议
0.0°
2014-11-10 原创文章 经验/观点 原作者: 原作者 举报 23244 22 9 4

国内的视频网站非常多,如:腾讯视频、土豆、优酷、爱奇艺、乐视、迅雷看看、搜狐等等。对于设计师来说我们要怎么设计视频网站呢?

视频网站对于现代生活来说已经是必不可少的一部分,并且有逐渐代替电视的趋势。那么视频网站究竟是什么呢?百度百科是这么定义的:

“视频网站是指在完善的技术平台支持下,让互联网用户在线流畅发布、浏览和分享视频作品的网络媒体。”

我觉得视频网站有点像是以视频为主要内容的门户网站。
国内的视频网站非常多,如:腾讯视频、土豆、优酷、爱奇艺、乐视、迅雷看看、搜狐等等。对于设计师来说我们要怎么设计视频网站呢?

我们BESD设计实验室为了对视频网站应该如何设计这一主题进行研究,我们也邀请了六位用户来共同参与我们的研究。
我们对每位用户进行了访谈,了解他们对各大视频网站的评价。
我们发现一个惊人的现象,这六位用户共同觉得最好的视频网站是优酷。这一点让我们也很好奇,所以我们决定与这六位用户深入的进行研究。

我们发现虽然这几个视频网站大同小异,但在广告的表现、首页的布局、配色等方面给用户带来了完全不一样的感受。优酷之所以在这些被邀请的用户中备受赞誉理由很简单:

  1. 首页没什么广告
  2. 整体配色清新

360截图20141106120502739

有些人会好奇优酷和土豆一家公司后设计风格非常的像,那为什么不喜欢土豆呢?对于这个问题我们也进行了了解:

360截图20141106163833161

tt:“因为土豆的导航,看起来很像购物网站。”

Andy Leong:“土豆没有方便的侧边栏。”

好了,我们就不再夸优酷了,否则会有水军说这是一篇优酷的软文了。我们来说说爱奇艺吧,爱奇艺和乐视是我们这次访谈中受到最多吐槽的两个网站,乐视可能更多的是因为随着视频的时长增长的(超长苏菲,萌萌的)广告而受到吐槽,那爱奇艺就完全是因为设计上被吐槽了。

360截图20141106163753961

Belinda:“一堆的文字特别像资讯网站,像我们这种生活节奏快的年轻人是不喜欢文字特多的网站的。”

纸苏橙:“排版臃肿,颜色是黑绿很绿让人看起来不舒服。”

Andy Leong:“一进网站,一个大大的广告从天而降,让人特有压迫感。”

dont10:“爱奇艺的导航在左边,不方便使用。”

小赵:“搜索最新的一些电影的时候都只有选座购票。”

 

迅雷看看在布局上也有点问题,推荐视频那里太密了,让人难以找到焦点。笔者也亲自去体会了各大网站,因为笔者是个美剧迷所以发现腾讯视频有个地方我特别喜欢,就是在导航栏上会有最热的分类可以直接点击,如果在优酷的话我要先点击电视剧然后才能点击美剧。

 

那么视频网站究竟应该怎么设计呢?我们根据与用户的访谈、研究相关资料等总结了如下几点:

  1. 能够让用户轻松找到想看的内容。
  2. 广告与推荐视频之间应该合理布局。
  3. 整体页面干净整洁、能够找到焦点。
  4. 广告不应该太突兀,这样会显得金钱至上。
  5. 尽可能让用户一次点击就能进入二级分类。
  6. 广告不应该在用户还没有想看的冲动之前就干扰用户。
  7. 视频的推荐应该精准,可以将首页的推荐视频换成针对这个用户的习惯的推荐,这样不仅有利于用户的注册还会让用户倍感贴心。
  8. 提供方便快捷的工具栏。
  9. 如果页面很长,应该提供一个回到顶部。
  10. 配色应当简洁明亮。
  11. 布局上每排的推荐视频尽量不要超过六个。(对于正常的笔记本来说超过六个会导致不容易聚焦。)
  12. 减少文字的应用。
  13. 在设计上提供一些小惊喜。(如优酷的TED宣传,当鼠标移上去的时候会呈纸盒装打开)
  14. 没有必要在推荐的视频小图底下显示长长的播放次数和评论次数。
  15. 如果公司有团购、订购电影票等业务的话,可以增加最新上映电影的和在线购票。

 

感谢:tt、Belinda、Andy Leong、小赵、dont10、纸苏橙对这次研究的参与。

以上由用户体验咨询:BESD设计实验室原创,如需转载请注明出处。

如果这篇文章中有争议性的论点或对如何设计视频网站有心得,都可以在评论中告诉我们哦。

更新:2014-11-10

收藏

22人已收藏

t-baby

点评家主编,每周更新文章

  • 45

    作品

  • 438

    粉丝

  • 0

    关注

  • 《产品经理进阶》林中翘:产品经理如何面对人工智能带来的挑战
  • ECOUX 姚梓鹏:资本寒冬下我开了一家设计公司 | 点评家
  • BESD:颜色vs反差——哪一个更能吸引眼球
  • Rainbow Cup金奖作品-寄.忆

    猜你喜欢

      2014-11-10 原创文章 经验/观点 原作者: 原作者 举报 23244 22 9 4

      BESD:设计视频网站的十五条建议

      0.0°

      你确定要举报BESD:设计视频网站的十五条建议

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年11月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      22
      4

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

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

      登录

      手机号

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

      登录
      第三方账号登录