これは後 COVID 世界のボードゲームの夜です。あなたと数人の友人がテーブルを囲み、新しいゲームに挑戦しています。
あなたは説明書を手に取り、皆に朗読し始めますが、数分後にはみんなが落ち着かなくなります。そこで、あなたは始めることに決め、読みながら考えます。最初のラウンドは長くかかり、10 秒ごとに説明書に戻る必要があります。「何をすべきか」を思い出そうと奮闘し、しばらく遊んだ後に説明書を見ることを知っていると、ゲームに感情的に没入するのが難しくなります。
もしかしたら、新しいゲームをプレイする代わりに映画を見ることができるかもしれませんか？
私は読書に関する問題について多くのことを書きました：私たちはしばしば、要点を除いて読んだことをすぐに忘れてしまいます。これは特に、スキルを学ぶために設計された本にとっての別の問題です：このメディアは、文字と行動の間の距離を縮めるのが難しいのです。本は、彼らがやろうとしていることにほとんど触れません。ほとんどの本、特にスキルを育成することを目的とした本は、彼らが語る内容に関するものです。ボードゲームについての本を読むのではなく、ボードゲームをプレイするのです。
もし人々に彼らの人生で最も成長した時期を尋ねると、最も有利な環境はしばしば行動を伴うことに気づくでしょう。ある夏、あなたとあなたのチームは迫り来る試合のために緊張して準備をしました；あるスタートアップは失敗しましたが、多くの貴重な経験を得ました；挑戦を受け入れ、1 ヶ月間毎日新しい曲を書く；数週間の瞑想リトリート；圧倒的な見習い訓練；などなど。これらの物語の中で、本は時には知識の源ですが、偉大なメンター、チームメイト、背景の動機などに比べて、しばしば二次的であり、重要なのは行動です。
私たちのボードゲームの問題と似ています：初めてボードゲームをプレイすることを考えてみてください、しかし以前にプレイしたことがある人と一緒に。これは私が以前に言った「コールドスタート」とは全く異なる体験です。この場合、経験豊富なプレイヤーはあなたに簡単な紹介をしてくれるかもしれません — — あなたの記憶を緊張させないでください — — そして、あなたはプレイを始めることができます。彼らは自分でボードをセットアップするか、他の人にシャッフルやカードの配布を指示します。彼らは言うかもしれません：「私が最初にデモをします。私は 2 枚のカードを引き、その後ここに移動するか、このカードを出すことができます。私はここに移動します、これによりジョンがこのオープンエリアに移動するのを阻止します。さあ、あなたの番です。あなたの目標は XYZ に行くことで、あなたはここから移動を始めるかもしれません。さて、もしあなたがアクションカードを引いたら、もしあなたが望むなら、すぐに行動できます；そうでなければ、カードの内容を読んでください…」ゲーム全体が進行するにつれて、彼らはあなたが知っておくべきことをタイムリーに説明し、あなたが考慮すべき選択肢を説明し、フィードバックを提供するかもしれません。経験豊富な友人が十分な品位を持ち、専制的な Clippy の領域に陥らない限り、これはより楽しく、より効果的な学習ゲームの方法です。
これはボードゲームを学ぶ良い方法であり続けるかもしれませんが、スキル育成の本には多くの実際的な利点があります。情報密度を考慮してください。量子コンピュータのプログラミングを学びたい場合、自分が「行動」する前に、大量の資料を吸収する必要があります。これは、経験豊富な仲間が数十時間をかけて説明する必要があるかもしれませんが、これはほとんどの人にとってすぐに負担になります。説明的なテキストは個別化や人間関係のつながりに欠けるかもしれませんが、より注意深く磨かれることができます；それは疲れず、いつでも準備が整っています；それはグラフィックや抽象的な記号を埋め込むことができます；それは非線形に消費されることができます；それを読む速度は言葉を聞くよりも速いです；などなど。おそらく最も重要なのは、それが大衆メディアであるということです。世界で最も深い専門家や最も鋭い伝達者がこのテーマについて本を書くことができ、数百万人がほぼゼロの限界コストでそれを手に入れることができます。
では、私たちはどのようにして書籍の利点を持ちながら、実践の中にある大衆メディアを創造することができるのでしょうか？私たちはどのようにして、経験豊富な友人とボードゲームをプレイするような説明的な大衆メディアを創造することができるのでしょうか？
動的メディアの役割
行動中の本を創作するのが難しい理由の一つは、本が静的で固定されていることです。読者として、あなたはその文字を「行動」できる環境に移す必要があります。それでも、行動と文字の間には相互作用の機会がほとんどありません。著者は、練習を反映し、自分のフィードバックを生成する方法を提案できますが、それはすべてあなたが自分の頭の中で実行しなければならないスクリプトです。ビデオはこの状況を明確に変えるわけではありません。しかし、コンピュータの展望と、それらがサポートする動的メディアは、表現し、応答することができるものです。
人々はしばしばこの特性を利用してシミュレーション環境を統合することを提案します。生物教科書は、特定のタイプの細胞生物実験を「行う」ために使用できるシミュレーションの培養皿を埋め込むことができるかもしれません。
しかし、可能な限り、私は計算環境が本当に（シミュレーションではなく、「教育的」でもない）実行環境になるときに何が起こるかにもっと興味があります。非線形ビデオ編集インターフェースは、映画を編集する「おもちゃ」ではありません；それらはプロの映画製作者が実際に映画を編集する方法です。Mathematica は、記号表現を操作する「おもちゃ」ではありません；それは特定の数学的作業を行うための本当に最良の方法です。したがって、ビデオ編集に関する動的な「本」は、「おもちゃ」環境やシミュレーションの培養皿を含む必要はありません。むしろ、それは地球上で最高の映画を編集するためのそのような環境に自らを置くことができます。
しかし、説明的なメディアにとって、「そのような実際の環境に置かれる」とは何を意味するのでしょうか？説明的なコンテンツは、環境コンテンツとどのように相互作用するのでしょうか？
過去 10 年間、著者やプログラマーは、私たちに答えを教えてくれるかもしれないインタラクティブな記事を数十本書いてきました（インタラクティブな記事とのコミュニケーションを参照）。個人的には、この分野の仕事は非常に刺激的だと感じています。しかし、私たちが現在議論している願望と完全に一致する記事があるかどうかはわかりません。これらの記事はインタラクティブである可能性があります — — いくつかの実際の操作を含む可能性があります — — しかし、これらの操作は特別に構築されたサンドボックス内にあり、スキルを構築するための実際の環境ではありません。彼らはシミュレーションの培養皿と統合されており、実際の実験室の作業台ではありません。
たとえば、プログラミングのテーマに関する記事は、概念を探求するために使用できる小型のインタラクティブなコードエディタを挿入した長いテキストかもしれません。これは確かに典型的な論文の改善です！しかし、私たちの願望に対して、「行う」ことはここでは二次的な活動です。これらのエディタは実際のプログラミング環境に似ていません；あなたが行ったことを本当のプログラムに適用するためには、多くの障害を乗り越えなければなりません。これは、ボードゲームの説明書を持つインタラクティブな画像を読むようなもので、ボードゲームの簡略化された部分を説明しています。あるいは、より不公平に言えば：それは精巧に作られた立体本のようなものです。あなたはまだ本当に行動していないのです。
もしこれらのインタラクティブな記事の構造が通常、大量のインタラクティブなテキストを含むものであれば、実際の環境を統合する方法はこの構造を逆転させることかもしれません。プログラミングを例にとると：私たちは全体の体験をあなたが選んだ IDE に移し、同時に何らかの方法で説明的なテキストを提示することができるでしょうか？私たちは YouTube の Blender を使った 3D モデリングのコースを Blender に移すことができるでしょうか？
ビデオゲームはこの点で優れています。時にはチュートリアルが非インタラクティブなカットシーンとして現れ、通常のゲームとは全く異なりますが、より良い例は、ガイドとナ arration をインタラクティブな環境のシームレスな要素として提示することで、カメラやコントロールをプレイヤーから「奪う」ことなく行われます。その結果、ゲーム環境の中での豊かな没入感が生まれ、ボードゲームのガイドブックとは対照的です。
ビデオゲームはまた、インタラクティブな記事の別の問題を改善しました：テキストと動的な表現を分離することです。これらの記事は、テキスト内の数字をグラフィック内で直接操作できるパラメータにリンクすることによって、テキストとインタラクティブな要素の間の距離を縮めました。しかし、ほとんどの場合、それらは物理的に分離されており、視覚的には統合されていません。読者の目はテキストとインタラクティブな要素の間を行き来し、作業記憶をかき乱し、追加のオブジェクトを持ち込むことになります。これは単に動的要素の問題ではありません。従来のテキストの静的なグラフィックにも同じ問題があります。しかし、Edward Tufte の本に記載されている解決策は、動的な領域にはほとんど適用されていません。おそらく、創作ツールがより複雑で孤立しているからです。ほとんどの人は、ほとんどが「生産方式で分離」されています。
ビデオゲームは音声の利点を利用して、プレイヤーが見るコンテンツに指示を階層化しますが、文字だけを使用しても、文字をアクションの関連部分の横に配置することができます。この配置により、ゲームは指示とインタラクションの混乱を避けることができ、ボードゲームの説明書で経験したような混乱を避けることができます。ナ arration のコミュニケーションが動的環境に統合されているため、それは環境の他の要素と同様に表現し、応答することができます。優れたゲームでは、ナ arration はプレイヤーの行動に対する継続的な応答のように感じられます。これにより、テキストを読むときの「行動」との分離感が打破されます。
Figma ファイルに入る
（もしあなたが知らない場合。Figma は大まかに言って、ソフトウェアインターフェースの視覚的表現のための協力ツールです）。
過去 2 年間、私はこの記事のテーマに関するノートを集めてきました。ある時点で、私はこれらのアイデアを中心にいくつかのプロトタイプを構築したいと思っています。
Figma はソフトウェアインターフェースにおけるコピー＆ペーストの方法を変えました。Figma はこの変化をユーザーに説明する文書を作成しました。これは非常に平凡に聞こえるかもしれません。私の話を聞いてください。続ける前に自分で見てみることをお勧めします：コピーのボタンをクリックして開始し、左上のフレームを拡大してください。あなたはウェブブラウザの無料アカウントを使ってこのファイルを探索できます。
この文書は最初はハイパーテキストスライドのように読まれます。新しいクリップボード機能の動作を直感的に示しています。これは Figma を使用するための文書であり、Figma 内で作成し使用します。説明的なテキストが混在する中で、このファイルはあなたにコントロールを渡します。
これが私たちが自作の材料と本当の「行動」の間の壁を打破した方法です。あなたは自分が作成したオブジェクトを操作するよう招待されています。これらのオブジェクトは特別ではありません；それらはあなたが他の場所で自分で作成できる同じ「種類」のオブジェクトです。あなたはそれらを新しいファイルにコピー＆ペーストできます。これらのオブジェクトを操作する際、あなたは文書を作成するために使用したのと同じツールを使用しています。さらに重要なのは：あなたはこの空間で本当の仕事をする際に使用するのと同じツールを使用しています。
これはブログ記事になる可能性があり、段落の間にいくつかのインタラクティブな「デモ」エリアを挿入することができます。しかし、逆に、あなたはこの文書と完全な Figma 環境でインタラクションしています。デザインの分野では、これはシミュレーションの培養皿ではなく、実験台です。テキストを除いて、ここでの「行動」とあなた自身の創造的な仕事の「行動」の間に違いはありません。この文書を読むとき、私はグループの構造が異なれば、ペーストの動作がどのように機能するかに興味を持ち、私はすでに理解しているツールを使って設定し、自分でその質問に答えました。その日の後半、私は自分がデザインしたレイアウトで新しいペースト動作を使用していることに気づきました — — 実際に考えることなく。
この文書には多くのテキストが含まれていることを認識することが重要です。これもまた、それを非常に興味深いものにしている部分の一つです。「ワークシート」はそれほど珍しくはありません — — そのような Figma 文書はたくさんあり、あなたに練習といくつかの背景を提供します。
対照的に、コピー / ペースト Figma ファイルは珍しいです。なぜなら、それにはおそらく千語以上の説明的な材料が含まれているからです。ここには大量の説明材料があります。拡張性、深さのある文書の可能性は、メディアの中での典型的な作品への扉を開きます。さらに、コピー / ペーストファイルでは、自作の材料と活動の間の相互作用がはるかに洗練されています。これにより、より短く、より正確なフィードバックループが生まれ、ビデオゲームのチュートリアルや経験豊富な友人とボードゲームをプレイする体験に近づきます。
これは Figma を使用するための文書です。精巧に作られた説明書としては非常に役立ちます。しかし、私たちはより重要な変化を想像するのは難しくありません：Figma で書かれたインターフェースデザインに関する「教科書」です。この入門書では、あなたは単にデザインの知識を読むのではありません。あなたは実際にデザインを行っており、あなたが専門家として使用する環境でデザインを行っています。説明と行動の間に人工的な境界がないため、私はこのような本が、よく設計されたビデオゲームのチュートリアルをプレイしているときの人々の感覚により近づくことができると信じています。
Figma 文書の概念の解釈
もちろん、Figma の「メタドキュメント」メディア自体はさらに進化させることができます。
コピー / ペースト文書内の説明的なテキストには行動と反応がありません。ユーザーにとって、これは本当の動的メディアではありません。説明と行動の間の微細な交流は、読者が自分自身のフィードバックを生成するのを助けるのが容易になりますが、このメディアは読者の行動に反応することによってさらに進むことができます。Earth, a Primer は、読者が提案を完了する際に「チェック」する簡単な方法を示しています：
私たちはまた、特定のテーマに関する計算要素を想像することができます。色彩理論に関する章は、あなたの「主」色の選択に応じて補助色や補色を視覚化するためにリンクされた表現を使用できます。グリッドシステムに関する章は、異なるフォント階層の選択があなたのデザインにおけるベースラインのリズムにどのように影響するかを直感的に理解するのを助けることができます。アクセシビリティに関する章は、コントラスト表をあなたのデザインキャンバスに埋め込むことができます。などなど。
もう一つの興味深い方向性 — — Figma のマルチプレイヤーゲームにも適しています — — は、協力学習の機会をテキストに統合することです。協力学習の標準的な「行動」は、いくつかの異なる方法で解決できる問題を導入し、いくつかの対照的な学生の解決策を列挙して、学生が互いの考えから学ぶのを助けることです。Figma デザイン「教科書」は、個人の「共有」ボードと潜在的な非同期の調整機能を同時に含むことができ、学生がアイデアを交流するのを助けることができます。このアプローチには、ホストを含め、Desmos のようなツールをそれぞれの作業をサポートするために含めることさえできます。
より広く言えば、私が提案するインタラクティブな説明メディアは「教育」シーンに限られません。いくつかの意味のあるプロジェクトの作業過程でも、非常に役立つ可能性があります。たとえば、私たちが新しいオペレーティングシステムのデザインを行っていて、私がいくつかの新しいコントロールを発明した場合、私は静的な Figma 文書だけでなく、「行う」ことによってチームにそれを示すことができます。こうした文書は、タイムリーな専門的な参考資料としても機能します：もし私が初めて広色域ディスプレイを設計するのであれば、そのようなものは役立つでしょう。これらの文書の「入口」は、あなた自身のデザインプロジェクトを説明的な文書に「持ち込む」ことを許可し、実際の作業の背景の中で概念を理解するのを助けることができます。
他の環境への拡張
Figma はもちろん、この形式をサポートできる唯一の環境ではありません。私たちはどこで似たようなものを実現できるでしょうか？このような文書を実現するために、システムはどのような特性を持つ必要がありますか？少なくとも、いくつかの側面を概括することができます。
文書は著者に説明的なコンテンツを伝える方法を提供する必要があります。そしてそれは長時間にわたる可能性があります。Figma にはテキスト要素があります；プログラミング環境にはコメントがあります。他の環境、たとえば音声制作ツールでは、私たちはこの能力を文書モデルに追加する必要があるかもしれません。あるいは、説明的なコンテンツは音声（またはビデオ）チャネルを通じて伝達される可能性がありますが、読者が著者の資料の再生に影響を与えずに文書内のオブジェクトを操作できることを確認する必要があります。
著者はそのコンテンツの段落と読者のインタラクティブな環境内の対応する要素との関係を確立できる必要があります。Figma では、テキストを操作する各要素のすぐ上に配置できます。Finale（音楽制作環境）では、テキストは楽譜の間に交互に配置されるか、特定のフレーズの上に配置されます。Roam ベースのメディアでは、アウトラインの階層構造が著者のテキストと読者のテキストを結びつけるために使用されることがあります。
著者は線形化され、構造化された説明方法を必要とし、読者は「ナビゲーション」の可視性を必要とします。Figma では、ボードがシーケンスで配置され、スクロールやキーボードショートカットで簡単にナビゲートできます。ハイパーリンクや「目次」ボードがナビゲーションをサポートします。レイヤーの階層リストは持続的な目次を提供します。プログラミング環境では、タブのシーケンスが Figma のボードに近似するかもしれません。あるいは、Natto のチュートリアルのように、私たちはこれらの機能を改善するために特別な機能を使用することができます。
他にどのような環境で、このような文書を簡単に作成できるかを想像できますか？
良い自選冒険ゲームを書くための Hypercard 文書。
Unreal Engine 文書形式で提示されたゲーム開発入門チュートリアル。
極めて複雑な Finale 楽譜形式で現れる和声分析ワークショップ。
『How to Take Smart Notes』を Roam グラフに改編する。
ここでは、私は既存の環境で作成できる文書に自分を制限しています。しかし、私たちが既存の可視性に制限されるのではなく、いつの日か Figma のようなシステムを設計して、これらの文書をよりよくサポートできるようにするかもしれません。