TV端设计原则分析总结

作者: 火狐体育官网下载 时间: 2020-09-28 点击量:589

文章内容

过于交织的结构会使用户对焦点的移动路径无法正确预期同时为技术同学增加了开举事度。

过于交织的结构会使用户对焦点的移动路径无法正确预期同时为技术同学增加了开举事度。

当一行中有延伸在屏幕之外的内容时焦点移动方式有多种形式:焦点居中牢固或在页面边缘牢固。

现在大多数智能电视都融合了几种输入方式用户可以凭据所在场景选择最便捷的输入方式。

这种情况下适合让视频、图片、声音作为主旋律摒弃大段的文字构建富厚和动态的视听享受。

TV端使用场景; TV端操控方式; 焦点; 页面结构; 交互特点;

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

以上是在实际项目历程中得出的一些履历和心得主要是围绕一些通用性原则展开说明的实际设计历程中思量的工具远远不止这些。

题图来自Unsplash基于CC0协议

1. 简朴操作、层级少

这么远的距离为了让用户能够始终轻易的关注到主要内容电视界面往往通过将其居中和靠前突出让主要内容不被淹没在大屏之中。

3. 沉醉式体验

以往智能电视的常见做法是当焦点向右移动至一行最后一个完整可见内容时继续向右移动则内容移动焦点牢固。

编辑导语:如今的智能电视差别于以往的传统电视现在的智能电视加入了更多开放式系统页面内容也越发富厚功效越发强大好比选择影戏、回放、玩游戏等等让观众有更多的选择;本文作者分析了电视端的设计原则。

可是对完全没使用过的新手用户来说就像隐藏的彩蛋无意间实验才会发现所以为了制止用户探索在初次使用时加上须要的引导可以提高操作便捷性。

内容结构如果是规整的十字型结构是最佳结构形式不建议设计过于交织的卡片结构。

由于现在的电视屏幕尺寸越来越大屏用户的观影距离一般在距离电视2-5米左右。

基于这种最常见的观影情况和气氛TV端的使用场景有以下几个特点:

这篇文章希望给刚上路的同学带来些指引也希望大家配合交流学习。

本文由 @江边菇凉 原创公布于人人都是产物司理。未经许可克制转载

3. 界面展示重图片、轻文字

4. 共享式情况

二、TV端操控方式

智能电视端有一个特有的设计观点——焦点。

传统的遥控器操作除了偏向键另有数字键和其他众多按键用户除了欠好影象还容易误操作; 新式遥控器将不常用的按键去除或转移至电视端仅保留上/下/左/右偏向键首页、返回、菜单和音量键;最新式的遥控器还加入了语音控制键极大提升了用户的操作方式。

由于用户寓目电视时往往是轻松的状态导致注意力不会高度集中。

在重要提示上可以展示常驻提示一般提示上给出互动性小的toast提示即可。

差别于移动端的手指操控和PC端的鼠标操控TV端主要通过遥控器操控;从传统的老式遥控器到现在的极简遥控器在操作的浅易水平上有很大改善。

1. 远距离操控

4. 提示或反馈显着且简练

六、结论

所以在一些特殊节点上如果需要泛起提示这些提示需要显着、简练。

凭据TV端用户的使用场景和操作方式TV端的基本交互有以下几个特点。

十字移动:

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

就近原则:

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

居中显示原则:

2. 娱乐式消费

由于TV端内容多遥控器操作又有其未便捷性所以为了利便用户TV端往往会有一些隐藏的便捷性功效这些功效在用户使用熟练之后会轻易掌握。

凭据心理学研究用户往往更关注屏幕中心的信息而非边缘所以在屏幕内容完整显示前提下将焦点位置牢固在中间更合适一些。

海内遥控器的最常见操作方式为点按操作包罗长按和短按;外洋遥控器典型是苹果公司的apple TV遥控器除了点按还支持滑动操作体验更流通、操作效率更高。

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

没有显着分区的内容不仅容易淹没在屏幕众多内容中而且容易影响页面的规整性用户对焦点的移动路径也无法正确预期。

6. 重视新手引导

横向导航占据屏幕上方(或下方)边缘位置既可以定位内容的位置、可是又不会过多滋扰用户带来的沉醉式体验更好;适用于首页、电视剧等有feed流形式的地方。 纵向导航占据屏幕左侧(或右侧右侧少少见)位置虽然牺牲了左侧部门区域带来的沉醉感也不如横向导航可是胜在导航内容越发聚焦用户使用的效率更高;适用于筛选等旨在快速查找内容的地方。

