Stripe 前设计师用五层密度阶梯,回答老板「为什么不能像 Bloomberg」
Dense by design ft. Matthew Ström-Awn (mu.design) | Config 2026 · Matthew Ström-Awn
全片 22 分钟·真正值得盯屏约 14 分钟·3 个必看点
- 0:11 – 3:34看
一个反问引出的一年思考
讲者回忆在 Stripe 提案时,Patrick Collison 指着 Bloomberg 终端问「为什么我们不能更像它」。这个问题挑战了团队关于留白与层级的整套价值观,也成了后续所有探索的起点。
有价值不等于好看——被公认为最丑的软件之一,同时是世界上最赚钱的软件之一。
开场就把两种界面的截图摆在一起,密密麻麻的金融终端和干净的仪表盘形成直接对照,这个对照是理解全场的前提。▶ 跳到 0:11讲者 · Matthew Ström-Awn - 3:37 – 6:10略
第一层:视觉密度不是答案
把「密度」最直觉的理解——屏幕上塞了多少东西——单拎出来检验。讲者拿出既有做得好的例子(如 McMaster-Carr),也有做得糟的例子。
同样是「东西很多」,有的好用有的灾难,所以单看视觉繁简根本判断不了设计好坏。
主要是逐张翻网站截图做正反对比,看清页面大致长什么样就够,不必逐句听讲解。▶ 跳到 3:37讲者 · Matthew Ström-Awn - 6:13 – 10:11看
第二层:信息密度与数据-墨水比
引入 Tufte 的数据-墨水比:去掉装饰性的视觉修辞,让数据自己说话,用更少的像素传达更多信息;反例则是为情绪效果牺牲精确性的「图表罪」。压轴是 1885 年巴黎-里昂火车时刻表。
衡量信息密度看的不是画面挤不挤,而是每一份笔墨换来了多少真实数据。
这一段的说服力全在图上:装饰过度的图表和那张百年时刻表,必须亲眼看到线条如何编码车速与停靠,听描述会完全失真。▶ 跳到 6:13讲者 · Matthew Ström-Awn - 10:16 – 12:35看
第三层:排列本身就在说话
展示一组不增删任何文字、只重新排列元素的页面改造,用户理解得更快也更准。随后系统性地过一遍格式塔原则——接近性、相似性、共同区域等。
不加一个字,只靠位置关系,就能改变用户读懂内容的速度和准确度。
改造前后的页面对比是这个论点的全部证据,只有看到同样的内容换了排布后的样子,才会相信「什么都没加」这句话。▶ 跳到 10:16讲者 · Matthew Ström-Awn - 12:35 – 15:12听
第四层:意义密度的天花板与时间
指出信息压缩存在上限:超过大脑的吸收容量,用户反而什么都拿不到。由此转向时间维度,给出按感知阈值分档的等待处理规则。
低于 100 毫秒直接完成不加动画;100 毫秒到 10 秒给过渡和加载指示;10 秒到 1 分钟上进度条;超过 1 分钟就放用户走,做完再通知。
这几档阈值是纯口头给出的可执行数字,边听边记就行,画面上没有需要盯着看的东西。▶ 跳到 12:35讲者 · Matthew Ström-Awn - 15:15 – 17:40看
顶层:价值密度公式
先用「找 Waldo」说明视觉、信息、意义三层都拉满的设计,在时间上仍可能极其低效;再靠做减法压缩完成任务的耗时,最终收束为全场的核心公式。
价值密度 = 用户获得的价值 ÷ 你要求他付出的时间与空间,即每秒的价值、每像素的价值。
满屏找目标的那张图和做过减法之后的版本放在一起,才能直观感到「省下来的时间」到底有多少,公式也才不是空话。▶ 跳到 15:15讲者 · Matthew Ström-Awn - 17:40 – 19:33看
密度因人而异
拿出一张心电图:对普通人它只是一团噪声,对医生却是判断生死的关键信息。同一份设计的密度,随观看者的专业背景而变。
密度不是设计的固定属性,而是设计与观看者之间的关系——脱离用户谈密度没有意义。
心电图的曲线摆在眼前,你自己作为外行的第一反应就是论据本身,这种体验换成文字描述立刻失效。▶ 跳到 17:40讲者 · Matthew Ström-Awn - 19:37 – 22:12听
少谈工艺,多做工艺
讲者坦言密度的答案早就存在——Tufte、格式塔、几十年的人机交互研究,行业真正的问题是谈论工艺太多、动手实践太少。最后回到那个引发一切的提问。
好问题的价值不在于问得对不对,而在于它能驱动多久的探索。
收尾是纯粹的观点陈述和自省,没有需要看的画面,通勤路上听完正合适。▶ 跳到 19:37讲者 · Matthew Ström-Awn