IBM的界面设计原则(1) - 亲和力

IBM的界面设计原则(1) - 亲和力

*GL:^Apap} | }^+J0

 

!hL(J9?8l)tC9uh0n0

陈能技

Rr;O9A'To&p0

2007-9-3051Testing软件测试网H(Q%@/P;g5o e1UM

 51Testing软件测试网 @-K)@'usr?;` Q8pB

UIA

:V"h6{]6Enj4jil0

IBM用户界面架构，简称UIA（User Interface Architecture），是IBM为了获得基于网络的产品的设计一致性以及易用性而提出的一套用户界面设计规范。51Testing软件测试网vS+s&A `/A:o-rk7M

 

2MdO2{{ j0

UIA提出了12个方面的界面设计原则：51Testing软件测试网3m9Q X0X:X

1、Affinity 亲和力51Testing软件测试网+A,yv5G(LG

2、Assistance 协助51Testing软件测试网o&Q4H_-z1Nax

3、Availability 有效

~#dA*E{2l0

4、Encouragement 鼓励51Testing软件测试网nj*uAd.O-iH)yQ

5、Familiarity 熟悉

,K%| nG%o$KJY0

6、Obviousness 明显

8x+jFgp:{0

7、Personalization 个性化

v.oW m!Z^NS0

8、Safety 安全

$l:qMU'Qs0

9、Satisfaction 满意

ZWM&aX'Z0

10、Simplicity 简单51Testing软件测试网j1]pN gUv;n p

11、Support 支持51Testing软件测试网+z9D4g7B!W

12、Versatility 多样性51Testing软件测试网~0x+kC4r_O
m]

 51Testing软件测试网!O@Z'| p

亲和力51Testing软件测试网\:VK w3o

通过好的形象设计，可以让对象更具亲和力。51Testing软件测试网mV
zKi K U

 51Testing软件测试网 u4M`*^6tu,Q

用户界面的形象设计的目的是要融合UIA的所有原则。软件系统应该支持用户模型并把它的功能明确地向用户表达。亲和力的设计不应该被看成是“蛋糕上面的糖衣”，而应该作为整个设计过程的主体部分。

{\v
I/s6Ief0

 51Testing软件测试网/pl"U ~T$JfD@

下面的原则通过提升界面的清晰性和视觉上的简易朴素来达到强的亲和力：51Testing软件测试网'U&c]W U;P,Y

1、  简化设计51Testing软件测试网 o"{dnb

去除任何不能直接提供有意义的可视化信息的元素。51Testing软件测试网'CP0P U7L5]

 

A;\s{6V8}0k0

“好的设计不是不能再多加点，而是不能再减少点。”这样才能让用户界面简易、朴素。

gt]!Y`4fS0

 51Testing软件测试网 X4fU
O*{ IyRstd9W

2、  视觉层次

L)er [ \|1G0

按用户任务的重要程度的先后顺序建立视觉层次。对于关键的对象给与额外的视觉突出。使用相对位置和颜色、大小的对比来增强一个对象的视觉突出效果。

7I8z'Md$kc0

 

^ f?c L0U0

用户关心的、对用户重要的元素安排在前面，安排在突出的位置，醒目地显示出来，有相对丰富的层次感，这样才能清晰地向用户表达界面诉求。51Testing软件测试网4g2c0p$mY,BJ/W

 51Testing软件测试网%zkVj1bRU;oz

3、  供给能力51Testing软件测试网[R;{@o f

确保对象显示出好的供给能力。也就是说，用户可以很容易地判断出一个对象对应的动作。有好的供给能力的对象通常很好地模仿了现实世界的对象。

"knT!}*UT/K0

 51Testing软件测试网&j X9X(N%J?W.j

表现力强的图标能让用户快速理解所代表的功能。51Testing软件测试网e*\u*tbS

 

M F7`vCbm0

一个按钮的凹凸效果能让人清楚地知道按钮是可点击的。例如下图中，button1的效果设置比起button2要让人更容易知道是个可以按下去的按钮。51Testing软件测试网7OX)\CgWA6F

 

5a
g4PZi)UT!w0

 

H8Nr2M'R/q\J
F0

6b!cpi$BW E)F$?vy J7L0

 51Testing软件测试网:C;Q%RRn+T#L+o

4、  视觉方案

p?:tS%?/F"K&W0

设计一个能匹配用户模型的视觉方案，并且能让用户个性化地配置软件系统的界面。

\+y#{B
A0

 

yw B"@WYF+S/?0

例如windows能让用户配置窗口的外观和颜色方案、字体大小等：51Testing软件测试网kavW tG-LK

 51Testing软件测试网+A{8bn6O~1Y V]

51Testing软件测试网+I-C7ik`)qA']

m+K#g-^cF
@}0

 

GaO!G/`c1a5Y0

不要仅仅为了节省空间而把图像的预留空间去掉。适当使用空白空间来提供视觉上的“呼吸空间”。

E:G]-xG.{0

 51Testing软件测试网}x~BL

例如，下面的窗体界面就太挤了，让人有点喘不过气来，未免有点太不照顾用户的视觉感受了：

1d,F7m'K2B7v6Dd0

 

u+VMpZ$[/f+t0bq0

 51Testing软件测试网2V]LPl;]xQ8},`