TV端设计原则分析总结.docxVIP

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就比较明朗了，底部分为四个区域，在未操作前，用户能够预期到