国庆节前在 X 看到 @dingyi 分享了一篇 NotebookLM 的设计文章，读完很有收获。
作者是 Jason Spielman，他是 NotebookLM 的前设计负责人，目前在做 Huxe，一款 AI 新闻应用。
今天终于有空把笔记整理好，分享出来：
NotebookLM 希望创造一个空间，让创作旅程中的每一个步都能在这里完成，减少在多个工具和页面之间来回切换，解决「标签页过载」的问题。
所以，NotebookLM 围绕创作旅程来构建，左侧 Source 承载输入、中间 Chat 承载交互、右侧 Studio 承载输出：
- 从左侧输入开始，用户放入他们的来源（文档、笔记、参考资料等）。
- 在中间的 AI 对话窗口，跟这些输入来源讨论互动。
- 最终在右侧形成输出，通过 AI 对话，把这些见解转为结果，如笔记、音频、视频等。
这个三栏面板的产品形态，看似简单，其实经历了大量的的迭代，既稳定又具扩展性。
新功能加入时，不会破坏原有的布局，用户的使用习惯得以保留。比如在 Studio 的顶部 Creation 区域逐步加入视频概览、思维导图、闪卡等能力。
比较独特的是，NotebookLM 的左侧来源和右侧输出各自就地呈现：左栏点击来源只在左栏打开，右栏点击输出也只在右栏展开，中间 Chat 不被挤占，三栏彼此独立、互不侵扰。
但是，右侧的输出结果，可以转为输入来源——你的想法笔记或 AI 生成的内容，都可以重新成为你的信息来源，便于重复利用。
左右两侧面板，是可伸缩的，帮助用户聚焦当前任务。比如在「阅读+聊天」时，收缩右侧栏；在「聊天+写作」时，收缩左侧栏。
收缩后的左右两侧面板，仍然保留 ****icon 作为入口，避免割裂跳转的体验，降低用户的认知负担。
还有一个重要考量是「情境感知交互」：AI 基于上下文的理解与预测，在恰当时机主动提供操作建议，让阅读、聊天、创作更顺畅。
对我而言，最重要的收获是，做产品布局时，应该把关键元素抽离出来，找到合适的位置来排布，既追求产品布局的稳定性，也保留产品功能的可扩展性，还要避免引入陌生的概念和布局——NotebookLM 的 Source、Chat 和 Studio 就直观易懂，用户几乎一眼就能上手，最大程度降低用户的认知负担。