イベント運営に必須のインタラクティブ原則5つ！

この記事では、100 近くのケーススタディと、広範囲にわたるインタラクティブな専門知識の調査、統合、改良を組み合わせて、イベント運営者が習得する必要がある 5 つの基本的な UI 原則を紹介します。お楽しみください。

まず、インタラクションプランニングは非常に複雑な仕事のように聞こえます。実際、インタラクションプランニングの分野には多くの専門的な方法論とサブ研究分野があります。ただし、インタラクションプランニングの研究は、最終的にはコピーライティングプランニングと連携して、次の 3 つのレベルのユーザーエクスペリエンス効果を実現することです。

情報を正確かつ効果的に伝える
ユーザーに特定の操作を実行させる
ユーザーに広めてもらう

もちろん、これら 3 段階の効果は、実際の製品体験と製品価値と連動して初めて実現できますが、これら 3 段階の効果を実現する上でのコピーライティングと UI 計画の役割は、家の基礎のようなもので、実際のコンテンツの変換をしっかりとサポートします。コピーライティングとインタラクティブ計画が効果的であればあるほど、コンテンツの体験と価値を高めることができます。

上記の概念を理解した後、イベント操作の範囲に戻りましょう。たとえば、コピーライティングの企画ロジックでは、まず情報の基本的かつ効果的な伝達から始めて、商品体験や価値をいかに正確かつ効果的に伝えるかという、50%から100%までのプロセスを理解します。これがUI企画能力の最も基本的かつ必要な前提条件です。この部分の内容に基づいて、100% から 120%、さらには 1000% までの最後の 2 つの段階を別の観点から検討します。

「もともと世界には相互作用はなかったが、人々がそれを使うにつれて相互作用が生まれた。」
——李白

