用户界面设计原则.pptVIP

第1页，共33页，星期日，2025年，2月5日内容概要设计的总则界面设计的3大原则界面设计的基本原则界面设计的一般详则桌面应用界面设计的原则Web应用界面设计的原则第2页，共33页，星期日，2025年，2月5日4.1设计的总体原则功能原则计算机不能破坏用户的工作，也不能因其懈怠而使用户的工作受到破坏用户原则计算机不应该浪费用户的时间，或者要求用户做与实现目的无关的其他事情第3页，共33页，星期日，2025年，2月5日4.1.1信息架构原则一个界面一个主题个人信息公共信息两种基本内容：列表和表单越少的信息越好

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