3-4.布局和外观错误、文字错误.ppt

1、2006年9月,GUI设计及测试,主讲：王春秀,第3章 布局和外观,3.1 窗口和对话框 3.2 组合框和分割线 3.3 标记和间隔 3.4 排版和图形设计,3.1 窗口和对话框,错误20：将对话框控制按钮与内容按钮混合安放,如何避免,影响整个对话框的按钮应当与那些控制特定数据或设置的按钮区分开来。,错误21：布局没有体现设置的常用或自然顺序,随机布局,如何避免,主流的阅读顺序 使用频度 与其它控件的关系 用户的期望,错误22：窗口初始位置不对,现象： 基于同一坐标显示所有窗口 在父窗口的中间显示子窗口 不在屏幕内显示子窗口 子窗口距离父窗口太远,如何避免,确定每个窗口的显示位置 最佳位置可能

2、依赖于窗口类型 一些通用的启示 窗口应当在屏幕内显示全部内容 交错安放 在微软Windows系统中，外部子窗口不应当在主窗口的内容区域显示。 重要的信息不能被覆盖了,3.2 组合框和分割线,错误23：不恰当地使用组合框 现象： 单个设置外加组合框 组合框外加组合框 整个窗口就是一个组合框,单个设置外加组合框,组合框外加组合框,整个窗口就是一个组合框,如何避免,单独的一个设置项不需要外加组合框 不必要的组合框应当尽量避免 有效地使用间隔和标记,错误24：组合框样式不一样,现象1：混合使用凹凸样式的组合框,现象2：组合框样式不一样,如何避免,一个或一套应用程序中的组合框应当采用统一的样式。,错误2

3、5：分割线样式不一样,一个或一套应用程序中的分割线应当采用统一的样式。,如何避免：,3.3 标记和间隔,错误26：单选按钮之间距离太大,如何避免,同设置按钮之间的距离比不同设置按钮之间的距离短 不规则的布局可以帮助用户利用视觉文理和外形暗示的总体效果来轻松地识别设置的不同组合 可通过分割线或组合框以达到必需的视觉分区效果,错误27：属性标记的对齐方式不一致,如何避免,在一个应用程序或者一组相关的应用程序中，设置标记的对齐属性应当一致 选择左对齐或者右对齐 对过长的标记： 读懂的前提下简化 只对齐其它标记,错误28：标记安放不当,现象1：标记距离设置太远,现象1：文本基线没有对齐,如何避免,标记

4、于对应位置之间的距离应比其它的设置更接近 标记的基线与相应设置的文本基线对齐,错误29：无标记的滚动容器组件,滚动容器组件要进行标示,3.4 麻烦的排版和图形设计,现象1： 文本字体不一 解决办法： 使用默认字体 制订并遵循字体使用指南,3.4 麻烦的排版和图形设计,现象2： 字体过小 解决办法： 使用912号字体 设计时要考虑高分辨率 用户可调整字体大小 不要控制WEB上的字体大小,第4章 文字错误,4.1 非专业的书写 4.2 不友好的消息和标记 4.3 引起误解的窗口标题,4.1 非专业的书写,现象1： 术语不一致（两种情况） 解决方法： 使用一致的术语 编写术语词典 用户参与测试术语词

5、典 常见概念采用行业标准术语 使用消息文件，不要在代码中嵌入标记或消息,现象2：含义不清的术语,解决方法： 避免使用相似的术语 避免术语差别细微的概念 避免使用含义模糊的术语 用户参与术语测试,现象2：用词晦涩,解决方法： 了解用户 基于任务域制作产品术语词典 不要在GUI中使用组件名,现象3：书写马虎,前后不一致的书写样式 拼写、语法或标点符号使用不当 引起误解的文本 解决方法： 请技术写作人员完成 检查所有文本内容的拼写 有外到内地思考,4.2 不友好的消息和标记,现象1：无用的错误信息 File contains invalid characters. File missing or you dont have access. ,解决方法： 用任务域的词汇表达错误信息 不仅要指出问题，还要提供解决建议 改进错误消息 将错误信息上传给能够向用户清楚说明的上层代码 使用参数化的信息或信息显示组件 不同类型的消息有不同的读者,现象2：在命令标记中错误使用或不使用“” 现象3：在设置标记中对冒号的使用不一致 现象4：工具提示和可见标记的内容完全一样,4.3 引起误解的窗口标题,现象1： 不同的窗口使用同样的标题 如何避免： 每