YY直播 在IOS端、Android端以及WEB端区别。

   作为一名YY直播的深度用户,打算从设计规范、页面布局浅谈YY直播在三个平台的区别。

   这是YY直播IOS端的首页,页眉使用滚动式导航(如图一,截的图片看不出来),页眉最右侧添加了一个下拉式菜单(图二),下拉菜单的选项正式滚动式导航中内容。滚动式导航栏一般适用于标签选项过多,而最右侧展开的下拉菜单二级页面也很好的缓解了当滚动距离过远时给用户带来的不便。再来看看页脚的标签栏,标签栏使用舵式导航,下方五个功能点切换都很频繁且需要突出中间开启直播的功能。内容页使用网格列表,点击进入直播页面,充分利用页面空间。

YY直播 在IOS端、Android端以及WEB端区别。_第1张图片
图一
YY直播 在IOS端、Android端以及WEB端区别。_第2张图片
图二


YY直播 在IOS端、Android端以及WEB端区别。_第3张图片
图三


  如图三,这是关注页的内容,与直播页不同的是,页面布局采用垂直列表形式,而且是图文结合的模式。这种形式既能在一个页面上更多的展现所关注的主播,而图片头像也能明确显示是哪一个直播。


YY直播 在IOS端、Android端以及WEB端区别。_第4张图片
图四


  图四,这是个人中心页面,内容页面下半区域采用网格列表形式,上半区域采用垂直列表导航和分段导航相结合形式。

  接着来看看Android端的YY(图五),整体布局几乎和IOS端的一样!但是在最底部添加了虚拟按钮,这也是Android和IOS在布局规范上很大的一个差异。当然,在取消关注的手势上面,二者的规范是不一样的。IOS关注页面上,在某个主播列表向左滑动,出现删除按钮。而Android则没有这个手势操作,但是可以通过长按出现。其余的好像和iOS端一致。。。是我使用的手机或下载版本的问题?


YY直播 在IOS端、Android端以及WEB端区别。_第5张图片
图五

  那么,来看看WEB端吧(图六)。


图六

  首先,左上角是一个YYLIVE的LOGO,中间搜索框,  右上角是个人信息如:登录、注册  以及一个全站导航。

  下方作为整个网站页面很重要一个区域,用于放置一级导航,一级导航还可下拉子项。YY作为一个视频直播门户网站,中间内容区域必不可少的放置当前热门直播内容,考虑到盈利情况,当目前最重要的活动“年度盛典”分别放置左右两侧。

  由于笔者目前水平实在有限,故本文暂且如此,待水平提高,再来完善。如有错误,还请包涵。


你可能感兴趣的:(YY直播 在IOS端、Android端以及WEB端区别。)