面向MID进行用户界面设计的经验之谈 <5>
4. Hildon UI 设计的 BKMHildon 用户界面是以任务为导向的,这就意味着它可以实现与专用和优化的应用和功能集类似的普通任务。例如,仅仅通过 2 次点击就可以打开书签中保存的网站,或发送新的电子邮件。
PC 所采用的基于鼠标和键盘的交互模式与 Hildon 交互模式有许多区别,在设计用户界面时必须充分考虑这些因素。当用户在行走时,要准确地点触某个屏幕按钮可能会比较困难。用户的手还可能会挡住屏幕的部分区域(UI 控制按钮或内容等)。因此要优化 UI 设计,仅使用少数几个操作即可完成一项任务,避免给用户带来不必要的麻烦。UI 上的任务流应遵循标准的操作流程,比如从左到右、从上到下,而非强迫用户在各个界面进行操作。
4.1 Hildonized 与 Un-Hildonized UI
由于 MID 的应用框架以 GTK 为基础,这就意味着以 GTK 为基础编写的应用所需的移植工作会相对较少,但是 Hildon UI 的各种工具条按钮会更大一些,方便用户使用手指进行操作。以下 2 个截屏显示了经过与未经过 Hildon UI 改进的两种界面。
图 10. 未经过 Hildon 改进的 UI
图 11. 经过 Hildon 改进的 UI
4.2 菜单
菜单命令应根据它们的重要性和功能关系进行安排。如果有许多命令,可将功能比较相近的命令分组到一个子菜单,在第一级菜单上仅使用子菜单标题,比如:'文件'->'新建' 以及 '文件'->'保存'。
在 Hildon UI 中,菜单项是纵向排列的,这与 PC 环境中横向排列方式不同。最常用的命令或子菜单应位于菜单的前几级,不太重要的可以设计在下方,以便于用户操作。使用分隔符在菜单内对相关的菜单项进行分组。在纵向上,应避免超过 7 行命令或子菜单,在横向上应避免超过 3 列菜单。
当前无法使用的命令应呈灰色显示。Hildon 的一项特有功能就是它会对选择灰色菜单项的操作进行响应,通常会弹出一条信息,解释为什么该功能无法使用,比如“没有可以撤销的内容”。这样,用户便可以按正确的方法使用应用。
对于第一个应用菜单标题,应使用一个可以反映应用功能的词语,比如“文档”、“图像”、“卡片”,而不是“文件”。
图 12. Midinux 中的菜单。
4.3 工具条
工具条应能使用户轻松地访问应用的常用或重要功能。以下是设计和使用工具条的一些规则。
工具条中项目的数量取决于每个项的宽度以及是否会显示任务导航条(从普通屏幕切换到全屏幕)。
如果应用使用多个视图,则可以考虑改变并优化每个视图中工具条上显示的功能。
应该为应用的基本功能提供一些最常见的图标。
工具条图标必须直观易懂,能够直接反映出它们代表的操作。图标形象应从日常生活中取材,以便用户将其与设备上的任务联系起来。
应用菜单上应包含所有显示的命令。
由于屏幕空间有限,应该提供在菜单中隐藏某个工具条的功能。
必要时,应使用分隔符标记分组图标。
应避免在工具条上使用需要本地化的文本,因为不同的文本长度会打乱工具条的布局。可能的话,应尽量使用图标来代替文本,以节省工具条空间。
图 13. Midinux 中的工具条。(浏览器、播放器、E-mail、GPS、Office 工具、电话簿…) --------------------编程问答-------------------- 继续顶 --------------------编程问答-------------------- 路过,学习下 --------------------编程问答-------------------- 快乐顶贴,快乐看贴,快乐学习。 --------------------编程问答-------------------- 好铁需要人气!加油!
--------------------编程问答-------------------- 不知道的,从这还是有所了解,顶············ --------------------编程问答-------------------- 搞技术的也不容易啊 顶下
补充:移动开发 , 超极本开发