《交互设计》课件-第7章 设计原则

2020PRODUCTDESIGN交互设计07设计原则什么是设计原则？设计原则就是经过大家反复实践、总结好的一些规律。这些规律经过了大量的验证，遵守这些规律，能有效保证设计方案的质量。目录一致性容错性使用正确的意符即时反馈通用设计原则7.1一致性一致性原则，就是相同的功能在不同的页面，需要保证相同的、或者类似的交互操作体验。为什么要遵循一致性？如何运用一致性？1.对界面和功能操作的认知统一，学习成本低7.1.1一致性的价值2.

加强对产品品牌的辨识度7.1.1一致性的价值3.通过组件和模板的梳理：7.1.1一致性的价值保证不同设计师方案的一致新人可以快速上手复用资源，降低设计成本开发同事可以提高开发速度1.界面排版7.1.2一致性的运用2.交互控件7.1.2一致性的运用3.多终端的体验7.1.2一致性的运用4.文案7.1.2一致性的运用产品对用户错误操作的承载性能，即用户对产品操作时出现错误的概率和错误出现后得到解决的概率和效率。

7.2容错性操作前的预防操作中的提醒操作后的解决办法操作前：给用户提示7.2.1操作前置灰错误选项操作设置复杂操作前：给用户提示7.2.1操作前直接展示提示信息操作中：根据操作及时提醒7.2.2操作中支付宝提醒转账输入昵称后提醒昵称被注册操作后：可以反悔ctrl+zGmail撤消提示7.2.3操作后“意符”这个词指的是能告诉人们正确操作方式的任何可感知的标记或声音。——唐纳德·

A·诺曼《设计心理学》

意符概念解析文案的重要性7.3正确使用意符优秀的设计会通过易理解、表意准确的意符，将产品的目的、结构和操作方法清晰得表达出来。7.3.1意符概念解析逃生门A逃生门B文案：展现产品个性7.3.2文案的重要性一个反例一个正例文案：清晰表达信息Forest7.3.2文案的重要性文案：清晰表达信息Forest7.3.2文案的重要性定义：系统在用户进行操作后应立即给予操作结果的展示

7.4即时反馈Forest有明确结果：立即反馈无明确结果：加载/异常状态提示置灰按钮：是否应该有反馈？用户进行操作后，应立即给出反馈7.4.1有结果：立即反馈自身状态改变弹出浮层动效、声音、震动一个比较普遍的错误做法，是提示框（toast）的过多使用7.4.2反馈不能重复Toast给出额外信息Toast没有额外信息页面正在加载以及加载失败，都要给出反馈提示7.4.3无结果：加载/异常状态提示加载提示失败提示页面正在加载以及加载失败，都要给出反馈提示7.4.3无结果：加载/异常状态提示设计师在设计完一个方案后，一定要检查一下方案里所有的操作是否都有反馈。异常状态：无网络、无响应，无数据，无网络，网络慢，是否有缓存，过多数据（比如大量聊天记录、用户填写字数超过限制等），过少数据，数据过期，状态的改变（如换城市）下面的方案，有什么问题？7.4.4置灰按钮：是否应该有反馈？投票浮层——初始状态投票浮层——已投票状态下面的方案，好在哪里？有什么可以改善的？7.4.4置灰按钮：是否应该有反馈？微信登录页面下面的方案，好在哪里？有什么可以改善的？7.4.4置灰按钮：是否应该有反馈？手机号注册页面置灰按钮：不应该有反馈7.4.4置灰按钮：是否应该有反馈？按钮置灰即不可点击的意思，是不可用状态即时反馈vs示能页面应该让用户明白为什么置灰7.4.4置灰按钮：是否应该有反馈？优化前优化后置灰按钮：不应该有反馈7.5通用设计原则界面更美观的产品，信息的质量更高

使用通用设计原则，使界面更清晰、美观7.5.1对齐任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。——《写给大家看的设计书》7.5.1对齐尽量选择尽可能少的对齐方式。对齐的种类越多，页面会更乱7.5.1对齐尽量选择尽可能少的对齐方式。对齐的种类越多，页面会更乱7.5.2分类将相关的项目组织在一起，并且把不同的类别之间用留白区隔开7.5.2