优酷首页的小细节
最近在研究网站的交互,昨天正好找到优酷的首页看了下,网站整体的信息架构很复杂,内容非常多 。设计的还算不错。说下其中的几个小细节。
1.头条视频为什么通过”立刻播放”按钮播放?
网站首页的其他模块(电视剧,综艺,电影)的播放都是通过圆形的播放图标播放的,只有第一个模块,头条视频是通过带文字的长方形按钮播放的。
我想了下,主要原因是:一般用户在首页寻找感兴趣的视频时,都是在扫视整个界面,眼睛的焦点在视频封面图上,看到感兴趣的,浮出一个圆形的播放图标(视频网站非常常见),用户对这个图标非常熟悉,知道点击后就是播放视频。所以这里放圆形播放图标是合适的。
而对于头条视频,它自带新闻属性,鼠标放上去,会先浮现出一句话新闻,此时用户进入的是阅读模式,是在认字。这个时候,播放视频通过点击带有“立即播放”4个字的方形按钮,是最合适的,一气呵成,用户读一条新闻,然后读到立即播放四个字。就明白了。如果也放一个圆形播放按钮,用户还得切换下思路,这是播放按钮。反而不美。
2.电影的图片尺寸跟其他视频不同
电影用的封面图是海报,高度很高,宽度比较小。而其他电视剧,综艺是矮而宽的,不一样。
3.横向导航条的隐藏与显示。
用户浏览首页时,往下拖动时,横向导航条会自动隐藏。而在上拖时,横向导航条又会展示出来。
我想原因是,用户在下拖时是在浏览和发掘感兴趣的视频。焦点在这些视频上。所以会隐藏导航条。而往上拖动时,用户往往是浏览完了,想原路返回。但是优酷首页内容非常多,这样要拖很久,而此时出现的横向导航条,可以帮助用户快速的进入到其他子频道(电视剧,电影,综艺等)
1.头条视频为什么通过”立刻播放”按钮播放?
网站首页的其他模块(电视剧,综艺,电影)的播放都是通过圆形的播放图标播放的,只有第一个模块,头条视频是通过带文字的长方形按钮播放的。
我想了下,主要原因是:一般用户在首页寻找感兴趣的视频时,都是在扫视整个界面,眼睛的焦点在视频封面图上,看到感兴趣的,浮出一个圆形的播放图标(视频网站非常常见),用户对这个图标非常熟悉,知道点击后就是播放视频。所以这里放圆形播放图标是合适的。
而对于头条视频,它自带新闻属性,鼠标放上去,会先浮现出一句话新闻,此时用户进入的是阅读模式,是在认字。这个时候,播放视频通过点击带有“立即播放”4个字的方形按钮,是最合适的,一气呵成,用户读一条新闻,然后读到立即播放四个字。就明白了。如果也放一个圆形播放按钮,用户还得切换下思路,这是播放按钮。反而不美。
2.电影的图片尺寸跟其他视频不同
电影用的封面图是海报,高度很高,宽度比较小。而其他电视剧,综艺是矮而宽的,不一样。
3.横向导航条的隐藏与显示。
用户浏览首页时,往下拖动时,横向导航条会自动隐藏。而在上拖时,横向导航条又会展示出来。
我想原因是,用户在下拖时是在浏览和发掘感兴趣的视频。焦点在这些视频上。所以会隐藏导航条。而往上拖动时,用户往往是浏览完了,想原路返回。但是优酷首页内容非常多,这样要拖很久,而此时出现的横向导航条,可以帮助用户快速的进入到其他子频道(电视剧,电影,综艺等)
来自 豆瓣App
还没人赞这篇日记