广东省网标清机顶盒EPG界面实施规范

广东省网标清机顶盒EPG界面实施 目录 一、引言..................................................................... 3 二、应用环境 ................................................................. 3 三、广东省网标清机顶盒UI规范 ............................................ 3 1、UI设计规范总体原则 ................................................... 3 2、UI设计规范 ....................................................... 4 四、总体业务逻辑: ........................................................... 8 1、首页逻辑架构 .......................................................... 8 2、广播电视逻辑架构 ...................................................... 8 3、互动点播逻辑架构 ...................................................... 8 4、资讯360逻辑架构 ...................................................... 9 5、休闲娱乐逻辑架构 ...................................................... 9 7、VIP俱乐部逻辑结构 ................................................... 10 8、自助服务逻辑结构 ..................................................... 11 五、界面功能说明 ............................................................ 12 、首页................................................................. 12 1 2、广播电视功能模块 ..................................................... 14 2.1、直播频道界面 ................................................... 14 2.1.1、直播频道——节目信息界面 ................................. 15 2.1.2、直播频道——节目音量界面 ................................. 17 2.1.3、直播频道——频道列表界面 ................................. 18 2.1.4、直播频道——进入时移提示界面 ............................. 19 2.1.5、直播频道——时移状态界面 ................................. 20 2.1.6、直播频道——频道工程信息界面 ............................. 21 2.2、频道回看界面 ................................................... 22 2.2.1、频道回看——收藏确认界面 ................................. 23 2.3、付费频道界面 ................................................... 25 2.4、节目指南界面 ................................................... 26 2.4.1、节目指南——预约确认界面 ................................. 27 1 2.5、音频广播界面 ................................................... 29 3、互动点播功能模块 ..................................................... 31 3.1、单片点播界面 ................................................... 31 3.1.1、单片点播——点播节目搜索界面 ............................. 32 3.1.2、单片点播——点播电影节目信息界面 ......................... 33 3.1.3、单片点播——点播电视剧集数选择界面 ....................... 35 3.1.4、单片点播——点播电视剧购买界面 ........................... 36 3.1.5、单片点播——点播节目快进快退界面 ......................... 36 3.1.6、单片点播——点播节目播放暂停界面 ......................... 37 3.1.7、单片点播——点播节目播放中途退出提示界面 ................. 38 3.1.8、单片点播——点播节目播放结束界面 ......................... 39 3.2、免费专区界面 ................................................... 41 3.2.1、免费专区——最近点播提示界面 ............................. 42 4、自助服务功能模块 ..................................................... 44 4.1、频道预订界面 ................................................... 44 4.2、频道编辑界面 ................................................... 45 4.2.1、频道编辑——电视频道编辑界面 ............................. 45 4.2.2、频道编辑——广播频道编辑界面 ............................. 47 4.3、系统设置界面 ................................................... 48 4.3.1、系统设置——系统信息界面 ................................. 50 4.3.2、系统设置——节目搜索界面 ................................. 52 4.3.3、系统设置——本机设置界面 ................................. 60 4.3.4、系统设置——网络设置界面 ................................. 68 4.3.5、系统设置——电视邮箱界面 ................................. 71 2 一、引言 机顶盒EPG界面的设计，直接关系到广大用户对数字电视的操作体验，影响着数字电视的品牌定位。为了丰富和提升互动数字电视业务的品质和服务内容，互动电视平台EPG界面的设计和开发工作将包含界面定位、界面设计原则、界面 的考量与实施。使EPG界面满足简单性、便捷业务架构、用户的视觉诉求等要素 性、逻辑性、可运营性的总体要求，让用户在客户端方便的使用互动数字电视平台的各项业务功能。 二、应用环境 《广东省网标清机顶盒EPG界面实施规范》就广东省广播电视网络股份有限公司所提供的通用型标清互动机顶盒应用设计以及部分功能实现提出指导。 本文档中所涉及的界面规划仅包括基础视音频类业务和机顶盒设置界面，如广播电视、互动点播、自助服务等。对于增值业务的界面，由各增值业务的SP/CP自行设计，本文档不再对增值业务界面进行描述，仅提供其入口链接。 三、广东省网标清机顶盒UI设计规范 1、UI设计规范总体原则 为了便于今后界面设计工作的展开、统一广东省网界面识别、有效管理等需要，现制定《广东省网标清机顶盒UI设计规范》。该规范必须遵循以下总体设计原则: , 用户导向原则,明确使用群体，站在用户的观点和立场上来考虑界面的设计。 操作方式采用人性化设计，一方面利用“方向键+确定键”完成大部分操作， 另一方面利用增加的颜色键方式实现快捷操作，简化操作步骤。 , KISS,Keep It Simple And Stupid,原则,简洁和易于操作是界面设计的最 重要原则。界面设计不花哨，不影响机顶盒的快速运作性能。操作设计尽量 简单，并且有明确的操作提示。不同功能模块的界面布局设计保持一致，力 争实现用户会操作一个模块，就能操作所有的应用模块。 , 布局控制,将浏览者的使用感受作为界面设计的重要依据。人一次性接受的 3 信息量在7个比特左右为宜。一般界面上的栏目选择最佳在5-9个之间。如 果提供给浏览者选择的内容链接超过这个区间，人在心理上就会烦躁，压抑， 会让人感觉到信息太密集，看不过来，很累。 , 视觉平衡,遵循中国人从左到右，从上到下的阅读习惯。将重要信息放置在 板块的黄金分割点上。使页面主次分明，看起来舒服大方。 , 色彩的搭配和文字的可阅读性,颜色是影响页面的重要因素，不同的颜色对 人的感觉有不同的影响。电视显示亮度强于PC显示，在设计时，冷色调优 于暖色调，暗色底优于亮色底。相邻色块对比不宜过强，避免高对比度和饱 和色，避免使用细微的色差。注意文本颜色和背景颜色搭配，以免造成显示 闪烁。当焦点颜色跟背景颜色有冲突时，需要更改焦点颜色，以免用户观看 吃力。字体一般选择横竖变化均匀的黑体，不使用难以辨认的特殊字体。适 应人们横向阅读中文的习惯，一列最好不超过25个字。另外避免文本颜色 跟焦点颜色冲突。 , 和谐与一致性,通过对软件的各种元素(颜色、字体、图形、空白等)使用 一定的规格，使得设计良好的页面看起来应该是和谐的。一致的结构设计， 可以让浏览者对软件的形象有深刻的记忆;一致的导航设计，可以让浏览者 迅速而又有效的进入在软件中自己所需要的部分;一致的操作设计，可以让 浏览者快速学会在整个软件的各种功能操作。 , 个性化,界面的整体风格和整体气氛表达要同企业形象相符合并应该很好的 体现企业CI。突出企业个性，区别与其他运营商的雷同。 2、UI设计规范细则 页面显示 基于标清机顶盒OSD层显示特性，页面超过安全尺寸部分内容可能会显示 不全，建议使用以下标准: 标 标准尺寸:720 × 576 清 安全尺寸:640 × 526(左右各减40像素，上下各减25像素) 页面设计 4 界面风格的统一，标准的图标风格设计，统一的构图布局，统一的色调、1 对比度、色阶，以及图片风格。 2 界面的栏目数建议在5-9个之间。 所有界面的结构，交互方式要统一，便于用户从局部来推断出全局的操作3 方式。 图标、图像要清晰准确的传达含义，遵循常用标准，不允许出现莫名其妙4 的图案。 5 当界面风格发生改变时(例如换肤)，界面布局与界面元素要保持稳定。 6 防止单像素宽成为线或点，容易造成画面闪烁抖动。 人们习惯于从左到右，从上到下进行阅读，重要信息放在上面和左边。左7 上角最容易吸引起人们的注意力。 8 采用醒目颜色的外框作为焦点框，可以使用户可以在3m外观察到焦点框。 颜色 运用颜色心理学，利用不同颜色的特性所代表的含义，对不同用户群体设1 计具有针对性的界面。 标清机顶盒由于自身硬件原因一般只支持259色显示。因此需尽量避免大2 面积的渐变色。 统一色调。选择一种颜色作为主色调后，其画面其他色块必须协调。忌用3 强对比色，破坏画面统一。 颜色需要测试，由于显示器、显卡的问，色彩表现每台机器都不一4 样，要在机顶盒上面经过严格测试。 电视显示亮度强于PC显示，所以在设计时，冷色调优于暖色调，暗色底优5 于亮色底。 6 相邻色块对比不宜过强，避免高对比度和饱和色，避免使用细微的色差。 7 注意文本颜色和背景颜色搭配，以免造成显示闪烁。 8 当焦点颜色跟背景颜色有冲突时，需要更改焦点颜色，以免用户观看吃力。 字体 1 字体要求:黑体(或其他笔画清晰，横竖均匀的相近字体)。 5 2 视觉要求:保证使用者在3m左右的范围可以看清楚字体。字体不闪烁抖动。 3 以下为经测试以后定的字体、大小、间距，需严格执行。 标清: 文字类型1 大小:20-28 px 用途:一级菜单索引目录 字间距:0 px(默认) 文字类型2 大小:22-26px 用途:二，三级菜单索引目录 字间距:0 px(默认) 文字类型3 大小: 20 px 用途:各级页面最下端提示、帮助类信息 字间距:0 px(默4 认) 文字类型4 大小:28-32px 用途:各级页面上端版头标题文字 字间距:0 px(默 认) 文字类型5 大小:20-22 px 用途:页面主要内容文字和简介 字间距:0 px(默认) 行距:28 px 文本 1 提示信息比较多的话，应该分段。 使用统一的语言描述。(例如一个关闭功能按钮，可以描述为退出、返回、2 关闭，则应该统一规定) 3 为了适应人们横向阅读中文的习惯，一行最好不超过20个字。 4 避免文本颜色跟焦点颜色冲突。 按钮 1 将所有按钮类型的风格进行统一。 2 按键上的文字能够体现它的功能。 3 避免给用户在一个界面上太多的按钮和链接。 一个界面不应该超过六个链接或按钮，除非这些按钮组织进一个表或网格4 中以便快速选择。 5 按钮应该按逻辑关系组合。 6 6 每个按钮不超过四个汉字。 弹出框 1 提示框、警告框、错误弹出框、信息框。 给人明显提示，最低要求是覆盖刚才点击的位置，让用户轻松跳转到新的2 界面。 图片 1 标清机顶盒支持四种图片格式:JPEG、GIF、BMP、 PNG。 2 标清背景图片一般 ? 50KB为佳，不能出现锯齿，模糊。 图片输出BMP格式时:透明部位以纯黑色填充;保存前需要先将图片转换 位索引色，色位为256色，可感知(局部)，强制黑白，其余选项默认即可;3 在有特殊色彩要求(低配置机顶盒)时色位应为224色，且需要强制使用 色彩表。最后将图片储存为BMP格式即可。 4 图片输出PNG格式时，需输出PNG24。 5 使用动态GIF增强页面的可视性，动态图片帧数不益过多(建议 3-8 帧)。 6 当一张图片以不同大小多次出现时，图片比例需保持一致。 使用小图片的情况下:尽量使图片规则排列，表格编排简洁，以免代码繁7 复。 视频 标清:4:3和720X576 等比缩放。 操作 1 上下左右/OK键基本完成操作。 2 可适当增加红、黄、蓝、绿键作为快捷键使用。 3 用UI软键盘来代替遥控器输入。 7 四、总体业务逻辑: 互动电视平台的总体业务逻辑和界面设计由省公司统一整体规划，各分公司可根据自己的实际情况进行本地资讯类页面的设计。另外，互动点播部分节目内容采取模块化引进，其中涉及的界面由相应的节目内容提供商自行设计。 1、首页逻辑架构 首 页 VIP互动点播广播电视休闲娱乐在线交易自助服务资讯3俱乐部60 2、广播电视逻辑架构 广 播 电 视 直播频道付费频道音频广播频道回看节目指南 3、互动点播逻辑架构 8 互 动 点 播 合家欢套餐天天影院单片点播免费专区我的收藏 家庭电影院强档电视剧新闻天天看体育最前线娱乐全接触栏目大拼盘教育充电馆准视频点播点点乐园电视剧记录片电视剧记录片电影动漫综艺电影动漫娱乐新闻体育栏目 4、资讯360逻辑架构 资 讯 360 阳光政务天气快讯便民服务信息查询百宝箱 交通信息医疗保健人才招聘餐饮美食旅游宝典票务预订交通违法单位换算幸运指数医社保燃气费公积金计算器万年历倒计时电费水费 5、休闲娱乐逻辑架构 9 休 闲 娱 乐 游戏地带电视杂志唱片点播家庭相册音乐壁画卡拉OK 中国国家地理 单机游戏互动游戏体感游戏汽车之友时代装饰数码世界精美甜点可爱猫咪时尚建筑夏日田园香格里拉 6、在线交易逻辑结构 在 线 交 易 电影商城财经证券幸运彩票家银通 5用户自服务斗牛士专家股灵通行情基金经理人个股一点通2商品目录电视秒杀用户注册帮助中心品牌专区福利彩票体育彩票足球彩票我的账户用户登录 团购 7、VIP俱乐部逻辑结构 10 VIP 俱 乐 部 农商银行招商银行建设银行中国移动中国联通 … … 8、自助服务逻辑结构 自 助 服 务 使用帮助优惠活动业务办理频道预订频道编辑系统设置 电视频道编辑广播频道编辑节目搜索本机设置网络设置电视邮箱系统信息 恢复出厂设置IC全频段搜索音视频设置机顶盒信息AP自动搜索手动搜索频段搜索密码设置菜单属性软件升级网络信息频道信息 设置信息 11 五、界面功能说明 1、首页 (1)界面图样 辅助信息栏 公司信息栏 横向导航栏 广告或推荐图片区 操作提示栏 纵向导航栏 走马信息栏 (2)界面描述: 首页界面是机顶盒开机后呈现的或按遥控器【首页】键进入的界面，该界面是进入其它功能页面的主要入口。 结构:首页采用“T”字型结构，横向为一级菜单，纵向为二级菜单。横向一级菜单采取“图标+文字”的形式，图形化的界面能更加直观地表达菜单的内容，加深用户的印象。 颜色:界面主色调采用深蓝色，与广东广电的CI主色相吻合。焦点采用绿色，与底色对比明显，使用户视觉效果更为清晰。 12 视觉效果:页面统一采用时尚潮流的玻璃质感效果，营造现代感和科技感。 布局:本界面主要包括导航栏、公司信息栏、广告或推荐图片区、辅助信息栏、走马信息栏和操作提示栏。 , 导航栏:包括横向导航栏和纵向导航栏，分别提供一级菜单和二级菜单 列表。具体元素信息如下: 一级菜单导航栏(焦点字号 26px、非焦点字号 20px) 二级菜单导航栏(焦点字号 26px、非焦点字号 22px) , 公司信息栏:显示公司LOGO和客服电话。 , 广告或推荐图片区:首页有2个广告或推荐图片区，对应遥控器相应的 数字键。(单个图片尺寸:137*207px ) , 辅助信息栏:提供天气、日期、邮件等辅助信息。 , 操作提示栏:提供主要操作的相关提示。(字体大小:20px) , 走马信息栏:显示走马字幕信息。(字体大小:20px) (3)按键说明 , 【左、右】键:横向导航栏的功能切换。 , 【上、下】键:纵向导航栏的功能切换。 , 【确认】键:进入相应的功能界面。 , 【数字】键:可直接按数字键相关联的广告内容或推荐内容。 13 2、广播电视功能模块 2.1、直播频道界面 (1)界面图样 辅助信息栏 视频窗口 功能标题区 频道导航栏 广告或推荐图片区 P/F信息区 (2)界面描述 从首页横向导航栏的“广播电视”中选择“直播电视”选项可进入“直播频道界面”，或按遥控器【电视】键也可以进入该界面。该界面列出了所有的标清直播频道及其视频预览窗口。 该界面主要包括功能标题区、频道导航栏、视频窗口、P/F信息区、广告或推荐图片区、辅助信息栏。 , 功能标题区:显示该页面的图标和功能标题。(字体大小:30px) , 频道导航栏:显示频道列表。(焦点字号 26px、非焦点字号 22px) , 视频窗口:显示频道列表中焦点所在频道的电视节目。(视频框尺寸: 256*456px) 14 , P/F信息区:显示当前频道的当前节目和下一节目信息。当前节目还会 根据其EPG信息显示播放的进度条。(节目信息字体:22px) , 广告或推荐图片区放:放置广告图片和推荐信息图片。(图片尺寸: ) 338*58px , 辅助信息栏:显示天气、日期、邮件等辅助信息。 (3)按键说明 , 【上页、下页】键:频道列表翻页。 , 【上、下】键:频道列表的焦点移动。 , 【左、右】键:选择视频区或广告区。 , 【确认】键:进入选定的频道并全屏播放;或进入广告推荐区的详细信 息。 , 【返回】键:返回上一层界面。 2.1.1、直播频道——节目信息界面 (1)界面图样: 15 频道号 图片广告区 节目信息界面 (2)界面描述: 在“直播频道界面”下选择当前频道，按【确定】键进入全屏电视画面时出现的频道PF信息条。【上下】方向键切换频道时，也会出现该界面。经过一段时间(如5秒)，界面会自动淡出。 , 节目信息界面:显示当前频道号、频道名称(字号 26px)、在播节目 (22px)、播出进度条、下一节目等信息(字号:28px) , 频道号:当前在播的频道号(字号:70px) , 图片广告区:广告信息(图片尺寸:92*86px) (3)按键说明 , 【左、右】键:调节音量。 , 【上、下】键:切换频道。 , 【确认】键:弹出频道列表框。 , 【返回】键:返回上一层。 16 2.1.2、直播频道——节目音量界面 (1)界面图样: 音量条 (2)界面描述: 在实时全屏广播电视状态下，按遥控器【左、右】键或【音量加减】键时，会弹出广播电视节目音量界面。该界面如下图所示，在不进行操作的情况下，经过一段时间(如5秒)，音量界面会自动淡出。 , 音量条:显示当前节目音量。 (3)按键说明 , 【左、右】键:调节音量。 , 【上、下】键:切换频道。 , 【确认】键:弹出频道列表框。 , 【返回】键:返回上一层。 17 2.1.3、直播频道——频道列表界面 (1)界面图样 频道类型选择栏 频道导航栏 广告或推荐图片区 (2)界面描述 在观看全屏实时广播电视节目时，按遥控器的【确认】键进入频道列表界面。 该界面可以显示所有频道、高清频道、标清频道、付费频道、音频广播的频道列表。 频道列表界面的主要元素有:频道号、频道导航栏、频道类型选择栏、广告或推荐图片区。 , 频道导航栏:显示频道列表。频道号左侧可显示“回放频道”、“喜爱频 道”的标识。(焦点字号 26px、非焦点字号 22px) , 频道类型选择栏:选择频道类型，可显示所有频道、高清频道、标清频 道、付费频道(字号:30px)。 18 , 广告或推荐图片区:放置广告图片和推荐信息图片。(图片尺寸: 243*81px) (3)按键说明: , 【上、下】键:控制频道列表的焦点切换。 , 【左、右】键:焦点停留在频道类型选择栏时，切换频道类型。 , 【上页、下页】键:对频道列表进行翻页。 , 【返回、退出】键:返回全屏电视画面。 2.1.4、直播频道——进入时移提示界面 (1)界面图样: 支持时移功能提示栏 (2)界面描述: 对于支持时移功能的电视频道，全屏电视状态下，右上角有支持时移功能的提示栏。对于不支持时移功能的电视频道，右上角没有此提示栏。 (3)按键说明: 19 , 【暂停】键:进入“时移状态界面”。 2.1.5、直播频道——时移状态界面 (1)界面图样: 时移状态提示符 时移控制区 (2)界面描述: 对于支持时移功能的电视频道，在全屏电视状态下，按遥控器【暂停】键进入频道“时移状态界面”。 该界面主要包括“时移状态提示符”和“时移控制区域”。“时移状态提示符”提示用户所处的状态和退出该状态的方式。“时移控制区”显示当前的节目名称、时间轴和控制状态。时移控制区域在没有任何操作的情况下，经过一段时间会自动淡出;当进行任意操作时，时移控制区会立即显示。 (3)按键说明: , 【左、右】键:控制时间轴上的焦点移动，实现快进快退。 , 【快进、快退】键:控制节目快进、快退，并可控制快进快退的倍速。 , 【播放】键:播放节目。 20 , 【退出】键:退出时移状态，返回实时广播节目。 2.1.6、直播频道——频道工程信息界面 (1)界面图样: (2)界面描述: 在实时全屏广播电视状态下，按遥控器指定功能键(如红色键)时，会弹出频道工程界面。该界面提供该频道的网络信息、音视频信息和机顶盒相关信息。 (3)按键说明 , 【返回、退出】键:取消当前界面。 21 2.2、频道回看界面 (1)界面图样 功能标题区 频道列表 日期栏 辅助信息栏 广告或推荐图片 区片区 节目列表 操作提示栏 (2)界面描述 “频道回看”页面是首页选择横向导航栏“广播电视”菜单下的“频道回看” 选项，按【确定】键进入的界面。在此页面可对直播电视频道的节目进行7天*24 小时的回看。 , 结构:页面采用倒“L”字型结构，纵向为电视频道列表，横向为日期。 , 颜色:界面主色调采用深蓝色，焦点采用绿色，与广东广电的CI主色相 吻合，与首页色调协调。 , 布局:本界面主要包括功能标题区、频道列表、日期栏、辅助信息栏、 操作提示栏、广告或推荐图片区、节目列表。 22 , 功能标题区:当前页面标题(字号:30px) , 频道列表:显示当前页面的电视频道(焦点字号:26px、非焦点字号: 22px) , 日期栏:显示星期及日期(字号:22px) , 广告或推荐图片区:当前页面有1个广告或推荐图片区，方向键向下可 达到该区域。(图片尺寸:246*183px) , 辅助信息栏:提供天气、日期、邮件等辅助信息。 , 操作提示栏:提供主要操作的相关提示。(字号:20px) , 节目列表:显示当前频道和日期下的节目(字号:22px) (3)按键说明 , 【左、右】键:在频道列表和日期栏之间移动焦点，或选择日期。 , 【上、下】键:当焦点在节目列表时，选择频道。 焦点在日期栏时，选择节目。 , 【确认】键:进入节目回看功能。 , 【返回】键:返回上一层页面。 , 【黄色】键:快速收藏的节目。 2.2.1、频道回看——收藏确认界面 (1)界面图样: 23 提示框 (2)界面描述 在“频道回看”界面下选择当前频道及日期下的节目后，按【确定】键弹出的界面。 , 提示框:按【确定】后的功能操作选择，提示是否收藏节目。(焦点字号: 30px，非焦点字号:26px) (3)按键说明 , 【上、下】键:选择焦点。 , 【确认】键:确定操作当前选择的按钮。 , 【返回】键:退出提示框。 24 2.3、付费频道界面 (1)界面图样 功能标题区 视频窗口 辅助信息栏 频道导航栏 广告或推荐图片区 P/F信息区 (2)界面描述: 从首页横向导航栏的“广播电视”中选择“付费频道”选项可进入“付费频道界面”。该界面列出了所有付费频道及其视频预览窗口。 主要包括功能标题区、频道导航栏、视频窗口、P/F信息区、广告或推荐图片区、辅助信息栏。 , 功能标题区:显示该页面的图标和功能标题。(字体大小:30px) , 频道导航栏:显示频道列表。(焦点字号 26px、非焦点字号 22px) , 视频窗口:显示频道列表中焦点所在频道的电视节目。(视频框尺寸: 256*456px) , P/F信息区:显示当前频道的当前节目和下一节目信息。当前节目还会 25 根据其EPG信息显示播放的进度条。(节目信息字体:22px) , 广告或推荐图片区放:放置广告图片和推荐信息图片。(图片尺寸: 338*58px) , 辅助信息栏:显示天气、日期、邮件等辅助信息。 (3)按键说明: , 【上页、下页】键:频道列表翻页。 , 【上、下】键:频道列表的焦点移动。 , 【左、右】键:选择视频区或广告区。 , 【确认】键:进入选定的频道并全屏播放;或进入广告推荐区详细信息。 , 【返回】键:返回上一层界面。 2.4、节目指南界面 (1)界面图样: 频道列表 日期栏 辅助信息栏 内容标题 广告或推荐图片区片 区 节目列表 操作提示栏 26 (2)界面描述: “节目指南”页面是首页选择横向导航栏“广播电视”菜单下的“节目指南”选项，按【确定】键进入的界面。 结构:页面采用倒“L”字型结构，纵向为电视频道列表，横向为日期。 布局:本界面主要包括内容标题、频道列表、日期栏、辅助信息栏、操作提示栏、广告或推荐图片区、节目列表。 , 内容标题:当前页面标题(字号:30px) px 非焦点字号:, 频道列表:显示当前页面的电视频道(焦点字号:26 22px) , 日期栏:显示星期及日期,字号:22px, , 广告或推荐图片区:当前页面有1个广告或推荐图片区，方向键向下可 达到该区域。(图片尺寸:246*183px) , 辅助信息栏:提供天气、日期、邮件等辅助信息。 , 操作提示栏:提供主要操作的相关提示。(字号:20px) , 节目列表:显示当前频道和日期下的节目。(字号:22px) (3)按键说明 , 【左、右】键:在频道列表和日期栏之间移动焦点，或选择日期。 , 【上、下】键:当焦点在节目列表时，选择频道。焦点在日期栏时，选 择节目。 , 【确认】键:进入节目预约功能。并在节目后面出现“时钟”符号。 , 【返回】键:返回上一层页面。 , 【绿色】键:快速预约节目。 2.4.1、节目指南——预约确认界面 (1)界面图样: 27 弹出框 (2)界面描述: 在“节目指南”页面下选择当前频道及日期下的节目后，按【确定】键弹出的界面。 , 弹出框:按【确定】后的功能操作选择。(字号:26px) (3)按键说明 , 【左、右】键:选择按钮。 , 【确认】键:确定操作当前选择的按钮。 【返回】键:退出弹出框。 28 2.5、音频广播界面 (1)界面图样 广告或推荐图片区1 辅助信息栏 功能标题区 频道导航栏 广告或推荐图片区2 P/F信息区 (2)界面描述: 从首页横向导航栏的“广播电视”中选择“音频广播”选项可进入“音频广播界面”。在此界面可收听电台频道节目。 主要包括功能标题区、频道导航栏、P/F信息区、广告或推荐图片区、辅助信息栏。 , 功能标题区:显示该页面的图标和功能标题。(字体大小:30px) , 频道导航栏:显示频道列表。(焦点字号 26px、非焦点字号 22px) , P/F信息区:显示当前频道的当前节目和下一节目信息。当前节目还会 根据其EPG信息显示播放的进度条。(节目信息字体:22px) , 广告或推荐图片区放:放置广告图片和推荐信息图片。(图片1尺寸: 256*456px、图片2尺寸:338*58px) , 辅助信息栏:显示天气、日期、邮件等辅助信息。 29 (3)按键说明: , 【上页、下页】键:频道列表翻页。 , 【上、下】键:频道列表的焦点移动。 , 【左、右】键:选择广告图片区位。 , 【确认】键:收听选定的音频广播;或进入相应广告推荐区的详细信息。 , 【返回】键:返回上一层界面。 30 3、互动点播功能模块 3.1、单片点播界面 (1)界面图样 辅助信息栏 功能标题区 节目列表区 节目类型 操作提示信息 (2)界面描述 从首页横向导航栏的“互动点播”中选择“单片点播”选项进入单片点播列表界面。 , 功能标题区,当前页面标题(字号:30px) , 节目列表区,显示当前节目类型下的节目列表。节目名称只显示前12 个字，对于名称超过12个字的节目，当焦点定位到该节目时才能滚动 显示完整节目名称。 , 节目类型及功能列表,显示节目类型及影片搜索、最近播放等功能,焦 点字号:26px 非焦点字号:22px, 31 , 辅助信息栏,提供天气、日期、邮件等辅助信息 , 操作提示栏,提供主要操作的相关提示。(字号:20px) (3)按键说明 , 【左、右】键:在节目类型和节目列表之间切换焦点，或选择节目。 , 【上、下】键:选择节目类型。 , 【上页、下页】键:分类列表翻页。 , 【返回】键:返回上一层界面。 3.1.1、单片点播——点播节目搜索界面 (1)界面图样 输入文本框 功能提示区 输入操作区 (2)界面描述 单片点播界面中, 在节目类型及功能列表中点击“影片搜索”功能键，弹 32 出点播节目搜索界面。此界面为UI软键盘，主要包括输入文本框、输入操作区和功能提示栏。 (3)按键说明 , 【上、下、左、右】键:控制焦点的位置。 , 【确认】键:确认相应字母或功能。 , 【返回】键:退出搜索功能。 3.1.2、单片点播——点播电影节目信息界面 (1)界面图样 海报区 内容简介 功能选择区 关联节目列表 (2)界面描述 从单片点播界面中选择相应节目按“确定”键进入点播电影节目信息界面。 , 海报区,节目名称(字号:30px) 节目海报(167*250px) 33 , 内容简介,节目内容简介。简介字数每行不超过20字，整屏不超过4 行，对于超过1屏的简介，先静止5秒，后上滚屏显示，滚屏速度需符 合人眼阅读速度。(简介字号:20px) , 功能选择区,可选择播放、试看、收藏三个选项。 , 关联节目列表,提供与该节目相关联的其他节目。节目名称只显示前5 个字，对于名称超过5个字的节目，当焦点定位到该节目时才能滚动显 示完整节目名称。(海报图片尺寸:67*100px)。 (3)按键说明 , 【左、右】选择功能选项或关联节目。 , 【上、下】键:在功能选项和关联节目之间移动焦点。 , 【上页、下页】键:关联节目列表翻页。 , 【返回】键:返回上一层界面。 34 3.1.3、单片点播——点播电视剧集数选择界面 (1)界面图样: 内容简介 海报区 集数选择 关联节目列表 (2)界面描述: 从首页横向导航栏的“高清互动”中选择“免费专区”选项进入免费专区列表界面。 , 海报区,节目名称(字号:30px) 节目海报(167*250) , 内容简介,节目内容简介。简介字数每行不超过25字，整屏不超过3 行，对于超过1屏的简介，先静止5秒，后上滚屏显示，滚屏速度需 符合人眼阅读速度。(简介字号:20px) , 集数选择,可选择电视剧集数。 , 关联节目列表,提供与该节目相关联的其他节目(图片尺寸: 67*100px)。 (3)按键说明 35 , 【左、右】选择电视剧集数或关联节目。 , 【上、下】键:在电视剧集数和关联节目之间移动焦点。 , 【上页、下页】键:关联节目列表翻页。 , 【返回】键:返回上一层界面。 3.1.4、单片点播——点播电视剧购买界面 (1)界面图样: (2)界面描述: 选择集数后，按“确定”键，进入点播电视剧购买界面。 (3)按键说明 , 【左、右】选择功能选项 3.1.5、单片点播——点播节目快进快退界面 (1)界面图样 36 进度条 快进、快退显示 (2)界面描述 进入界面播放画面后，按遥控器的【确认】、【播放】、【暂停】、【快进】、【快退】键进入点播节目快进快退界面。在进入播放状态下、如果一段时间(5秒)不操作、该界面会自动淡出。 (3)按键说明 , 【左、右】键:控制选项的焦点切换。 , 【确认】键:功能选项。 , 【播放】键:播放节目。 , 【暂停】键:节目暂停播放。 , 【快进、快退】键:控制节目的快进快退，并可设置快进快退的速率。 3.1.6、单片点播——点播节目播放暂停界面 (1)界面图样 37 (2)界面描述 在视频播放过程中点击“确定/暂定”按钮，进行暂停。 (3)按键说明 , 【确定、暂停】键:播放和暂停。 3.1.7、单片点播——点播节目播放中途退出提示界面 (1)界面图样: 38 (2)界面描述 在视频播放过程中点击“返回”按钮。 (3)按键说明 , 【左、右】键:选择提示框里的选项。 , 【确定】键:确定选项。 , 【返回】键:返回节目播出画面。 3.1.8、单片点播——点播节目播放结束界面 (1)界面图样 39 结束提示框 关联节目列表 电影播放结束界面 电视剧播放结束界面 40 (2)界面描述 影片或电视剧播放结束后所出现的界面。 (3)按键说明 , 【左、右】键:选择提示框里的选项或关联节目。 , 【上、下】键:焦点在提示框和关联节目列表切换。 , 【确定】键:确定选项。 3.2、免费专区界面 (1)界面图样 节目列表区 辅助信息栏 功能标题区 节目类型列表 操作提示信息 (2)界面描述 从首页横向导航栏的“互动点播”中选择“免费专区”选项进入免费专区列表界面，此界面与其展开的视频播放、暂停、退出等界面跟单片点播界面类似，在此只介绍“最近点播”界面。 , 功能标题区:当前页面标题(字号:30px) 41 , 节目列表:显示当前节目类型下的节目列表。有海报和节目名称，节目 名称只显示前12个字，对于名称超过12个字的节目，当焦点定位到该 节目时才能滚动显示完整节目名称。 px 非焦点字号:22px) , 节目类型列表:显示节目类型(焦点字号:26 , 辅助信息栏:提供天气、日期、邮件等辅助信息。 , 操作提示栏:提供主要操作的相关提示。(字号:20px) (3)按键说明 , 【左、右】键:在节目类型和节目列表之间切换焦点，或选择节目。 , 【上、下】键:选择节目类型。 , 【上页、下页】键:分类列表翻页。 , 【返回】键:返回上一层界面。 3.2.1、免费专区——最近点播提示界面 (1)界面图样 操作提示信息 42 (2)界面描述 免费专区界面中, 在节目类型及功能列表中点击“最近点播”功能键，弹出最近点播操作提示信息。可选择最近点播界面的重播、续看功能。 (3)按键说明 , 【上、下】键:选择提示栏选项。 , 【确认】键:进入相应功能。 43 4、自助服务功能模块 4.1、频道预订界面 (1)界面图样 频道预订界面 44 频道预订提示界面 (2)界面描述 从“自助服务”菜单选择“频道预订”选项进入频道预订管理界面。该界面提供预约节目的查看和删除功能。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:进入频道预订提示界面。 , 【返回】键:返回上一层界面。 , 【颜色】键:根据操作提示栏的提示，实现相应功能。 4.2、频道编辑界面 4.2.1、频道编辑——电视频道编辑界面 (1)界面图样 45 电视频道编辑界面 电视频道编辑提示界面 (2)界面描述 46 从“频道编辑”选择“电视频道编辑”选项进入电视频道编辑界面。该界面提供电视频道的管理功能，如移动频道、加入喜爱频道、频道加锁、删除频道功能。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:进入电视频道编辑提示界面。 , 【返回】键:返回上一层界面。 , 【颜色】键:根据操作提示栏的提示，实现相应功能。 4.2.2、频道编辑——广播频道编辑界面 (1)界面图样 广播频道编辑界面 47 广播频道编辑提示界面 (2)界面描述 从“频道编辑”选择“广播频道编辑”选项进入广播频道编辑界面。该界面提供广播频道的管理功能，如移动频道、加入喜爱频道、频道加锁、删除频道功能。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:进入广播频道编辑提示界面。 , 【返回】键:返回上一层界面。 , 【颜色】键:根据操作提示栏的提示，实现相应功能。 4.3、系统设置界面 (1)界面图样 48 辅助信息 功能标题区 横向导航栏 竖向导航栏 操作提示信息 (2)界面描述 从首页横向导航栏的“自助服务”中选择“系统设置”选项进入系统设置界面。 , 功能标题区:当前页面标题(字号:28px) , 横向导航栏:显示系统设置下的各功能模块(字号:22px) , 竖向导航栏:但前模块下的次一级菜单选项,焦点字号:26px 非焦点 字号:22px, , 辅助信息栏:提供天气、日期、邮件等辅助信息。 , 操作提示栏:提供主要操作的相关提示。(字号:20px) (3)按键说明 , 【左、右】键:选择横向导航栏上的各功能模块。 , 【上、下】键:选择当前模块下的子菜单选项。 49 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 4.3.1、系统设置——系统信息界面 4.3.1.1、系统信息——频道信息界面 (1)界面图样: (2)界面描述 从横向导航栏的“系统信息”中选择“频道信息”选项进入频道信息界面。 (3)按键说明 【返回】键:返回上一层界面。 4.3.1.2、系统信息——机顶盒信息界面 (1)界面图样 50 (2)界面描述 从横向导航栏的“系统信息”中选择“机顶盒信息”选项进入机顶盒信息界面。 (3)按键说明 , 【返回】键:返回上一层界面。 4.3.1.3、系统信息——CA信息界面 (1)界面图样 51 (2)界面描述 从横向导航栏的“系统信息”中选择“CA信息”选项进入CA信息界面。 (3)按键说明 , 【返回】键:返回上一层界面。 4.3.2、系统设置——节目搜索界面 (1)界面图样 52 (2)界面描述 选择横向导航栏的“节目搜索”进入界面搜索界面。 (3)按键说明 , 【左、右】键:选择横向导航栏上的各功能模块。 , 【上、下】键:选择当前模块下的子菜单选项。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 4.3.2.1、节目搜索——自动搜索界面 (1)界面图样 53 自动搜索提示界面 自动搜索过程界面 54 自动搜索结果界面 (2)界面描述 从横向导航栏的“节目搜索”中选择“自动搜索”选项弹出功能选择框，从弹出框中选择“确定”选项后进入自动搜索界面。搜索完成后，弹出选择框，“确认”将保存当前搜索结果，“取消”将不保存当前搜索结果。 (3)按键说明 , 【左、右】键:选择弹出框上的选项。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面或退出自动搜索。 4.3.2.2、节目搜索——手动搜索界面 (1)界面图样: 55 手动搜索界面 手动搜索过程界面 (2)界面描述: 56 横向导航栏的“节目搜索”中选择“手动搜索”手动搜索界面，在手动搜索界面中输入相关的数值，选择“确定”后进入搜索过程画面。 (3)按键说明 , 【上、下】键:选择手动搜索选项。 , 【确认】键:输入数值。 , 【返回】键:返回上一层界面或取消搜索。 4.3.2.3、节目搜索——全频段搜索界面 (1)界面图样: 全频段搜索提示界面 57 全频段搜索过程界面 (2)界面描述: 横向导航栏的“节目搜索”中选择“全频段搜索”选项弹出功能选择框，在弹出框中选择“确认”选项后进入全频段搜索过程界面。 (3)按键说明 , 【左、右】键:选择弹出框上的选项。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面或取消全频段搜索。 4.3.2.4、节目搜索——频段搜索界面 (1)界面图样: 58 (2)界面描述: 横向导航栏的“节目搜索”中选择“频段搜索”选项进入频道搜索界面。 (3)按键说明 , 【上、下】键:选择频段搜索选项。 , 【确认】键:输入数值。 , 【返回】键:返回上一层界面。 4.3.2.5、节目搜索——主频点设置界面 (1)界面图样: 59 (2)界面描述: 横向导航栏的“节目搜索”中选择“主频点设置”选项进入主频点设置界面。 (3)按键说明 , 【上、下】键:选择主频点设置选项。 , 【确认】键:输入数值。 , 【返回】键:返回上一层界面。 4.3.3、系统设置——本机设置界面 (1)界面图样 60 (2)界面描述 从首页二级纵向导航栏的“系统设置”中选择“本机设置”选项进入本机设置界面。该界面包括“音视频设置”、“密码设置”、“菜单属性”、 “恢复出厂设置”、“软件升级”功能模块。 (3)按键说明: , 【上、下】键:控制焦点。 , 【左、右】键:选择“系统设置:的其他栏目。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 4.3.3.1、本机设置——音视频设置界面 (1)界面图样 61 (2)界面描述 从本机设置界面中选择“音视频设置”选项进入音视频设置界面。该界面包括以下选项: 制式(自动、PAL、NTSC)、宽高比(自动、4:3、16:9)、分辨率(自动、1080i、720p)、数字音频(自动、PCM、AC-3)、伴音通道(自动、立体声、左声道、右声道)。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 4.3.3.2、本机设置——密码设置界面 (1)界面图样 62 密码设置界面 系统密码设置界面 63 频道密码设置界面 (2)界面描述 从本机设置界面中选择“密码设置”选项进入密码设置界面。该界面包括系 统密码设置和频道密码设置功能模块。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 , 【数字】键:输入数字信息。 4.3.3.3、本机设置——菜单属性界面 (1)界面图样 64 (2)界面描述: 从本机设置界面中选择“菜单属性”选项进入菜单属性界面。该界面主要设置菜单语言和菜单透明度。 (3)按键说明: , 【上、下】键:控制焦点。 , 【确认】键:确认输入。 , 【返回】键:返回上一层界面。 4.3.3.4、本机设置——恢复出厂设置界面 (1)界面图样 65 恢复出厂设置界面 恢复出厂设置密码输入界面 66 (2)界面描述 从本机设置界面中选择“恢复出厂设置”选项进入恢复出厂设置确认界面。该界面主要恢复所有用户自己设置的属性、删除已经搜到的电视节目、应用等、删除预订节目、恢复机顶盒密码、父母锁密码到默认值。 选择“确定”选项进入恢复出厂设置密码输入界面。 (3)按键说明 , 【左、右】键:控制焦点。 , 【确认】键:确认功能。 , 【数字】键:输入数字信息。 4.3.3.5、本机设置——软件升级界面 (1)界面图样 软件升级界面 67 软件升级中界面 (2)界面描述 从本机设置界面中选择“软件升级”选项进入软件升级界面。该界面可对机顶盒软件进行升级。 (3)按键说明 , 【左、右】键:控制焦点。 , 【确认】键:确认功能。 4.3.4、系统设置——网络设置界面 (1)界面图样 68 (2)界面描述 从首页二级纵向导航栏的“系统设置”中选择“网络设置”选项进入网络设置界面。该界面包括“IP设置”、“网络信息”功能模块。 (3) 按键说明 , 【上、下】键:控制焦点。 , 【确认】键:进入相应功能界面。 , 【返回】键:返回上一层界面。 4.3.4.1、网络设置——IP设置界面 (1)界面图样 69 (2)界面描述 从网络设置界面中选择“IP设置”选项进入IP设置界面。该界面主要设置IP信息，如连接方式、动态获取IP地址和静态IP地址设置等。 (3)按键说明 , 【上、下】键:控制焦点移动。 , 【确认】键:确认输入。 , 【返回】键:返回上一层界面。 , 【数字】键:输入数字信息。 4.3.4.2、网络设置——网络信息界面 (1)界面图样 70 (2)界面描述 从网络设置界面中选择“网络信息”选项进入网络信息界面。主要显示机顶盒设置的一些网络信息:IP地址、子网掩码、默认网关、DNS服务器、备用DNS服务器等。 (3)按键说明 , 【返回】键:返回上一层界面。 4.3.5、系统设置——电视邮箱界面 (1)界面图样 71 电视邮箱界面 电视邮箱弹出界面 72 电视邮箱内容界面 (2)界面描述 横向导航栏选择“电视邮箱”，在电视邮箱界面中选择邮件，按“确定”键可进行查看、删除邮件操作。 (3)按键说明 , 【左、右】键:选择横向导航栏上的各功能模块。 , 【上、下】键:选择当前模块下的子菜单选项，在内容界面拖拽边条。 , 【确认】键:进入相应功能界面或进行相应操作。 , 【返回】键:返回上一层界面。 73