互联网电视主界面交互模式哪家强，我们总结了5款主流视频应用 - {$web_name} 经由对竞品首页开展确认

　　导读：首页是APP设计的核心区块，也是信息和使用者管理的兵家必争之地，经由对竞品首页开展确认，还能从中一窥各家的设计理念、管理策略及至目标战略等。


　　互联网电视已然变成如今智能家人的分手文案汇总标配，以互联网电视业务为核心的OTT(Over The Top)业务已越来越多地透彻到日常使用中，围绕着“电视”这一块覆盖家人的大屏，各大信息办事商也是卯足了劲儿，想要在使用者的“客厅”分一杯羹，主流的影像使用基础都已进驻大屏，BAT资本的入局，也让电视端影像使用的比拼更为激烈。

　　以下对电视端影像影音使用做一个简易的竞品确认。俗话说，看人先看脸，针对一个APP来讲，首页就是脸面，也是使用者开启使用的第一印象，据资料统计，首页跳出率在15%-25%，也就是说这若干使用者来到首页后，没有持续下一步动作，自然，缘由或许是多样化的，但首页不吸引人，使用者找不到所需信息等，则会很轻松导致使用者的流失，尤其是在这么一个“来去无情”的互联网使用者时代，使用者翻脸离开的速度绝对比翻书要快得多。

　　所以说，首页是观察折叠屏APP设计的核心区块，也是信息和使用者管理的兵家必争之地，经由对竞品首页开展确认，还能从中一窥各家的设计理念、管理策略及至目标战略等。

　　本文选取的使用含有：云视听(腾讯)、奇异果(爱奇艺)、优酷、芒果、小米、乐视及电视猫等。

　　一、首页形态竞品确认

　　1、导航—标签式导航 VS 抽屉式导航

　　任何APP的组织信息都需要以某种导航框架固定起来，合适的导航框架，确定了商品之后的延伸和扩展。各异的商品需求和商业目标确定了各异的导航框架的设计模式。导航设计先是需要将APP解构，为组织信息分层，做好信息层级的扁平化，普通状况下，将最核心、最稳固、最根本的特性要素放在第一层页面，其他得信息收在第二层、第三层、乃至更深，然后依据层级的归纳来确定导航设计的模式。

　　OTT电视端使用，本质上跟移动端差不多，只是显示屏大小和呈现方式有所各异，操控方式无非就025安卓版本合集遥控器“上下左右”几个按键操控开展翻页、切屏等，局限较大，但也更为简易。当下电视端影像使用，多采取标签式和抽屉式这两种较为普遍的导航模式。

　　标签式：

　　即普遍的tab式导航，这类信息优先级较高、使用者使用频繁，彼此之间相互独立，经由标签式导航的推动，使用者可以迅速的做到页面之间的切换且不会迷失方向，简易而高效。还可细分为底部tab式导航、顶部tab式导航、侧边栏tab式导航等，各异使用出于信息呈现及操控方式考虑，使用各异的导航设计。

　　(1)底部导航：云视听(腾讯)，共有12个导航标签(这也是大屏端的长处，移动端标签数量普通会控制在5个以内，而电视端显示屏则有更大的挑选空间)，依次是：我的、频道、精选、VIP、剧集、少儿、影片、真人秀、动漫、资讯、昨天网友荣耀Magic，总有一句适合你游戏、体育，首屏定位在第三个标签即“精选”上，从标签排列的先后顺序上，我们也能看出腾讯的信息战略布局，重视会员使用者，主打影视及少儿等信息。
　　(2)顶部导航：比如爱奇艺、芒果TV、小米盒子launch界面等，标签个数也都在10个左右，我们对比一下它们的标签排列，也能大约看出其信息侧重：
　　爱奇艺：轮播、首页、VIP会员、酷玩一夏、剧集、影片、真人秀、儿童、动漫、游戏、分类;首屏为“首页”标签;
　　芒果：芒果电视、精选、剧集、真人秀、VIP、影片、少儿、动漫、音乐、整体频道、我的、配置;首屏为“芒果电视”;
　　可以看出，爱奇艺更为重视会员的管理，另外会做一些精细化的主题管理，而芒果，得益于独特的自制剧及自制真人秀，在这两块可以说是独占鳌头，并以此圈住一大批的年轻使用者，所以电视端也是主推电视和真人秀。尤其的是，芒果各异于爱奇艺，芒果背靠湖南卫视，有卫影像道加持，多了电视直播信息，开启芒果TV的APP，马上会进入芒果电视的全屏播放，所见即所播，较为符合传统的家人电视开启模式。


　　(3)侧边栏导航：比如优酷、天猫魔盒launch界面等。这种侧边导航的形式，与顶部、底部差不多，只是在交互方式上做了改动，也是有利有弊，侧边导航布局更为清晰，使用者一目了然，也更符合当下瀑布流式的信息呈现方式，但在具体操控上，左右键及上下键切换会较频繁，使用者的思考成本高。

　　抽屉式：

　　常常和顶部/底部tab式导航结合使用的抽屉式导航，也可以称之为优雅的隐喻。抽屉式导航将若干信息信息开展隐藏，突出了使用的核心特性，尤其是当商品的信息层级有相当多的页面和信息，难以在一屏内显示整体信息，tab导航太多标签太多会显得臃肿，使使用者难以访问，这个时候，抽屉式导航是个不错的挑选。

