• 2。交互设计
• Interactive Design 交互设计的目的是使产 品让用户能简单使用。 任何产品功能的实 现都是通过人和机器的交互来完成的。因 此，人的因素应作为设计的核心被体现出 来
交互设计的原则
1) 有清楚的错误提示。误操作后，系统提供有针 对性的提示。 2) 让用户控制界面。“下一步”、“完成”，面 对不同层次提供多种选择，给不同层次的用户 提供多种可能性。 3) 允许兼用鼠标和键盘。同一种功能，同时可以 用鼠标和键盘。提供多种可能性。 4) 允许工作中断。例如用手机写新短信的时候， 收到短信或电话，完成后回来仍能够找到刚才 正写的新短信。
6.6 数据显示界面设计
6.6.1 数据显示的规则
适当 不要拥挤
6.6.2 字符数据的显示
6.6.3 图形显示
软件界面设计内容
软件界面设计具体包括软件启动界面设 计（SPLASH），软件架构设计，按钮设计， 面板设计，菜单设计，标签设计，图标设 计，滚动条及状态栏设计，安装进度过程 设计，包装及商品化。
2）可定制和修改界面
3）可提供系统响应信息
4）与其他软件系统应有标准的接口
6.1.3 复杂性和可靠性
1) 用户界面的规模和组织的复
杂程度
2）无故障使用的间隔时间
用户界面设计的原则
• 置界面于用户的控制之下 • 减少用户的记忆负担 • 保持界面的一致性
6.2 用户界面设计的任务分析
包括用户特性分析、用户工 作分析、记录用户有关系统的 概念和术语、确定界面类型等4 各步骤。
6.2.1 用户特性分析
• 用户类型
• 用户特性度量
6.2.2 用户工作分析
• 即 任务分析 分析 哪些任务该由机器完 成，哪些任务该由人来完成。
用户界面设计的工作流程
• 1。结构设计：也称为概念设计 （Conceptual Design），是界面设计的骨 架。通过对用户研究和任务分析，制定出 产品的整体架构。基于纸质的的低保真原 型（Paper Prototype）可提供用户测试并 进行完善。在结构设计中，目录体系的逻 辑分类和语词定义是用户易于理解和操作 的重要前提。
菜单设计
• 菜单设计一般有选中状态和默认状态，右 边应为快捷键，左边应为名称，如果有下 级菜单应该有提示（如箭头等），不同功 能区间应该用线条分割 。
标签设计
标签设计应该注意转角部分的变化，状态可 参考按钮
程序图标设计
• 图标设计色彩一般不宜超过64色，大小 为16x16、32x32、64x64等几种，图标设计 是方寸艺术，它需要在小面积内表现出软 件的功能的涵义，因此多数设计人员设计 图标时使用较少的颜色，利用人们对色彩 和网点的空间混合效果，做出了许多精致 的图标
滚动条及状态栏设计
• 滚动条主要是为了对区域性空间的固 定大小中内容量的变换进行设计，应该有 上下箭头，滚动标等，有些还有翻页标。 状态栏是为了对软件当前状态的显示和提 示
安装进度过程设计
• 安装进度过程设计是将软件安装的过程进 行美化
PDF password remover
招商银行登陆界面
软件启动界面设计
• 应使软件启动封面最终为高清晰度的图像，如 软件启动封面需在不同的平台、操作系统上使用 将考虑转换不同的格式，并且对选用的色彩不宜 超过256色，最好为216色安全色。软件启动封面 大小多为主流显示器分辨率的1/6大。如果是系列 软件将考虑整体设计的统一和延续性。在上面应 该醒目的标注制作或支持的公司标志、产品商标， 软件名称，版本号，网址，版权声明，序列号等 信息，以树立软件形象，方便使用者或购买者在 软件启动的时候得到提示。插图宜使用具有独立 版权的，象征性强的，识别性高的，视觉传达效 果好的图形，若使用摄影也应该进行数位处理， 以形成该软件的个性化特征。
6.5 数据输入界面
输入界面是系统的重要组成部 分。一个好的数据输入界面要使用 方便并且可以有效的进行数据输入。
6.5.1 数据输入的规则
（1）确认输入
（2）交互动作 （3）明确取消 （4）确认删除 （5）提供反馈 （6）允许编辑 （7）提供复原
6.5.2 输入表格设计
• • • • 数据验证 屏幕设计 报信 数据输入对话控制
6.4.1 界面设计类型
界面设计类型主要有问题描述语 言、数据表格、图形和图标、菜单、 对话框、以及窗口等等。
6.4.2 菜单 （Menu）
菜单也叫选单，是系统预先设置 好，显示于屏幕上的一组或几组可供 用户选用的命令。
菜单的分类：
（ 1 ）按照显示的形象或样式 分： 1）正文菜单 2) 图标菜单 3）正文和图标混合菜单
申请付款计划的界面
注释Leabharlann 软件框架设计• 软件框架设计应该简洁明快，尽量少用无 谓的装饰，应该考虑节省屏幕空间，各种 分辨率的大小，缩放时的状态和原则，并 且为将来设计的按钮，菜单，标签，滚动 条及状态栏预留位置。设计中将整体色彩 组合进行合理搭配，将软件商标放在显著 位置，主菜单应放在左边或上边，滚动条 放在右边，状态栏放在下边，以符合视觉 流程和用户使用心理。
第六章 用户界面设计
6.1 用户界面应具备的特性
6.1.1 可使用性
用户界面的可使用性是最基本
的目标。它包括：
1）使用的简单性 2）界面术语的标准化和一致性
3）具有帮助功能
4）系统响应快和系统成本低
5）具有容错能力
6.1.2 灵活性
1）考虑用户的特点、能力、知识水 平，界面设计要满足不同用户的要 求
7. 尽量使用真实世界的比喻。如：电话、打印机的 图标设计，尊重用户以往的使用经验。 8.完善视觉的清晰度。条理清晰；图片、文字的布 局和隐喻不要让用户去猜。 9.界面的协调一致。如手机界面按钮排放，左键肯 定；右键否定；或按内容摆放。 10.同样功能用同样的图形。 11.色彩与内容。整体软件不超过5个色系，尽量少 用红色、绿色。近似的颜色表示近似的意思。
对话框
• 必须回答式 • 无需回答式 • 警告式
• 实现：标准对话、 定做式对话
6.4.6 窗口（Windows）
指屏幕上的一个矩形区域，也叫做视 图区（ Viewport）. 用户可以通过窗口显 示、观察其工作领域内的全部或一部分 内容，并可以对所显示的内容进行各种 系统预先规定好的正文和图形操作。
• 3。视觉设计 • Visual Design 在结构设计的基础上，参 照目标群体的心理模型和任务达成进行视 觉设计。包括色彩、字体、页面等。视觉 设计要达到用户愉悦使用的目的。
视觉设计的原则
1. 界面清晰明了。允许用户定制界面。 2. 减少短期记忆的负担。让计算机帮助记忆。 3. 依赖认知而非记忆。如打印图标的记忆、下拉菜 单列表中的选择 4. 提供视觉线索。图形符号的视觉的刺激；GUI （图形界面设计）：Where, What, Next Step 5. 提供默认（default）、撤销（undo）、恢复 （redo）的功能 6. 提供界面的快捷方式
软件按钮设计
• 软件按钮设计一般有三种或三种以上的 状态效果：默认状态；鼠标移上去的状态； 点击时状态；不能点击时状态。按钮应具 备简洁的图示效果，应能够让使用者产生 功能关联反应，群组内按钮应该风格统一， 功能差异大的按钮应该有所区别
软件面板设计
• 一般软件面板功能区分割清晰，且具有缩 放功能，与整个软件界面风格匹配，尽量 做到面积较小，节省空间，切换方便。
交互设计的原则
5）使用用户的语言，而非技术的语言。 6）提供快速反馈。给用户心理上的暗示，避免用户 焦急。 7）方便退出。如手机的退出，是按一个键完全退出， 还是一层一层的退出。提供两种可能性。 8）导航功能。随时转移功能，很容易从一个功能跳 到另外一个功能。 9）让用户知道自己当前的位置，使其做出下一步行 动的决定
正文菜单
图标菜单
（ 2 ）按屏幕位置和操作风格分：
1）固定位置菜单
2）浮动位置菜单 3）下拉式菜单
4）嵌入式菜单
浮动位置菜单
下拉式菜单
下拉菜 单
返回
嵌入式菜单
• 演示 转到上一页 • 演示 转到下一页
6.4.4 对话
也叫对话框，是系统必要时 显示在屏幕上一个矩形区域内 的图形和正文信息。可实现用 户和系统的通信。