用户界面设计原则.pptVIP

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