长虹智能电视应用UI设计之导航设计
导航方式与输入设备息息相关,智能电视最主要的输入设备还是遥控器,有时还辅以鼠标和键盘。鉴于电视用户较为被动,因此需要设计清晰高效的导航系统,帮助用户快速定位到想要玩的内容。目前长虹智能电视用遥控器作为主要输入设备,以十字方向键和确定键为核心,以数字字符键作为主要输入按键(语音输入API暂未开放)。因此,电视应用导航最好基于这些按键(键值表)进行设计。
应用布局受长期使用习惯限制,电视用户普遍接受遥控器上,以四个方向(上, 下, 左, 右)的作为导航键,进行内容查找;以“确认键” 和“ 返回键”来确认或退出内容。
因此,应用导航设计最好以“十”字方向与“确认”键作为核心。电视应用程序的布局必须简单:
• 菜单元素的最好位置是在顶部或左列。
• 保持布局尽可能简单:菜单和元素容器(列表、网格、单元素等)。
• 保持所有相关功能和信息在一起,而不是分散在屏幕上或者与非相关元素组合一起。
• 记住基本的应用图形设计理念:对齐、接近、平衡、一致性、对比和空白。
• 尽量自动处理某些任务,以避免频繁的用户交互。
• 与手机应用UI类似,显示精简、关键的信息。
布局举例:
A、全屏布局。菜单栏与内容栏,分布在不同界面上,但相互提供简要入口。B、横向布局。菜单栏与内容栏,横向分布在同一界面上。C、纵向布局。菜单栏与内容栏,纵向分布在同一界面上。导航设计在基于十字方向键上设计导航时,菜单项一般存在三种状态,即“被选中(selected)”,“成为焦点(focused)”和“成为焦点并被选中 (focused and selected)“。针对于三种状态,内容何时显示很关键:
• 随被选中对象改变而改变。某菜单项成为焦点并被选中(focused and selected)时,显示该菜单项对应的内容,焦点仍然可以移动,显示的内容随被选中的菜单项改变而改变。
• 随成为焦点的对象改变而改变。某菜单项成为焦点,无需被选中,就显示该菜单对应的内容,显示的内容随焦点改变而改变。
总之,应用导航设计时,应遵循以下原则:
“导航设计的目标,是让用户快速定位,并且能够预测出操作结果。”
页:
[1]