1.GUI基本概念
}VOf
eqc s_]L0(1)什么是GUI51Testing软件测试网S(_:V*}Z
\0t5W
GUI(Graphical User Interface)是图形用户界面的英文缩写
Jf{ l3Q TP0(2)什么是UI
p(\H*|T3dOe0UI的本意是用户界面(User Interface)
t^(W$C
I&w W"T0(3)UI设计和GUI设计51Testing软件测试网xFr^_/q"f
UI设计从工作内容上分3个方向:51Testing软件测试网APl2cq9pod9H
l 图形设计Graphic UI Design
(NmA?F'd&G/[ra0l 交互设计Interaction Design51Testing软件测试网!I+| Af4R6H7g&gG:a-l
l 用户研究User experience engineer51Testing软件测试网(HY+L%x2i)^e
l 研究界面—图形设计师graphic UI designer
.s[4xc}*op*D0l 研究人与界面的关系—交互设计师Interaction Designer51Testing软件测试网.o)UKx#S-w
l 研究人—用户测试/研究工程师User Experience Engineer
{+i,n5l-^u9`B-wfs-E02.GUI发展历程及目前国内现状51Testing软件测试网;J`@X E/c:zC7qj?|
(1)就用户界面的具体形式而言,过去经历了批处理、联机终端(命令接口)、(文本)菜单等多通道—多媒体用户界面和虚拟现实系统51Testing软件测试网}6q[0^E3s?HP8p
(2)就用户界面中信息载体类型而言,经历了以文本为主的字符用户界面(GUI)、以二维图形为主的用户界面(GUI)和多媒体用户界面,计算机与用户之间的通信带宽不断提高
al!WMa6jrbS8r0(3)就计算机输出信息的形式而言,经历了以符号为主的字符命令语言、以视觉感知为主的图形用户界面、兼顾听觉感知的多媒体用户界面和综合运用多种感观(包括触觉等)的虚拟现实系统51Testing软件测试网.x#W,}q,\ V?
]
(4)就人机界面中的信息维度而言,经历了一维信息(主要指文本流,如早期电传式终端)、二维信息(主要是二维图形技术,利用了色彩、形状、纹理等维度信息)、三维信息(主要是三维图形技术,但显示技术仍利用二维平面为主)和多维信息(多通道的多维信息)空间
)jK[l|2[O0不论从何种角度看,人机交互发展的趋势体现了对人的因素的不断重现,使人机交互更接近于大自然的形式,使用户能利用日常的自然技能,不需经过特别的努力和学习,认知负荷降低,工作效率提高51Testing软件测试网%M#ZN!D5T9M!@CS
3.GUI设计原则51Testing软件测试网C1~vI&dF
l 关注用户及其任务,而不是技术51Testing软件测试网 [*Nz]!YDoxV8Z
l 首先考虑功能,然后才是表示51Testing软件测试网bqx-[1}8P
l 确定用户对任务的看法51Testing软件测试网3vD@ |`bC
l 不要让用户任务复杂化
]{;]/e!d/Yl~,X0l 促进学习
m`/[GI6z%j0l 传递信息,而不仅仅是数据
;Xw.z!E)Q(r"O
A0l 设计应满足响应需求51Testing软件测试网,M
}5}m!w$fP P
n
l 针对用户进行充分测试,然后进行修补
Q l4_)y/u9VY ?0
Hwh2EX
O:aY@C0案例分析请到我的文件里面下载,谢谢51Testing软件测试网o[K,G6de2kB*y9kmk
http://www.51testing.com/batch.download.php?aid=3507
l8hma`um8s(aD0关于界面规范51Testing软件测试网!{ U*@DU#i+q:uQ@
http://www.51testing.com/batch.download.php?aid=351451Testing软件测试网&h7I0|3G#D\l2n1T