Google的24条交互设计原则-Material Design

Google的24条交互设计原则-Material Design

1.减少输入成本

1.提供选择代替填写

虚拟键盘的局限性：无法高效盲打、空间局限容易误按。尽量提供给用户选择，减少输入

2.提供默认值代替填写

3.移动端利用手势代替输入

Google的24条交互设计原则-Material Design

2.操作符合预期

操作后的状态呈现应符合用户再操作前的预期

心流（flow）：一种将个人精神力完全投注在某种活动上的感觉；心流产生时同事会有高度的兴奋及充实感。使心流发生的活动有一下特征：

1.我们倾向去从事的活动；

2.我们会专注一致的活动；

3.有清楚目标的活动；

4.有立即反馈的活动；

5.我们对这项活动由主控感；

6.在从事活动时我们的忧虑感消失；

7.主观的时间感改变——例如可以从事很长时间而不感觉时间的消逝；

8.不断优化的障碍，我们对于所从事的活动是力所能及的，且具有一定挑战的，我们可以通过不断练习能增加完成障碍的能力。

Google的24条交互设计原则-Material Design

3.避免打断用户任务

反馈尽量使用非模态，替代模态提示。

4.当前状态可见

1.用户应在任何时候明确知晓当前所处位置；

2.用户应在任何时候明确知晓当前系统状态；

5.保持用户注意力聚集

每个步骤的注意力聚焦点尽量有上下承接性。

Google的24条交互设计原则-Material Design

6.操作可撤销

用户操作应该是可逆的，操作后提供可撤销的入口。如果不可撤销，那么虚啊哟操作前提供二次操作。

7.避免让用户出错

用避免出错来代替出错后提示，通常通过功能失效（按钮置灰不可点击）来避免用户误操作

8.出错提示应提供出口

出错应说明原因，并且提供给用户解决的出口。

9.保证信息可读性

界面信心应注意文字、图片与背景的对比，字号字体清晰，可以让用户快速识别。

10.保持控件的识别性和正确用法

基本惯用空间样式应明确、易于识别。控件用法符合基本的操作模式，避免混淆使用

11.为用户保留上一次离开的位置

用户跳至下一页面，或进入新的操作时，为用户保留离开的位置状态，用户返回时仍回到上一位置

12.避免空白状态

为空白状态设计有效的引导信息。

13.界面文案人性化表达

文案避免系统化的机械表达，应采用更人性化的表达方式，可以融入幽默风趣的情感化表达。

14.避免让用户等待

1.在等待过程中，展示预加载假图减少用户焦虑感；

2.在等待过程中，通过动画减少用户焦虑；

3.在等待过车功能中功能，让用户进行其他的活动；

15.选择尽量不超过5个

7+／-2法则，人类头脑最好的状态能记忆含有7+／-2个信息块，在记忆了5～9项信息后人脑开始出错。应用在移动交互设计中，通常指选项内容不超过5个。

16.选择越少，决定越快

希克法则：一个人面临选择越多，需要作出决定的时间越长。在交互界面中表现为选项越多，用户作出决定的时间越长，移动端一个界面完成一个核心人物。

17.如无必要，勿增实体

奥卡姆剃刀法则：勿浪费较多东西去做，用较少的东西，同样可以做好事情，保持简单有效。

让信息更简单的方式：

1.删除不必要的信息

2.调整信息结构，整理收纳

3.不重复的信息通过设计手段隐藏

18.功能引导符合学习曲线

对用户的引导提示应是渐进式的，让用户一步步掌握系统。

Google的24条交互设计原则-Material Design

19.设计需要承担起掩护系统的作用

有时系统的延迟等状况需要通过设计上提供掩护方案来给予用户更好的体验，如预加载策略／缓存策略

ex1:加载进度条每次模拟固定加载到约80%～90%，掩护系统的缓慢加载过程。

ex2:无法加载出新内容时，保留展示上一次的缓存。

ex3：滑卡片看内容体验时，采用预加载策略，保证浏览的顺畅。

20.隐喻的应用需要合理

信息的隐喻需要完整，避免出现不符合物理认知的现象

纸片可以伸缩、改变形象

纸片变形时可以裁剪内容，比如制片缩小时，内容大小不同，而是隐藏超出部分

多张纸片可以拼接成一张

一张纸片可以分裂成多张

纸片可以在任何位置凭空出现

一项操作不能同时触发两张纸片的反馈

层叠的纸片，海报高度不能相同

纸片不能互相穿透

纸片不能弯折

纸片不能产生透视，必须平行于屏幕

21.关于按钮的尺寸和位置

菲兹定律：取得一项目标的时间是与其距离和大小有关的函数

1.按钮等可点击对象需要合理的尺寸

2.主要操作空间尽可能放置便于点击的位置

屏幕的边角适合放置像菜单栏和按钮这样的元素。因为边角是巨大的目标，无限高或无限宽，不可能用鼠标超过它们。不管移动了多远，鼠标最终会停在屏幕的边缘，并定位到按钮或菜单的上面。

22.保持一致性

同性质的信息呈现的操作方式、样式保持一致，减少学习成本和开发成本。

不同类型内容的陈列可以根据不同展现的目标而区别。

品牌传达的一致性。

23.利用用户注意力资源

让用户简单的扫一眼即可抓住重点，关注用户效率。让重点信息足够突出，让用户第一时间注意到。

24.沉浸式体验需独占全屏

在用户需要长时间沉浸体验、或是徐亚较多输入成本时，提供全屏方式，方便用户浏览和操作。