工作总结_TV设计

背景

随着东南亚互联网兴起,智能TV业务也成为东南亚互联网探索的重要步骤

首先,智能TV作为集合各类业务的综合平台,必然面对的群里十分多样。既平衡各类人群的使用习惯又保留各自行为特征,是设计时考虑的基点之一

其次,对于互联网刚刚发力的东南亚市场,当地用户互联网程度相较国内用户,还处于萌发和培养阶段。所以,对于TV这一全新领域,除了推广和普及已验证的成熟操作模式外,如何顺畅的把成熟经验过度到本地用户,也是设计时考虑的另一要点

最后,在收看TV时,用户多是在轻松且稳定的环境下进行,这样的使用场景,与使用其他谁被时的使用场景还是有较大的差异。所以设计时,也需要一并考虑

意向图-仅做学习演示用

设计方向

从已有业务数据来看,处于主营业务的电商和游戏用户,主要集中在18-35岁的年龄段。此类人群乐于接受新鲜业务,具有年轻化、个性化的形象标签。综合业务目标,对产品体验设计需要有亲和力,为用户带来生活和情感上的共鸣,提供年轻、丰富且多元的数娱体验

设计策略

根据策略、业务需求方及人群广泛性的产品。在设计方向的基础下,确定了认知整合、内容聚焦、本土融合的设计策略

认知整合

由于产品整合了各类业务,内容模块众多。从设计角度看,整合同类内容模块,减少认知分担,保持统一性和节奏感,才能为用户提供内容丰富但结构清晰的使用体验

内容聚焦

从业务和用户角度考虑,通过多方位的设计规划,充分的展示业务内容,为业务提供合理且有效的展示空间,做到有主有次、体验流畅

本土融合

东南亚用户互联网水平还不够,作为进入生活的新领域产品,需要考虑当地用户的接受度。在体验上有要从已有操作习惯上延续,例如从移动设备的体验上延续或借鉴

首页探索

TV产品从本质上来说,是一个承载信息的功能平台,为各项业务提供入口。所以,在产品设计时,以C端产品重运营,B端产品重效率的设计方法都需要借鉴,考虑两者在产品设计上的平衡,在聚焦与放松的使用体验中无缝切换。整个设计以体验的一致性和开发的效率性为核心,在设计上使用统一框架,根据实际业务需求,进行布局上的差异化调整,简化不必要功能,保证首屏控件能最大限度发挥作用

以设计策略为准绳,在首页设计时,对导航结构、版面布局、操作流线

dao等方面做了多种尝试

导航结构

横向结构

横向结构主要通过遥控上的左右键操作,来切换界面之间内容。从空间角度看,需要使用到更多的横向空间,左右操作更符合电视界面结构。

市面上横向导航以小米盒子为主。小米盒子是综合入口型的产品定位,所以在界面观感上,每个入口的面积并不大,这样能在有效的纵向面积内集合更多的功能入口

横向结构

竖向结构

纵向结构主要通过遥控上的上下键操作,来滚动界面之间内容。从空间角度看,需要使用到更多的纵向空间,上下操作更符合用户操作习惯。

市面上横向导航以视频产品出产的盒子为主。视频盒子是视频产品宣传入口型的产品定位,所以在界面观感上,鉴于竖版的优势,能为每个入口提供更大的纵向面积,这样能在有效面积内展示更多内容本身的细节信息

竖向结构

小结

从产品的定位出发,产品还是以宣传自有产品为主,所以在导航结构上选择上下结构。另外,考虑到本土用户在移动端上使用滚动操作信息流的方式已经适应,所以在产品初期加以延续,尽可能降低新设备的学习成本,无缝过度

首页结构

版面布局

整体结构

采用“T”字布局作为主题结构。集中首屏头部面积,根据对应业务露出关键信息。减少头部空间切割,保留头部面积的完整,尽可能为内容细节的展示留出足够空间。

在工具栏和频道栏的设计上,由于暂时业务频道并不多,所以把两栏整合成综合栏,未来可根据业务需求的扩展,再把两部分拆分成两栏放置在顶部,这样能用最小成本的完整功能的扩展,并减少对结构稳定性的影响

视点节奏

从版面布局上看,模块布局是一种楼层结构的变体,楼层结构常见于电商网站。楼层的方式能很好协调不同需求与布局节奏统一的问题

