搜狗视频—电视剧排行榜首页改版报告

1.改版目标

1.1目标

使连续剧排行榜首页成为用户上网看连续剧的入口。

1.2目标细分

展现丰富全面的电视剧资源(资源分类/集数)

提供足够的通道,便于用户发现和进入想看的电视剧(搜索/分类)

引发用户的“收看”兴趣从而进入入口(电视剧TOP排行/相关信息如演员/更新信息

提供完善的链接(技术)

2.用户访谈

在这项内容中,主要通过访谈、记录、分析,考察用户对排行榜首页的评价,从中总结出首页存在的问题并在此基础上发挖掘用户需求。

2.1 用户访谈记录及分析

用户1:工作型 男性 25 不怎么看视频,没有用过该产品

描述1:第一眼感觉,觉得页面挺格式化的,都是条条框框,没有用心设计界面。

反映问题:页面不活泼

描述2:针对每一种电视剧都设置了排行榜,是否有必要呢?

反映问题:排行榜太多,信息量大但是用户不感兴趣 。或者可能他只对某个排行榜感兴趣,而其余榜单让他感到繁多和负担。

描述3:我想搜索《故梦》电视剧,但是搜索栏中没有“电视剧”选项,我是在视频中

搜到的,我并没有把电视剧当作视频,但是视频搜出来以后很麻烦,全是广告,不能一

下找到想看的视频。

反映问题:针对电视剧本身的搜索功能缺失

描述4:对热播还有最新电视剧感兴趣,可是我想看到更多热播,却没有链接让我进入。

反映问题:内容显得匮乏,没有满足用户的信息需要

描述5:数字蛮好的,知道排行了,最新集数也能知道,如果没有完结,还可以判断最

近是否新的一集又出了。

反映问题:集数及状态是有效信息

用户2:时尚型 女性 19 经常看视频,没用过该产品

描述1:单看这个网页的话挺清爽的,电视剧的名称和图片蛮吸引我的。

反映问题:电视剧名称和图片的具有良好的吸引效果

描述2:排行榜里的电视剧有比较新的剧集吧,挺吸引我的。

反映问题:对成熟用户来说,陌生的电视剧名字具有良好的吸引力

描述3:最新剧集网页列出了最新更新是个优点。

反映问题:集数更新是有效信息

描述4:看了之后的确有想进入一部电视剧看一下的念头,我想如果能突出一下网站的流畅度会更好。比如在搜狗的主页面的视频一栏里加上一点文字,宣传下之类的,因为经常看视频的人一般会锁定网站,如果你的效果一般,估计别人不太知道啊。

反映问题:网站流畅度影响用户的是否进入这个“入口”

 

用户3:生活型 女性25 较经常看视频 没用过该产品

描述1:感觉页面挺整齐的,但是整齐得有些冷清,不热闹,没有看电视剧的气氛。

反映问题:页面不活波,缺乏吸引力、感染力,没有营造出氛围

描述2:导航条的分类挺好的,但是和下面的分类重复了,只能按地区找,没有别的分类。

反映问题:分类重复且不够丰富和完善

描述3:可以放一些热门电视剧的海报,增强吸引力。

反映问题:重视海报(图片)的吸引效果

描述4:排行榜的气氛不行,可以通过打分分数,hot这些可以吸引人来点击。如果我是漫无目的来到这个页面的话,看了之后觉得没有吸引我的地方我就走了。

反映问题:页面吸引力不够,不能有效吸引用户进入。对于初中级用户来说,页面的视觉 “闪光点”能够触发其兴趣,从而进入入口。

描述5: 可以放一些电视剧的信息提示,帮助大家选择。有的电视剧看了名字怪陌生的,但是又不知道是讲什么的,光看一眼名字要是没啥意思的话就不会往下看了。

反映问题:信息缺失,没有满足用户信息需要

2.2用户访谈小结:

通过总结以上三位用户的访谈记录中描述和反映的问题,得到了以下用户需求:

1.导航需要—针对电视剧本身的搜索导航

2.信息需要—更多的电视剧、更多的分类以及电视剧相关信息、图片或海报

3.情感需要—页面的吸引力与感染力,引发用户“从入口进入”冲动的氛围

3、同业功能对比

在这项内容中,主要通过搜狗、56、优酷三家网站的电视剧板块首页提供的功能进行对比,找出异同,去粗存精,借鉴改进。鉴于56和优酷的页面效果一般,故该同业对比主要集中在功能对比上。

3.1总对比图

搜狗

56

优酷

电视剧分类

地区/类型/时间

地区/类型/热度/时间

地区/类型

电视剧检索

有 —(地区/类型/时间/排序)

电视剧信息

名称/集数/状态

排名/人气走势

名称/时长/集数

会员名/播放数

名称/播放数/主演

发布时间/高清标识/状态

 

3.2分项对比—电视剧分类

电视剧分类

搜狗

56

优酷

地区

内地/日本/韩国港台/海外

内地/香港/台湾/美国/日本/

韩国/新加坡

大陆/港台/日韩/分类

类型

动漫

警匪/军旅/古装…(15个)

军事/历史/警匪/怀旧…

时间

最新电视剧

今日/本周/本月

热度

热播电视剧

最多观看/最多打分/最高评分

首映热播/黄金强档/精彩推荐

分类属性1:地区分类

Ø  搜狗:分类集中而清晰

Ø  56:地区区分过于详细因而显得散乱。另外,“新加坡”电视剧很受欢迎嘛?!

Ø  优酷:首页分类项目较少,主要依靠“分类”进入二级页面后再做选择。

建议:保持现有地区分类。

分类属性2类型分类

Ø  搜狗:只提供“动漫”

Ø  56:类型太多,有15个之多,实则给用户带来辨别上的心理负担。

Ø  优酷:首页显示军事/历史/警匪/怀旧几个项目,但是没有较强的吸引力且布局欠妥。

建议:甄选和增加类型分类的选项。

 

分类属性3时间

Ø  搜狗:只提供10项“最新电视剧”,更新时间为当天,没有分类。

Ø  56:今日/本周/本月三个分类。

Ø  优酷:无,主要通过检索完成。

建议:通过tab分类标签的形式,增加可供查看的最新电视剧数量。每个分类10个*6个分类=60项电视剧。

说明:提供更多的内容和通过清晰分类便于用户查看。用户可能只对某一类电视剧感兴趣,可以选择特定的tab标签来查看。

 

分类属性4热度

Ø  搜狗:提供8项“热播电视剧”,并配合图片,另有各地区人气排行榜。

Ø  56:最多观看/最多打分/最高评分,具有人气参考价值,但后两项含义重复,造成困惑。

Ø  优酷:左侧提供黄金强档/精彩推荐/首映热播3项,右侧显示大陆/港台/日韩排行榜。

建议:增加“热播电视剧”的项目,通过滚动图片的形式实现。

说明:提供更多内容,以及增添页面的动态效果。现有页面很安静。

3.3分项对比—电视剧搜索

电视剧搜索

搜狗

56

优酷

有 —(地区/类型/时间/排序)

建议:将导航中的“全部电视剧”去掉。在下方页面中增加搜索栏目。

说明:增加搜索功能便于用户直达感兴趣的电视剧。“搜索”也即告知用户其背后有一个“全

部电视剧”的仓库。目前,通过“全部电视剧”可以带领用户进入一张巨大的电视剧列表,但此后仍需用 再次查找检索,增加了操作负担。

参考:为加强导航,除设置搜索栏目板块外,还可以选择直接在导航栏中设置搜索条。

在搜索输入框中键入电视剧名称,跳转到相应页面;向下小三角含义为“高级搜索”,指向二级页面中“按分类”、“按演员”等条件搜索。

效果如下,供参考:

3.4分项对比—电视剧信息

电视剧信息

搜狗

56

优酷

名称/集数/状态

排名/人气走势

名称/时长/集数

会员名/播放数

名称/播放数/主演

发布时间/高清标识/状态

建议:完善电视剧信息。

空间有限的情况下,可通过鼠标停留后的悬浮框来显示。

信息包含类型、演员、集数等。

说明:演员或人气走势都可能触发用户的兴趣点,尤其是新用户。

 

4.界面设计

从用户访谈中得到,页面不活泼,缺乏吸引力是现有页面的一个突出问题。对于成熟用户来说,可以通过列举尽量多的电视剧来吸引他们的目光。因为他们对于陌生的电视剧名字较为敏感。但是对于带着随便看看、看看热闹的初级用户来说,页面的吸引力和引导性则成为她们是否“从入口进入”的关键。

所以解决界面设计的问题需要在保留尽量多的电视剧枚举信息的同时丰富页面视觉效果及触发用户的兴趣点。

针对提高页面吸引力和引导性,可以从以下方面着手:

1.增添动态效果,打破现有页面安静的氛围,吸引用户眼球。

2.增添图片、海报等电视剧信息展示,帮助用户了解相关内容和触发兴趣点。

5.信息设计

  这一项内容主要从页面上的文字、图片等信息是否准确且有效传达了网站意图来进行分析。良好的信息设计能够有效地引导和带动用户,帮助实现网站目标。这里列举了网站信息设计中存在的几处问题。

5.1 “NEW”信息不完善

“NEW”的通常含义是该电视剧已有最新一集上传到了,可以观看。但目前,搜狗中“NEW”表示新一集正在上传中。用户看到“NEW”后满怀欣喜想先睹为快,结果发现最新一集还没有更新上,只是“正在更新”中。

建议:保留原有形式的情况下在电视剧名后添加“集数”,表明“NEW”对应的集数。避免用户误以为新的一集已经上传。

5.2表示人气趋势的箭头

目前,电视剧“收视”人气趋势用红色向上箭头表示人气上升,用绿色向下箭头表示人气有所下降。但是由于箭头较小,因而引导作用不明显。

建议:在现有基础上将红色向上箭头做成动画效果,增添画面的活跃程度,吸引用户眼球。但是绿色箭头不需要增加动态效果,以避免页面显得混乱。

5.3排行榜item中的“NO.

   排行榜中“NO.”对应下方1-10排序的10部热播电视剧。

建议:将“NO.”更换成“TOP”。通过item的名称来增强排行榜的人气意味!

 

 

 6.最终改版效果图及说明

     

改进说明:

1.去掉原导航栏上的全部电视剧选项。

2.“最新电视剧”栏目中添加tab标签页,提供尽量多的内容和通过分类便于用户查找。

3.鼠标停留时,出现悬浮框,帮助用户了解电视剧相关信息,触发可能的兴趣点。因该栏目空间有限,所以通过悬浮框的形式展示电视剧相关信息。

4.“最热电视剧”栏目采用滚动展现的方式,用户可以通过两端箭头前后调节。

滚动画面增强了页面活跃度,助于吸引用户眼球,同时可推动用户参与互动。同时,滚动画面可以可展现更多的电视剧内容,起到丰富的效果。

5. “最热电视剧”栏目中的“NEW”对应的电视剧应提供表明最新集数的数字,便于用户确认最新一集到底是多少集。例如火影忍者的最新一集是两周前出的361集,页面上仅有“NEW”往往使翘首以盼的火影迷们误以为362集已经上传。

6.“电视剧排行榜”中增加“详情”一栏,详情中展现电视剧海报图片,导演、演员、发布时间、类型等信息,并通过上下滚动的形式循环播放。在提升页面活跃程度、吸引用户眼球的同时,提供更详尽的内容,触发用户可能的兴趣点。

7.增加“电视剧搜索”栏目。目的是在展现本网站电视剧资源丰富全面的基础上为用户提供充分的通道以联通到她们想要点播的电视剧。

8.将原有的item标题“NO.”修改为“TOP”,增强数字排序体现的人气意义。

9.赋予人气趋势箭头中的红色向上箭头动态效果,强化人气上升趋势,吸引用户眼球。

10.由于以上功能和内容改动,对整体页面布局进行了调整。

10.01.07

搜狗视频-电视剧排行版首页改进报告相关推荐

  1. 搜狗视频搜索华丽改版 奉献一份体验报告

    近闻搜狗视频搜索进行了华丽改版,并及时参加了体验.http://v.sogou.com/ 几点功能,非常强大 (1)板式设计留白很大,阅读感很强,很舒服 (2)热点资讯的设计,增加了一个日期,突出了时 ...

  2. JD2016版首页改版前端总结(转载整理)

    京东2016版首页改版前端总结 深圳的天气总是多变,前一段时间还是凉意浓浓,似乎要步入冬天了,最近却又变得炎热起来,气温骤升,让人措手不及.正如我们负责的业务一样,一年下来有诸多变化.今年9月份我们接 ...

  3. 京东2016版首页改版前端总结

    为什么80%的码农都做不了架构师?>>>    深圳的天气总是多变,前一段时间还是凉意浓浓,似乎要步入冬天了,最近却又变得炎热起来,气温骤升,让人措手不及.正如我们负责的业务一样,一 ...

  4. 视频: 猫和老鼠真实版

    视频: 猫和老鼠真实版 http://www.tudou.com/programs/view/o0Dk9RLHWPU/ 转载于:https://blog.51cto.com/laowafang/112 ...

  5. 201671010460朱艺璇 实验三作业互评与改进报告

    实验三 作业互评与改进报告. 课程名称:2016级计算机科学与工程学院软件工程(西北师范大学) 作业要求链接: 实验三 任务一. 点评作业地址和点评内容: [北京航空航天大学)](https://ww ...

  6. 拉斯姆森羽毛球教学视频11-27(文字版配图)

    拉斯姆森羽毛球教学视频11-27 (文字版配图) 羽道客发现badder在他的天天羽毛球网主页上,发布了<拉斯姆斯羽毛球教学视频115下载连接>一文,把"拉斯姆森",翻 ...

  7. 视频理解领域小样本学习调研报告

    视频理解领域小样本学习调研报告 文章目录 视频理解领域小样本学习调研报告 0 前言 1. 分类 Action Genome(li Feifei2019)提出的分类: ProtoGAN提出的分类 2. ...

  8. 《Oracle 19c从入门到精通(视频教学超值版)》简介

    #好书推荐##好书奇遇季#<Oracle 19c从入门到精通(视频教学超值版)>,京东当当天猫都有发售.本书配套源码.PPT课件.同步教学视频.380页,定价89元,网店打个折真不贵. 本 ...

  9. 仿泰捷视频最新 TV 版

    TVSample 项目地址:hejunlin2013/TVSample 简介:仿泰捷视频最新 TV 版 中文 README 1.Imitation of tai jie latest TV video ...

最新文章

  1. SAP MM 物料主数据里某字段看不到就是屏幕格式设置导致的?
  2. net.sz.framework 框架 登录服务器架构 单服2 万 TPS(QPS)
  3. 【原创】大叔案例分享(3)用户行为分析--见证scala的强大
  4. 【设计模式】装饰者模式 ( 概念 | 适用场景 | 优缺点 | 与继承对比 | 定义流程 | 运行机制 | 案例分析 )
  5. 使用IsLine FrameWork开发ASP.NET程序之六—使用ExceptionProcessProvider异常处理框架(下)...
  6. ER图,数据建模与数据字典
  7. 从四个层面落地,成为受欢迎、可信赖、懂技术的产品经理
  8. Docker获取镜像并运行
  9. 神策合肥研发中心携手安徽开发者社区,深入交流共促行业发展
  10. python unicodedecodeerror_如何解决python UnicodeDecodeError问题?
  11. 信息图:大数据2016年分析趋势
  12. canvas-star7.html
  13. Biztalk Server 2006安装配置
  14. C语言新手最常见的问题!你在这里跌倒过吗?
  15. 设计一个笔记本电脑类,属性随意,并且进行属性私有化,对外提供公开的set和get方法。 设计一个可插拔的接口:InsertDrawable,该接口有什么方法自行定义。
  16. 中英金融科技论坛:监管科技增长较快 区块链等新技术挑战监管能力
  17. nginx 配置示例_Nginx位置指令示例
  18. 【linux】nmap命令使用
  19. 计算机二级access无忧考吧破解,无忧考吧access模拟考试软件
  20. django 序列化组件Serializer

热门文章

  1. 慕课java工程师2020版_中国大学MOOC的APP(慕课)2020Java程序设计答案大全
  2. android 建立工程文件,Android 项目开发必备-建立属于你的build.gradle文件
  3. shell传参python脚本和获取返回值的探索方式
  4. 40亿个QQ号,限制1G内存,如何去重?
  5. Scrapy爬虫方法
  6. Linux加密磁盘配置且实现自动解密
  7. Wireshark TCP数据包跟踪 还原图片 WinHex应用
  8. Visio首要事项闪退
  9. 关于tomcat10换tomcat9
  10. 1983年的图灵奖获得者-Ken Thompson (与Dennis M. Ritchie共同获得)