MeeGo手持移动设备的UI设计指南（三）

转自：MeeGo中文论坛 米趣网

设计你的应用程序

设计技巧

保持简单易用

• 有问题要一个一个的解决，并且一定要解决彻底
• 要尽量使应用程序简单易用
• 要尽量使应用程序短小精干，最好做到一键多用，减少不必要的功能
• 设计程序时最好要遵循从上到下的原则，把重要的内容放在上面
• 从人体工程学的方面考虑，在设计程序时一定要注意人的手指对操作的影响等关键性问题

 

要注意滚动条的使用

    一个好的滚动条可以帮助用户理解应用程序的一部分内容，并会让用户在还没使用滚动条的时候就知道内容里大概包含了什么。尽量只使用滚动条在重复的内容或列表上，不要把重要的内容放在滚动条里默认可见区域的下方，要让用户在不使用滚动条的情况下就看见他们，因为人们有时也许不知道他们需要使用滚动条才能找到他们需要的内容。

要保持应用程序和核心内容相一致

    如果允许，尽量在你的应用程序中使用MeeGo中的常用组件。这会让用户很快的上手并熟练的使用你的程序。除了在全屏播放下（如视频播放器），每个应用程序的每个界面都需要有“Home”和“Back”按键。

要站在用户的角度考虑

    当设计程序的时候，要考虑什么因素会是用户放弃使用你的应用程序而去使用其他的应用程序。要为多线程任务处理优化你的程序。

要有标志性的特征

    尽量让你的应用程序的每个界面即都有特点又意图明确，就算是在切换器（Switcher）里被缩小的图标也是这样。一个应用程序应该有其独特的内容和功能，并在不损失用户使用体验、感觉的情况下尽量提高程序的标志性，即要让用户感觉你的程序耳目一新。

要明确你程序的用途

    在你开始设计应用程序之前，明确你将要设计的程序的用途是非常重要的。这一点应该是驱使你设计程序的主要目的。同时还要考虑应用程序的重点和用户使用此程序的动机。明确程序的用途还会帮助你完善程序界面和交互的设计。

“效率”程序

    如果一个应用程序需要频繁的实际操作，例如发短信，那么我们可以归纳这种类型的程序为“效率”程序。这种类型的程序一般都是要求效率第一，不光是程序的任务执行的要好，而且还要快。此类程序要求用户可以在使用该程序时得到快速响应，并且程序要简单易用。此类程序最好使用简单的“向  下排列模式”界面，并带有一个简单的工具条。

    因此，这类程序的UI大多是由常用组件来组成的，越简单越好。简单的界面并不意味着用户不能达到其使用初衷。

程序的使用投入感

    还有些应用程序比较偏向于娱乐或需要丰富的视觉效果体验，例如播放视频或玩游戏等，在这些情况下经常会用到全屏功能。在用户切换到新的视觉环境下，控制MeeGo行为的核心UI可以让用户得心应手的使用该程序，但有时候自定义布局或组件却会给用户提供更好的使用体验。

    游戏是这种类型程序的典型代表。当用户启动一个游戏的时候他们也期待将会进入一个“新的世界”。不管这个游戏有着简单还是复杂的结构，其内容，控制和交互都是由设计者来设计完成的。有些时候，这并不能让用户使用的得心应手。因此，如果提供一些简单的可以让用户自定义的功能则会大大提高用户的使用体验。

程序的基本界面

    应用程序有时会有多种显示方式（例如全屏显示，表格显示等），但是大多数的显示方式都遵循着一个基本结构。

状态栏

    状态栏的主要用途有显示手机、网络等的信号强弱，电池电量以及消息信息等。在某些情况下，应用程序可以不含有状态栏。

标题栏

    标题栏包含了主屏按钮，标题，视图菜单以及关闭和还原按钮。每个界面的标题栏都有其相对应的标题。换句话说，在多数情况下标题栏是根据用户进入到不同界面时随时更新的。此外，在某些情况下，应用程序可以不含有标题栏。

内容区域

    内容区域是程序执行大多数动作时以及程序结构发生变化的显示区域。内容区域可以包含方向选择，文本和多媒体等内容。程序的这些动作不仅局限于使用视图菜单和工具栏，他们有时会和程序内容一起显示。其他类型的动作，例如多媒体控制按钮，则总是和程序的内容在一起显示。具体请参考“常见组件”的内容。

工具栏

    工具栏是在用户需要使用应用程序时，可以控制该程序核心命令的一个可选的固定工具条。工具栏同样也可用于方向控制，但最多只限于4个动作。在风景模式下（即把设备水平放置），工具栏在屏幕上方显示，和标题栏一起。虽然即可以在工具栏中使用图标，也可以使用文字（但两者不可同时使用），但趋于移动设备屏幕的局限性，一般使用图标的效果比文字要好。

