web-dev-qa-db-ja.com

大気汚染アプリに適合するデータの視覚化

私は7つの大気汚染パラメータ(ほこり、車の汚染など)を測定し、結果を最終的な汚染レベルに結合するアプリを作成しました。これは アプリの説明 で、ここにありますa アプリへのリンク

今、新しいバージョンでは、大気汚染のレベルを決定するパラメーターを示したいと思います。それはそのように機能し、最高値はレベルを低、中、高、または非常に高く設定します current design

私はこれを作成しました new design レーダーマップ付きのスケッチされたワイヤーフレーム、他の視覚化がどのように機能するかについての提案はありますか?

2
Eran Bar

私の提案は、UIと視覚化ではなく、UXについてです。

あなたの仕事は問題を解決することであり、絵を描くことではありません。これは からのものです3つのチャートがすべて必要です 、および次の引用:

データの視覚化に何日、何週間、または何ヶ月も費やすことができますが、それはビジネスに最もメリットがありますか?ほとんどの場合、単純な視覚化で作業が完了し、ビジネスが抱える次に差し迫った問題を解決するために解放されます。

質問に答えてみてください:ユーザーは本当にこれらのパラメーターを表示する必要がありますか?ユーザーにとっては何が含まれていますか?これらはいくつかの決定を下すのに役立ちますか?

インフォグラフィックスの フラグメントを検討してください

enter image description here
それらは、値を意味のある有益な推奨に変換します

有用性の優れたテストは、 "So What?"from Designing Data-Driven Interfaces です。

それでは、なぜこのすべてのデータをとにかくページに配置するのでしょうか。回答:人々はそれでたわごとを行うことができます—決断を下し、調査し、未来を予測し、何でも。ポイントは、ユーザーがあなたが選択したきれいな色に驚いているのではなく、彼らは自分の仕事をしようとしているということです。

ですから、私のアドバイスですhere—ページのレイアウトを整え、すべてが適切に作成されたら、「何を?」と自問してください。各グラフ、ウィジェット、チャート、表を見て、誰かがそれから何を収集するかを考えます。多くの場合、「それは問題ではない」という結論に到達します。これは、削減または再考すべき赤信号です。

パラメータの視覚化に関しては、最も明確な方法は、水平バーとパラメータの説明を使用することです。詳細に飛び込む必要がある人のために、これらを別の画面に配置します。

9

同意し、より複雑なグラフを追加すると、より多くの情報が提供される可能性がありますが、必ずしもアプリがより有用になるとは限りません。これは、Cole Nussbaumerの Storytelling with Data の本の良い例です。 ZingChartを使用してインタラクティブバージョンを作成しました。これは、私が最もよく知っているグラフ作成ライブラリだからです。

http://demos.zingchart.com/view/embed/FUUTOL1M

技術的にはチャートを取り上げていますが、重要な情報をより使いやすくしています。

2
Merrily