ウェブサイトのユーザー エクスペリエンス デザイン: 情報インタラクション デザインのピラミッド ルール

編集者注: この記事は、7 月 8 日に開催された #36 氪OpenDay#Beijing ステーションでの Zhuoheng Technology のオペレーション ディレクターの Liu Peng 氏のスピーチから抜粋したものです。記事の中で、Liu Peng 氏は起業プロセスの中でまとめたインタラクティブ デザインのピラミッド ルールについて語りました。 Zhuoheng Technology は、モバイル インターネット ソフトウェアの設計と開発に関連するカスタマイズされたユーザー エクスペリエンス デザインとフル プロセス サービスを顧客に提供する新興のユーザー エクスペリエンス デザイン企業です。

「ピラミッドメソッド」という用語は、米国の有名な現代経営コンサルティング会社であるマッキンゼーに由来しています。一般的な意味は、あらゆるものは中心点に要約でき、この中心点は複数の第 1 レベルの議論によってサポートされ、これらの第 1 レベルの議論も複数の第 2 レベルの議論によってサポートされ、というようにピラミッドのように拡張されるということです。

もちろん、この言葉は中国の老子に由来すると言うこともできます。老子は『道徳経』の中で、「道は一を生み、一は二を生み、二は三を生み、三は万物を生む」と述べているからです。

一般的な表示情報のインタラクティブ デザインに関して、私たちは、デザインの核心は、情報の提示を常に充実させることだけでなく、その認識の速度と正確さを常に向上させることにあると考えています。

この見解に応えて、私たちが採用した方法は、情報表示の焦点とインタラクティブ動作の主なタスクを優先し、ユーザーがこのインターフェースに留まる時間に基づいて徐々に詳細を提供するというものです。私たちはこの方法を「情報インタラクション デザイン ピラミッド ルール」と呼んでいます。

誰もが、次のようなウェブサイトのレイアウトについて印象を持っているはずです。ウェブサイトを開くと、大きなフラッシュが表示され、最初に非常に長い読み込み画面が表示され、次に音、光、化学反応、電気を伴うが意味の分からないフラッシュが再生され、通常、右下隅に「Skip」という小さな英語の単語が表示されます。

悲劇なのは、長い間辛抱強く待った後にこのようなものを見た後の私たちの反応がたいていこれだということです。

ほとんどの場合、相手が何を伝えたいのか本当には分からないので、ただ時間を無駄にしすぎたと感じるだけです。

ユーザーに情報を効果的に受け取ってもらいたい場合は、人々の情報認識の特性から始める必要があります。一般的に、人間は色をグラフィックよりも速く認識し、グラフィックを言語やテキストよりも速く認識します。優れたデザインは、人間の認識速度に合わせてピラミッド原理を使用して階層的に表示し、情報をより迅速かつ正確に伝えることができます。

人々が情報を受け取り、解釈するプロセスは、実際には、漠然としたものから正確なものへ、定性的から定量的へと進むプロセスです。優れたデザインは、人々が情報を知覚するプロセスと、知覚のさまざまな段階での心理的経験に焦点を当てます。

そのため、今ではこのような情報表示ウェブサイトが増えてきています。ウェブサイトに入ると、最初に大きな写真とテーマのテキストが表示され、その下に詳細への入り口があります。

そういえば、最近あった例を挙げてみましょう。ご存知のとおり、Apple は最近、Retina ディスプレイ搭載の MacBook Pro を発売しました。この製品の特長を皆様に紹介し、販売を促進するために、Apple が公式 Web サイト (このページへのリンク) でどのように行っているかを見てみましょう。

次に、ピラミッドルールを使用してこの Web ページを分析してみましょう。

この Web ページに 3 秒間だけ滞在すると、Retina スクリーンという 1 つの主要なセールス ポイントと、購入という 1 つの強調された主要タスクだけが表示されます。もしも視聴者が私のような熱狂的な Apple ファンであれば、すぐに飛びついて青い「今すぐ購入」ボタンをクリックするかもしれません。

しかし、通常、人々は興味があることがわかった後、さらに補助的な情報を欲しがります。それは素晴らしいですね。この Web ページに 3 分などもう少し長く滞在する予定の場合は、Web ページを下にドラッグすると、このマシンの 4 つの主なセールス ポイントである Retina スクリーン、オールフラッシュ メモリ アーキテクチャ、スリムなボディ、高速化を確認できます。これはピラミッドの2番目のレベルです。

この情報だけでは不十分だと感じた場合はどうすればよいでしょうか。それでも結構です。これらの 4 つの主なセールス ポイントの下にある [詳細を表示] をクリックして、この新しいマシンの機能を完全に理解するまで 30 分以上閲覧することができます。ここでは、Retina スクリーン MBP の機能を紹介するマインド マップを作成しました。ピラミッドの底部に行くほど、より多くの情報が得られ、詳細が充実していることがわかります。

階層化された情報表示では、通常、まずページ全体の色の傾向を考慮し、同時に第 1 レベルの情報に焦点を当て、第 2 レベルの情報をサムネイルで表示し、第 3 レベルの情報についてはインタラクティブな表示または入力を提供します。この部分の作業では、情報とデータの視覚化に注意を払い、最初にコア情報を伝えることに重点を置きます。考えさせないでください。

デザイナーが情報アーキテクチャを行う際、情報の表示だけでなく、ユーザーの心理や行動にも注意を払い、ユーザーのための一連のインタラクションを設計します。

次に、インタラクティブな観点から Apple がどのようにそれを行っているかを見てみましょう。

まず、ピラミッドの最上層、つまり中核となる主な業務は購買です。ユーザーの意図が強く直接的であれば、最初の機会にハイライト表示された「今すぐ購入」を見つけることができます。ユーザーが単に興味を持っているだけで、購入の意図がそれほど強くない場合は、まず複数のチャネルを通じて階層的により多くの情報を知らせ、その後、付加価値サービスとスマートヘルプを通じてユーザーの購入意欲を高める機会をつかむ必要があります。ユーザーが十分に強い意図を持った後、ユーザー自身の状況に基づいてより多くのチャネルオプションを提供および推奨し、取引の最終的な完了を確実にします。

ユーザーの行動に関しては、まずユーザーの主なタスクに焦点を当て、次にさまざまな段階でさまざまなタイプのユーザーの心理的特性に注意を払い、適切なタイミングで支援を提供し、ユーザーに代わって積極的に決定を下すのではなく、ユーザーに複数の選択肢を提供する必要があります。

情報インタラクション デザインのピラミッド ルールは、情報インタラクション デザインが優れているかどうかを判断する方法であるだけでなく、私たち自身がこの種のデザインを行う際の指針でもあります。

時間の制約があるため、ここで皆さんにお伝えできるのは、小さいながらも実用的なこのトリックだけです。今後機会があれば、「如来掌」のような華麗な技について一緒に語り合えるかもしれません。

経由:36氪

元のタイトル: ウェブサイトのユーザー エクスペリエンス デザイン: 情報インタラクション デザインのピラミッド ルール

キーワード: ウェブサイト、ユーザー、体験、情報、インタラクション、Jijinzi、編集者、この記事、7月8日、ウェブマスター、ウェブサイトのプロモーション、収益化