The Death Of The Button: Why The Best Interface Is No Interface

按钮的终结：为何最佳界面是没有界面 — Smashing Magazine

• Carrie Webster

• 2026 年 9 月 9 日

• 0 条评论

按钮的终结：为何最佳界面是没有界面

• 10 分钟阅读

• UX、设计、AI

• 在 Twitter、LinkedIn 上分享

#### 作者简介

拥有 20 多年以用户为中心设计领域经验，且具备网页设计与开发背景的 Carrie，曾参与初创公司至大型企业的项目。了解更多关于 Carrie 的信息 ↬

#### 电子邮件简报

每周前端与 UX 设计技巧，182,000+ 人信赖。

• AI 界面设计模式，30 节课程 + UX 培训

• 与 Manuel Matuzović 一起学习无障碍前端模式

• 实时 UX 培训 —— 与 Vitaly Friedman 一起探索智能界面设计模式

• SmashingConf Freiburg 2026

• 庆祝 1000 万开发者

网络正在超越菜单、表单和无尽点击，向围绕人类意图构建的体验演进。对于 UX 设计师而言，理解这一转变意味着重新评估自身角色，从设计可见界面转向引导透明、以意图驱动的 AI 体验。

自 Xerox Star 等系统率先实现图形用户界面商业化，并由最初的 Apple Macintosh 流行以来，软件一直严重依赖点击交互。如果你想预订旅行、购买鞋子或研究健康症状，你被期望在用户界面的迷宫中导航。你点击菜单、调整滑块、填写多步骤表单、处理 cookie 弹窗，甚至打开数十个浏览器标签页仅为了交叉验证基本信息。我们已经习惯了花更多时间管理软件，而不是真正实现目标。

这种契约正在正式改变。受人工智能和大型语言模型进步的推动，新一代网络工具正在开创一种激进的哲学：意图驱动设计（Intent-Driven Design）。这些平台不再要求用户学习复杂的菜单或点击繁琐的销售漏斗，而是通过捕捉高层次的人类目标，并在后台静默执行繁琐工作来运作。

这一愿景建立在长期的人机交互（HCI）概念之上，例如 Golden Krishna 的“最佳界面是没有界面”以及 Don Norman 的以人为本设计原则。

现代网页设计的终极目标不再是构建更美观的按钮或华丽的动画；而是彻底消除界面本身。

好吧，至少基于我们当前的经验，我们目前的理解是如此。

对于 UX 设计师而言，理解我们正在见证的变化并重新评估自身角色至关重要，我们的关注点应从设计可见界面转向引导透明、以意图驱动的 AI 体验。

10 次点击流程的终结

要理解网页设计的未来方向，我们首先需要审视几十年来我们接受为“正常”的摩擦。

以在线购买航班的传统工作流程为例。用户体验被刻意设计为高度交互：

• 导航至旅行聚合器或航空公司网站。

• 从下拉菜单中选择“往返”。

• 输入出发城市并等待自动补全。

• 输入目的地城市并等待自动补全。

• 点击日历模态框，切换月份并选择出发和返回日期。

• 选择乘客人数和舱位等级。

• 点击“搜索”并等待结果页面加载。

• 按价格、中转时间、出发时间和航空公司筛选结果。

• 对结果进行排序并逐一查看数十个选项。

• 点击通过三页结账流程，避开租车和旅行保险的推销。

这是一种经典的点按式用户界面范式。计算机作为数据的被动容器，而人类则作为协调者，手动输入参数、解释原始输出，并在过程中执行每个微小步骤。

意图驱动设计完全颠覆了这种动态。与其强迫你去操作如何查找航班的机械步骤，界面会直接提出一个简单的问题：你试图完成什么目标？

当你表达一个目标，例如“帮我找一张下周飞往芝加哥、价格低于300美元、下午5点前抵达的直飞航班”时，软件会读取你的意图，在后台执行多步骤搜索查询，比较选项，并呈现一个可操作的解决方案。原本需要十次点击的操作被简化为一个清晰的意图结果。

10次点击流程与AI驱动的意图流程对比。图片由Gemini生成。(大图预览)

三个Web平台示例：用意图取代按钮

