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