网页滚动视图调研

网站滚动视图模块调研所谓的滚动视图，是指一个可以滑动的视窗，视窗大小和位置固定不变，视窗内的内容用户可以拖动来进行滚动浏览。滚动视图的目的是为了解决同类内容过多，一个UI版面显示不下的情况。如果同类内容过多，一般可以采取设置多个页面，然后通过翻页浏览的方式来浏览，但是很明显，滚动视图会比翻页更方便，因为在移动上可以很方便通过鼠标的滚动进行滚动。调研目的：本次调研目的主要是各网站滚动视图的设计，以及各种设计解决用户的哪些需求，作为草船云滚动视图模块设计的参考。调研对象：新浪新闻、央视体育、汽车之家等调研内容：banner图的位置、大小占比、页数、切换方式、自动切换时间，分类列表的位置、列表数量、列表类别新浪新闻新浪新闻是新浪旗下的重要频道之一，给用户提供24小时国内、国际以及社会新闻。新浪新闻轮播图在网页的左下方位置，并没有占特别大的比例，共五页，每3秒切换一次，分别可以通过图片左右两边的箭头和上方的主题来进行切换。新浪新闻作为一个新闻网站，因为内容太多，不可能把轮播图做成占半个屏幕那么大的比例。轮播图的上方主题除了切换轮播图之外，而且能让用户找到符合自己口味的新闻。轮播图自动切换的时间看似时间很短，不过页面上方的主题模块设计的较大，方便了鼠标的停留。而且鼠标停留在上面轮播图就不会动，用户感兴趣就会点进去，不感兴趣直接下一页。最上面的列表是新浪旗下的各个网站，用户在看新闻网的同时，也把其他的推广出去。紧接着是代理商的广告，这也是利益点。再往下就是新浪新闻的各个频道，有体育、财经、社会等二十个频道。百度新闻腾讯新闻的轮播图在网页的右上方位置，大概占了主页四分之一的位置，总共有八页，每5秒切换一次，可以通过两边箭头和右下方小圆点来切换。与各类新闻网站同样，百度新闻的轮播图也没有占特别大的比例。与新浪新闻不同的是，轮播图上方没有明确的主题，什么内容吸引人就是什么内容百度新闻的分类列表在网页的上方，百度搜索框的下面，如图所示，共17个版块。用户可以根据需要查看自己想看的新闻央视体育央视体育的轮播图占据了整个页面的一半左右，共10页，每5秒自动切换一次，可以用下面的小圆点和两边箭头来切换央视体育banner设计占比很大，因为作为单独的一个频道，比综合新闻网站少了很多内容。下面的圆点和箭头也设计成运动风格的，色调与整个页面相搭配。分类列表同样在网页上方，有新闻、NBA、德甲等模块，用户可以清晰直观的寻找自己喜欢的内容贪玩游戏贪玩游戏官网介绍了贪玩旗下的各种页游banner占据网页一半的比例，一共8页，每5秒切换一次。Banner上的代言人有古天乐、陈小春、刘烨这些稳居一线明星，就网站定位来说，烧钱请明星做代言、视频网站的广告，确实也做到了精准定位。因为只要是通过广告吸引进去的，都是70.80年代的老传奇玩家，这几个明星也正是他们那个年代走红的。这些玩家往往手中有一些闲钱，充上几百博一乐也没什么影响。大扎好，我系轱天乐，我四渣渣辉，探挽懒月，介四里没有挽过的船新版本，挤需体验三番钟，里造会干我一样，爱象节款游戏。游民星空游民星空是专注于单机游戏的下载站，由于游戏内容多，banner的占比较小，共6页，页数和转换时间在轮播图上有体现列表也都是游戏的信息、包括更新、游戏促销等百度音乐百度音乐的轮播图占比也不是很大，一共8页，每5秒转换一次，可以通过下面小圆点和两边的箭头来转换，banner的内容是音乐榜单信息和音乐人新推出的专辑列表就是各种榜单，有新歌榜、经典歌曲榜、原创榜等，用户可以根据自己喜欢的口味来选择要听的音乐网易云音乐网易云音乐作为一款深受年轻人喜爱的音乐播放器主打简约的风格，从banner上更有体现，banner共8页，每5秒转换一次，每换一张图整个网页的色调也跟着转换，banner上的信息除了最新发的单曲之外还有网易做的活动列表同百度音乐一样，也是各种音乐榜的榜单信息汽车之家汽车之家给用户提供选车、买车、换车等服务。Banner的空间占比也很小，一共有八张图，每4秒转换一次，有新车信息、车站信息等列表是各种畅销车型的信息、试驾、解读等。爱奇艺爱奇艺的轮播图占据了整个屏幕的大部分，约三分之二，转换上与其他网站不同，只能通过轮播图右边的介绍才能转换，介绍依次罗列在右边，这样一来，用户可以更直观的看到banner上所有的内容，选择自己喜欢的视频来看列表上，爱奇艺也都是点击率比较高的视频优酷优酷的banner和爱奇艺设计上大致相似，都是占比大、通过右边的介绍转换、用户更直观的选择自己的信息，也是属于简约的设计，色调跟随轮播图的转换而转换，让人看上去很舒服，有继续浏览的冲动。列表上优酷都是通过动态图展示的，鼠标移上去就会出现动态图，这一点好处是更方便浏览，然而，由于动态图占的空间大，展示的内容并没有爱奇艺多总结网站的banner大小占比跟网站想要向用户展现内容的多少有很大的关系，banner占的空间大了，其他内容展示的自然就会少。设计方面，一般来说