2026/09/21 1:00
2019 年のビデオゲームが優れた UX をどう引き起こしたか
RSS: https://news.ycombinator.com/rss
要約▶
Japanese Translation:
30 年以上にわたる熱心なゲーマーかつ UX デザイナーとしての経験に基づき、ラフ・コースタ（『Fun の理論』著者）の著作を解体分析するために彼と協力した結果得られた本フレームワークは、真のユーザー体験設計には表面的な模倣ではなく深いゲーム理論への洞察が必要であると主張する。目的は、6 つの具体的なレンズ（視角）を適用することにより、段階的にスキルを構築しつつ、「粘着性」や「中毒性」のあるアプリを生み出さないことに置く。直線的でプロット駆動型の設計とは異なり、成功するアプリケーションは『スーパーマリオオデッセイ』のようなタイトルに見られる分形構造かつフィードバック豊かな構造を反映すべきであり、コアメカニクスを確立した後に複雑性を積み重ねるアプローチをとるべきである。この教訓は、盲目に『ホライズン ゼロダAWN』などのゲームのインターフェースをコピーするのではなく、その基盤を理解することを、アラン・ケイや宮崎英浩という伝説的な人物が強調している点で補強されている。
提案されたフレームワークは、これらのレンズを「現在の設計を解体する段階」と「再構築する段階」に分ける：ストーリー（著者が生成する「Story」とユーザーが生成する「Narrative」を区別する）、分形分析、学習ループを用いて解体し、アフォーダンス、ヒントィネス、ペース付けを用いて再構築する。このアプローチは、ユーザーに絶え間ない指示や圧倒的な情報を与えるのではなく、微妙なプロンプトによって自然な流れでユーザーを導くことを目指す。Google などの企業にとって、この方法論を採用することは、「ボトムフィーディング」という浅い使用ループを防ぎ、本物の進歩を育む。究極的には、アラン・ケイが指摘した通り（視座は知能指数 80 ポイント分に相当する）、ユーザーの学習曲線を尊重して分形的フィードバックを与えることで、アプリケーションは魅力的でありながら基本的に非中毒的な報わりのある体験を提供でき、単なる保持よりもlasting なスキルの獲得を最優先することができる。
Text to translate:
Drawing on over 30 years of experience as an avid gamer and UX designer, and after collaborating with Raph Koster (A Theory of Fun) to deconstruct his work, this framework argues that True User Experience design requires deep game theory insights rather than superficial imitation. The goal is to build skills progressively without creating "sticky" or addictive apps by applying six specific lenses. Unlike linear, plot-driven designs, successful applications should mirror the fractal, feedback-rich structures seen in titles like Super Mario Odyssey, where core mechanics are established before layering complexity—a lesson reinforced by legends Alan Kay and Shigeru Miyamoto against blindly copying interfaces from games like Horizon: Zero Dawn without understanding their foundations.
The proposed framework divides these lenses into two phases: deconstructing current designs using Story (distinguishing author-generated "Story" from user-generated "Narrative"), Fractal analysis, and Learning Loops, then rebuilding them with Affordances, Hintiness, and Pacing. This approach guides users naturally through subtle prompts instead of overwhelming them or relying on constant instruction. For companies like Google, adopting this methodology prevents "bottom feeding"—shallow usage loops—and fosters genuine progression. Ultimately, by respecting the user's learning curve with fractal feedback (as Alan Kay noted, perspective is worth 80 IQ points), applications can deliver rewarding experiences that are engaging yet fundamentally non-addictive, prioritizing lasting skill acquisition over mere retention.
本文
80 の IQ ポイント分価値がある「視座（ペルスペクティブ）」：ゲームから学ぶ UX デザインの 6 つのレンズ
「視座（ペルスペクティブ）は 80 の IQ ポイント分価値がある。」 —— アラン・ケイ
アラン・ケイ氏のこの引用には、私にとって大きな意味があります。ユーザーテストからの洞察が「私の視点を変えて」くれるまで、しばしば問題解決に苦戦した経験からです。私は、ビデオゲームもまた私の視点を根本的に変えるだろうと直感していました。それらは単なる古典的な「ゲーミフィケーション」の延長ではなく、よりダークで深い実験的な UX 技術を用いた領域だからです。
近年、携帯電話や SNS の過剰使用について学び、「粘着性（スティッキー）」や「中毒性（addictive）」を追求するのは道徳的ではないと理解しました。そのため、私はもっと深い何かを探していました。ゲームの方が肉感的（visceral）であり、その探求が私をどこへ導くのか知りたかったのです。
前提：ゲーマーである UX デザイナーのパラドックス
私は熱狂的なゲーマーですが、UX デザイナーとしての自分にとっては少し「異国情緒」がありました。特に以下の 3 つの懸念がありました。
- 「ジュイシー（Juicy）」なデザインへの抵抗感
- ゲーム用語に「ジュイシー」とあり、あらゆるアクションに対して映像エフェクトを多く与えるスタイルです。
- 楽しい見かけですが、生産性は低くなる傾向があります。ユーザーを圧倒するようには設計したくありませんでした。
- 緊張感とスパークルのバランス
- ゲームは戦闘など緊張感とスパークル（輝き）に満ちています。例えば、「モンスターを倒すための完璧なフロー」を求められたら、UX デザイナーは単に「攻撃ボタン」を配置するだけでしょう。
- ゲームの華やかさと、優れたアプリ UX のミニマリズムとシンプルさというパラドックスに直面しました。
- 固い思考からの脱却
- UX デザインに 30 年以上携わってきた私は、多少固い考えを持っていました。
- ラフ・コスター氏（『A Theory of Fun』著者）に 8 ヶ月間会い、彼の書籍を分解し、私の世界に適用する旅を共にしました。彼は忍耐強く、私の誤解を面白がって指摘してくれました。
6 つの「レンズ（視座）」：ゲームからアプリへ
私たちはラフ氏の書籍から、UX デザインへの適用に関する 6 つの「レンズ」を考案しました。 重要： ビデオゲームをコピーすることではありません。それらに触発されることです。
多くの UX デザイナーがエドワード・ツフトーの情報設計の本を読み込むのは、複雑なデータセットを可視化する技術ではなく、データパターンからの快楽的な知的洞察に惹かれているのと同様です。ゲームはフラクタルであり、学習ループを持ちます。それを理解することが価値を生みます。
レンズ 1: ストーリー対ナラティブ（Story vs. Narrative）
ラフ氏は「ストーリー」と「ナラティブ」の区別を強調しました。
- ストーリー： 著者が生成する、通過しなければならない一連のイベント（A-B-C）。
- ナラティブ： ユーザーが生成する、体験したことの思い出話。
ユーザーは常に独自のナラティブを作成しようとします。もしデザイナーが意図した A-B-C の経路に大きなギャップがあれば、ユーザーは自らを補完し、独自のナラティブを生み出してしまいます。
- アプリの課題： 単に機能を一揃い投入するのではなく、旅そのものを理解し、すべての出来事を密接につながったアーチにする必要があります。
事例分析
| アプリ | ゲーム | |
|---|---|---|
| アプローチ | 機能の集まりとして扱う | すべてを「旅」として設計する |
| 例：Macintosh のブート画面 (1984) | テキスト表示、混乱した起動 | 約束と解決のプロセス。 電源を入れる→ビープ音→「約束」があることへの示唆→デスクトップが「膨らむ」 単なる変化ではなく、劇場のような演出でユーザーを導いた。 |
| 例：PayPal のランディングページ | 静的な情報提供 | 物語によるオンボーディング。 「個人／ビジネス」を選択し、マウスホバーで物語が展開し、分岐ごとに明確な CTA を提示することで、ユーザーをアクティブに引き込む。 |
レンズ 2: ゲームはフラクタルです
ゲームは単なる線形のシーケンスではなく、発見のネスト型カスケードを持っています。
- 例：Frogger（蛙飛び場）
- レベルクリアには「道路を渡る」→「川を渡る」→「駐車場に入る」という順序が必要です。
- しかし、「道路を渡る」ためには「車を避けるスキル」、「川を渡る」ためには「カエルの移動タイミング」、「ジョイスティック操作」など、それぞれのサブレベルに独自のフィードバック・学習曲線があります。
| アプリ | ゲーム | |
|---|---|---|
| 設計哲学 | ガイドラインに従い、一貫性を保つ。 「船を揺さぶらない」安定感重視。 | 徹底的にすべてを開梱し、「船が沈んでも気にしない」。 単一のメカニズムを通じて表現力を増大させる。 |
| 例：メニューシステム | 階層的な操作だが、練習が必要。 見つけ出し、明らかにするフラクタルスキルを要する。 | 横スクロール→クリック（垂直モードへシフト）→選択 単一のアクションで複数の意味を持つ複雑さを内包している。 |
レンズ 3: 学習ループ（Learning Loops）
心理学におけるスキ習得の基礎は、「意図→行動→結果→精神モデルの更新」のループです。
- ゲームの本質： **「楽しみとは学習のための別の言葉」**である。楽しむためには学ぶ必要があります。
- 階層的アプローチ： 基本的なスキルから始め、それを重ねて新しい変種を構築します（例：マリオの「ジャンプ」）。
マリオにおける「ジャンプ」の分解
同じアクション「ジャンプ」でも、以下のようにバリエーションが生まれます。
- 初期ジャンプ： シンプルなボタン押下（越え方）。
- ロングジャンプ： 長時間のボタン押下（開ける・到達距離）。
- ランディングジャンプ： タイミング付きのジャンプ（攻撃/ヒット）。
任天堂の教訓：
「まず基本を固め、その後コアコンセプトでできることを最大限に行います。コースや敵については、実は最後にやりました。彼らは単一のエナジーのブレイクで一緒に作られました、ほぼ。」
このアプローチは、各機能を孤立させるのではなく、単一のメカニズムを拡張して複雑さを生み出すことにあります。
| アプリ | ゲーム | |
|---|---|---|
| 設計傾向 | 機能ごとの学習（スタイルガイド参照）。 他の機能との関係は薄い。 | 単一のループの拡張。 「タップ」と「ピンチ」は同じループの変種（高次ループ）であるように設計する。 |
レンズ 4: アフォーダンス（Affordances）
ドン・ノーマン氏の定義に加え、ゲームはアフォーダンスに微妙で巧妙なトーンを加えます。
- 例：『The Legend of Zelda: Breath of the Wild』のスタミナホイール
- ゲージが空になるとキャラクターが前傾し、汗粒が現れるなど、フィードバックが段階的かつ視覚的・身体的に表現されます。
- ユーザーは「緩やかなルートを選べ」と教えられますが、プレイヤーは自分が学習していることに気づいていない状態です。
5 つのアフォーダンスフィードバックタイプ
- 多変数（Multi-variant）： 動作中に多くの小さなフィードバックを提供する（砂粒子の飛び散りなど）。
- 現実性（Reality）： コントローラーの側面とアクションを適切にマッピングする。
- 複数（Multiples）： 視覚、音響、触覚フィードバックを多用し、没入感を高める。
- 混合スタイル（Mixed Styles）： グラフィックスタイルを混在させ、「私対世界」の世界観を作る。
- グラースノート（Grace-notes）： 学習を推進する小さな光の瞬間（例：草の中でバッタが飛び出す）。
| アプリ | ゲーム | |
|---|---|---|
| プロンプト | 可能な限り最小限にする。 | 常に（とても微妙で巧妙に）すべてを促す。 「Take」のインジケーターや、戦闘回避のためのロボットのアナウンスなど、学習意図が透けて見える。 |
レンズ 5: ヒントネス（Hintiness）
アフォーダンスが既存のループを強化するのに対し、ヒントネスはユーザーを「新しいループ」へ移動させる役割を持ちます。
- ゲーム用語： これを「ボトムフィード」と呼びます。
- 現在のレベルで満足してしまい（蜘蛛を殺す→蜘蛛に戻される）、進歩しない状態を防ぎます。
- ユーザーを「快適だが退屈」な状態から救い、学習と改善を促します。
| アプリ | ゲーム | |
|---|---|---|
| ヒントの提供 | ユーザーに一定のスキルレベルを想定し、明示的なプロンプト（ダイアログボックス）で止めることが多い。 | マイクロソフトのクリッピのような逆パターン。 微妙で、最終的に得るまで何度も見せることで「発見と喜び」を提供する。 |
| 戦略 | 迷うことを前提とした設計になりがち。 | ボトムフィードを防ぐ。 例：Photoshop のガイド作成において、アニメーションで「スパークル」を発生させ、ユーザーが自分から試そうとするように誘導する。 |
レンズ 6: ペース（Pacing）
アプリ UX では「どこから始めるか？」という問いが重要です。
- ゲーム： 「1000 マイルの旅路が最初のステップで始まると知っている」。
- 数十コマンドがある『World of Warcraft』でも、最初はたった一つの攻撃呪文から始め、レベルアップに合わせてインターフェースが成長します。
- ユーザーのナラティブ構築を助けるために、経験との密接な結合を作ります。
- アプリ： 「すべて最初に表示し、一度で理解してほしい」という過剰な欲求があります（スキップ、スキップ…）。
| アプリ | ゲーム | |
|---|---|---|
| 導入 | 大きなツールボックスを提供し、ユーザーが「どのように始めるか」を思考させる。 | 旅路の明確な理解を持ち、「ここでまず始めましょう」と導く。 小さな平凡な点から着実に進む構造を持つ。 |
まとめ：ゲームのレンズでアプリを再構築
話し合った 6 つのレンズは、単なる線形リストではありません。以下のプロセスで応用します。
1. 分解する（3 つのレンズ）
ゲームやアプリをより具体的なチャンクに分解します。
- ストーリー対ナラティブ： ストーリーアーチで思考する。
- フラクタル： 大きなことから小さなことへ、そして微細なことに旅路を分解する。
- 学習ループ： コアメカニズムを特定し、単一アクションのバリエーションを作る。
2. 再構築する（3 つのレンズ）
分解した要素をゲーム的な視点で再構築します。
- アフォーダンス： 既知のループへのプロンプトを巧妙に追加する。
- ヒントネス： 新しいループへ移動させるための「ボトムフィード」を防ぐ設計を行う。
- ペース： 「ここから始めましょう」という明確な導入部を作る。
結論： 私はアラン・ケイ氏が約束した 80 の IQ ポイントの一部を感じています。UX デザインを根本的に異なる方法で考えています。 私はゲームを構築していませんが、それらに触発されています。 これらのレンズを使用して、通常の日常的なアプリにおいて価値ある洞察を提供し、フラクタルに分解し、新しいループへのヒントを見つけることに挑戦しましょう。
あなたが触発されることを願っています。