NotebookLMの設計

2025年9月21日原文(jasonspielman.com)

概要

NotebookLM のデザインリードとして、コアUX・ブランド・ビジュアルシステムを一から設計
3パネル構造 による直感的なユーザー体験の実現
AI活用 で創造的プロセスを一元化
ユーザー中心開発 と迅速なイテレーション
TIME誌2024年ベスト発明 への選出

NotebookLM：UXとブランドアイデンティティ設計

NotebookLM のプロダクトデザインリード担当
- コアユーザー体験、ブランドアイデンティティ、ビジュアルシステムの設計
- 実験段階から正式リリースまでの全体監修
新規プロダクト創出 への挑戦
- 既存にない体験・パターンをゼロから設計
- クロスファンクショナルなチームとの密な連携
TIME誌2024年ベスト発明賞 受賞実績
Podcast での開発ストーリー共有（Sequoia Raizaと対談）

アーキテクチャとUI進化

初期プロトタイプ のUI
- ノート主導のUI
- ノートキャンバス上にチャットUIをオーバーレイ表示
3パネル構造 への進化
- 学びを統合し、スケーラブルかつ適応的なレイアウトを実現
課題：タブの分散による作業断絶
- 複数ツール間の移動によるアイデア統合の困難さ
- 創造プロセスの全てを一箇所で完結させる空間を目指す
入力・出力・チャットの一体化
- 入力（ソースリスト・オープンソース）
- 出力（ノートリスト・オープンノート）
- チャット・引用・多様な作成エントリーポイント
1000回以上の反復試作
- 明確なメンタルモデルと分かりやすいUIへの到達
- 機内で紙が尽き、ナプキン上で最終案を発見

メンタルモデルとユーザーフロー

NotebookLMのメンタルモデル
- 入力→会話→出力のリニアかつ柔軟な流れ
- ユーザーが文書・ノート・リファレンスを取り込み、チャットで質問・整理・洞察化
- 最終的にノート・学習ガイド・Audio Overviewなどの構造化出力へ
直感的な位置感覚と分かりやすいAI体験

3パネル構造の特徴

読書・執筆・創造の統合空間
- AIによる摩擦低減で全プロセスの共存を実現
ユーザーのニーズに応じて動的に拡縮するパネル設計
- 主要要素（ソース・ノート）への素早いアクセス
- 最小サイズでも本質的なアイコン表示を保持
標準レイアウト
- ソース・チャット・ノートのバランス表示
読書＋チャットモード
- 引用付き応答生成に最適化
チャット＋執筆モード
- 下書き・反復作業に特化
読書＋執筆モード
- ソース参照しながらの執筆向け
パネルのスケーラビリティ
- 新機能やワークフロー追加にも耐える柔軟な構造
各パネルの役割
- Source Panel：ユーザー提供の全入力の集約起点
- Studio Panel：入力からアウトプットへの変換・作成空間
- Chat Panel：体験の中核、他ツールとの連携で動的サイズ調整

ブランドアイデンティティとビジュアル資産

Google Labs・ブランドチームと緊密連携
- Feel Hwang、Nick Mcginnis、Jennifer Leartanasanらと協働
プレスキットからローンチビジュアルまで全資産制作
- 公式Webサイト用アニメーションなど多数作成

開発プロセスの学びとチーム文化

ユーザーと共に創るプロダクト
- 早期リリース・反復改善を重視
- ユーザーのフィードバック・ニーズを即座に反映（例：インライン引用機能）
AIネイティブな新規プロダクト開発
- 研究成果と実際の課題解決の橋渡し
- Audio Overviewはソースに根差し、ワンクリックで学習・要約が可能
会議は“話す”より“作る”が中心
- 少人数・高速開発体制
- UXデザイナーは1名、密な戦略・反復作業
コミュニティエンゲージメント重視
- ユーザーの声と共に成長するプロダクト
- Discordなどで直接交流・意見収集

AI時代のUX設計で得た知見

UIの動的進化
- AIによる複雑な体験の統合・適応的インターフェース
- 読書→チャット→創造の一連体験をシームレスにサポート
コンテキスト認識型UIの重要性
- タスクや目的に応じた適切なアクション・ツールの提示
- 認知負荷の低減、ワークフローの効率化
過渡期としてのチャットUI
- チャットはAI体験の“アンカー”として直感的な導入点
- 新機能（例：Audio Overview Interactive Mode）との併用で柔軟な体験を提供

