GUI设计与案例分析

《GUI设计与案例分析》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、GUI设计与案例分析GUI应用领域GUI设计与测试案例分析GUI中的写实性GUI设计原则与禁忌GUI测试要点与总结GUI---GraphicalUserInterface即人机交互图形化用户界面设计一、GUI应用领域二、GUI设计与测试案例分析案例1、如何避免应用程序菜单栏菜单中的内容应该是固定的，不应该随着应用程序的状态存在和消失。为了减少菜单的复杂性，可禁用不可用的命令，而不是移除它们。案例2、如何避免GUI设计中的一个原则是：应用程序的功能应该通过看见和指向来访问，而不应该通过记住和输入来访问。好的GUI设计要求提供一个能调用所有命令的手段。用动词来描述一个按钮是用来做什么的

2、。如果不是直接用动词描述，用户可能会感到困惑，并且增加学习的成本。所以"OK"和"Cancel"并不是最佳选择，“Yes”和“No”则更差。案例3、案例4、把文本的重点放在最前面的12个字符上（注：12个字符是英文，对于中文来说可能就是三四个字）。人们阅读地时候总是扫描文字，所以大家可以比较一下这两句话：“您正要进行关机，确认吗？”“关机吗？”同样的意思但是哪一句您阅读地更快呢？按钮的文本应该置于按钮本身而不是列在旁边。研究显示多数触摸屏用户会触碰按钮的下半部，所以我们也建议把文字从垂直居中的位置上提一点，这样用户在按下按钮的同时，文本不容易被手指遮挡。案例5、如果在一

3、组按钮中一样的文字不断重复，那就把这些按钮放到一组，用一个标题来简化文本内容。或者有些情况下可以直接去掉这些重复的文字。这有助于帮助你的用户快速定位他需要进行的操作。案例6、案例7、用户必须阅读辅助型文本后才能明确“确定”按钮的作用。直接将按钮的作用描述作为控件标签，便于用户理解。三、GUI中的写实性近些年来用户界面的视觉设计你一定会发现“写实风格”正逐步变成主流。我们所使用的电脑越来越强劲，速度越来越快，设计师们也有了更多的发挥空间。为了增加细节，我们已经可以使用3D效果、阴影、透明甚至一些物理特性来修饰界面。这其中有些效果能显著改善可用性，比如阴影能够更好地帮助用户区别激活与非

4、激活状态的窗口、iPhone系统中的丰富但有效的动画效果也能极大减少用户的学习成本。最左边的图显然是个特定的男士，而右边那个笑脸形象几乎能指代任何一个人。从这个例子看得出来，如果为了表达一个概念而使用隐喻，那视觉上的细节就必须减少。而事实上实际场合中我们所使用的界面控件一般不会去指代一个特定的东西。GUI界面的写实性接下来我们再来看看电脑上的实际例子，一个代表“主页”的图标：从左到右，我们看到从一间特定的房子到广义上的Home概念的变化，细节越多，越难搞清楚其指代的概念如：下面的图标会让人产生的联想当然，细节也不能太少，保证必要的识别性肯定是前提，至少要让用户看得出这是什么东西：左

5、边这个是人脸，右边这个你就很难分清楚是蛋还是球了。例外情况：当然也有一些领域是特别的，那就是程序图标，只用来指代你的程序。如大家熟悉的PS的图标、QQ的图标等等因此：就像开头所说，图形用户界面就是一堆符号，而符号的精髓就是简洁。让用户快速准确地读懂符号以及其背后的含义是我们每个GUI设计师的重要责任，过多华而不实的写实性只能在可用性上带来明显的问题。在设计中增加细节的目的不是让界面和图标看起来像照片那样真实，而是提高识别性，帮助用户更好地和各种控件进行交互操作四、GUI设计原则与禁忌GUI设计基本原则：1、关注用户及其任务，而不是技术2、首先考虑功能，然后才是表示3、从用户的视

6、角看问题，使用用户的词汇进行描述4、不要向用户暴露实现细节5、使常用的用户任务简单化，不要让用户解决额外的问题6、保持一致性，引导用户的使用习惯7、保持显示惯性，传递信息，而不仅仅是数据GUI设计禁忌1、同一页面包含重复功能的链接或按钮2、将复选框用作单选按钮3、无初始值的多选一设置4、在非开/关设置中使用复选框5、用文本框显示只读数据6、单选按钮之间间隔太大7、当前无效的控件不充分置灰8、显示对用户无意义的错误提示GUI设计禁忌（续）GUI设计禁忌（续）9、相似的功能却有不一致的用户操作界面10、取消按钮无法真正取消操作11、返回按钮不能达到预期的目的12、需要向下滚动才能看到当

7、前页的重要信息GUI设计禁忌（续）13、图片按钮对鼠标按下操作没有视觉变化14、无意义的虚假进度条15、执行长时间的任务时鼠标指针不显示成忙状态16、不考虑用户可能的人为的错误输入17、认为好的UI就是漂亮的UIEND1五、GUI测试要点与总结界面设计与测试规则界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的动作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