Uxデザイン
これらのデータの視覚化からインスピレーションを得てください
現在、視覚的に直感的な方法でデータを表示できない場合、それは本質的に役に立たない。データを解釈しようとしてWebページに長い時間を費やす人は誰もいません。
C +を学ぶ方法
一方、視覚化が特に独創的でインタラクティブで直感的である場合は、自分自身を大幅に差別化できます。しかし、それを正しく理解することは困難です。 Goldsberry Kirkは主にスポーツの世界で働いていますが、データ視覚化のリーダーです。彼は彼のグラフィックの明快さで彼の仕事を際立たせました グラントランド そして今 ファイブサーティエイト 。
すべてのタイプのインターフェースと製品は、データとは異なるものを必要とする場合があります。ユーザーにデータインターフェースのカスタマイズを求める人もいれば、グラフをできるだけシンプルで直感的にする必要がある人もいます。以下は、あなた自身のプロジェクトにインスピレーションを与えるために、世界で最高のデザイナーの何人かによるさまざまなデータの視覚化です。
データを視覚化する方法は？
アメリカンエキスプレスのコンセプト
このAmericanExpressの概念により、ユーザーは経費を一連のカテゴリに整理し、さまざまな方法でデータを表示できます。ユーザーはカテゴリを比較して、支出の習慣の概要を把握し、データセットをすばやく分離して詳細を理解できます。デザインは明確で直感的で、不要なグラフィックがないため、視聴者は必要な情報をすぐに入手できます。
じょうごチャート
グラフィカルファンネルの形状と色調のコントラストは、視覚的な階層を使用する良い例です。すぐに、グラフは一般的な情報を伝えますが、特定の数字は微妙に背景にあります。ただし、ユーザーがこれらのカテゴリの1つを分離して、データの詳細を取得する方法を確認できればよかったと思います。
エネルギー予測
茅野金魚スタジオのデザイナーはエネルギーデータの達人です。このインターフェースは彼の作品の素晴らしい例であり、多くの場合、基本的な色と視覚的な階層をアニメーションとともに組み合わせて効果的な結果を生み出しています。この場合、グラフィックは明らかに前景にあり、赤いテキストがすぐに視聴者を引き付けます。すべてのデータを一度に画面に表示する代わりに、各カテゴリを分離してより具体的な情報を取得することもできます。
ブルズアイ
Zach Robinsonは、見た目に美しいだけでなく、ユーザーがデータに関するアイデアを共有できるインターフェースを示しています。ユーザーが数字だけを操作したい場合、追加のチャットは十分に隠されています。チャート自体は、直感的な視覚的階層の結果として読みやすくなっています。さらに、ページの色分けは、大きなタイトルで視覚的なスペースを失うことなく、グラフの種類を整理するためのシンプルで効果的な方法です。
レーダー予算チャート
レーダーチャートは、対応する情報間の関係を明らかにするいくつかのデータセットをオーバーレイします。このタイプのグラフは、ユーザーが予算に費やしていないことをすばやく伝えるため、このインターフェースの資金調達に効果的です。予算は日常の使用には威圧的である可能性があるため、データの視覚化はこのタイプのアプリケーションにとって大きな資産です。
都市統計データの表示
Bureau Oberhaeuserは、このインタラクティブなWebアプリケーションで従来のグラフィカルレーダーを拡張します。地方自治体のデータは複雑ですが、このインターフェースは、都市主義を正式に研究していない人々の都市間の違いを表しています。 Bureau Oberhaeuserは、クライアントなしでこれを構築しました。これは、デザインスキルを磨きたいという願望を表すだけでなく、公共の利益のために働くことへの関心の例でもあります。
ライブゲームデータ
このモバイルサッカーゲームでは、ユーザーはグラフィカルな中央レーダーを使用して仮想サッカーチームを構成できます。同じレーダーチャートを使用して、ゲームはフィールド上の各プレーヤーのパフォーマンスに関するデータを提供します。ユーザーは、試合が続く間、勝つために各プレーヤーを調整することができます。
エネルギーモニター
複雑なデータの提示に関するデータの視覚化は不思議であるだけでなく、ユーザーにとって重要な情報のロックを解除することでもあります。このエネルギーモニターの場合、ユーザーはどれだけのエネルギーを節約しているかに関心があります。問題は、kWhはほとんどの人にとってあまり意味がないということです。重要なのは、時間の経過に伴う改善と、これがどのように費用につながるかです。このインターフェースは完全に機能します。
カスタム分析
cppファイルとはクレジット： コスミンキャプテン
このインターフェースは、読みやすいテキストと優れた表示形式のおかげで読みやすいデータの例です。サイドメニューは、インターフェイスが完全にカスタマイズ可能であることを示しています。このように、Cosmin Capitanuは、堅牢なグリッドと配色を明確に確立しているため、インターフェイスはさまざまな形式で見栄えがします。
パワーグラフ
この建物のエネルギーデータセットは非常に単純ですが、Kingyoは素晴らしい色とアニメーションで見るのを楽しくしています。グラフィックはシンプルに見えますが、デザイナーはニュアンスに細心の注意を払っています。たとえば、背景の暗い波はアニメーションに魅力を与えます。
データを表示する方法は？
これらのインターフェースの例は、データが混乱する必要はないが、ユーザーが効率的かつ快適な方法で表示できることを示しています。基本的な配色、動的なアニメーション、インタラクティブなグラフなど、さまざまなデータ視覚化ソリューションがあります。次のプロジェクトをどのように視覚化しますか？
