用户界面设计原则.ppt

用户界面设计原则 内容概要 设计的总则界面设计的3大原则界面设计的基本原则界面设计的一般详则桌面应用界面设计的原则Web应用界面设计的原则 4 1设计的总体原则 功能原则计算机不能破坏用户的工作 也不能因其懈怠而使用户的工作受到破坏用户原则计算机不应该浪费用户的时间 或者要求用户做与实现目的无关的其他事情 4 1 1信息架构原则 一个界面一个主题个人信息 公共信息两种基本内容 列表和表单越少的信息越好 用户生成的内容有两个状态 浏览状态 编辑状态结构树尽量窄而浅 并保持平衡与现实经验一致固定的位置并列的样式 4 1 2界面表达原则 越少的信息量越好结构化更易于理解信息的表达应该清楚 明确 直接操作可识别操作前 结果可预知操作时 操作有反馈 操作后 操作可撤销让用户知道身处何地避免内容看上去象广告不提供多余的功能相同的功能 在不同的页面中应保持一致性措辞统一 4 1 3视觉表现原则 滚动条看上去像滚动条表单统一的对齐方式重要的内容放在第一屏导航在第一屏的上半部避免使用装饰性的图标 避免内容看上去像广告醒目的光标样式红色表示警告 绿色表示正常 黄色表示提醒灰色表示 暂不可用 4 2界面设计的三大原则 以用户为中心将界面置于用户的控制之下减轻用户的记忆负担良好的直觉特性保持界面的一致性 4 2 1用户中心 用户应该总是感觉在控制软件而不是感觉被软件所控制用户 而不是计算机或软件 开始动作采取交互式和易感应的窗口从用户的视角出发 使用用户的语言后台运行长进程时 保持前台的交互性容忍用户探索中出错提供用户自定义设置 4 2 2记忆负担 用熟悉的隐喻为用户的任务提供直接而直观的界面唤醒用户的知识和经验支持用户认知而不是记忆与常见软件保持一致 4 2 3一致性 一致性为用户提供熟悉可预测的环境用户能够将已有的知识应用到新的任务中 从而更快地接受新事物统一的命令术语一致的操作环境一致的功能和响应一致的隐喻 4 3界面设计的基本原则 界面简洁方便较快的响应速度整体的美感视觉冲击力和吸引力标准化IBM1993 Microsoft1995工业标准人性化定制界面升级是常态多媒体 4 4界面设计的一般详则 交互布局色彩图标联机帮助错误处理 4 4 1交互的设计原则 尽量提供对所有功能的键盘访问尽量提供对所有功能的鼠标访问不可逆的操作要求用户确认耗时的操作给出反馈可视的状态转换反馈鼠标右键仅用于快捷菜单快捷键的习惯一致性避免水平滚动条 4 4 2版式布局的设计原则 平衡原则整齐有序 整体平衡协调原则划分一致的功能区对比原则预期原则屏幕上所有对象的动作可预期顺序原则根据需要排列对象显示的顺序 4 4 3色彩的设计原则 合理利用颜色 实现内容与形式的协调采用柔和中性的颜色 支持用户定制颜色设计一致尽量用单色一屏的色彩种类少于7种对象颜色的选取符合习惯 如果有的话 重要对象选取醒目颜色为区分对象 首先按亮度 其次按颜色背景色选取浅色调暖色调接近观众 冷色调远离观众 4 4 4图标的设计原则 图标表示的映射关系尽可能的直观简单图标表示的映射关系是唯一的一个图标系列中的映射模式相同附以简短的文字作为图标的冗余信息 4 4 5联机帮助的设计原则 对用户的操作随时给出必要的帮助提供帮助信息而不是数据帮助信息的内容简洁易懂帮助信息的形式包括图表 动画和声音等帮助信息有统一的风格为不同类型的用户提供不同的帮助功能帮助不能影响用户的工作任务 联机帮助结束后应该返回用户的工作任务 4 4 6错误处理的设计原则 检测用户的错误 并提供简明的错误处理手段报错信息以可视化的形式出现报错信息语气友善报错信息尽可能准确报错信息简洁明了 通俗易懂报错信息风格一致提供保护功能和恢复 Undo 功能 4 5桌面应用界面设计原则 易用性规范性合理性协调性独特性安全性 多窗口菜单位置快捷方式联机帮助 4 6Web界面设计原则 强调整体 形