江苏龙网

  1. 首页 > 资讯 > 科技 > >

智能电视|TV端设计原则分析总结( 二 )


本文插图

2. 焦点移动原则
十字移动：
焦点根据遥控器的上/下/左/右按键 ， 呈现“十字”形移动；在屏幕内容区域划分规整、且无空缺情况下 ， 不支持斜向移动 。
就近原则：
在焦点移动过程中 ， 焦点不能跳跃性的移动 ， 需要按照上/下/左/右键的操作 ， 依次移动至离上一个焦点最近的位置处 。
居中显示原则：
当一行中有延伸在屏幕之外的内容时 ， 焦点移动方式有多种形式：焦点居中固定或在页面边缘固定 。
以往智能电视的常见做法是 ， 当焦点向右移动至一行最后一个完整可见内容时 ， 继续向右移动 ， 则内容移动 ， 焦点固定 。
根据心理学研究 ， 用户往往更关注屏幕中心的信息 ， 而非边缘 ， 所以在屏幕内容完整显示前提下 ， 将焦点位置固定在中间 ， 更合适一些 。
四、页面布局1. 导航
常见的TV端导航有横向导航和纵向导航 。
这两种导航分别在哪种场景下适用呢？
其实两种形式的导航各有特点：横向导航占据屏幕上方（或下方）边缘位置 ， 既可以定位内容的位置、但是又不会过多干扰用户 ， 带来的沉浸式体验更好；适用于首页、电视剧等有feed流形式的地方 。 纵向导航占据屏幕左侧（或右侧 ， 右侧极少见）位置 ， 虽然牺牲了左侧部分区域 ， 带来的沉浸感也不如横向导航 ， 但是胜在导航内容更加聚焦 ， 用户使用的效率更高；适用于筛选等旨在快速查找内容的地方 。

智能电视|TV端设计原则分析总结
本文插图

2. 内容
除了导航之外 ， 影片内容的排版布局也有一定的规则 。
分区明显：
在TV端 ， 每一处可操作性内容都需要有固定区域的划分 ， 无论是卡片、面性或者线性的区分 。
没有明显分区的内容不仅容易淹没在屏幕众多内容中 ， 而且容易影响页面的规整性 ， 用户对焦点的移动路径也无法正确预期 。

智能电视|TV端设计原则分析总结
本文插图

在形式1中 ， 屏幕底部文案1—文案4处 ， 无明显分区 ， 在未操作前 ， 并不知道这个区域能不能获得焦点 ， 或者是以怎样的形式获得焦点；形式2中 ， 有了整块分区 ， 第一感觉是可以整体获得焦点 ， 但是也可能是其中的每个部分获得焦点 ， 这个也需要操作后确认；形式3就比较明朗了 ， 底部分为四个区域 ， 在未操作前 ， 用户能够预期到每个区域都能够独立获取到焦点 。
【智能电视|TV端设计原则分析总结】有限数量：
根据调研 ， 内容在横向可扩展时 ， 隐藏在屏幕之外的内容 ， 越靠后用户查看的几率越小 。
所以在设计时 ， 尽量不宜频繁的的让内容横向扩展 ， 或者横向扩展的数量不宜过多 ， 在纵向上 ， 内容可以无限扩展 。 左图中 ， 内容横向移动时 ， 内容控制在有限数量以内；在本人设计过程中 ， 横向扩展数量极限值一般为20个 ， 大家可以根据实际情况排布；右图中 ， 内容纵向移动时 ， 内容可以无线扩展；比如首页、电视剧一级页面等 ， 内容呈现瀑布流式移动 ， 提供给用户尽量多的选择 。
规则布局：
内容布局如果是规整的十字型布局是最佳布局形式 ， 不建议设计过于交错的卡片布局 。
过于交错的布局会使用户对焦点的移动路径无法正确预期 ， 同时为技术同学增加了开发难度 。

智能电视|TV端设计原则分析总结
本文插图

五、TV端交互特点
根据TV端用户的使用场景和操作方式 ， TV端的基本交互有以下几个特点 。
1. 简单操作、层级少
TV端层级不宜过深 ， 否则用户容易迷失 ， 而且过深的层级意味着过多的步骤 ， 对于使用遥控器操作的用户很不友好 。


推荐阅读


上一篇：泛家居设计|4种漂亮花，花色艳花量大，一开就美爆！跟着养护专家学起来吧

下一篇：敏愉娱乐|以下交通标志如果分不清请千万不要上路，不然12分瞬间被扣光！