IBM的界面设计原则.doc

IBM的界面设计原则 UIA IBM用户界面架构，简称UIA（User Interface Architecture），是IBM为了获得基于网络的产品的设计一致性以及易用性而提出的一套用户界面设计规范。 ? UIA提出了12个方面的界面设计原则： 1、Affinity 亲和力 2、Assistance 协助 3、Availability 有效 4、Encouragement 鼓励 5、Familiarity 熟悉 6、Obviousness 明显 7、Personalization 个性化 8、Safety 安全 9、Satisfaction 满意 10、Simplicity 简单 11、Support 支持 12、Versatility 多样性 亲和力 通过好的形象设计，可以让对象更具亲和力。 ? 用户界面的形象设计的目的是要融合UIA的所有原则。软件系统应该支持用户模型并把它的功能明确地向用户表达。亲和力的设计不应该被看成是“蛋糕上面的糖衣”，而应该作为整个设计过程的主体部分。 ? 下面的原则通过提升界面的清晰性和视觉上的简易朴素来达到强的亲和力： 1、? 简化设计 去除任何不能直接提供有意义的可视化信息的元素。 ? “好的设计不是不能再多加点，而是不能再减少点。”这样才能让用户界面简易、朴素。 ? 2、? 视觉层次 按用户任务的重要程度的先后顺序建立视觉层次。对于关键的对象给与额外的视觉突出。使用相对位置和颜色、大小的对比来增强一个对象的视觉突出效果。 用户关心的、对用户重要的元素安排在前面，安排在突出的位置，醒目地显示出来，有相对丰富的层次感，这样才能清晰地向用户表达界面诉求。 3、? 供给能力 确保对象显示出好的供给能力。也就是说，用户可以很容易地判断出一个对象对应的动作。有好的供给能力的对象通常很好地模仿了现实世界的对象。 ? 表现力强的图标能让用户快速理解所代表的功能。 一个按钮的凹凸效果能让人清楚地知道按钮是可点击的。例如下图中，button1的效果设置比起button2要让人更容易知道是个可以按下去的按钮。 ? ? 4、? 视觉方案 设计一个能匹配用户模型的视觉方案，并且能让用户个性化地配置软件系统的界面。 例如windows能让用户配置窗口的外观和颜色方案、字体大小等： 不要仅仅为了节省空间而把图像的预留空间去掉。适当使用空白空间来提供视觉上的“呼吸空间”。 例如，下面的窗体界面就太挤了，让人有点喘不过气来，未免有点太不照顾用户的视觉感受了： ? 协助 提供主动的协助。 软件系统应该帮助用户执行各种各样的任务。每个用户的系统知识和处理任务的能力不一样。让软件系统能识别个体用户的能力并提供适当的协助。 ? 以标题说明（caption）、提示（hints）、系统帮助（system help）的形式提供协助。提供的协助信息应该是简单的、简明的和有效的。同时也应该是灵活的。系统应该能适应用户能力的提高，并培训用户达到独立使用系统的能力。 注意这种协助是主动的，而不是被动的，它不需要用户刻意去寻找帮助，不需要用户打售后支持电话，不需要用户寻找软件光盘来查阅说明书，甚至不需要用户打开联机帮助。 ? 通过简单有效的形式提供随时随地的协助，但是这种协助不是硬推的形式，例如，强迫用户每次使用系统之前要阅读注意事项。有些软件系统在每次启动时默认都会有一个欢迎界面，在这个界面提供系统的简介，帮助用户如何开始使用系统，帮助用户导航到联机帮助文档或例子，例如，下面是TestComplete启动后显示的Welcome界面。 ? ? ? 但是，假设界面的左下角没有“Do not show again”这个选项的话，这个欢迎界面的设计就是个很糟糕的界面，因为它强迫用户每次启动软件系统后，都要看一下这个界面，然后要用户亲自关闭这个界面。 ? 不要假设用户是很笨的，而是灵活地提供有效的暗示，用户在犹豫时能从这些暗示得到确认的信心，从而做出正确的决定。 表达能力强的图标、tool tips、输入框前面的简明的标题说明、状态栏中关于软件系统状态的说明等都是非常有效的为用户提供协助的方式。 ? 例如，windows画图工具既提供了图标，又有tool tips，也在下面的状态栏提供了说明： ? ? 最后，不要假设用户是个永远也长不大的小孩。初级用户会不断地 学习，随着对系统的熟悉程度的加强，他们逐渐过度到了专家用户的级别。因此，要为不同能力水平的用户提供不同级别的协助，例如对于初级用户提供一步一步的向导和模板，对于专家用户提供个性化定制的能力。 有效 让所有对象在任何时候都是可用的。 让用户可以在任何时候以任何次序在同一个视图使用所有