商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 万博体育娱乐 > 网站设计 >

视频网站产品设计秘籍:标识导引系统

发表日期:2017-06-30 17:50万博娱乐体育浏览次数: 本文关键词:视频网站 视频网站产品设

 

  用户进入网站首先看到的第一个完整屏幕称为首屏。在这个几乎所有东西都供大于求的时代,用户有太多选择了,他们总是很容易就能找到替代品,鼠标一点,就离开了。所有的网站都想要抓住用户,首屏是抓住用户的关键。首屏就是一个网站的颜值,脸不好,之后很难引起用户的兴趣。

daoyindsisfda

  1 用卡诺模型分析网站需求

  网站首屏是用户进入一个网站首先接触的界面,70%的点击和停留时间就在首屏。能否留住用户,关键就看你的网站首屏的吸引力了。

  一个网站从0开始搭建,你会面临无数的需求;需求一多,你自己都很难分清楚需求的优先级了,有时候纯粹一拍脑袋就开始做的网站,最后死的概率极大。做产品前,需要仔细思考一下你的目的是什么,想清楚需求后,后面的产品设计工作才能提高效率。之前写过一篇文章介绍卡诺模型(需求分析神器 | 卡诺模型),下面就用卡诺模型分析一个视频网站的需求品质。

  一个视频网站可能有的品质点:播放区、暂停/播放按钮、音量调节、清晰度调节、全屏、聊天、弹幕、视频编排目录、订阅、下载视频(离线观看)、评价系统(赞/踩)、分享、收藏、意见反馈、相关内容推荐、评论、关灯观看效果、观看记录、上传、内容导航、内容搜索、用户社区、标签系统、会员功能、用户活跃系统、帮助、热度排行等。

卡诺需求表

  参照上面的图片,对于一个从0开始搭建的视频网站,以上各需求的分类如下:

  必要品质(Must-be):播放区、暂停/播放按钮、音量调节、全屏、收藏、意见反馈、观看记录、内容导航、内容搜索

  一维品质(One-dimensional):视频编排目录、评价系统(赞/踩)、相关内容推荐、用户活跃系统

  魅力品质(Attractive):清晰度调节、聊天、弹幕、订阅、下载视频(离线观看)、分享、关灯观看效果、标签系统、会员功能、上传、热度排行、用户社区

  无差异品质(Indifference):评论

  经过分类后,你就能明确之后的产品设计重点:必要品质一定要做好(至少90分);一维品质优先级没那么高,但如果有时间做的话,一定要做好,不然反而有不良效果;魅力品质能够提升产品的吸引力,如果时间不是非常赶的话,应该酌情做几个魅力品质,有时候某些魅力品质优先级甚至高于一些一维品质;砍掉无差异品质。

  2 全局导航栏

  我们知道,用户平均停留在一个网站的时间不超过3分钟,首屏能够占有70%的页面点击和浏览时间,精心设计首屏能够有效地抓住用户。在首屏中,需要加入“标识导引”系统,能够有效帮助用户找到他们想要的东西。遍历各大主流网站,Glen发现,位于网站顶部的全局导航栏最适合作为“标识导引系统”的载体。

  标识导引系统:

  用户身在何处?

  用户寻找的东西在哪里?

  用户如何得到所搜寻的东西?

  用户已经搜寻过哪些地方?

  顶部全局导航栏:位于屏幕顶部常驻的导航栏,当用户切换各页面时,顶部全局导航栏常驻不变。

  (1)用户身在何处?

  顶部全局导航栏的第一个作用是告诉用户“这个网站是什么”:一般会在顶部栏的左侧放上网站的品牌logo。

  顶部全局导航栏的第二个作用是告诉用户“你目前在哪里”:一般顶部栏会放若干个入口标签,用户点击一个标签,该标签会变颜色,标识用户目前处于该页面。下图为苹果Apple Watch页面,能够很好地展示上述效果:

  Apple Watch

  (2)用户寻找的东西在哪里?

  一些视频网站的顶部栏会加入精心编排的内容导航,方便用户通过一些通用的标签进入二级菜单、三级菜单…选择自己喜欢的视频节目。下图为腾讯视频的内容导航:

  腾讯视频内容导航

  内容导航属于分类搜索,几乎所有的视频网站还会提供关键词搜索内容功能(搜索的两大分支分类搜索和关键词搜索),这样就能确保用户能够通过至少两种方式找到他们感兴趣的内容。

  (3)用户如何得到所搜寻的东西?

  无论用户使用分类搜索还是关键词搜索,他们得到的答案都必须是可以点击的结果,鼠标移到搜索结果上要显示可点击的鼠标样式。做得好的搜索工具,还会推荐相关内容给用户。

  (4)用户已经搜寻过哪些地方?

  一个好的视频网站,应该能够记录用户的搜索关键词,除非用户的浏览cookie被清理了。同时需要在很明显的地方让用户找到视频播放记录,最好就放在全局导航栏上。

  综合国内外几大网站,位于顶部的全局导航栏,可能需要包含的内容如下:品牌logo、内容导航、关键词搜索(推荐内容)、播放记录、用户个人信息。

  先用卡诺模型分析一下视频网站的需求,再将优先级最高的需求放在最重要的位置。首屏内容太多,一篇文章搞不定,后面会尽快更新的,敬请期待。

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.bluecatslive.com/news/wzsj/326.html

网站设计案例推荐

热门文章

揭秘2017年最新的网站快速排名设...

网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

日期:2017-06-30 浏览次数:5371

终于等到你!2017年2月设计圈实...

随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

日期:2018-04-01 浏览次数:642

现代404页面设计趋势分析与案例...

每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

日期:2018-02-27 浏览次数:633

商丘建站公司:内行讲堂!让设...

你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

日期:2018-04-15 浏览次数:623

商丘网站维护:如何写出一个完...

本文对如何写出一个完美的错误信息,进行了3个重要组成部分的分析。 每个系统都会有无法正常工作的时候。可能是用户的错误或系统的失败。在这两种情况下,以正确的方式处理错...

日期:2018-05-27 浏览次数:618

相关文章
随机推荐

超全面干货!弹窗设计的5条基本...

说走就走!勾引你出门旅游的网...

网站设计之卡式布局运用策略...

网站建设首页设计图文混排的技...

让用户“看见” 是一种心机行为...

弹框体系总结...