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

1. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 界面电视 设计
小 成 ：王组 员 连兴
熊熊
沈玲玲
2010 年 11 月
浙江科技学院工业设计

2. >> 0 >> 1 >> 2 >> 3 >> 4 >>
目录
• 数字 的 展电视 发 趋势
• 于数字 的一些关 电视 调查
• 小调查 结
• 数字 界面的分析和收集电视
• 于界面 的一些建关 设计 议
• 可用性定律

3. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 的 展电视 发 趋势
根据我国有 向数字化 渡 表，到线电视 过 时间 2008 年，将停播模 信号 。 意拟 电视 这
味着所有模 机都将淘汰。拟电视
强大的交互功能，将使数字 与 几乎合而 一。电视 电脑 为
交互功能 能 来真正的个人 。还 带 电视
虽然“将来 ”有着无限美妙的前景，可“ 在 ”的数字 无法 出充分的魅时 现 时 电视还 发挥
力，来吸引消 者的眼球。费

4. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 的对 电视 调查
以下 167 人（随机）是 于数字 的部分 告， 供参考关 电视 调查报 仅
男女都有，年 最小龄 15 最大 57

5. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 界面 易懂，很容易学会使用的重要性电视 简单

6. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 交互界面能 按照我的需要 行更改的重要性电视 够 进

7. >> 0 >> 1 >> 2 >> 3 >> 4 >>
操作 程能 激 我的使用 趣， 我想 新功能的重要性过 够 发 兴 让 尝试

8. >> 0 >> 1 >> 2 >> 3 >> 4 >>
我可以按自己的喜好 置菜 的功能设 单

9. >> 0 >> 1 >> 2 >> 3 >> 4 >>
在列表中 道 ，屏幕会播放 道的 目画面浏览频 时 对应频 节

10. >> 0 >> 1 >> 2 >> 3 >> 4 >>
影 点播、 游 、 程等增 内容非常感 趣对 视 电视 戏 电视课 值业务 兴

11. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 界面能提供 目 介、操作指 、点播方法和 用等信息的重要性电视 节 简 导 业务费

12. >> 0 >> 1 >> 2 >> 3 >> 4 >>
因此一个界面友好的个性化数字 易于学会、易于使用、易电视应该
于理解、易于排 、易于 和易于群体共享。用 界面是否直错 维护 户 观
、清晰，又不失美感，操作是否 明了，是消 者在 数字简单 费 选购 电
的重要考 因素。视时 虑
小调查 结

13. >> 0 >> 1 >> 2 >> 3 >> 4 >>
功能，用 界面户 能把系 提供的所有功能 ，集成在一起；统 协调
外 ，观 用户界面必 提供一个 明了的操作机制，使用 能方便 用系 提须 简单 户 调 统
供的所有功能。
用 界面由 部分 成：菜 部分和非菜 部分，各个菜 部分在功能上相户 两 组 单 单 单
互独立
用 界面户

14. >> 0 >> 1 >> 2 >> 3 >> 4 >>

15. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字 的界面分析——互 吉林电视 动

16. >> 0 >> 1 >> 2 >> 3 >> 4 >>
从布局上来说

17. >> 0 >> 1 >> 2 >> 3 >> 4 >>
从 航条来导 说

18. >> 0 >> 1 >> 2 >> 3 >> 4 >>
从 来时间栏 说 从排行榜来说

19. >> 0 >> 1 >> 2 >> 3 >> 4 >>
从其他服 来务栏 说

20. >> 0 >> 1 >> 2 >> 3 >> 4 >>
分析小结
• 按 序 道，按 道序号 道，增 音量，返回前一 道等，都可以在不 出交互顺 换频 频 换频 减 频 调
界面的情况下 ， 就能照 到不同年 面用 的共同需要。实现 这样 顾 龄层 户
• 用 多与 类似的技 。如：文件夹、 、右 等元素。通 些元素的有运 许 电脑 术 图标 键选单 过这
机 合使得遥控操作更加直 ，更加通俗易懂，也同 能 老年用 受益。结 观 样 让 户
• 分类 明了，方便用 找应该简单 户查

21. >> 0 >> 1 >> 2 >> 3 >> 4 >>
收集的 外的一些数字 界面另 电视

22. >> 0 >> 1 >> 2 >> 3 >> 4 >>

23. >> 0 >> 1 >> 2 >> 3 >> 4 >>

24. >> 0 >> 1 >> 2 >> 3 >> 4 >>

25. >> 0 >> 1 >> 2 >> 3 >> 4 >>
一些 收集图标

26. >> 0 >> 1 >> 2 >> 3 >> 4 >>
数字电视 UI 的几条建设计 议
1. 字体
中文字体避免使用宋体等 有带 饰边 ( 衬线 ) 的字体
字体 色颜 : 不要使用明度很高的 色颜 高明度的颜色 , 在普通 CRT 机上 示效果电视 显
可能会很糟糕

27. >> 0 >> 1 >> 2 >> 3 >> 4 >>
2. 尽量避免使用大范 或者高明度色围渐变图层 块 .
基于硬件成本及技 等原因术 , 有些 STB 的只能支持 256 色的 片图 , 大范围
的 片在 机上 得面目全非渐变图 电视 变 .

28. >> 0 >> 1 >> 2 >> 3 >> 4 >>
3. 片使用索引模式下图 256 色的 GIf 或 PNG 格式 , 不要使用 Jpg 格式的 片图
4. 于不同分辨率的 示 端使用不同的安全 距对 显 终 边

29. >> 0 >> 1 >> 2 >> 3 >> 4 >>
可用性定律
不要 用 思考让 户
去掉每个 面上一半的文字页 , 然后把剩下的文字再去掉一半
不是阅读 , 而是 描扫
不是最佳选择 , 而是 意即可满
不是追根到底 , 而是勉强 付应 ( 因 用 通常能用就可以了为 户 )
建立清楚的 次视觉层 : 重要的 西突出东 , 上也要在 上逻辑 视觉 关联
用法是你的好帮手习惯
把 面 分 明 定 的区域页 划 为 确 义
明 可以点 的地方显标识 击
降低 噪音视觉

30. >> 0 >> 1 >> 2 >> 3 >> 4 >>
END