Top Banner
22/6/9 1 视视视 视视视 视视视视 视视 :,, 视视视视视视视视 ___________ 视视视视视视视 视视视视视视视视视视视视视视视视视视
21

互动电视 韩悦.倪静静.吴福-20101113

May 26, 2015

Download

Education

ixdlab

浙江科技学院 交互设计与用户研究实验室
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 1视觉组:吴福,倪静静,韩悦

互动电视资料整理

___________ 图片及文字资料

浙江科技学院交互设计与用户研究实验室

Page 2: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 2视觉组:吴福,倪静静,韩悦

目录

数字电视介绍设计原则设计要求设计案例分析①设计案例分析②

Page 3: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 3视觉组:吴福,倪静静,韩悦

数字电视

数字电视 是一个从节目采集、节目制作节目传输直到用户端都以数字方式处理信号的端到端的系统。基于 DVB 技术标准的广播式和“交互式”数字电视.采用先进用户管理技术能将节目内容的质量和数量做得尽善尽美并为用户带来更多的节目选择和更好的节目质量效果,与模拟电视相比,数字电视具有图像质量高、节目容量大 ( 是模拟电视传输通道节目容量的 l0 倍以上 ) 和伴音效果好的特点 。

Page 4: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 4视觉组:吴福,倪静静,韩悦

原则

安全性• 安全可靠,符合总局和集团的安全播出考核新标准(见备注)。系统不能有灾

难性的崩溃点,不能发生大面积和长时间的停播事故。 可维护性• 维护便捷,响应快速,符合 7*24 小时安全播出要求。 易用性• 操作方便,界面友好,体现以人为本的易用特性。 可扩展性• 统一设计,分布实施。模块化架构,具有良好的可扩展性,面向未来的发展。 先进性与经济性• 符合专业规范,适应时代潮流,统筹先进性与经济性的关系。

Page 5: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 5视觉组:吴福,倪静静,韩悦

要求 创新性要求• 大胆革新,设计新颖时尚,创意程度高 美观性要求:• 适合在电视机屏幕上呈现,视觉效果舒适,配色协调、设计精致 易用性要求:• 适合用遥控器操控 UI ,操作快捷方便 功能性要求:• 支持互动电视用户通过 UI 来选节目、买节目、播放节目• 节目元素包括直播频道、电影、连续剧、广告等以及其他互联网内容或应用元素• 支持通过节目分类、节目列表、电视节目时间表、节目搜索等多种形式让互动电视用户方便

的选取节目• 支持通过文字、图片、音视频等多种元素来展现节目• 支持直观、方便的控制节目的快进、快退、暂停、退出等节目播放操作以及其他互动体验操

作。• 其他创意性互动电视功能

Page 6: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 6视觉组:吴福,倪静静,韩悦

设计案例分析

设计案例分析①

——— 数字影视加油站设计

资料来源: http://blog.offidea.com/

Page 7: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 7视觉组:吴福,倪静静,韩悦

数字影视加油站

“ 数字影视加油站”体积犹如一个 ATM自动取款机,外形美观大方,且采用灵敏的触摸屏设计。“数字影视加油站”与网尚文化的海量影视信息库互联,用 户可通过“数字影视加油站”查看最新的正版高清影视内容,挑选自己喜爱的影片进行付费下载。网尚文化的影视信息库包括美国华纳、美国迪士尼、香港天映、 CCTV 、韩国 SBS 等全球 80%主流的影视娱乐内容商的最新影片,现已成为网尚文化最具优势的核心竞争力。

Page 8: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 8视觉组:吴福,倪静静,韩悦

片花预览

Page 9: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 9视觉组:吴福,倪静静,韩悦

默认首页

Page 10: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 10视觉组:吴福,倪静静,韩悦

检测信息

Page 11: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 11视觉组:吴福,倪静静,韩悦

提示信息

Page 12: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 12视觉组:吴福,倪静静,韩悦

选择存储空间

Page 13: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 13视觉组:吴福,倪静静,韩悦

首页 - 下载中状态

Page 14: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 14视觉组:吴福,倪静静,韩悦

列表页

Page 15: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 15视觉组:吴福,倪静静,韩悦

详细页

Page 16: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 16视觉组:吴福,倪静静,韩悦

” 数字加油站“案例分析

方便 允许用户犯错 颜色递进,有层次感

Page 17: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 17视觉组:吴福,倪静静,韩悦

设计案例分析

• 设计案例分析②

• ——— 网络资源下载

Page 18: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 18视觉组:吴福,倪静静,韩悦

Page 19: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 19视觉组:吴福,倪静静,韩悦

Page 20: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 20视觉组:吴福,倪静静,韩悦

案例分析 ②

色彩不建议使用大范围的高亮红色,会引起用户的视觉疲劳,亲和力不佳,所以一般背景都采用暗色系或者冷色系。文字可读性较差。文字与 icon,button 等元素都是用高亮白色,没有明显区分,并且文字没有区分主次,不能从视觉上给用户以停顿提示。播放,删除,等功能完全可以采用图形化 icon, 变得更加直观。第二张海报缩略图建议加入描边或者阴影修饰,以适应不同色系的图片。搜索节目那个输入框让人感觉是 disable状态

Page 21: 互动电视 韩悦.倪静静.吴福-20101113

23/4/12 21视觉组:吴福,倪静静,韩悦

THE END