アセット配布用のモバイルインターフェイス
こんにちは、あなたの助けを前もって感謝します。
背景：ユーザーがプライベートエクイティに投資できるようにする金融モバイルアプリを設計しています。
法律（この場合はフランス）で投資するには、とりわけ、資産の配分（不動産/現金/アクションなど）を示すことが義務付けられています。
参考として、Webアプリのスクリーンショット（空の状態）を参照してください。対応するフィールドにパーセンテージを書き込むと、ドーナツグラフにデータが入力されます。最終パーセンテージを計算するための自動化がいくつかあります。
これは、長い「セカンダリ」オンボーディングのほんの一部です。
チャートをモバイル画面に適合させること以外に、モバイルインターフェースでこの問題を解決するにはどうすればよいですか？
円グラフがデータの視覚化に適さない理由はたくさんあります。
- 2つの異なるカテゴリを比較します。スライスがほとんど揃っていないためと、人間は角度を比較するのが苦手だからです。
- 正確な数値パーセンテージを表示します。人間は角度の推定が苦手です。円グラフは視聴者をとにかく試すように誘うので、認知負荷が高まります。
from https://www.quora.com/How-and-why-are-pie-charts-considered-evil-by-data-visualization-experts
興味深い記事はここにあります： https://medium.com/the-mission/to-pie-charts-3b1f57bcb34a
あなたのケースに来て、私はあなたが今持っているのと同じような伝説で、空の棒グラフから始めます。ユーザーが最初にパーセンテージを入力すると、バーが特定の色で成長するのがわかります。
または、次の画像に表示されるように、バーの1つを保持します。
パーセンテージが0％であるため、データは最初は0である必要があります。何かを提示すると、ユーザーを混乱させます。
チャートをモバイル画面に合わせる必要はありません。例：たとえば、スライダーを導入できます。 5％ステップ。スライダー自体は、ユーザーに比率の視覚化されたアイデアを提供します。
関連情報を適切に表示すれば、円グラフはそれほど悪くありません。銀行の住宅ローンの借入キャパシティー計算機に実装した例がありますが、ユーザビリティテスト中にユーザーはかなりよく理解しました。あなたの場合、これを使用できます：$ signを使用する代わりに、％を使用して、円グラフのバーに％と関連するラベルを付けることができます。
積み上げ棒グラフまたは積み上げ縦棒グラフを使用して、個々のパーツが何か全体をどのように構成しているかを示すこともできます。