NotebookLM開発を支えたチーム

主な貢献者
- Sequoia Raiza, Stephen Hughes, Oliver King, Biao (Frank) Wang, Corbin Cunningham, PhD, Yi Yao, Usama Bin Shafqat, Simon Tokumine ほか
関連投稿
- Andrej KarpathyによるNotebookLM評価：https://lnkd.in/ghTdbyXN

まとめ

NotebookLM はAI時代の新しい創造体験を提案
3パネル構造 と ブランド設計 で直感的かつ柔軟なUXを実現
ユーザー中心・高速開発・チーム連携 によるイノベーション推進
今後もさらなる進化と新機能追加を予定

Hackerたちの意見

定期的に使ってる人に聞きたいんだけど、何に使ってるの？音声の概要以外で、バニラのチャットインターフェースやドキュメント統合と比べて、何が良いの？

└

アーカイブの論文やハッカーニュースのコメントセクション、面白い長文のOPとか、他のソースを使って、通勤中に聞けるポッドキャストにしてるよ。

└

友達は大学の勉強のためにクイズやフラッシュカードを作るのに使ってる。

└

私はポストセールスコンサルタントをやってるんだ。つまり、契約が締結された後にクライアントが最初に話す深い技術的な人間ってこと。プリセールスは、私に回ってくる前にすでに何回かミーティングをしてるんだ。彼らの通話のトランスクリプトや契約書（作業内容の説明）をNotebook LLMに入れて、目的や課題、優先事項、リスクなどの高レベルの質問をするんだ。それを私の最初のミーティングのスライドデッキに反映させて、クライアントが詳しく説明したり、異議を唱えたりできるようにして、みんなが同じページにいることを確認するんだ。私の発見セッションが終わったら、そのトランスクリプトもノートブックに入れるよ。それからNotebook LLMを使って、マネジメントスタイルの評価レポートの初稿を作成するんだ。LLMが書いたものをクライアントに見せることはないよ。私は特定の文体を持っていて、AIの雑な文章が大嫌いなんだ。これが企業の承認を得ているのは確かで、私たちはすべてにGSuiteを使ってる。NotebookLMが出力するものには、元の素材からのキュレーションがあるのが好きなんだ。

└

マインドマップツールが好きだな。

└

動画の説明は、私にとって音声の概要よりも良いね。

└

特定のボードゲームについて質問するのに使ってるよ。非常に複雑なゲームを学ぶのに欠かせない存在だね。 obscureなルールを探すためにルールブックをひたすら探す代わりに、ただ聞けば答えてくれるし、どこで見つけたかも教えてくれる。

NotebookLMのUXはあんまり好きじゃないな。レイアウトが分かりづらいし、UIで伝えられる概念も直感的じゃない。中身のパワーがフロントエンドにうまく反映されてない気がする。でも、この記事はすごく良い概要だった。ページもきれいで、彼の視点を見るのが面白かった。彼はプロジェクトについてしっかり考えてるのが伝わったけど、結論や結果には同意できないな。それは一ユーザーの意見だけど、もっと考えられたアプローチが増えるといいな。急速に進化してるこの分野は、デザインに対する職人のような配慮を育むのは難しいね。

└

代替品使ってる？あんまりこの分野を探求してないんだ。

この投稿もNotebookLMと同じ問題があると思う。過剰にデザインされてて、基本的にはシンプルで価値のあるUXなのに、過剰にエンジニアリングされてる。NotebookLMは明らかに役立つけど、ファイルを選んでチャットしたり、要約してもらいたいだけなんだ。情報密度が低すぎて、カードやボタン、セクション、アイコンが多すぎて、コアUXがすごくナビゲートしづらい。この記事では、彼がデザイン中にどんな面白い考えを持ってたのか知りたかったのに、代わりに変なスクロールジャッキングや画像カルーセル、不要な視覚的階層、カードがたくさん出てきた。あまりネガティブになりたくないけど、見た目はかっこいいけど、逆に邪魔になっちゃってる。

└

これを言いに来た。UIはきれいだけど、NotebookLMを使うのは決して素晴らしいユーザー体験ではない。すごく良い製品だから戻ってくるけど、ユーザーインターフェースは好きな部分じゃないな。

└

このコメントを最初に読んで、「え、どれだけひどいの？」って思ったんだ。で、実際にこんなにひどい（過剰にデザインされてる）のを見て、ちょっと面白かったよ。

Hacker Newsで議論の続きを見る

ハクソク