Stripe 新官网：对抗"平庸引力"
Lessons From Stripe's Website Redesign
本报告由 AI 深度分析生成，基于视频完整字幕。
导读
YC 的 Design Review 系列是硅谷设计师圈子里流传最广的实战课——YC 合伙人与顶级公司的设计负责人坐下来，把自家产品/网页 pixel by pixel 地拆开讲。没有营销话术，全是"这个决定背后的取舍是什么"。
这期嘉宾 Katie Dill 是 Stripe 设计总监，在她之前领导过 Airbnb Core Experience 和 Lyft Design 的全球设计。这是她第二次上 Design Review——上一期聊了 Stripe 内部怎么做好"walking the store"（走店）。这次聚焦 2026 年 1 月 Stripe 重磅上线的新官网，从旧站（2020 版）开始对比，一路拆到新站的每一个关键决策。
这期的不同寻常之处： 它不是一个营销型访谈，而是一场公开的设计评审。Katie 坦诚承认多个细节的来回、为什么有些版本被否、为什么某个动画让他们把整个发布推迟了一周。最重要的价值是她反复回到的那句"地心引力把一切拉向平庸（gravitational pull to mediocrity）"——以及一个公司该怎么对抗它。
一句话记住： 网站是你的宣言（manifesto） ，不管你叫不叫它这个名字。而"足够好"每天堆叠起来就是你的公司。你每天和"足够好"的战争，决定了你的产品是 6 年不过时还是 6 个月就平庸。
核心观点速览
- 网站是公司的宣言。 不管你叫不叫它这个名字，你选的颜色、字体、动画、图片都在无声地告诉用户"我们是谁"。
- Show, don't tell。 Stripe 新官网用 Bento + 模态框 + 渐进式展开做"让用户不离开页面就能探索产品全貌"。
- Progressive disclosure（渐进式展开） 比"把人赶到子页面"好：用户处于 lean-back 浏览状态，不希望被逼着做决定。
- 动画不是装饰，是语言。 每一帧动画都要问自己"它在说什么？"。无意义的动画比没有动画更糟。
- AI 加速探索 2 倍以上，但不能替代 craft 和 taste。 一天看 20 版 > 一天看 2 版，但哪版"对"依然是人的判断。
- 对抗平庸引力（Gravitational Pull to Mediocrity）。 每天"差不多就好了"的决定叠加起来 = 一个平庸的公司。每个"把事情做到好"的决定都在对抗这股引力。
- 不是 MVP，是 MVQP（最小可行质量产品）。 进步比完美重要，但质量不能低到摧毁用户信任。
- Walking the store（走店）。 设计师、工程师、CEO 每周一起以用户身份走一遍产品流程——只有这样才能看到单个团队看不到的"房间不搭配"问题。
一、Stripe 为什么要重做官网
旧站（2020 版）并没有失败
Katie 开场就澄清一件事：旧站不是因为"太旧"才要换。Stripe 2020 年那版网站 6 年后看依然不落伍。
"I wasn't there at the time, but I do think that they built something that stood the test of time quite well. We weren't, you know, 'Oh my gosh, we have to change it. It's been too long.'" （当时我还没来 Stripe，但我觉得那个团队做出来的东西经得住时间考验。我们不是"天哪必须得换了它太老了"。）
这是第一个反常识的启示： 一个好的公司网站应该能撑 5-6 年。大多数公司的网站需要两三年重做一次，通常不是因为设计过时，而是因为设计从一开始就没投入足够的意图（intention） 。
真正的触发点：业务超越了旧故事
Stripe 2020 年主要卖的是"支付（Payments）"。到 2026 年，它的产品已经扩展到：
- Subscriptions（订阅）
- Billing（账单，包括 AI 公司的 usage-based billing 按量计费）
- Tax（税务）
- Revenue Recognition（收入确认）
- Platform（给像 Shopify 这样的平台处理资金流）
- Issuing（发卡）
- Stablecoins（稳定币）
- Terminal（线下支付）
- Connect（市场平台）
旧站只在"说"它做支付，看不出它已经是一个金融基础设施的完整平台。
"The business had just evolved beyond the point of what the story was being told on this site." （业务已经进化到旧网站讲的故事跟不上的地步。）
关键洞察： 网站改版的触发点不是"UI 过时了"，是"故事跟不上业务了"。如果你的产品已经是业务 3.0，而网站还在讲业务 1.0 的故事，那就该改。
12 度斜杠和杂乱：设计语言失去一致性
Katie 还指出旧站的一个内部问题——设计语言的使用规则不清晰：
- 12 度斜条纹（Stripe 标志性视觉元素）怎么用？
- 颜色和叠加层怎么用？
- 渐变波浪（顶部那个著名的 gradient wave）怎么扩展？
"The gradient wave that's at the top was certainly an element but it didn't really scale well. So, we had to create a new design vision for our language and then update the story." （顶部那个渐变波浪虽然是特色元素，但扩展性不好。所以我们得创造新的设计语言愿景，再更新故事。）
启示： 一个设计系统如果只给了元素，没给使用规则，时间一长就会在不同团队手里长成不同的形状。Katie 实际上在做的不只是改网页，是在重新定义整个 Stripe 的视觉语法。
二、网站 = 公司的宣言（Manifesto）
这是全集最有哲学高度的观点，也是 Katie 设计每个决策的根基。
Patrick Collison 的发问
Katie 透露 Stripe 创始人 Patrick Collison（以极致审美出名）在一次内部会议上问了一个简单到刺人的问题：
"What is the point of a website anyways?" （网站到底有什么意义？）
这个问题在当代 SaaS 世界里几乎没人问。大多数公司的网站功能被假设是"转化漏斗入口"——把流量变成注册用户。
Katie 的回答：
"One part of it is it's your manifesto, whether you explicitly call it that or not. Because you're demonstrating who you are, what you are doing and why you do it. And in some indirect ways right? It's just like the nature of the way that you build your site — how you present yourself, what colors you choose, what typography you choose, the details that you choose to care and the ones you don't." （部分是你的宣言——不管你叫不叫它这个名字。因为你在展示你是谁、做什么、为什么这么做。而且是通过间接的方式——你怎么搭建这个网站、怎么展示自己、选什么颜色什么字体、你选择在乎哪些细节而忽略哪些。）
为什么这个视角重要？
你在网站上不在意的每个细节，都在告诉用户：这家公司对类似级别的事情不在乎。
- 字体对齐不齐 → 用户潜意识："这家公司可能对产品里的精度要求也不高"
- 动画卡顿 → "他们可能对工程质量不够严格"
- 文案含糊 → "他们可能自己都不太清楚在做什么"
- 某个小卡片的边距不一致 → "他们团队内部可能没有统一标准"
这些信号用户不会用语言表达，但会在"信任"层面起作用。 尤其对 Stripe 这种要求用户把上百亿美元交给它处理的公司，信任是命门。
所以他们花了一年多做这个网站
"Honestly painstaking hours over a year or more is what ended up going into this." （老实说，这花了一年多、无数痛苦的时间。）
Katie 明确说这一年多的投入是"为我们自己"，不是为用户。 因为网站本身不直接服务用户（像产品那样），所以它的功利性弱——但恰恰因此，它可以慢下来做对。
"There were many weeks and months of design exploration where we liked it, but we're like, 'No, that's not it.' We're not ready to wear that shirt for the next six years or whatever it might be." （好几周、好几月的设计探索里，我们喜欢某个版本但最后还是说："不，不是这个。" 我们还没准备好穿这件衬衣 6 年。）
类比特别好：网站是你要穿 6 年的"衣服"。 你愿不愿意？
三、GDP 计数器：只有 Stripe 能做的东西
新官网首页一个惊艳的设计元素——实时滚动的"全球 GDP 中多少比例通过 Stripe"计数器。
这个决定背后的逻辑
Katie 的设计思路：
"I like looking at sites and trying to figure out what is something that only this company could do that nobody else could do." （我看其他人的网站时喜欢问：什么是只有这家公司能做、别人做不了的东西？）
这是设计上一个强有力的筛选器：
- 不是"什么是最漂亮的"
- 不是"什么转化率最高"
- 而是"哪个元素是这家公司独有的身份证明"
对 Stripe 而言，那就是——它处理全球 GDP 的数十亿分之一级的金额。只有处理过足够多真实交易的公司，才敢把这个实时数字挂在首页。
为什么这个元素解决"信任"问题
Katie 说 Stripe 服务从"一人小店"到"多国企业"的全频谱用户。所有这些用户都需要相信 Stripe 能扩展到他们的规模。
- "用户 logo 滚动条"是一种社交证据
- GDP 计数器是另一种——量化的规模证据
"We can actually be quantified in the GDP." （这个影响可以用 GDP 来量化。）
模仿启示： 如果你在做自己的产品网站，问自己："什么是只有我能放上去的数据/元素？ " 不是"最好看的 screenshot"，而是证明你独特存在价值的某个数字或元素。
四、Bento Box：如何在一页里讲完十几个产品
Stripe 这次最大胆的设计决定是用 Bento Box（日式便当盒）式的网格来表达产品矩阵。
Bento Box 是什么？
在 Stripe 新官网上，首页滚到中段有一个不规则网格——大小不一的方块，每个方块代表一个产品（Payments、Billing、AI、Issuing、Stablecoins、Platform）。你可以：
- 直接看：每个方块用视觉而非文字"展示"产品功能
- 悬停/点击：弹出一个大的模态框（modal），在不离开首页的前提下给你更多细节
核心原则：Progressive Disclosure（渐进式展开）
"What we're really trying to do is show rather than tell. So, hence the imagery. And then the quick way that you can gain more insight is we do this kind of overlay, this larger modal, so you don't actually have to go off your course." （我们真正想做的是"展示而非叙述"——所以有大量图像。然后想更深入的用户可以打开模态框——但你不会被赶出首页。）
Progressive disclosure 是这次设计最重要的原则：
- 先给一个视觉印象（你瞬间知道这是什么）
- 想深入的用户可以轻点查看模态框（获得更多信息）
- 想要完整文档的用户可以最终点击进入子页
- 每一步，用户都在主动递进，而不是被动被赶到新页面
Bento 之前的备选方案（全部被否）
Katie 展示了几个被否决的版本：
方案 A：超级密集的单屏展示
- 把所有产品塞进一屏
- 问题：文字太多，视觉压倒性过大（too type heavy, not showing versus telling）
方案 B：Scrollytelling（滚动叙事）
- 每个产品占据一屏，用户滚下去看
- 问题：太"慢"，用户等不及（too scrolly telling, you want to get to it faster）
方案 C：手风琴（Accordion）展开
- 点击某个产品标题，下面展开详情
- 问题：用户拿到用户测试结果，根本不会去点
"Even if it's not a lot of effort, right? You want somebody to tap on it or you want them to scroll over it. And you're trying to introduce something to them like 'manage a marketplace end to end.' Like you might know what that means, but you might not. Would you be interested enough to click through and most people just don't click tabs." （即使"点一下"不算多费力。但是，你在试图介绍"端到端管理市场"这种他们可能听不懂的东西——他们不会有兴趣点开。大多数人就是不点 tab。）
关键洞察： 用户在首页是"lean-back（靠后倾）"的浏览模式。他们不想做决定、不想"努力"、不想被推着走。把重要信息藏在一次点击之后，99% 的用户永远看不到。
为什么 Bento 赢了？
Bento Box 满足了所有需求：
- 视觉主导（show, don't tell）
- 所有产品同屏呈现（用户不用滚）
- 想深入的有选项（模态框）
- 不强迫做选择（可直接往下滚）
五、动画的艺术：一周延期的决定
Stripe 官网原计划 2025 年 12 月上线。最终 1 月上线——晚了一个月。
为什么延期？因为 4 个数字动画
首页中段有 4 个统计数字的动画（比如"全球规模""运行时间"）。原本方案里，动画 逻辑和移动有了，但它们之间的过渡不够平滑。
"It was a stage with this where like we had something good. Like we had all four animations but they didn't move quite the way we thought would feel really smooth and really intentional. And the extra detail of how they transition from one to the next just felt a little cludgy." （我们那时候其实已经有了不错的东西——4 个动画都做出来了，但它们的移动不够丝滑、没有那种"刻意感"。额外的细节——它们如何从一个过渡到下一个——感觉有点笨拙。）
团队的决定：等做好再发
Katie 描述了一个关键团队会议：
"It was a group decision that we should wait and we should do it right. We could have, well, let's just only do three or let's just only do one or maybe you don't make the move." （大家一起决定：等它，做对。我们本可以说"算了只做 3 个动画""算了只做 1 个""算了不做动画"。）
但他们选择了推迟整个发布，因为这些动画代表的是 Stripe 的工匠精神。如果动画卡顿，那它就在说"这家公司有时候接受'差不多就行'"——这和 Stripe 想传达的信号正好相反。
动画的原则：意图高于效果
"These aren't animations for animation's sake or interactivity for interactivity's sake. There's an intention and a purpose behind everything." （这些不是为了动画而动画、为了交互而交互。每一个动作背后都有意图和目的。）
每个动画回答一个问题：
- 这个数字代表什么概念？
- 我要通过移动暗示什么意思？
- 这个节奏应该多快？太快 = 炫技，太慢 = 拖沓
- 它和旁边的其他元素配合吗？
这不是技术问题，是文学问题。 动画是你在用时间维度向用户说话。
六、Hero Wave：Stripe 的内部工具化迭代
首页顶部那个 "Stripe 标志性的渐变波浪（gradient wave）" 看似简单，Katie 却在 Stripe 工作 5 年里见过无数个版本。
核心问题：什么样的波浪能撑 6 年？
"I've worked at Stripe now for five years and I cannot even tell you how many different variants of a wave or gradient or gradient wave that I have seen and been a part of. I think we are trying to find every possible solution on this project." （我在 Stripe 工作 5 年，见过的波浪/渐变/渐变波浪版本数不过来。这次项目我们试着把所有可能的方案都做一遍。）
要考量的变量极多：
- 模糊度（blur）
- 颗粒感（grain）
- 尺度（scale）
- 旋转角度
- 纹理
- 颜色配比
- 移动速度
- 和下方文字的互动（文字颜色可读性）
他们做了什么？搭了一个内部工具
不是画 20 张静态图看哪个最好看。 他们做了一个实时预览+调参工具，设计师可以：
- 滑动调整每个参数
- 立即看到结果
- 保存状态，A/B 并列比较
- 导出到真实网页上测效果
"Having a tool like this was essential to make that happen." （这种工具对我们实现目标至关重要。）
这是一个工程化的设计思维： 当一个决策要对 6 年、对千万用户的第一印象负责时，你不能凭直觉选。你要让"枚举所有可能性"变得便宜，让"每个版本都能被真实体验"变得便宜——这样你才能做出真正好的选择。
Patrick 参与的决定
"Patrick is exceptionally decisive and has very good taste." （Patrick 极其有决断力、品味很好。）
Katie 多次提到 Patrick 参与了最终决定。创始人对"公司视觉身份"亲自把关，这在 Stripe 级别的公司里不常见——但这解释了为什么 Stripe 的设计一直保持高水准。
七、AI 在设计中的真实用法：它做什么，不做什么
这是整集最实用的部分——对设计师、产品经理、创业者都有价值。
AI 能做什么：加速探索、加速原型
"AI is helping us speed up our process and certainly helping us explore more. We can look at 20 ideas in the time it normally would have taken to look at two." （AI 帮我们提速流程、做更多探索。之前看 2 个想法的时间，现在能看 20 个。）
具体场景：
- 真实感图像生成：Stripe 首页有些图是"客户品牌 + Stripe 平行四边形"的结合图。用 AI 生成草图 20 张，然后手工打磨最终那张。
- 快速原型：讨论"这个手风琴应该怎么展开"——用 AI 快速生成 prototype，省掉工程师手写代码的时间。
- 用户测试的变体：想知道不同人群对哪种 copy 反应更好？用 AI 一晚上生成几十个版本给不同用户看。
AI 不能做什么：craft / taste / attention to detail
"It doesn't replace craft. It doesn't replace taste. It doesn't replace the attention to detail to ensure that you're getting each of those things right." （它不替代工艺、不替代品味、不替代"每个细节都到位"的注意力。）
具体例子：
- Stripe 给 URBN 品牌做的一张图：AI 生成后，团队批注了一堆问题——"她的手臂姿势不对""他的手指不全""阴影方向不符合光源"
- 一张冰块图里的气泡：AI 生成的气泡看起来像 OK，团队花了几天调真实气泡应该有的密度和形态
AI 会给你 "差不多就行（7/10）"的结果。剩下的 3/10 必须手工做。
关键警告：AI 让人放低标准
这是 Katie 全集最尖锐的观察：
"It's so easy when you put it in the AI tool and it spits back a thing and you're like, 'Oh, that was fast and that was easy and that's pretty good.' And you will feel it in yourself just being like, 'Yeah, I guess that's enough.' But the reality is like don't be wooed by how easy that was to achieve. Instead ask yourself: but is this really great? Is this going to achieve the goal?" （太容易了——你把需求扔进 AI，它甩回一个东西，你就会说"哇快又简单，而且还不错。" 你会感觉自己在想："行吧，够了。" 但实际上不要被"多么容易做到"迷住。问自己：这真的很棒吗？它真的达成目标了吗？ ）
AI 的诱惑不是"它做不出好东西"，而是"它做出的 OK 东西让你失去追求卓越的动力"。
八、引力向平庸（The Gravitational Pull to Mediocrity）
这是全集最深刻、最值得反复想的一段。
什么是"平庸引力"
"The gravitational pull is to mediocrity. Like, it is just so easy to accept good enough." （引力是朝向平庸的。接受"够好了"太容易了。）
日常场景：
- 这个数据图"还行"，但不惊艳 → 算了，团队还有别的事
- 这个按钮的边距差 1 个像素 → 用户反正看不出来
- 这个动画有 200ms 的迟滞 → 没人会测
- 这个文案不够有力 → 但已经改过 5 遍了
- 这个颜色选择不是最好的 → 但已经投票过了
每一个决定孤立看都合理。 每一次"妥协"都有好理由（时间紧、团队累了、还有别的事）。
但如果每天都做这个决定呢？
"Think about if you made that good enough decision every day, all day, every day. And then think about how many companies do that. How many companies really stand out to us as exquisite and exceptional and that hold that bar up?" （想象一下你每天每时每刻都做这个"够好了"的决定。然后想想有多少公司真的就是这样。有多少公司能让我们觉得"精致、卓越、坚守标准"？）
答案：极少。
为什么极少？不是因为大多数公司的人能力不行。是因为大多数公司每天都在接受"够好了"。一百个"够好了"的决定叠加起来就是一个平庸公司。
对抗平庸引力的心理训练
Katie 给出两个自我提问：
问题 1：如果我让这个滑过，我还会让什么滑过？
"If I let this slide, what else am I going to let slide? And what is that composite going to be?" （如果我让这个过去，我还会让什么过去？这些加起来会是什么？）
这个问题的本质： 你在做的不是"这个决定"，你在做的是"我是一个什么样决策者"。每一次"算了就这样"都在强化"我是一个接受平庸的人"这个身份。
问题 2：团队累了，就应该让平庸产品上线？
"A lot of people make decisions based on 'well, the team put so much effort in. I'm going to upset the team if I don't go forward.' But well, how happy is the team going to be if the product is just meh?" （很多人这么想："团队已经付出这么多努力，我不推进会让团队失望。" 但如果产品就是一般，团队能开心吗？）
深层洞察： 让一个平庸产品上线不是"保护团队"。真正的保护是让团队有机会做出他们会为之自豪的东西。短期让团队失望，长期让团队自豪——这是真正的领导力。
核心指令
"Fight the gravitational pull to mediocrity and do not leave well enough alone. Really look for the thing that's going to make a difference." （对抗朝向平庸的引力。不要"让够好了就完了"。真正去寻找那个能带来不同的东西。）
九、MVQP：Minimum Viable Quality Product
这是一个 Katie 发明的术语，专门对抗"MVP"文化里的低质量陷阱。
为什么不是 MVP？
MVP = Minimum Viable Product（最小可行产品）。Lean Startup 方法论的核心——快速出、快速迭代、快速学。
问题是： "最小可行"这个定义没有质量门槛。一个丑陋、卡顿、让人怀疑你专业性的产品也可以叫 MVP。
"I wouldn't call it an MVP. It's probably like an MVQP, like a minimum viable quality product. Because you don't want to lose trust by experimenting with something out in the world." （我不会叫它 MVP。应该叫 MVQP——最小可行质量产品。因为你不能用"把不成熟东西推到真实世界"的方式来丢掉用户信任。）
关键平衡：进步 vs 完美
Katie 明确区分了两个陷阱：
陷阱 1：追求完美
- 永远觉得"还没准备好"
- 团队内部看得再多也学不到真实用户会怎么反应
- 产品的价值只在"出货"那一刻开始产生
"Your product is only as good as what's actually out there, what's shipped. It's not what we've been thinking about. It's not our intention." （你的产品只和"实际上线的东西"一样好。不是你思考中的它、不是你的意图。）
陷阱 2：上线垃圾
- "先出再说"
- 用户一试就对品牌失去信任
- 信任是很贵的，一旦丢了很难重建
MVQP 的实用原则
- 有一个明确的质量下限——低于这个线的不上
- 上线后能通过真实使用数据学到东西
- 不破坏信任——即使功能少，用起来也得顺
- 有明确的改进路径——不是推个烂东西就不管了
十、Walking the Store（走店）：理解用户体验的唯一方式
这是 Katie 上次 Design Review 讲过的方法，这次再次强调它的核心性。
为什么叫"走店"？
类比线下零售： 一个好的零售店老板每天"walks the store"——从门口进来，像顾客一样走完整个商店，感受每一步。
类比软件产品： 软件产品经理/设计师/CEO 每周以用户身份完整走一遍产品流程。
为什么特别重要？
产品团队有一个隐藏陷阱：每个团队只看自己的部分。
Katie 用了一个极其生动的类比：
"It's like in your home when you've updated the dining room, but none of the other rooms. And all of a sudden the light switches don't match and the colors are off and every other room now looks bad." （就像你家里更新了餐厅，但没更新其他房间。突然电灯开关不配、颜色不对了，其他每个房间都显得很糟。）
在软件里的类似现象：
- 订阅团队更新了账单界面
- 支付团队没更新，用户从订阅跳回支付时感觉"回到旧世界"
- 新的界面元素和旧的并存，用户心里感到一阵错乱
- 每个团队都"做对了自己那部分"，但用户体验一团糟
Stripe 的实操
- 全员参与： Katie 说 Stripe 文化里每个人都走店
- "Essential journeys"仪表盘： 核心用户旅程被打分——红 / 黄 / 绿
- 每周五，创始人在全公司面前走店： 这个仪式既传达重要性，也展示"不同角色看到的不同问题"
Katie 的秘密武器：混合团队走店
"I really love to walk the store with an engineer in the room and a product leader in a room and a data scientist in the room because we're all looking at it very differently and we're all going to point out different things." （我特别喜欢和工程师、产品负责人、数据科学家一起走店——因为我们看的角度完全不同，会指出不同的问题。）
设计师会看到："这个按钮样式不统一"
工程师会看到："这个页面加载 3 秒太慢"
数据科学家会看到："这个转化漏斗在这一步流失 40%"
产品负责人会看到："这个信息架构让用户搞不清下一步"
把这些人放一起走同一个流程——你得到的是一张立体的用户体验图，而不是单维的。
十一、设计师的工作在 AI 时代怎么变了
Katie 给出一个清晰的新角色定义。
过去：大量时间做"7/10 的基础产品"
- 画标准的注册 modal
- 调标准的表单布局
- 确认标准的按钮样式
这些现在 AI 能做了。
现在：这些"7/10 时间"用来做什么？
错误答案： 多做几个同样的 7/10 产品，多上线几个。
"Do you just like ship that and just like, you know, ship more sevens out of tens? Like, boy, I hope not." （你就用省下来的时间多出几个"7 分产品"？天哪希望不是。）
正确答案：用来做真正创新的东西——那些 AI 还做不到的新范式。
Katie 给的未来方向
Agent UX（代理体验）： 越来越多用户用 AI agent 来操作产品——你的产品面对 agent 用户是什么体验？
- 不是给人类的 UI
- 不是给程序员的 API
- 是一种介于两者之间、让 agent 能高效代表用户执行任务的新界面
这是一个设计前沿，AI 还没办法替你想清楚。
附录一：Katie Dill 的设计原则
- 网站 = 公司宣言。 每个细节都在无声地告诉用户你是谁。
- Show, don't tell。 图像胜过文字。
- Progressive disclosure。 不强迫用户做决定；层层深入。
- 问"只有我能做什么"。 特色来自独有的身份证明。
- 动画要有意图。 每一帧都回答一个问题。
- 对抗平庸引力。 每天每件事都问"这真的好吗？"
- MVQP 而非 MVP。 质量下限优先于速度。
- Walking the store。 以用户身份走完整流程——而且带上不同角色的人。
- AI 加速，不替代。 用它做探索，但判断和工艺必须是人的。
- Prototype，不 Present。 让设计被体验，不是被讲解。
附录二：金句收录
"What is the point of a website anyways?" 网站到底有什么意义？ ——Patrick Collison（Stripe 创始人）
"Your website is your manifesto, whether you explicitly call it that or not." 你的网站就是你的宣言，不管你叫不叫它这个名字。 ——Katie Dill
"Show rather than tell." 展示而不是叙述。 ——Katie Dill
"These aren't animations for animation's sake or interactivity for interactivity's sake. There's an intention and a purpose behind everything." 这些不是为动画而动画、为交互而交互。每一个决定背后都有意图和目的。 ——Katie Dill
"AI is helping us speed up our process. We can look at 20 ideas in the time it normally would have taken to look at two. However, it doesn't replace craft. It doesn't replace taste." AI 帮我们加速——之前看 2 个想法的时间现在能看 20 个。但它不替代工艺，不替代品味。 ——Katie Dill
"The gravitational pull is to mediocrity." 引力是朝向平庸的。 ——Katie Dill
"If I let this slide, what else am I going to let slide?" 如果我让这个滑过去，我还会让什么滑过去？ ——Katie Dill
"Fight the gravitational pull to mediocrity and do not leave well enough alone." 对抗朝向平庸的引力。不要"够好了就完了"。 ——Katie Dill
"MVQP — minimum viable quality product." MVQP——最小可行质量产品。 ——Katie Dill
"Prototyping, not presenting." 做原型给人体验，而不是演讲给人听。 ——Katie Dill
"What is something that only this company could do that nobody else could do?" 什么是只有这家公司能做、别人做不了的？ ——Katie Dill（设计筛选核心问题）
附录三：时间线索引
- [00:00] 开场：新官网是对业务进化的回应
- [02:00] 旧站（2020 版）经得住时间考验——但业务变了
- [03:00] 旧站的具体问题：产品矩阵表达不全、叙事开始失去
- [04:00] 旧站的内部问题：设计语言使用规则不清
- [05:00] Patrick 的提问："网站到底有什么意义？"
- [06:00] 网站作为"宣言"
- [07:00] 花了一年多做这个网站 + "穿 6 年的衬衣"类比
- [09:00] GDP 计数器：只有 Stripe 能做的社交证据
- [10:00] Bento Box 设计的引入
- [11:00] Progressive disclosure（渐进式展开）核心原则
- [13:00] 动画不是装饰，是语言
- [14:00] 动画原则：有意图高于有效果
- [15:00] 为 4 个数字动画把整个发布推迟一周
- [17:00] 定制图像：Stripe 品牌 + 客户品牌的融合
- [18:00] Squeezy Boy 区域（活动展示）
- [21:00] Hero Wave 的无数个版本 + 内部实时调参工具
- [23:00] Patrick 的参与和决断力
- [24:00] 真实体验 vs 静态展示的重要性
- [25:00] Bento Box 之前的备选方案对比
- [26:00] 手风琴版本的用户测试失败经验
- [27:00] 用户的 "lean-back mode"（靠后浏览模式）
- [28:00] AI 在图像生成中的应用
- [29:00] URBN 案例：AI 图像的细节修正
- [30:00] AI 加速探索但不替代 craft 和 taste
- [31:00] AI 在原型和用户测试中的角色
- [32:00] 设计系统与 AI 工具的结合
- [34:00] 标准产品基线 vs 新范式设计
- [35:00] 警告：AI 让人放低标准的诱惑
- [36:00] 对抗平庸引力（Gravitational pull to mediocrity）
- [37:00] 关键自我提问："如果我让这个滑过，我还会让什么滑过？"
- [38:00] 用户视角 = 产品唯一真正的标尺
- [39:00] Prototyping, not presenting
- [40:00] MVQP 概念引入
- [41:00] Walking the store 的核心价值
- [42:00] 混合角色一起走店的力量
- [43:00] 结束：设计师的"血汗泪"
报告结语
Katie Dill 这次给 Stripe 新官网做的拆解，不只是一堂设计课——它是一堂"如何对抗组织熵增"的课。
三条最值得带走的：
-
网站是宣言。 如果你是创始人/产品负责人，认真地问自己"我选这个颜色/字体/动画时，在对用户说什么？"。用户不会用语言告诉你他们感受到的信号，但他们会用"信任"或"不信任"来投票。
-
引力朝向平庸。 "够好了"是一个累加性的毒药。一天一个"够好了"= 一年 365 个、五年近 2000 个接受平庸的决定。真正杰出的公司每天都在战这场战。
-
AI 让好产品的基线更高了—— 但真正的差异化反而更难、更依赖 taste。"差不多就行"的七分产品现在随便做；** 真正的卓越需要更有意识的对抗"差不多"的诱惑**。
最后一句： Katie 把新网站比作"要穿 6 年的衬衣"。她团队在试衣间一年。换来的是接下来 6 年都不需要重新试衣。 你的产品/公司里，有多少事情值得这样对待？
评论
还没有评论，来第一个留言吧 ✨