　　在OTT影像使用里，使用这种导航方式的，例如：电视猫、微视听、华数TV等，都是将若干推荐信息在首页展示，频道分类则整体收到抽屉里去。

　　这么做的好处是，整体页面相当的简洁，重点信息突出，首页推荐信息更为重大，而针对各频道来讲，被放入一视同仁的篮子中，整齐归纳在一处，使用者在使用查找的时候，能够高效定位到自己喜欢的频道，但这是针对已然有一定的使用习惯的使用者，针对新使用者，这种导航方式的弊端也是显而易见的：先是，频道信息都被折叠成一个一个抽屉入口，内里优质信息无透出，使用者一眼看不到，会导致信息少、没什么片子的印象，并且层级深、操控路径长，每多一步就会导致使用者的流失，为页面带来干净的设计的另外，也让使用者忽视隐藏的信息，导致了隐藏在抽屉栏内的信息信息使用者访问率下降，参与感下降。

　　归纳一下：

　　假如使用有各异的视图，且他们是平级的，需要使用者同等地对待，使用标签式导航较好;

　　假如使用首要的特性和信息都在一个页面里面。只是一些使用者配置这类低频操控信息需要显示在其他页面里。以便让主页面看上去干净美观，可以把这些辅助特性放在抽屉栏里。

　　两种方式各有利弊，可以依据商品的核心特性目标挑选，或者结合起来使用，例如可以将若干优质频道做tab标签，其他低频点播频道可以收益抽屉。毕竟如今，酒香也怕巷子深，好的信息就该让使用者一眼目睹，而不是寻宝般地去挖掘。

　　2、布局及交互—延展&切屏

　　前面提及到，电视端的APP使用由于受到操控设备、操控距离等限制，交互方式与移动端略有各异，要稍微简易一些，基础是围绕着遥控器的“上下左右”键开展交互，操控页面的滑动、翻页和切换显示屏，而如何有效分配和运用遥控器键值，使使用者操控更为便捷流畅，则是商品及交互设计师需要考虑的难题。

　　以便能在一屏上展示更多的信息，商品设计上普通会考虑延展的方式，即不局限于显示屏上所目睹的坑口位置，而是可以不停地向下或左右滑动，给使用者信息源源不断的感受，另外辅以切屏的方式，例如当一屏信息加载完时，再按右键，则切换到下一屏去，打破边界感，缩减操控碰壁的挫折感。以以下使用为例：
　　可以看出，首页的布局方式普通有三种：单页面上下延展、单页面左右延展、切屏，通常使用会采取三选二的自由组合，运用页面空间呈现更多信息的另外，交互简易整齐。需要注意的是，假如方式组合不当或想要兼顾齐全，则很轻松导致页面混乱，增多使用者的思考和操控成本，这在电视端是一大忌讳，使用者会直接表达为“不好用”，从而离开。

　　3、视觉设计—多元规范件组合

　　好的视觉设计承载着三个使命：①引发别人的注意;②给人留下深刻的视觉印象;③信息沟通;要达到前面两种目的，最好的办法就是视觉冲击力，而当使用者的注意力在你的作品中有足够的停留时间，信息才能有效沟通。作用视觉效果的，普通有这么几个因素：尺寸转变、颜色管理及对比。

　　针对影像使用来讲，图片的视觉冲击力远高于文字，如何从图片设计着手就拿下使用者，设计师们也各出奇招，从上图来看，几家的APP使用也是各有特色。先是看首页设计规范件的使用，即图片尺寸的转变，使用各式规范尺寸组合的方式，使页面看起来不那么呆板和单调，稍稍统计了下各家规范件数量：腾讯6个，爱奇艺6个，芒果6个，优酷8个，小米则有11中，图片尺寸转变多，也会使信息看起来更丰富。除了规范件的组合管理，各家也会采取比如：轮播图、GIF图、异形图等，动静结合，再加上高清高亮的资产海报，为使用者在享受影像盛宴之前，提供一道美味的甜品。

　　4、推荐位设计—以多取胜
　　推荐位的数量设计，是不是越多越好，在哪个区段里会有最优的效果：提升点播量又不增多管理成本，如今都没有明确的定论，但可以看出，核心的都是：最好的信息最先呈现，然后给使用者尽或许多的挑选。

　　商品设计的衣柜理论

　　做商品就好比做衣柜，是信息和信息的载体，衣柜里的衣物就是商品所搭载的信息。如何设计一个好用的衣柜，让使用者能够高效便捷实用，并爱上这个衣柜?怎么考虑这个衣柜是双开门的、还是推拉门的?两层还是三层？需要鞋柜和衣帽架吗？

　　衣柜若没做好：太小，东西放不下;太大，浪费空间;太乱，没有层次感;太繁，操控较繁琐;等等;商品的设计理念亦然，如何让信息有序呈现，如何让使用者高效使用，都需要透彻地摸索探析，以上仅对各商品首页做了皮毛的确认，也期盼能从中归纳出一些经验，从成熟的商品中进修方法。