ゲシュタルトの原則: レポート設計におけるその重要性を理解する

ゲシュタルト設計原理の目的は、人間が通常、周囲の混沌とし​​た刺激からどのように意味のある認識を獲得するかを理解することです。

優れたデザイナーになるためには、視覚における心理学の力を理解し、活用する必要があります。デザインを見た人はどのように反応するでしょうか? 私たちの心はそれをどのように解釈するのでしょうか？

ゲシュタルトの原則と前注意的属性は、私たちが世界を整理して、親しみやすく、意味があり、処理しやすいようにするための方法です。

目次

• ゲシュタルト処理
• 事前注意的な処理
• ゲシュタルト原則の重要性
• ストーリーテリングにゲシュタルト原理を使用する
• 類似性の原理
• LuckyTemplates レポートへのゲシュタルト原則の適用
• 結論

ゲシュタルト処理

ゲシュタルトは、1920 年代にドイツの心理学者によって開発された視覚認識原理のグループです。それは、組織化されていない全体は、その部分の合計とは異なるものとして認識されるという理論に基づいています。

例を挙げてみましょう。下の写真を見ると、何が見えますか? 自転車が見えますか、それともすべてのコンポーネントが個別に見えますか? 右側はどうでしょうか、何が見えますか？犬が見えますか、それとも画面上に別々の点が見えますか?

おそらく自転車と犬と答えるでしょう。それは、私たちの脳が見慣れた手がかりを探し、それを単純化しようとするからです。

事前注意的な処理

一方、前注意的処理は認知的知覚です。その名前が示すように、これはプロセスです。私たちが見ているものを素早く理解するために視覚情報を分類することです。

心理学と同じように、私たちが物事をどのように認識するかに焦点を当てています。私たちは刺激を相互に関連させ、またその文脈の中で知覚します。

ゲシュタルトとはドイツ語で「全体」を意味します。私たちは毎日さまざまな刺激にさらされています。したがって、ゲシュタルト心理学は、これらの刺激をグループで認識し、それらを解釈するのに役立ちます。それは、私たちが刺激をどのように組織的に認識しているかを教えてくれます。

基本的に、私たちの脳は、多くの部分から浴びせられる情報によって生み出される混乱を減らすよう強制し、グループから関係を作り、それらの部分をグループに割り当てようとします。

ゲシュタルト心理学は、全体は部分の合計とは異なるというこのマントラを中心に展開します。それは、私たちが周囲のものを相互に関連させて、グループとして、全体として、または互いに類似したものとして認識することを述べています。

ゲシュタルト原則の重要性

では、データ視覚化で作業するときにこれらの知覚の法則を理解することがなぜ重要なのでしょうか?

デザイナーにとって最も重要な目標は、自分のデザインが人々の注目を集めるようにすることです。文法の規則が効果的な文章の基礎であるのと同じように、ゲシュタルトの原則は視覚的な文法構成の基礎です。

無秩序の中に秩序を見出そうとする人間の試みの本質的な法則を活用することで、これらのアイデアのいくつかをレポートのデザインに適用できます。これは、レポートの構造を改善したり、グラフをよりわかりやすくしたりするのに役立ちます。

これは、与えられた状況においてどの視覚要素が知覚に影響を与え、注意を向け、行動の変化を引き起こすのに最も効果的かを判断するのに役立ちます。

ストーリーテリングにゲシュタルト原理を使用する

直感的なデザインに関しては、ストーリーテリングの使用が有益です。ゲシュタルトの原理は、特定の条件下で人々が視覚要素をどのように認識するかを説明しようとします。

類似性の原理

次に、最も理解しやすく、最も広く使用されているゲシュタルト原理である類似性について説明します。それは、物事が互いに似ているように見える場合、私たちはそれらをグループ化し、同じ機能があると考えると述べています。

人間の目は、形状、色、方向、テクスチャ、サイズなどの基本要素を使用して、デザインの類似性を持つ要素間の関係を構築する傾向があります。

