推荐当贝市场

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 25503|回复: 0

[分享] 长虹智能电视应用UI设计之导航设计

[复制链接]
发表于 2014-5-23 19:44 | 显示全部楼层 |阅读模式
导航方式与输入设备息息相关,智能电视最主要的输入设备还是遥控器,有时还辅以鼠标和键盘。鉴于电视用户较为被动,因此需要设计清晰高效的导航系统,帮助用户快速定位到想要玩的内容。
目前长虹智能电视用遥控器作为主要输入设备,以十字方向键和确定键为核心,以数字字符键作为主要输入按键(语音输入API暂未开放)。因此,电视应用导航最好基于这些按键(键值表)进行设计。
2.jpg
应用布局
受长期使用习惯限制,电视用户普遍接受遥控器上,以四个方向(上, 下, 左, 右)的作为导航键,进行内容查找;以“确认键” 和“ 返回键”来确认或退出内容。

因此,应用导航设计最好以“十”字方向与“确认”键作为核心。电视应用程序的布局必须简单:
    • 菜单元素的最好位置是在顶部或左列。
    • 保持布局尽可能简单:菜单和元素容器(列表、网格、单元素等)。
    • 保持所有相关功能和信息在一起,而不是分散在屏幕上或者与非相关元素组合一起。
    • 记住基本的应用图形设计理念:对齐、接近、平衡、一致性、对比和空白。
    • 尽量自动处理某些任务,以避免频繁的用户交互。
    • 与手机应用UI类似,显示精简、关键的信息。

布局举例:

A、全屏布局。菜单栏与内容栏,分布在不同界面上,但相互提供简要入口。 2.jpg B、横向布局。菜单栏与内容栏,横向分布在同一界面上。 4.jpg C、纵向布局。菜单栏与内容栏,纵向分布在同一界面上。 5.jpg
导航设计
在基于十字方向键上设计导航时,菜单项一般存在三种状态,即“被选中(selected)”,“成为焦点(focused)”和“成为焦点并被选中 (focused and selected)“。针对于三种状态,内容何时显示很关键:
    • 随被选中对象改变而改变。某菜单项成为焦点并被选中(focused and selected)时,显示该菜单项对应的内容,焦点仍然可以移动,显示的内容随被选中的菜单项改变而改变。
    • 随成为焦点的对象改变而改变。某菜单项成为焦点,无需被选中,就显示该菜单对应的内容,显示的内容随焦点改变而改变。
总之,应用导航设计时,应遵循以下原则:

“导航设计的目标,是让用户快速定位,并且能够预测出操作结果。” 6.jpg

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /2 下一条

Archiver|小黑屋|新帖|标签|软件|Sitemap|ZNDS智能电视网 ( 苏ICP备2023012627号 )

GMT+8, 2026-11-9 07:11 , Processed in 0.022730 second(s), 10 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表