由于初期内容量不够丰富,下滑滚动确定在3屏左右,所以采用“总-分”布局,“松-紧”节奏调整视点的多样性来缓解内容的单调感。根据具体业务需求,调整频率和布局,做到整体一致,又符合业务特征

操作流线

跳转路径

用户使用TV产品,大多处于愉悦且稳定的环境中,如客厅。用户一般处在放松状态,不会使用强注意力。所以在路径设计时,尽可能减少不必要的流程,让用户在最短步骤内无负担的抵达内容本身。流线扁平化处理,能只用一步就不用两步。目前来说,首页与内容页的步骤最多3步即可到达,让内容触达快速又轻松

跳转路径

浏览路径

TV产品与用户的交互关系是通过D-pad型的遥控器解决,对目标的聚焦需要通过遥控器的上下左右的按钮来完成。基于此操作前提,用户的浏览路径呈现“井”字型结构。而“井”字结构的疏密度,则根据业务级别和密度的不同决定

视觉探索

产品基调

大多数用户的使用场景多发生在晚上,没有自然光的环境中。所以在配色上,浅色与亮色主题需要慎重考虑,因为明亮的界面会容易导致视觉疲劳,容易损害用户体验,久而久之导致应用被抛弃。所以,在整体的配色方案上选用深色主题,主要是为了创造更轻松舒适的用户体验,防止浏览时视觉疲劳

深色基底

配色方案

色彩方面以大面积深蓝色作为背景,奠定整个产品的主色基调。沿用已有的品牌橙作为要点、高亮信息色,起到品牌渗透和强调的作用。部分模块底色取半透明色值,区分与背景的层次结构。使主题内容与文字信息突出,减少阅读阻力,提供更清晰的用户体验

均匀呼吸

整体视觉框架尽可能扁平处理,减少多余元素,用模块间的自然间隔代替分割线,区隔使用统一参数,使内容更清爽干净的展示在用户面前

立体内容-结构

内容模块以不增加结构复杂性,不增加用户的认知成本,保持一致韵律感为主旨。每行模块的组合上以3、4、6为标准数,根据不同需要进行组合,尽量同场景同配置,达到简明统一的效果

由于业务差异,对应频道下内容模块处理手法会有一定的差异

就视频业务而言,以图片+富文本的形式出现,因为配置图片可能出现画面质量不可控或信息传递不到位的情况,所以需要文本进行补充说明

就电商业务而言,以纯图片的形式出现,因为电商图片一般有专业的设计资源做支撑,图片内容信息足以表达全部细节。另外,单图形式更易形成楼层的概念,保证观感上的统一,有效抓住用户注意力

电商模块
视频模块

立体内容-配色

除了内容模块的板式规则外,图面配色也需要有对应的规则。由于整个产品以深色为基础,常见浅色底电商内容模块做法会导致前后色差对比过强,体验欠佳。且东南亚国家地处热带,当地用户对饱和度较高的颜色会更偏爱。所以结合产品基底和本土习惯,配色上以鲜艳饱满色调为主,这样能更好的协调产品前后景关系,饱和的色彩也能更快的吸引用户的注意力

小结

设计始终围绕着如何更轻松、便捷、本土化的宗旨,从交互和视觉两个方面共6跟维度对本次设计进行了总结,以期抛砖引玉,加深对TV端设计理解,谢谢!


备注:部分图片来源于各大网络,仅做学习使用,如有侵权请及时告知,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,529评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,015评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,409评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,385评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,387评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,466评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,880评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,528评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,727评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,528评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,602评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,302评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,873评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,890评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,132评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,777评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,310评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,359评论 25 707
  • 看了今天文案,天哪,这就是我的状态啊。 每次听歌,不知道听什么,就会去听老歌,偶尔听听推荐的新歌,找找自己喜欢的歌...
    湘湘5297阅读 324评论 3 3
  • 力量训练至今14年,风雨无阻,信念坚定的持续着,这个增肌技能经得起时间的考验了。而在此间,我热爱着,就如同对待...
    你喂喂阅读 98评论 0 0
  • 都说爱到刻骨的人是忘不掉的,印在岁月里的你我又该怎样逃离。 你快走吧,走得远远的,再也不要想起我。如此,我也不必再...
    孟从阅读 199评论 0 1