以下の例を見てみましょう。ページの右側にある丸い形を見てください。いくつのグループが見えますか? おそらく、同じサイズ、色、形状を持つ要素の 1 つのグループを指すでしょう。

この例では、 shapeに基づいて要素をグループ化します。

この例では、 colorに基づいて要素をグループ化します。

類似性原理のもう 1 つの追加機能は、異常です。

見慣れたオブジェクトでも、他のオブジェクトと異なる場合は、別のオブジェクトが強調されます。その結果、右側の例に見られるように、異常が注目を集めます。

この場合、目立つようにするために、異なる色、形、向きを使用しました。

LuckyTemplates レポートへのゲシュタルト原則の適用

LuckyTemplates レポート内でこの原則を使用する方法の例をいくつか見てみましょう。

この最初の例では、非常によく似た 3 つのグラフ ブロックがあることがわかります。左側に形状、上部に KPI、右側にグラフがあります。これにより、類似性の原則を使用してエンド ユーザーが比較できるようになります。

もう一つの重要なポイントは画面の下部にあります。また、降雨日の最低最低値と最高最高値が 1 インチを超えるさまざまな空港を比較することもでき、また、過去 1 年間の降雨日数の値を確認することもできます。

もう 1 つの例は、喘息有病率分析です。色の使用によって、2 つの異なるグラフ間の関係がわかります。1 つはマップ、もう 1 つは散布図です。

同様に、小さな倍数の使用例として を使用することもできます。類似性の原理に基づいて、小さな倍数は、異なる情報 (この場合は喘息の子供の民族性) を比較できるため、物語を作成するときに非常に役立ちます。

ナビゲーションのアイコンとボタンがある右上隅を強調表示することも重要です。これらのボタンは同じ場所にあるため、これは良い例です。実際、設計者は類似性の原理だけでなく、近接性の原理も適用しました。これにより、ユーザーは関係があること、およびこのナビゲーションを使用できることを理解できるようになります。

もう 1 つの例は、 Julie Bocheによって作成されたこのレポートです。これは類似性の原理の完璧な例です。

レポート内で、彼女は分析した 2 人のドライバーの名前に 2 つの異なる色を使用しました。彼女がこの色を使用したという事実は、非常に賢明です。これを使用することで、あちこちに伝説を作成する必要がなくなるからです。

注目すべきことに、彼女は同じ色を使用して、タイトルとこのグラフの色の間に間接的な関係を作成しました。すべてのドライバーを比較するために、彼女は散布図にも同じ色を使用しました。

間違いなく、2 つの KPI ブロックの作成も良い例です。これらはまったく同じであるため、ユーザーは 2 つのドライバーのメトリックを簡単に比較できます。これは、レポート内の類似性と調和の原則を示す非常に良い例です。

最後になりましたが、散布図もあり、ストーリーを伝えるための非常に便利で強力なデザインです。類似した要素が多数あり、同じ指標と同じルールに基づいてそれらを比較できます。

さらに、ムダシル・アリが作成したこの報告書も同様の例です。同様のブロックが一緒に配置されていることがわかります。近接性の原理も適用され、比較と調和がページ全体を支配する非常に優れたページが作成されます。

最後に、これは類似性異常の例です。今回のレポートでは、画面右上を見ていただきたいと思います。これは、このレポートの他のすべての形状と比較した、丸い形状の色による異常の例です。

明らかに、これらの指標に注意を引くためにこれらの丸い形を作成しました。ユーザーは、この例を通じて私が示したかったことを分析するために、おそらく 1 ～ 2 秒滞在するでしょう。

データ視覚化とレポート フレームワークの強化
データ ストーリーテリング: 思慮深い計画と作成プロセス
LuckyTemplates 機能ブックマーク ナビゲーター: チュートリアルとレビュー

結論

このチュートリアルでは、LuckyTemplates デザインにおけるゲシュタルトの重要性と類似性の原則を学習しました。これらの単純な原則を理解すれば、レポートのデザインとストーリーをより魅力的でダイナミックに制御、実装、作成できるようになるということを認識することも重要です。

ではごきげんよう、