TV端设计原则分析总结|运营学社

修改导语：现在的智能电视不同于以往的传统电视，现在的智能电视加入了更多开放式系统，页面内容也愈加丰厚，功用愈加强壮，比方挑选电影、回放、玩游戏等等，让观众有更多的挑选；本文作者剖析了电视端的规划准则。

前段时刻完成了公司从0-1的TV端产品规划，在规划进程中，整理了一些TV端的规划准则和规划经历，与我们一起学习沟通。

相关于移动端和PC端，TV端规划关于许多人来说比较生疏。

接下来从以下几个方面和我们聊聊TV端的规划办法和经历总结：

TV端运用场景；TV端控制方法；焦点；页面布局；交互特色；一、TV端运用场景

一般谈到看电视，人们首要想到的画面是家人聚在客厅里，坐在沙发上边聊天边追剧或许边玩游戏。

依据这种最常见的观影环境和气氛，TV端的运用场景有以下几个特色：

1. 远间隔控制

因为现在的电视屏幕尺度越来越大屏，用户的观影间隔一般在间隔电视2-5米左右。

这么远的间隔，为了让用户能够一直简略的注重到首要内容，电视界面往往经过将其居中和靠前杰出，让首要内容不被淹没在大屏之中。

2. 文娱式消费

人们一般会经过看综艺、看电影来到达放松休闲的意图，所以文娱消费是TV端的特色。

大篇幅的设置在TV端并不适用，多层级的探究也会让用户迷失方向。

内容的易被发现、简略的层级、极简的操作进程；让用户快速抵达意图，享用观影自身，是需求侧重考虑的。

3. 沉溺式领会

越来越多的家庭具有家庭影院。

试想下，在暗淡的环境中，带上3D眼镜，沉溺在剧情之中，是一种夸姣的享用。

这种环境下，适宜让视频、图片、声响作为主旋律，摒弃大段的文字，构建丰厚和动态的视听享用。

4. 同享式环境

电视处于家庭公共场合，离不开交际领会，如看电影、看相片、玩游戏等，是一种同享设备。

故电视端的内容需求广泛习惯家庭一切受众成员。

二、TV端控制方法

不同于移动端的手指控制和PC端的鼠标控制，TV端首要经过遥控器控制；从传统的旧式遥控器到现在的极简遥控器，在操作的简易程度上有很大改善。

传统的遥控器操作除了方向键，还有数字键和其他许多按键，用户除了欠好回忆，还简略误操作；新式遥控器将不常用的按键去除或搬运至电视端，仅保存上/下/左/右方向键，主页、回来、菜单和音量键；最新式的遥控器还加入了语音控制键，极大提升了用户的操作方法。

国内遥控器的最常见操作方法为点按操作，包含长按和短按；国外遥控器典型是苹果公司的apple TV遥控器，除了点按，还支撑滑动操作，领会更流通、操作功率更高。

改善仍在持续，现在有些厂商将遥控器操作搬运至手机，用户能够将电视端界面投屏至手机，在手机上直接点击操作，削减了中心的移动进程。

不过因为需求手机与电视相互配合，并且手机屏幕究竟没有电视端直观，所以该种操作方法还处于萌发阶段。

三、焦点1. 界说

智能电视端有一个特有的规划概念——焦点。

焦点为用户指明了当时内容地点方位，并且让内容最杰出、最显眼，是电视屏幕上一直存在的一种状况。

电视端内容常见状况有：默许状况、焦点状况、按下状况、符号状况。

2. 焦点移动准则

十字移动：

焦点依据遥控器的上/下/左/右按键，呈现“十字”形移动；在屏幕内容区域区别规整、且无空缺情况下，不支撑斜向移动。

就近准则：

在焦点移动进程中，焦点不能跳动性的移动，需求按照上/下/左/右键的操作，顺次移动至离上一个焦点最近的方位处。

居中显现准则：

当一行中有延伸在屏幕之外的内容时，焦点移动方法有多种方法：焦点居中固定或在页面边际固定。

以往智能电视的常见做法是，当焦点向右移动至一行最终一个完好可见内容时，持续向右移动，则内容移动，焦点固定。

依据心理学研讨，用户往往更注重屏幕中心的信息，而非边际，所以在屏幕内容完好显现前提下，将焦点方位固定在中心，更适宜一些。

四、页面布局1. 导航

常见的TV端导航有横向导航和纵向导航。

这两种导航别离在哪种场景下适用呢？

其实两种方法的导航各有特色：

横向导航占有屏幕上方（或下方）边际方位，既能够定位内容的方位、可是又不会过多搅扰用户，带来的沉溺式领会更好；适用于主页、电视剧等有feed流方法的当地。纵向导航占有屏幕左边（或右侧，右侧很少见）方位，尽管献身了左边部分区域，带来的沉溺感也不如横向导航，可是胜在导航内容愈加聚集，用户运用的功率更高；适用于挑选等旨在快速查找内容的当地。

2. 内容

除了导航之外，影片内容的排版布局也有必定的规矩。

分区显着：

在TV端，每一处可操作性内容都需求有固定区域的区别，无论是卡片、面性或许线性的区别。

没有显着分区的内容不只简略淹没在屏幕许多内容中，并且简略影响页面的规整性，用户对焦点的移动途径也无法正确预期。

在方法1中，屏幕底部案牍1—案牍4处，无显着分区，在未操作前，并不知道这个区域能不能取得焦点，或许是以怎样的方法取得焦点；方法2中，有了整块分区，榜首感觉是能够全体取得焦点，可是也可能是其间的每个部分取得焦点，这个也需求操作后承认；方法3就比较明亮了，底部分为四个区域，在未操作前，用户能够预期到每个区域都能够独立获取到焦点。

有限数量：

依据调研，内容在横向可扩展时，躲藏在屏幕之外的内容，越靠后用户检查的几率越小。

所以在规划时，尽量不宜频频的的让内容横向扩展，或许横向扩展的数量不宜过多，在纵向上，内容能够无限扩展。

左图中，内容横向移动时，内容控制在有限数量以内；在自己规划进程中，横向扩展数量极限值一般为20个，我们能够依据实践情况排布；右图中，内容纵向移动时，内容能够无线扩展；比方主页、电视剧一级页面等，内容呈现瀑布流式移动，提供给用户尽量多的挑选。

规矩布局：

内容布局假如是规整的十字型布局是最佳布局方法，不主张规划过于交织的卡片布局。

过于交织的布局会运用户对焦点的移动途径无法正确预期，一起为技能同学增加了开发难度。

五、TV端交互特色

依据TV端用户的运用场景和操作方法，TV端的根本交互有以下几个特色。

1. 简略操作、层级少

TV端层级不宜过深，不然用户简略迷失，并且过深的层级意味着过多的进程，关于运用遥控器操作的用户很不友爱。

一般来说，层级控制在3~5个以内是比较适宜的。