前段时间完成了公司从0-1的TV端产物设计在设计历程中整理了一些TV端的设计原则和设计履历与大家配合学习交流。

由于电视的娱乐性、寓目的沉醉式和远距离的特点使用户往往没有耐心看大段的文字高清大图和音视频更吸引用户眼球。

分区显着:

由于现在用户的主流输入方式还是遥控器遥控器的输入特点使它的输入历程繁琐、步骤多。

所以在设计时只管不宜频繁的的让内容横向扩展或者横向扩展的数量不宜过多在纵向上内容可以无限扩展。

在形式1中屏幕底部文案1—文案4处无显着分区在未操作前并不知道这个区域能不能获得焦点或者是以怎样的形式获得焦点; 形式2中有了整块分区第一感受是可以整体获得焦点可是也可能是其中的每个部门获得焦点这个也需要操作后确认; 形式3就比力清朗了底部门为四个区域在未操作前用户能够预期到每个区域都能够独立获取到焦点。

有限数量:

革新仍在继续现在有些厂商将遥控器操作转移至手机用户可以将电视端界面投屏至手机在手机上直接点击操作淘汰了中间的移动步骤。

编辑导语:如今的智能电视差别于以往的传统电视现在的智能电视加入了更多开放式系统页面内容也越发富厚功效越发强大好比选择影戏、回放、玩游戏等等让观众有更多的选择;本文作者分析了电视端的设计原则。

左图中内容横向移动时内容控制在有限数量以内;在本人设计历程中横向扩展数量极限值一般为20个大家可以凭据实际情况排布; 右图中内容纵向移动时内容可以无线扩展;好比首页、电视剧一级页面等内容出现瀑布流式移动提供应用户只管多的选择。

规则结构:

2. 焦点移动原则

这两种导航划分在哪种场景下适用呢?

故电视端的内容需要广泛适应家庭所有受众成员。

相对于移动端和PC端TV端设计对于许多人来说比力生疏。

除了导航之外影片内容的排版结构也有一定的规则。

五、TV端交互特点

内容的易被发现、简朴的层级、极简的操作步骤;让用户快速抵达目的享受观影自己是需要着重思量的。

在焦点移动历程中焦点不能跳跃性的移动需要根据上/下/左/右键的操作依次移动至离上一个焦点最近的位置处。

接下来从以下几个方面和大家聊聊TV端的设计方法和履历总结:

由于TV端屏幕尺寸较大往往可以展示许多内容可是过多的内容也可能会让用户抓不住当前重点。

三、焦点 1. 界说

在TV端每一处可操作性内容都需要有牢固区域的划分无论是卡片、面性或者线性的区分。

2. 内容

四、页面结构 1. 导航

焦点为用户指明晰当前内容所处位置而且让内容最突出、最显眼是电视屏幕上始终存在的一种状态。

所以如非须要只管淘汰用户输入。可以用选择取代输入、语音取代输入、或者将输入方式转移都是比力好的方式。

TV端层级不宜过深否则用户容易迷失而且过深的层级意味着过多的步骤对于使用遥控器操作的用户很不友好。

电视端内容常见状态有:默认状态、焦点状态、按下状态、标志状态。

不外由于需要手机与电视相互配合而且手机屏幕究竟没有电视端直观所以该种操作方式还处于萌芽阶段。

焦点凭据遥控器的上/下/左/右按键出现“十字”形移动;在屏幕内容区域划分规整、且无空缺情况下不支持斜向移动。

电视处于家庭公共场所离不开社交体验如看影戏、看照片、玩游戏等是一种共享设备。

其实两种形式的导航各有特点:

5. 善用渐进式展示

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

人们一般会通过看综艺、看影戏来到达放松休闲的目的所以娱乐消费是TV端的特点。

所以在内容层级上可以首先展示最重要内容当用户有需要时再通过进一步操作展示出其余内容。

试想下在昏暗的情况中带上3D眼镜沉醉在剧情之中是一种优美的享受。

每个模块都可以深入去挖掘在实际做项目历程中也会有更深的体会。

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

上一篇:广东粤牛牵手文美食落入河源 双方合作生态产业链 下一篇:盐焗活皮虾:用一整袋盐做出原汁原味