UI:ユーザーインターフェイス (人間とコンピューターの相互作用のインターフェイスデザイン。軽視されないように、ここで概念を完結します。UI は一般的にユーザーインターフェイスを指します。現在、美しいインターフェイススタイルを UI デザイン (つまり、使い慣れたビジュアル、UI はよりプラットフォームのビジュアルデザイン) と呼びます。インタラクションデザインは、インタラクションデザイン、または UX (ユーザーエクスペリエンスユーザーエクスペリエンスデザイン) と呼ばれます。人間とコンピューターの相互作用は、一般的に HIC (Human Centre Interaction または Human-Computer Interaction) と呼ばれます。

インタラクティブインターフェースデザインとは何ですか?それは何かと正しく効果的にやりとりする方法に関するものです。

相互作用の形式に正しいも間違っているもありません。しかし、ある日、ネジを発明した最初の人が時計回りに回転するように設計し、誰もがそれが使いやすいと感じました。時間が経つにつれて、すべての人とすべての螺旋状製品がこのプロセスに従い、反時計回りに回転する螺旋状のボトルキャップは奇妙で間違った相互作用形式になりました。

これがインタラクションの本質であり、基本的に正しく、良好なインタラクション体験と、長期間にわたって形成された習慣および幅広いコンセンサスが組み合わさったものです。

したがって、インタラクションプランニング能力とは、既存のインタラクションの原則と経験を活用することです。もちろん、原則と経験の解釈と理解の深さにはさまざまなレベルがあります。理解が深まれば深まるほど、インタラクションの原則を使用してさまざまな優れた体験を簡単に作成できます。

もちろん、これまでにない新しい形式のインタラクションを通じてユーザーの習慣を作り、育成し、製品の機能やユーザーのコンバージョン使用習慣の形成に役立てることもできます。しかし、このような高度でクールな操作は、一般的には、製品自体に十分な価値がある場合、または製品がユーザー規模の点で独占的優位性を持っている場合にのみ試みられます（これら 2 つの優位性を持たない製品でも、インタラクションエンジニアが行き詰まっているためか、試みているものもあります）。
たとえば、 WeChatや Apple の製品では、競合他社が模倣するか、ユーザーの習慣移転のコストを受け入れることしかできない、多くのユニークなインタラクティブ体験を見ることができます。

話がそれましたが、イベント運営の話題に戻りましょう。まずは基礎を築きましょう。基本的な UI の原則を学ぶだけで、製品の体験と価値を 100% 伝えることができます。これをもとに、この分野に興味のある人はさらに深い研究を続けることができます。すぐに

100 件近くのケーススタディと、インタラクティブな専門知識の広範な調査、統合、改良を組み合わせて、イベント運営に最も習得する必要がある 5 つの基本的な UI 原則を提供します。この 5 つの原則を理解して使用し、計画したページをリアルタイムで確認することで、情報を効果的かつ明確に伝えるという基本的な第一段階の目標を達成できます。

3W原則

何/どこで/どのように、なぜこの 3 つの W がさまざまな問題分析の原則や論理的組織フレームワークに常に登場するのでしょうか。それは、人々が常にこの 3 つの質問について考えているからです。これら 3 つの質問に対する答えが明確であれば、人々は安心し、安らぎを感じるでしょう。そうでなければ、人々は不安を感じ、現状を変えたいと思うでしょう。

したがって、優れたインタラクションデザインが従う必要がある最初の原則は、多くのインタラクションデザイナーが無視しがちな部分でもありますが、ユーザーが現在いるページの 3W を常に認識させることです。

今私が見ているページは何ですか?
閲覧「マップ」全体の中で、現在私が閲覧しているページはどこにありますか?
目標を達成するにはどうすればいいでしょうか?

優れた商品や特別な企画が各ページでどのように3Wを実現しているのかを徹底的に観察・分析します。

例えば：

内容: 一般的な検索ボックスのスタイルにより、ここで検索できることがわかります。
ここで、検索パステーブルを使用すると、あらゆるレベルのページ間を簡単に前後に検索できます。
方法: 直接的で明確なボタン形式とガイドとなるコピーにより、クリックすることで目標を達成できることが分かります。

最も華やかな方法ではなく、最も一般的な方法を集めて記録し、それらを合理的に組み合わせ、3W の原則を使用して、ページに必要な要素が欠けていないかどうかを確認します。これが、ユーザーが喜んで留まり、操作を完了できるようにする基礎となります。

3 つの質問は、すべて単純なインタラクティブ要素やテキストの形式でユーザーに直接提供されるわけではないことに注意してください。ユーザーが慣れている共通の形式であれば、すべて受け入れられます。たとえば、テキストのない長いボックスが上下に 2 つある場合でも、ほとんどのユーザーは、上がアカウント入力ボックスで、下がパスワード入力ボックスであることがわかります。

柔軟に使用し、厳格に適用しないでください。

期待の一貫性の原則

ユーザーを次のページに誘導するアクションボタンは、現在のページでの優先度がどれだけ低くても、次のページの最も優先度の高いコンテンツに反映される必要があります。こうすることで、ユーザーは正しい操作を行ったという第一印象を持ちます。そうしないと、ユーザーは混乱してしまいます。簡単に言うと、「ホームブランチを表示」というテキストリンクをクリックし、次のページの最初の優先コンテンツで、実際にホームブランチのページに入ったことを知らせる必要があります。

これはナンセンスのように聞こえるかもしれませんが、コピーライティングの計画で示された反例を振り返ってみると、実際にはこの点を無視しているプロジェクトが多すぎます。計画プロセスでは、ページ間のジャンプロジックのみを考慮することがよくあります。ユーザーがボタンを正常にクリックする限り、次のページに確実に移動すると思われます。そのため、多くの悪い事例では、欺瞞的で刺激的なコピーライティングを使用してユーザーを前のレベルに誘導し、その後、他のコンテンツを使用して次のページにフォローアップします。

継続性が期待通りにいかないブラウジングは、何度も失敗するような非常に苦痛です。イライラが許容限界に達すると、製品がいかに価値あるものであっても、ユーザーは離れてしまいます。もちろん、忍耐強いユーザーもいて、彼らはとどまり、多額のお金を費やして何度も挑戦するでしょう。そして、これらのユーザーは、多くのエネルギーを費やしたので、目標を達成する期待値が高くなるという考え方を持っていることがよくあります。

そのため、滞在するユーザーは、最初の試行で高いコンバージョン率のデータ結果を示すことが多く、実際にお金を費やさない限り、2 回目に試そうとは思わなくなります。

このため、多くの悪いキャンペーンでは、最初はコンバージョン数が多くても、その後はどんどん少なくなっていきます。この罠には注意してください。

シングルスレッド動作原理

イベント運営者がしばしば直面する課題は、ユーザーが特別なページを通じて主な目標（購入の完了、ファンになる、拡散を開始するなど）を達成できるようにし、最大で 1 ～ 2 個の副次的なタスクを付加することです。それ以上ある場合は、特別なイベントで解決できる問題ではなく、より複雑な列形式に頼って解決する必要があることを意味します。これには、より専門的で詳細なインタラクション計画が含まれており、このタスクを完了するには、協力する製品マネージャーに引き渡す必要があります。

イベント操作のトピックページ領域に関しては、問題はより単純です。ユーザーが目標を達成するための最適なパスは、複雑なナビゲーションと検索設定を排除し、マルチレベルの情報編成を考慮しません。タスクは、最も単純な問題に簡素化されます。つまり、ユーザーがレベルを下るにつれて、どのようにコンバージョン効率を向上させるかということです。

もちろん、最終的なコンテンツがユーザーにどれだけ魅力的であるかが、本質的にユーザーの忍耐力を決定する要因となります (100 元の現金を受け取るタスクであれば、世界最悪のインタラクションを使用してもまったく問題ありません)。したがって、特定のコンテンツの魅力度の下で、シンプルなインタラクション原則を通じてユーザーの離脱を回避する方法は、議論する必要があるトピックです。

まず第一に、ワイヤレス時代ではユーザーが離脱するリスクが大幅に増加しているという現実に直面する必要があります。 PC 時代の新しく開いたページのロジックにより、ユーザーは制限なく誤った操作を行うことができます。新しく開いたウィンドウである限り、ユーザーは常に操作ステータスがマークされた前のレベルのページを見つけることができます。

ただし、ワイヤレスページは段階的にカバーされており、多数のデバイスまたはブラウザーでは、右にスワイプして閉じるという関係を処理できません (WeChat でのエクスペリエンスも非常に悪いです)。ユーザーが誤ってジャンプするたびに、大きな損失のリスクがあるため、ユーザーが戻る可能性がないかのように、ユーザーのすべてのキークリックを慎重に処理する必要があります。

これに対処する最も効果的な方法の 1 つは、タスク完了パスをシングルスレッドにすることです。一番下までクリックして一番下までスライドするという操作は、ワイヤレスターミナルで最も快適なインタラクティブ操作です。

ユーザーのシングルスレッド操作を妨害するインタラクティブフォームの使用は避けてください。一般的なものは次のとおりです。

複数のユーザーが完了する必要のあるタスクについては、最初からユーザーに選択させるのではなく、タスクを直線的に接続してみてください。たとえば、購入操作やストアフォロー操作は、通常、ユーザーに最初に 2 つのボタンを提供するのではなく、ユーザーが購入を完了した後にガイドされます。 (「カートに追加」と「今すぐ購入」の並列設定がキャンセルされたため、多くの電子商取引Web サイトのワイヤレスバージョンに注目してください。そのほとんどは、カテゴリ属性またはプロモーションステータスに基づいてメインボタンを予約しています。)
ナビゲーション切り替えのクリック損失率は、下まで順番に配置した場合のクリック損失率の 1.5 ～ 2 倍です。もちろん、固定操作の列で長期的なユーザー習慣が形成されると、このギャップは徐々に解消されます。ただし、短期的なアクティビティページの場合、並列概念が多すぎると、ユーザーが理解して正しい選択を行う動機付けが難しくなります。上記は、実際のケースを多数テストした結果です。
異常なフローが発生した場合 (クーポンが発行されたことを示すプロンプトボックスなど)、ユーザーが自力で戻ることを期待しないでください。わかりやすいボタン (戻って商品を表示する) を使用して、ユーザーの異常なフローを 1 行の操作に戻します。

多くの場合、この原則に従って推論し、検証することができます。

3段階の優先順位の原則

ディスページにはコンテンツが多すぎて、ユーザーが読むのが苦痛だとよく言われます。コンテンツの量を適切に判断して整理するにはどうすればよいでしょうか?簡単に言えば、3 層が適切な基準です。

各ページには、メイン情報が 1 つ、セカンダリ情報が 1 つ、補足情報が 1 つ含まれている必要があります (アクションボタンも情報であることに注意してください)。冗長な情報はできるだけ排除するようにしてください。排除できない重要な情報がある場合は、単線操作の原則を使用して次のリンクに接続します。

特別なアクティビティにおけるファーストスクリーン情報の 3 段階の優先順位の一般的な適用方法は、コピーライティングの部分で紹介したとおりです。順番に、私がどこにいるか教えてください (メインタイトル)。なぜ私は残ったのか（主な仕掛け）？どうすればいいですか？（操作ガイド）

その後、各レベルの情報編成は上記の原則に従います。製品モジュールの 3 つの要素は名前、価格、操作ボタンであり、製品モジュールの下にある製品のセールスポイントの 3 つの要素です。

多くのインタラクティブな方法論では、記憶の巨匠ジョージ・ミラーが開発した人間の記憶の 7+-2 原理を今でも教えています。これは、人が同時に記憶できる概念は 5 ～ 9 の範囲内であることを意味します。ただし、記憶することは能動的な行動です。短期間の特別ページのコンテンツをユーザーが積極的に記憶するとは期待しないでください。慎重に扱ってください。

しかし、なぜ 3 つなのでしょうか? 主流のインタラクティブインターフェイスエクスペリエンスの多くには、3 つの主要な要素と、段階的に展開される 3 層ロジックがあります。アプリストアのアプリインターフェース（アプリ名、主なセールスポイント、ダウンロードボタン）を見てみましょう。評価インターフェース: レビューのタイトル、星、レビュー本文。時間が経つにつれて、ユーザーがこれら 3 つの要素を読む習慣を身につけるにつれて、それらは確立されたインタラクション原則になります。

しかし、それほど厳密なものではありません。リスク回避のメッセージ（在庫限りでクーポンを発行します）を本当に追加する必要がある場合は、弱く小さなフォントで注意書きを追加しても問題ありません。

習慣的な適用の原則

インタラクションの誕生の原理によれば、インタラクションの本質はユーザーによって形成された確立された習慣であることがわかります。したがって、従うべき最後のインタラクション原則は、コンバージョンではなくクールさが目標でない限り、新しいインタラクティブエクスペリエンスをできるだけ作成しないようにし、最もクールなインタラクション形式ではなく、業界で最も一般的なインタラクション形式を使用するようにすることです。

この原則は、より高次の形でも適用できます。つまり、既存のインタラクティブな参照を、オンライン体験から人と対話するすべてのものに拡張することです。インタラクティブな操作が一般に認識され、一般の人々に慣れている限り、それらを参照することができます。

たとえば、多くのイベント運営者はインタラクティブゲームの企画経験を持っています。もちろん、誰もが使い慣れているインタラクティブゲームモデルをコピーするのが最も安全な方法です。ただし、インタラクティブな体験に何らかの革新をもたらしたい場合は、まったく新しいインタラクティブな操作を独自に作成するのではなく、既存のオフラインゲーム体験から学ぶことをお勧めします。

フローティングレイヤーと、操作方法をガイドする矢印テキストの束を必要とするインタラクティブゲームは、非常に魅力的です。インタラクティブゲームが完全にオフラインのクレーンゲームに基づいている場合、ページ上のリモートセンシングボタンとつかむボタンについては、説明を必要とせず、ユーザーはページに入るとすぐに操作方法がわかります。

同様に、私はコーラの瓶を振ることができること、はさみの柄をつまむことができること、そして風船を割ることができることを知っています。

これを学ぶことで、興味深く効果的な形式のインタラクションを作成することができます。

効果的なテクニック

PC 時代は多くのインタラクティブな体験を継承しており、もちろんそのほとんどは効果的です。結局のところ、ユーザーは長年のトレーニングを経て習慣を形成しています。しかし、常に 1 つのことを考えてみてください。ユーザーはマウスを使用する代わりに指でクリックするようになり、最適化できるインタラクションポイントが多数見つかるでしょう。

たとえば、丸いボタンはユーザーの指の形状に近く、四角いボタンはマウスのクリックの形に近いです。キークリックガイダンスリンクでは、大きくて立体的でクリック感のある丸いボタンを使用すると、通常の四角いボタンよりもユーザーのクリック欲求が確実に高まります。

例を挙げるためにスクリーンショットを撮る必要すらありません。自分で想像するだけです。

もちろん、上記のインタラクション原則がすべてではありませんが、常にそれらを使用し、それらから学び、イベント操作の一般的なタスクを完了し、情報を正確に伝達するという目的を達成し、バウンスを減らすことができれば、それで十分です。それでも次の 2 つのステージに進み、よりプロフェッショナルな UI マスターになりたい場合は、次の 2 つの方法があります。