布局的建议

    就像在本篇前面提到的“要明确你程序的用途”中说的一样，在设计应用程序的时候不仅要考虑到怎么去设计，还要注重程序的布局，因为布局会极大程度的影响用户使用应用程序的操作感。例如列表方式的布局非常适合于需要显示目录类（多个文件或多项任务）的程序。

    虽然导航方式可以帮助组织应用程序的结构布局，但是他们却不管应用程序怎么显示这个布局。“向下排列模式”就是个很好的例子。这种模式可以应用于很多应用程序中，例如电话本和图片浏览器等。他可以显示不同类型的内容，因此很常用。

    在这里我们给出大家两种显示图片的选择（见下图），他们都采用“向下排列模式”作为他们的导航方式。应用程序不显示长列表，只用缩略图作为提供主要信息的手段。这种向下排列的方式和在程序首页提供通向最新添加或最近访问的文件的快速通道，有助于用户更加方便的使用该应用程序，从而提高使用效果。

    设计的时候要考虑到程序内容的不同种类以及其结构的复杂性，还有移动设备屏幕的实际尺寸。

肖像模式（垂直状态） VS. 风景模式（水平状态）

    应用程序的视图界面要适应移动设备不同的方位状态（垂直或水平）。风景模式（即把设备水平放置）比较适合于观看视频播放，而肖像模式（即把设备垂直放置）则比较适用于如电话本之类需要往下滚动显示多条信息的程序。

    MeeGo对以上两种模式均提供相应的常用组件。换言之，使用这些常用组件可以减少程序设计者在界面设计上的很多工作。不管怎样，我们建议程序员在设计程序时对组件的任何修改都要注释出来，因为有些修改会影响程序的使用效果。

    MeeGo中默认的组件是可以被修改过后的组件所覆盖的。我们建议所有的应用程序最好都要有肖像和风景两种模式。这主要是因为使用MeeGo的移动设备有着不同的硬件类型。例如在有侧滑键盘的移动设备中，风景模式是至关重要的，其他硬件类型的设备以此类推。因此用户不应该因为要使用某种程序而强制把移动设备垂直放置或平放。但玩游戏是少数例外中的一个，因为大多情况下玩游戏是要根据不同类型的游戏来选择设备的方位状态的。

    程序的视图界面应根据移动设备的方位状态来进行缩放或重新布局，从而来适应当前屏幕。

    列表可能是最常用的UI布局了。列表根据移动设备不同的方位状态也有着不同的动作。

    肖像模式可以显示更多的列表信息，风景模式可以显示一条信息中更多内容。所以对于文本显示来说，风景模式更为有用。

    在使用风景模式时，有些应用程序会把屏幕一分为二，使视图界面形成两列，这样做可以非常合理的使用移动设备中有限的显示空间。分屏一般都是当显示的内容没有按一定的排列顺序排列时才被使用，一般都是在第一级的向下排列模式的页面。但是，当显示的内容按照一定规则排列的时候最好不要用分屏。（例如按日期排列或A-Z排列等）

    按钮应该被集中在一起（在分屏时尤为重要），并且宽度在两种方位模式下都要相同于屏幕宽度。

设置

    应该每时每刻都考虑到应用程序的设置。用户通过程序中的视图菜单进入设置选项。在设置的视图界面中，应该包括Home，Back和标签。（视图菜单不是必须的）

    在某些情况下，提供一个应用程序中常用设置的快速通道会给用户带来方便。这些快速通道可以是一个应用程序相应全局设置的子设置界面。例如，要在一个Email程序的子视图界面下设置账户，通过普通的方法用户需要一步步的进入到账户的设置菜单。如果提供一个账户设置的快捷栏则会方便很多。但是这样就会使界面的导航发生变化。例如用户通过快捷栏进入到一个设置的子设置界面时，“Back”按钮只会将视图界面返回到打开这个子设置界面之前的界面，并不是这个设置的最上级界面。

    在设置的视图界面中，把有着相近或连带关系的几个设置分组放在一起会帮助用户更方便的找到他们所需要的设置。每个组可以包括多项项目，例如文本，图像和按钮等。

    如果用户可以从UI直接进行某些设置，则不要将这些设置放在设置的视图界面中。例如如果用户可以从桌面的时钟上直接设置闹表的话，则不要将闹表的设置放到时钟的设置的界面中。

注意当用户完成了一项设置时，该设置应该立即生效，没有保存设置的需要。你可以使用视图菜单中的撤销按钮取消任何已经完成的设置，或将设置恢复成初始状态。撤销按钮只在设置被改变之后才出现。

应用程序的导向

    应用程序有时会有多种导向形式。MeeGo提供了3中模板来帮助应用程序实现其主要功能。

l向下排列模板

    这是用的最多的一种模板，用于进入所有导向位置在顶部的应用程序。布局不仅局限于列表形式。当用户向下观看内容时，关闭按钮被取代为返回（Back）按钮。

l视图菜单中的导向模板

    这个模板也是平时经常会用到的，其原理为按照导向结构来对程序的内容进行优先化。视图菜单用于在导向选项之间选择转换。和标签条（见下面）正相反，这种转换可以用于多项选项之间。因为所有的导向点都在应用程序的顶部，所以就算导向被改变了，关闭按钮仍在。要注意的是就算是在一个视图菜单中，导向模板中的过滤器的功能也是不同的。过滤器和向下排列模板相似，关闭按钮会被返回按钮所代替，例如，在几个信息账号之间切换。

l标签条模板

    这个模板用于快速进入不同的区域或模式。要注意在标签条中和导向连接有关的混合动作（如“写信息”）。在这种布局下如需要的话，要尽量使用程序内容区域中的按钮来进行操作。这个模板最多只能有4个导向选项，而且不能随时间而变化。

英文原文：

http://meego.com/developers/ui-design-guidelines/handset/designing-your-application

转载请注明：米趣网