web-dev-qa-db-ja.com

モバイルで複数の変数と複雑なデータのグラフとデータ視覚化を表示する最良の方法は?

メンタルヘルスアプリのデータの視覚化に苦労しています。

このアプリは、アンケートを通じてさまざまな精神状態(喜びの欠如、悲しみ、集中力、緊張)を評価します。

アンケートでは、この状態がどこで誰と一緒に発生したか、その人が良い状態または悪い状態(不安なしvs不安なし、または悲しみvs幸せ)を引き起こしたときに何をしたかについても尋ねます。

ダッシュボードを作成する方法について少し迷っています。しかし、私が知りたいユーザーの視点で考えると、現在の状態はどうなっているのか、気分が良くならないのはなぜか、どうすればそれを改善できるのか、です。フィットネスアプリに少し似ていると思いますが、体重だけではなく、さまざまな側面の多面的な側面があります。拒絶のためにうつ病になることもありますが、必ずしも不安ではなく、人前で話すときに不安を感じることもあります。失敗するとうつ病を引き起こす可能性があります。

どのように始めればよいかはわかりませんが、ユーザーとして、特定の側面(不安など)に最初に焦点を当てたいと思うかもしれませんが、常に一般的な「KPI」の健康を持っています。

6
Daniel Vianna

まず、モバイルの場合は情報を表示しすぎないようにするのは良い考えではないでしょう。むしろ、ユーザーに進捗状況や状態。これは、データ表示だけでなく、入力のキャプチャに関しても当てはまります。

(ユーザーのフィードバックに基づいて)さらに改善できる初期設計を思い付くのに役立つ1つの戦略は、表示する主要な指標を特定し、階層の最上位にして、データを計算することです。このメトリックを導き出し、それらをそのメトリックの下にグループ化するために使用されます。単一のアトミックデータソース/ポイントに到達できるまで、これを繰り返します。次に、データのタイプを確認し、データの表示に使用する対応するグラフ/チャートタイプを算出する必要があります(このトピックを扱うUXSEの質問はたくさんあります)。

1つのカテゴリから始めて他の精神状態に拡張したいということを念頭に置いて、視覚的表現が異なる精神状態にわたって一貫して一貫していることを保証する方法でディスプレイを識別および設計することは、特にあなたが一般的な健康KPIの下でそれをキャプチャしたいです。

2
Michael Lai

モバイルでは、まずユーザーの注意を考慮する必要があります。おそらく、ユーザーの注意は環境の影響(赤ちゃんの泣き声、通りの交差点を歩く、車のクラクション、「バディ」などと言う人もいます)によって簡単に気が散らされます。モバイルで。したがって、主な目的は、ユーザーの認知負荷を減らすことです。

したがって、詳細を表示するよりも、ユーザーが特定のグラフィックを操作する場合は、最初にグラフに番号を表示しないでください。ユーザーが詳細を掘り下げる場合は、詳細ボタンを配置できます。

0
Erkan Kerti

あなたの問題についての私の理解:あなたは、ユーザーの報告された感情的な状態と現在の環境から収集された多次元データセットを持っています。インターフェイスの目標は、誰かが特定の感情的な状態と何が相関しているかを理解できるようにすることです。

従来の多次元ビジュアライゼーション(平行座標、散布図行列、またはMDS投影)は、周囲に構築された多くの対話機能を使用してモバイルにスケーリングできますが、モバイルユーザーが相関とパターン自体を探索することを期待していないと思います。

その場合、自動分析手法によって多次元データセットをより単純なものに変えることができるかどうかを調査する必要があると思います。私は専門家ではありませんが、いくつか https://stats.stackexchange.com/ があります。ディシジョンツリーは、ルールを簡単に説明し、結果に対する最も重要な影響を識別し、おそらくあなたの最良の出発点です。

エンドインターフェースは、現在の状態(現在ではない状態に変更するオプションを含む)の視覚的な表示であり、その下には、その状態の分析から生成されたテキストの説明があります。 「月曜日と水曜日に4〜6時間の睡眠をとるとお腹がすいたとき、あなたは悲しくて不安を感じているようです。」のようなものです。

0
Riley

モバイルエクスペリエンスは、ほぼ定義上、簡潔で焦点が絞られています。ダッシュボードの概念は、このタイプのデータにとって素晴らしいものであり、ここでのフィットネスアプリとの類似性は、実際には非常に優れています。私はモバイルフィットネスアプリのカードデザインについていくつかの調査を行い、いくつかのアイデアを刺激する何かを見つけたかどうかを確認します。

私のお金のために、私は以下のデザインのようなものを追求します:
https://dribbble.com/shots/2596074-Fitness

評価している要素の強力な視覚的表現、そのパフォーマンスの関連性のあるグラフィカルな表現、そしておそらく少量のコンテキスト情報や追加情報のアイデアが気に入っています。

どのタイプのグラフィック表現があなたに適しているのかについてのアイデアを得るには、 http://www.highcharts.com/demo または https://dribbble.com/search?q=チャート は、ブレーンストーミングを行うのに最適な場所です。

0
denveruxer