原文链接

和用户操作时间相关

交互设计九大定律 - 图1

点击手机上的调认按细所离的时间, 和与按组的距, 按组的大小有关, 感长, 所的时间邀长; 按田越大, 所的时间短

定义

界面布局中元素的大小是否符合场景 / 业务需要

思考

元素之间的距离是否有调整优化的机会?

设宜合理的大小

菲兹定律

控制合理的相对距离

重要的操作安钮都放在屏拜边绿

增加操作时间, 实现业务目的

交互设计九大定律 - 图2

岁新超

股份有限

新避大体

大学科技园

大学科技园 - 南区

情景 / 业务相适应的大小

芙莲广场

ITICCA 座

数华东路

中海天悦府

高新区

百度地图首页上路线图标是整个业务

济南高新区

实验幼儿园

的的核心功能, 所以相比其他图标要

大卫写字楼

大. 图标越大, 用户越容易到达并

点击, 交互时间越短

公交 49 分钟, 约 17:36 到

k8764 线 6 分斤

菲茨定律

路钱

发现周卫

小磨助手

伯乐助

al 出

山东大:!

交互设计九大定律 - 图3

中简手机配件拼购专营店

关联操作的合理距弃

b

[京东好婴 1 手机三机适甩 M. 华力源罐

OPPO 苹果小米红米一加半人耳式….

京东购物车的全选 (选择操作)

¥29.00

和快速清理 / 删除 (执行操作)

属于关性操作. 所以放置在一

起, 且距离很短.

合快速淋建

血险

移入关注

全选

菲茨定律

88

交互设计九大定律 - 图4

增加操作时间, 实现业务目的

G2M4GOV

下午 5:48 零

购物车

告理

淘宝购物车长按删除并没有出现和微

领步

行更远酬舰店

加国保缓村男 2019 新饮长拍村

信类似的位置接近菜单, 而是:

衣峰画湖流男士把原情合打庄..

黑色 L

¥88

  1. 统一出现在屏幕中央 (距离远)

河凡语者响虹店

  1. 删除按钮较小 (和其他选项持平大

移入收蒙突

小)

请除

找相做

当然这些设置有聚焦内容的考虑

BBJHG 不计后果

但这些细小的交互细节, 也的确的隐

BJHG 秋各项宿冈和绩牛仔裤男语

性的增加了时间, 延缓删除操作. 可

能在这多出的 0.1 秒内, 用户突然就不

¥138

想删除了 (这与玄学相关, 哈哈)

结算

全陆

合计:?G

菲茨定律

和用户决策时间相关

交互设计九大定律 - 图5

用户决策花费时间随着选择的数目和复杂性增加而增加

定义

界面给出的选项 / 操作是否有精简的机会?

思考

界面的复杂程度可以降低吗?

精简选择的余地

席克定律

信息分类, 化繁为简

提供默认选项, 尽量让用户少操作

流程优化, 降低复杂程度

交互设计九大定律 - 图6

a 微信读书的首页给用户的选择只

有一个, 可以让用户聚焦于当下这

本书. 减少面对海量书记的选择性

在你身边, 为微设计: 讯

流失.

席克定律

也符合上篇的优美简约原则

交互设计九大定律 - 图7

b 信息分类化繁为简

美团店铺就按照商品种类将其分类, 把

复杂的商品整理的整整有条

席克定律

交互设计九大定律 - 图8

b 提供默认选项, 让用户尽量少操作

太州味味速蒸

美团点餐, 提供默认地址. 这个案例在

上一遍易取原则也有提到.

ER

席克定律

出名话的礼 1 认年连每 1 年 44 年

交互设计九大定律 - 图9

e 日 - 检仙 0

b 流程优化, 降低复杂程度

¥15.00

178**5379

美团支付推出了免密支付, 降低了支付

中机码县一雷纪录

流程的复杂程度

新氧采用了手机号码一健登陆, 降低了

登录流程的复杂程度

席克定律

交互设计九大定律 - 图10

定义

在短时记忆中, 平均只能记住 7 加减 2 个项目

出现的数目是否在 5~9 个附近?

思考

多信息是否可以选择分段处理?

米勒定律

控制选项的数量

将多信息进行分段处理, 便于用户记忆

交互设计九大定律 - 图11

苔吧

下午 5:07 霾

b 绑定的银行卡号过长进行分段处

银行卡

理成四个, 便于理解, 还有手机号

中南市中市 2479

等较长的数字信息

活加银行卡

米勒定律

交互设计九大定律 - 图12

语 34G0

统拾收货地址

b 淘宝的收货地址也是将信

息进行分段处理, 清晰易读

*He

米勒定律

云岭点路 345 号上海市态耗研究质

更多,

公司

用户快速识别信息的问题

交互设计九大定律 - 图13

亲密性原则

定义

是否将性质相同的功能归为一组排版

思考

邻近性原则

信息层级归类提高阅读效率

将相近功能分为一组

交互设计九大定律 - 图14

每一个过程复杂性都存在临界点, 简化到不能再简化, 只能将复杂性转移到另一个地方

定义

将复杂性降到最低点

泰斯勒定律

将复杂性进行转移, 组合, 隐藏

交互设计九大定律 - 图15

图 4GCD

发超群送

微信头部的加号分栏就是将很多

订 Q 号消息

活加用友

常用功能就行整合隐藏在首页小小

扫一扫

的加号上.

收付款

福动与友馈

复杂性守恒定律

下牛 2 均

下年 316

门 57*/Yourbroth: 泰间

14244

设计 - 资服分享学羽交疏群

钻越

交互设计九大定律 - 图16

如无必要, 勿增实体

定义

任务的流程 / 步骤是否可以简化?

思考

产品功能的删减和增加是否影响主功能?

奥卡姆剃刀原理

给用户清晰的引导

少即是多

交互设计九大定律 - 图17

王桃军: 战业时代决鞋险联

a 给用户清晰的引导

36 氨的课程介绍, 需求给出的信息很

[演村调美审睫际拯农的造粉化, 微模理

多, 但是我们要清楚自己的目的是什

么, 底部用最直接且简单的的颜色和方

法来引导用户. 简单有效

[大家餐喝基坐河小司, 张悦院是不素

奥卡姆剃刀原理

操作前 禁止操作或预告结果

操作中 提醒用户

操作后 给予用户弥补错误的机会

交互设计九大定律 - 图18

a 京东商品没有货物时, 变为灰

色不可选状态, 避免用户进行错

误的购买行动

防错原则

交互设计九大定律 - 图19

A 乐萄山东红毛子生

b 微信在删除好友的操作过程中, 会进

行弹窗提醒

确肚获不真

款然环出摄开糖务品

防错原则

交互设计九大定律 - 图20

用户对未完成任务的记忆比已完成的更深刻

定义

思考

是否可以通过某种方式来提醒任务未完成, 进而达到业务目标?(倒计时, 读条)

蔡格尼克记忆定律

倒计时 / 读条等交反馈

定向反馈提醒

交互设计九大定律 - 图21

全网精选爆款

抢限量 9.9 元起

立南动线

0.0

京喜 app 等众多电商软件

埃了么天阳想市

总 0 一 4G 四

都在设置倒计时, 其实就是

海部适

锦选食品手机家电内衣百货生鲜

在提醒你的购买任务未完

火拼周

5 折梅不停

不玩店的白接开抢

11.27-11.3

成, 来吸引你的注意, 达到

厂直供

GO

淘宝直播

深划算 @亚馆

新人播创站

购买目的.

纸中低至 06 元 / 包

环星拍葡管

给大顺券

今日必拼康注轮 16:37:42

蔡格尼克记忆定律

天天特型

有好货口

淘抢购

限时半价

9.9 包样

990 日 0

¥178OW 林

7990m

每日好店

佳喂视频

定义:用户希望你的使用方式 / 操作和主流保持一致,超出预期用户就不会接受,导致用户流失

能不创新就不创新

好的产品都是创新的

交互设计九大定律 - 图22

河文得

精发插州

a 畅怀旅游在首页不放入功能

口, 而是大量的展示信息流. 与主

流旅游类软件养成的用户习惯不一

致, 导致了大量用户的流失.

28 二 9 搜百

雅各布定律

交互设计九大定律 - 图23

b 与以往的用户自主选择播放相比,

抖音霸道的开屏即播的交互在刚诞生时

候, 不被很多人看好. 但是最终却成为

了现象级的产品.

雅各布定律

  1. 界面布局中元素的大小是否符合场景 / 业务的需要?

  2. 元素之间的相对距离是否有调整优化的机会?

  3. 界面给出的选项 / 操作是否有精简的机会?

  4. 界面的复杂程度可以降低吗?

  5. 出现的数目是否在 5~9 附近?

  6. 多信息是否可以选择分段处理?

  7. 是否需要将性质相接近功能归为一组排版?

  8. 对于无法简化的元素是否可以进行优化?(组合、转移、隐藏)

  9. 产品功能的增加 / 删减是否影响到了主功能?

  10. 是否可以通过某种方式提醒用户未完成任务,进而达成业务目标?(倒计时、读条)
    https://www.yuque.com/docs/share/4d078737-7f56-4aab-afb4-740dea40e9cc?#