这种转变并非遥远未来的理论愿景。世界上一些最易用的网站已经让你可以体验意图捕捉系统。

1. Perplexity AI：无需打开多个标签页的搜索

传统搜索引擎如Google最初被设计为目录。你输入一个关键词，界面会奖励你十个蓝色链接。实际的工作——打开五个标签页、浏览长篇文章、避开广告、手动整理答案——都交给你完成。尽管这一模式正在改变，AI内容现在在Google搜索结果中已优先显示。

Perplexity AI允许任何人进行即时意图搜索。与其强迫你点击多个标签页，界面会根据你的上下文合成最完美的结果。

• 交互过程：你用普通英语提出一个复杂问题：“比较适合计算机科学学生的前三款预算笔记本电脑，重点比较电池寿命和键盘质量。”

• 隐形工作：在不到两秒的时间内，平台会在网络上搜索，阅读数十篇文章，评估硬件规格，并交叉参考用户评论。

图片来源：Perplexity AI。(大图预览)

• 结果：（见上方屏幕截图）Perplexity不会向你抛出网页，而是动态生成一个定制答案，包含格式化的对比表格、优缺点列表和简洁的内联引用。你只需一次操作就能获得原本需要三十次点击的结果。

通过传统链接标签页的合成答案输出。(图片来源：SE Ranking)(大图预览)

2. Vercel v0：无需拖放操作的网页设计

多年来，创建网站意味着使用Figma等可视化构建器或拖放式网页编辑器。作为设计师，我们花费数小时手动绘制矩形、选择十六进制颜色代码、调整内边距值，有时还要编写CSS代码。

Vercel v0允许任何人无需登录即可直接从首页测试其生成式界面构建器。

• 交互过程：用户在输入提示框中输入描述性目标：“为订阅制SaaS应用创建一个现代暗色模式仪表盘，显示月度收入、活跃用户和客户流失图表。”

• 隐形工作：底层AI理解布局原则、可访问性指南、UI组件库和响应式设计。它实时编写干净的HTML、Tailwind CSS和React代码。

• 结果：用户无需花费整个下午调整元素，数秒内即可获得功能完整、像素级精确的用户界面！传统的视觉设计工具被取代，取而代之的是纯粹的人类意图。

由 Vercel v0 生成的 SaaS 仪表盘 UI。来源：v0.app。（大图预览）

3. Goblin.tools：分解令人窒息的任务

许多传统生产力工具要求用户手动创建任务列表、在看板上拖拽项目并分配微小截止日期。Goblin.tools 是一套专为神经多样性用户或感到压力的用户设计的免费单页单任务 AI 工具，无需注册或配置。

Goblin.tools 仪表盘。（大图预览）

• 交互方式：你将一个模糊且令人畏惧的目标输入 Magic Todo 工具，例如“准备面试”。

• 隐形工作：系统不会强迫你规划每个步骤，而是分析目标的认知负荷，自动将其分解为符合你细节偏好级别的可操作子任务。

• 结果：界面消除了压力重重的任务规划阶段，呈现一个完全针对你目标定制的整洁清单。

为面试准备的清单结果。（大图预览）

意图驱动网页设计的核心支柱

当移除传统菜单、侧边栏和表单后，如何保持网站可用性？这一领域的设计师依赖三大核心支柱：

| 支柱 | 传统用户体验方法 | 意图驱动用户体验方法 | |------|------------------|----------------------| | 用户输入 | 微操作（点击、下拉菜单、开关） | 1. 高层次目标（自然语言、上下文、习惯） | | 界面状态 | 静态布局（所有人看到相同页面） | 2. 生成式界面（动态实时生成布局） | | 任务执行 | 用户手动执行 | 3. 背景 AI 代理自主执行 |

1. 高层次目标

隐形界面并非总是等待你输入命令——它利用上下文预判用户需求。遵循 Apple 的《情境与环境设计人机界面指南》等行业标准，现代系统会读取环境元数据（如设备状态、位置、历史交互模式）以触发主动操作。

例如：

