AI能写出任何代码,却分不清什么好看什么难看
Shopify设计工作室负责人说,AI已经能执行任意技术复杂度,但审美判断权仍在人手里——他调一个轮播动画用了91次提示,靠不断挑剔而不是动手画图,把关最终效果。
原视频在 YouTube 上放不出来,用音频听:
核心论点 · 点时间戳可跳到原声
AI不懂好看,设计师变成编辑而非画师
Marvin说现在设计师的角色更多是在做editor和curator。AI能把很多以前需要人手画的东西做出来,但它不是"crafter"(匠人)——它能执行复杂度和技术,却不知道什么好看什么难看,这个判断权仍然在设计师手里。他说AI把"产出"的问题解决了,现在的问题变成了对产出的极度挑剔,设计师要做的是持续和AI来回拉扯,挑出能用的那部分。
— Marvin SchweiboldShopify让用户靠聊天直接改后台
Shopify的Sidekick团队在做的事是把UI"带到用户面前",而不是让用户去点界面。商家在首页会收到Sidekick主动提出的建议(比如"重写你的产品描述"),商家点一下就能通过和Sidekick对话直接改动后台数据并发布改动。Marvin说这背后是一个愿景:商家未来可能更多把Shopify当成一个仪表盘,把活儿委托给Sidekick,而不是自己在后台一页页点。
— MarvinFigma没退场,只是变成喂给AI的草图
Marvin现在很少在Figma里做精细视觉稿,但仍然用它画极简的方框草图来表达一个交互动效,比如卡片下拉关闭时该不该可被打断。他把这个草图喂给Codex,发现图像比语言或语音更容易被AI解码——AI看懂草图里暗示的节奏感,比他用文字描述动效要准确得多。
— Marvin靠暴露底层参数才找出AI理解错在哪
Marvin用AI把一段真实草地视频转成可控的网页shader,过程一度卡住,因为AI不理解画面下方其实是起伏的地形而非平面。同事建议装上DialKit——一个能把生成物里的隐藏参数都暴露成滑块的小工具——结果发现AI在几个prompt之前就把地形结构理解错了,草叶一共生成了约21.7万种变体,但长度差异只有零点几,根本看不出区别。暴露参数不只是用来调效果,更是用来定位AI的误解发生在哪一步。
— Marvin标签页藏信息,用户不会点开去找
点评SkillSync时Marvin提出一个经验法则:一页PPT不能超过七行字,做产品页也该有类似约束。SkillSync把大量功能平铺在一排可点击的标签里,但用户不会一个个点开去看,等于把大部分内容藏起来没人看到。他建议用"三件套"(three-up)做法:先想清楚产品最重要的三件事,把其余信息收进去,而不是把功能平铺展开却只做到"一英里宽、一英寸深"。
— Marvin克制而非堆砌,才是专业感的来源
看到Mintlify的主页,两人讨论"专业、干净"的感觉具体来自哪里:标题精简、只展示真正必要的东西、留白足够大,logo墙里有Microsoft、Anthropic、Coinbase这类大客户带来信任背书。Marvin强调这种"少"其实比"多"更难做——团队里每个人都想让自己负责的功能出现在首页上,真正的编辑工作是说服大家做减法,这比随手把所有东西都加上去要难得多。
— Marvin强制滚动是对用户的不礼貌
评论Nullify网站用了scroll jacking(滚动劫持,页面强行接管用户的滚动速度来播放动画)。Marvin态度很强硬:原生滚动是行业应该遵守的底线,用户已经在成千上万个网站上建立了对滚动灵敏度的肌肉记忆,被打断后会不舒服、会分心。他把这类设计原则归纳为"可被打断"(interruptible)——人的思路本身是可以被打断的,Apple的软硬件几十年都在贯彻这点,强制用户走完一段滚动动画是一种傲慢。
— Marvin展示发射动画,用户等不到半秒就划走了
点评航天公司Instinct的网站时,三个hover触发的短动画里,"着陆"那段要等很久才能看出在表现月球着陆,另一段几乎立刻就能看懂。Marvin指出用户的注意力窗口已经缩短到半秒级别,核心画面(比如着陆时阴影在月面变大)应该一开始就给,不必铺垫。他把这类能单独抓住全部注意力的组件称作"showstopper component",建议一个网站有一两个这样的亮点就够。
— Marvin原话 · 已逐字校验
AI has definitely raised the ceiling for all of us, but it's not a crafter. It can execute complexity and technology that I couldn't handwrite code. It can write code, but it doesn't know what looks good and what looks bad.
AI确实为我们所有人提高了天花板,但它不是一个匠人。它能执行我写不出来的复杂代码,它能写代码,但它不知道什么好看、什么难看。
Marvin3:03
we're entering a new era and that future needs to be designed
我们正在进入一个新时代,那个未来需要被设计出来
Marvin12:13
it's an infinitely patient collaborator and and and teammate codex won't get mad at me if i need 91 approaches at getting the animation correct
它是一个无限耐心的合作者,是队友。如果我需要91次尝试才能把动画调对,Codex不会对我发火
Marvin28:34
there's always usually or there should be one specific goal that is like the primary goal or the primary kpi or the the main thing you want a user to do when they hit the site
通常都应该有一个具体目标——一个首要目标、首要指标,或者说你希望用户打开网站后做的那一件主要的事
there's this rule i always have like you can't put more than seven lines of text on a slide if you're presenting work
我一直有这么一条规则:做汇报的时候,一页幻灯片上不能超过七行字
Marvin36:56
it's being reductive in exactly the correct ways and it's showing only the things that are actually necessary to show.
它用恰到好处的方式做减法,只展示真正必要展示的东西。
smooth scrolling on websites is a disaster in the industry
平滑滚动在这个行业里是一场灾难
Marvin55:26
数字与实体
| 调试轮播动画所用的提示次数 | 91次 | 27:31 |
| Shopify公司成立年数 | 20-21年 | 4:05 |
术语
- DialKit拨盘工具
- 把AI生成效果里的隐藏参数暴露成可调滑块,方便实时调试的小工具
- scroll jacking滚动劫持
- 网页强行接管用户滚动速度、播放预设动画的做法
- showstopper component亮点组件
- 网页里专门设计来独自抓住用户全部注意力的视觉组件
- SidekickSidekick
- Shopify的AI基础设施层,用聊天方式直接操作商家后台
收听指南
正在用AI做原型/做产品的设计师、想自己动手搭产品的创始人,以及想知道网站审查标准的产品经理。
开场介绍Shopify组织架构的部分信息密度较低,可以跳过。