现在的位置: 首页 > 综合 > 正文

面向 MID 进行用户界面设计的经验之谈(三)

2013年05月19日 ⁄ 综合 ⁄ 共 2359字 ⁄ 字号 评论关闭

 4. Hildon UI 设计的 BKM

Hildon 用户界面是以任务为导向的,这就意味着它可以实现与专用和优化的应用和功能集类似的普通任务。例如,仅仅通过 2 次点击就可以打开书签中保存的网站,或发送新的电子邮件。

 

PC 所采用的基于鼠标和键盘的交互模式与 Hildon 交互模式有许多区别,在设计用户界面时必须充分考虑这些因素。当用户在行走时,要准确地点触某个屏幕按钮可能会比较困难。用户的手还可能会挡住屏幕的部分区域(UI 控制按钮或内容等)。因此要优化 UI 设计,仅使用少数几个操作即可完成一项任务,避免给用户带来不必要的麻烦。UI 上的任务流应遵循标准的操作流程,比如从左到右、从上到下,而非强迫用户在各个界面进行操作。

 

 

 

4.1 Hildonized 与 Un-Hildonized UI

 

 

由于 MID 的应用框架以 GTK 为基础,这就意味着以 GTK 为基础编写的应用所需的移植工作会相对较少,但是 Hildon UI 的各种工具条按钮会更大一些,方便用户使用手指进行操作。以下 2 个截屏显示了经过与未经过 Hildon UI 改进的两种界面。

                                                                   11          

图 10. 未经过 Hildon 改进的 UI

 

                                                               12

 

图 11. 经过 Hildon 改进的 UI 字串7

 

4.2 菜单

 

 

菜单命令应根据它们的重要性和功能关系进行安排。如果有许多命令,可将功能比较相近的命令分组到一个子菜单,在第一级菜单上仅使用子菜单标题,比如:'文件'->'新建' 以及 '文件'->'保存'。 字串7

在 Hildon UI 中,菜单项是纵向排列的,这与 PC 环境中横向排列方式不同。最常用的命令或子菜单应位于菜单的前几级,不太重要的可以设计在下方,以便于用户操作。使用分隔符在菜单内对相关的菜单项进行分组。在纵向上,应避免超过 7 行命令或子菜单,在横向上应避免超过 3 列菜单。

当前无法使用的命令应呈灰色显示。Hildon 的一项特有功能就是它会对选择灰色菜单项的操作进行响应,通常会弹出一条信息,解释为什么该功能无法使用,比如“没有可以撤销的内容”。这样,用户便可以按正确的方法使用应用。

 

 

对于第一个应用菜单标题,应使用一个可以反映应用功能的词语,比如“文档”、“图像”、“卡片”,而不是“文件”。

 

                                           13

 

                                                                     图 12. Midinux 中的菜单。

 

 

 

4.3 工具条

工具条应能使用户轻松地访问应用的常用或重要功能。以下是设计和使用工具条的一些规则。 字串4

工具条中项目的数量取决于每个项的宽度以及是否会显示任务导航条(从普通屏幕切换到全屏幕)。

  • 如果应用使用多个视图,则可以考虑改变并优化每个视图中工具条上显示的功能。
  • 应该为应用的基本功能提供一些最常见的图标。
  • 工具条图标必须直观易懂,能够直接反映出它们代表的操作。图标形象应从日常生活中取材,以便用户将其与设备上的任务联系起来。
  • 应用菜单上应包含所有显示的命令。
  • 由于屏幕空间有限,应该提供在菜单中隐藏某个工具条的功能。
  • 必要时,应使用分隔符标记分组图标。
  • 应避免在工具条上使用需要本地化的文本,因为不同的文本长度会打乱工具条的布局。可能的话,应尽量使用图标来代替文本,以节省工具条空间。

                                                      14

图 13. Midinux 中的工具条。(浏览器、播放器、E-mail、GPS、Office 工具、电话簿…)

 

4.4 对话框

         可使用各种对话框来指引用户完成某个任务。应尽量使任务变得简单,避免设置一长串的对话框。对于那些比较复杂的任务,可以设置一个新的窗口。如果该任务需要来自其它应用的信息,并且没有将信息作为预设的列表提供,则建议将其作为一个新窗口实施,而非对话框。对话框显示在应用区域的中央

                                                                     15

                                                        图 14. office工具中的对话框。

4.5 通知

         通知用于向用户反馈信息。有 2 种类型的通知:消息框或信息条。
消息框一般显示在屏幕的中央并包含简短的信息,同时提供按钮供用户作出响应。在用户对注释中的信息进行确认之前,应用处于暂停状态。
信息条不需要用户执行任何操作。它们显示在应用区域的右上角。
图 15 显示了消息框和信息条的差别。

                        16

                                                           图 15. 消息框(左)和信息条(右)

 

总结

       本文针对 MID 的 UI 设计提出了一些主要问题,并针对屏幕尺寸、触摸屏以及外形方面的因素提供了 UI 设计的方案。由于 Hildon 用户界面是以任务为导向的,所以它需要一些特别的考虑。本白皮书还提供了 Hildon UI 设计的已知最佳方案(BKM)。

 

原文出处:http://www.05992.com/html/wanjiajiqiao/200807/03-88_3.html

有关Moblin的更多内容,请访问:Moblin中文站

抱歉!评论已关闭.