第九章界面设计原则.ppt

实验一：临摹平板电脑操作界面 规范性细则： 1)：常用菜单要有命令快捷方式。 2)：完成相同或相近功能的菜单用横线隔开放在同一位置。 3)：菜单前的图标能直观的代表要完成的操作。 4)：菜单深度一般要求最多控制在三层以内。 5)：工具栏要求可以根据用户的要求自己选择定制。 6)：相同或相近功能的工具栏放在一起。 7)：工具栏中的每一个按钮要有及时提示信息。 8)：一条工具栏的长度最长不能超出屏幕宽度。 9)：工具栏的图标能直观的代表要完成的操作。 10)：系统常用的工具栏设置默认放置位置。 11)：工具栏太多时可以考虑使用工具箱。 12)：工具箱要具有可增减性，由用户自己根据需求定制。 13)：工具箱的默认总宽度不要超过屏幕宽度的1/5。 14)：状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。 15)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的 位置和百分比。 16)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。 17)：菜单和工具条要有清楚的界限;菜单要求凸出显示，这样在移走工具条时仍有立体感。 18)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。 19)：右键快捷菜单采用与菜单相同的准则。 3：帮助设施： 系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。 帮助设施细则： 1)：帮助文档中的性能介绍与说明要与系统性能配套一致。 2)：打包新系统时，对作了修改的地方在帮助文档中要做相应的修改。 3)：操作时要提供及时调用系统帮助的功能。常用F1。 4)：在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。 5)：最好提供目前流行的联机帮助格式或HTML帮助格式。 6)：用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。 7)：如果没有提供书面的帮助文档的话，最好有打印帮助的功能。 8 )：在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式。 4：合理性： 屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置， 在放置窗体时要注意利用这两个位置。 合理性细则： 1)：父窗体或主窗体的中心位置应该在对角线焦点附近。 2)：子窗体位置应该在主窗体的左上角或正中 3)：多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。 4)：重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。 5)：错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。 6)：与正在进行的操作无关的按钮应该加以屏蔽(Windows中用灰色显示，没法使用该按钮)。 7)：对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 8)：非法的输入或操作应有足够的提示说明。 9)：对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待 附一：二十世纪代表性的人机界面装置 1、扩音器 2、按键式电话 3、方向盘 4、磁卡 5、交通灯 6、遥控器 7、阴极射线管（CRT） 8、液晶显示器（LCD） 9、鼠标/图形界面 10、条形码扫描器 附二：图形界面设计作品欣赏 例如，在电子地图上可以用不同的颜色区分不同的省、不同的国家；也可以用同一颜色的不同深法度来区分海洋的深度或地形的高度；在电脑游戏中可用颜色来表示游戏的进程。相反地，如果错误地使用颜色，会误导用户放弃操作，如有的打印程序用红色表示激光打印机预热就绪，可以打印，但有的用户却误解为机器出现危险而放弃操作。因此，屏幕色彩的配置直接关系到用户对软件操作的信赖程度。 1、色调的一致性 色调的一致性指的是在整个软件系统中要采用统一的色调，就是有个主色调。例如，用绿色表示运行正常，那么软件的色彩编码就要始终用绿色表示运行正常，如果色彩编码改变了，用户就会认为信息的意义变了。所以，在软件界面设计前，设计者应该把色彩编码标推方案写出来，以利于每一个设计者遵守。 例如很多程序采用交通灯的色彩编码含义。 2、保守地使用色彩 大多数的界面设计者都赞成这一色彩配置原则。所谓保守地使用色彩，就是从大多数的用户考虑出发，根据不同的用户设计不同的色彩。界面设计时提倡采用一些柔和的、中性的颜色，以便于绝大多数用户能接受。因为有时急于使用色彩突出显示效果，反而适得其反。如有的软件界面