• 时间和位置：一个外卖 Web 应用在工作日傍晚 6:30 会优先显示你保存的家地址和晚餐选项。
• 跨应用历史：日历应用检测到一封关于即将到来会议的邮件，自动弹出“一键添加到日程”的卡片，无需手动复制粘贴事件详情。

2. 生成式界面

传统网页设计中，所有用户看到的布局完全相同。无论是首次访问寻找客服支持的新用户，还是追踪包裹的回头客，电商网站都会显示相同的导航栏。

正如 Nielsen Norman Group 在《AI 作为新用户体验范式》分析中指出的，计算正在从基于命令的交互转向结果指定。这使生成式界面（Generative UI）成为可能，界面能根据你当前正在执行的具体操作实时动态渲染。例如，Vercel v0 等平台展示了如何通过原始意图即时生成功能代码组件，无需手动构建布局。当你表达计算复杂财务数据的愿望时，界面会按需生成动态计算器小部件，目标达成后自动收起。

3. 由AI代理执行

传统界面痴迷于预防，不断向用户弹出确认窗口（“您确定要删除此文件吗？”）。

意图驱动的界面通过将安全网从预防转向易于撤销，适应了Jakob Nielsen的10条可用性启发式原则中关于用户控制和错误恢复的规则。由于自主代理会代表用户采取行动，产品优先考虑无摩擦的回滚机制。显眼的“撤销”按钮、简单的修订提示（“让这个摘要更简短”）和透明的审计日志取代了侵入性的警告弹窗。

隐藏的风险

虽然去除界面摩擦令人感到自由，但移除视觉控制会带来显著的产品设计挑战。当软件根据推断的意图而非直接的点击命令进行操作时，设计师必须应对关键的伦理和技术陷阱。

控制的幻觉

当网站为你做决定时，很快会让人感到居高临下或侵入性。正如斯坦福大学人机交互（HCI）小组的研究所示，自动化必须保持清晰的边界以防止用户挫败感。此外，人本技术中心的伦理框架强调，产品设计师必须防范操纵性的默认设置。

设计师必须在自动化常规操作和明确提示用户进行高风险确认（如金融交易、发布公开内容或更改隐私设置）之间找到微妙的平衡。

黑箱问题

在传统UI中，如果得到意外结果，通常可以诊断问题——可能是选错了过滤框或选择了错误的日期。

在意图驱动的界面中，故障排除变得更加困难。为了解决这个“黑箱”挑战，Google PAIR（People + AI Research）指南提倡透明的反馈循环。系统必须明确说明其解释（“正在搜索前往芝加哥的无经停航班，价格低于300美元……”），以便用户即时校准信任并纠正误解。

从用户体验视角

作为一名用户体验设计师，我始终对理解AI世界中设计方法的变化充满好奇，我认为重新评估我们专业基础要素至关重要。

与其设计静态按钮和僵硬的表单，我们需要学习映射并呈现动态的、生成式UI组件，这些组件能够实时适应用户意图。

通过掌握这些不断演变的模式，如环境反馈、内联提示和透明的AI状态指示器，我们可以确保无屏幕、代理驱动的工具保持直观、伦理且以人为本。

结论

最终目标：最好的设计是无设计。

数十年来，数字行业通过参与度指标（如应用内停留时间、点击率和每会话页面浏览量）来评估软件的成功。网站被刻意设计为最大化视觉参与度和交互量。

Golden Krishna的经典著作《最佳界面是无界面》背后的理念，与人本技术中心“时间用得其所”运动的整体理念一致，颠覆了这些指标。现代数字产品的终极考验不再是按钮的视觉吸引力，而是：这款软件多有效地解决了问题，并尽可能减少对用户的干扰？

我们正进入一个时代，网页应用的衡量标准将不再取决于界面的美观程度，而是取决于其让这些复杂界面彻底过时的能力。网络的未来不是更多的交互——而是无缝且隐形的自动完成。

(ah, yk)

了解更多：

Smashing Newsletter 每周发送至你的邮箱，涵盖前端与用户体验的实用技巧，只提供真正能用上的内容。

在线参加前端与用户体验工作坊，获取实用指南、直播课程、视频回放和友好的问答环节。

TypeScript 50 讲：全面解析 TypeScript，包含代码讲解和示例。还有其他印刷书籍。