《用户界面设计原则.pptx》由会员分享，可在线阅读，更多相关《用户界面设计原则.pptx（32页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、4.1 设计的总体原则功能原则计算机不能破坏用户的工作，也不能因其懈怠而使用户的工作受到破坏用户原则计算机不应该浪费用户的时间，或者要求用户做与实现目的无关的其他事情第1页/共32页4.1.1 4.1.1 信息架构原则信息架构原则1.1.一个界面一个主一个界面一个主题题2.2.个人信息个人信息&公共信公共信息息3.3.两种基本内容：两种基本内容：列表和表单列表和表单4.4.越少的信息越好越少的信息越好5.5.用户生成的内容用户生成的内容有两个状态：浏有两个状态：浏览状态览状态&编辑状态编辑状态6.6.结构树尽量窄而结构树尽量窄而浅，并保持平衡浅，并保持平衡7.7.与现实经验一致与现实经验一致固
2、定的位置固定的位置并列的样式并列的样式 第2页/共32页4.1.2 4.1.2 界面表达原则界面表达原则1.1.越少的信息量越好越少的信息量越好2.2.结构化更易于理解结构化更易于理解3.3.信息的表达应该清楚、明确、直接信息的表达应该清楚、明确、直接4.4.操作可识别操作可识别5.5.操作前，结果可预知操作前，结果可预知6.6.操作时，操作有反馈操作时，操作有反馈7.7.操作后，操作可撤销操作后，操作可撤销8.8.让用户知道身处何地让用户知道身处何地9.9.避免内容看上去象广告避免内容看上去象广告10.10.不提供多余的功能不提供多余的功能11.11.相同的功能，在不同的页面中应保相同的功能
3、，在不同的页面中应保持一致性持一致性12.12.措辞统一措辞统一第3页/共32页4.1.3 视觉表现原则1.滚动条看上去像滚动条2.表单统一的对齐方式3.重要的内容放在第一屏4.导航在第一屏的上半部5.避免使用装饰性的图标6.避免内容看上去像广告7.醒目的光标样式8.红色表示警告，绿色表示正常，黄色表示提醒9.灰色表示“暂不可用”第4页/共32页4.2 界面设计的三大原则以用户为中心将界面置于用户的控制之下减轻用户的记忆负担良好的直觉特性保持界面的一致性第5页/共32页4.2.1 用户中心用户应该总是感觉在控制软件而不是感觉被软件所控制用户-而不是计算机或软件-开始动作采取交互式和易感应的窗口
4、从用户的视角出发，使用用户的语言后台运行长进程时，保持前台的交互性容忍用户探索中出错提供用户自定义设置 第6页/共32页4.2.2 记忆负担用熟悉的隐喻为用户的任务提供直接而直观的界面 唤醒用户的知识和经验 支持用户认知而不是记忆 与常见软件保持一致 第7页/共32页4.2.3 一致性一致性为用户提供熟悉可预测的环境用户能够将已有的知识应用到新的任务中，从而更快地接受新事物 统一的命令术语一致的操作环境一致的功能和响应一致的隐喻第8页/共32页4.3 界面设计的基本原则界面简洁方便较快的响应速度整体的美感视觉冲击力和吸引力标准化IBM 1993/Microsoft 1995工业标准人性化定制界
5、面升级是常态多媒体第9页/共32页4.4界面设计的一般详则交互布局色彩图标联机帮助错误处理第10页/共32页4.4.1 交互的设计原则尽量提供对所有功能的键盘访问 尽量提供对所有功能的鼠标访问 不可逆的操作要求用户确认 耗时的操作给出反馈 可视的状态转换反馈 鼠标右键仅用于快捷菜单 快捷键的习惯一致性 避免水平滚动条第11页/共32页4.4.2 版式布局的设计原则平衡原则整齐有序、整体平衡协调原则划分一致的功能区对比原则预期原则屏幕上所有对象的动作可预期顺序原则根据需要排列对象显示的顺序第12页/共32页第13页/共32页4.4.3 色彩的设计原则合理利用颜色，实现内容与形式的协调采用柔和中性
6、的颜色，支持用户定制颜色设计一致尽量用单色一屏的色彩种类少于7种对象颜色的选取符合习惯（如果有的话）重要对象选取醒目颜色为区分对象，首先按亮度、其次按颜色背景色选取浅色调暖色调接近观众，冷色调远离观众第14页/共32页4.4.4 图标的设计原则图标表示的映射关系尽可能的直观简单 图标表示的映射关系是唯一的 一个图标系列中的映射模式相同附以简短的文字作为图标的冗余信息 第15页/共32页第16页/共32页4.4.5 联机帮助的设计原则对用户的操作随时给出必要的帮助提供帮助信息而不是数据帮助信息的内容简洁易懂帮助信息的形式包括图表、动画和声音等帮助信息有统一的风格为不同类型的用户提供不同的帮助功能
7、帮助不能影响用户的工作任务，联机帮助结束后应该返回用户的工作任务第17页/共32页4.4.6 错误处理的设计原则检测用户的错误，并提供简明的错误处理手段报错信息以可视化的形式出现报错信息语气友善报错信息尽可能准确报错信息简洁明了、通俗易懂报错信息风格一致提供保护功能和恢复(Undo)功能第18页/共32页4.5 桌面应用界面设计原则易用性规范性合理性协调性独特性安全性多窗口菜单位置快捷方式联机帮助第19页/共32页4.6 Web界面设计原则强调整体，形式与内容的统一3C（Concise/Consistent/Contrast）减少浏览的层次，最少垂直滚动 避免/隐藏右键操作 页面体积最小 屏幕尺寸、屏幕分辨率、浏览器的兼容 第20页/共32页第21页/共32页第22页/共32页第23页/共32页第24页/共32页第25页/共32页第26页/共32页第27页/共32页第28页/共32页第29页/共32页第30页/共32页第31页/共32页感谢您的观看！第32页/共32页