web-dev-qa-db-ja.com

円グラフをより直感的にする方法

私はモバイルアプリケーションに取り組んでおり、各スライスがグループである円グラフがあります。したがって、ユーザーが1つのグループをタップすると、グループのアイテムを含むモーダルがポップアップします。

Pie Chart

Group's items

ユーザーがグループをタップできることを明確にするための最良のUXアプローチは何ですか?

「チャートをタップして詳細を表示する」という文章を書くのは見苦しいと思いますが、他に方法はありますか?

4
Samuel Miyano

実際にタップアニメーションを作成し、パイスライスのoneの上に配置します。

そして、アニメーションを「チュートリアル/使い方/アプリツアー」モードで実行して、初めて使用するときにアプリのそれほど目立たない機能をユーザーに表示します。

ユーザーがチュートリアルを完了してGot itをクリックすると、boolean tutorialComplete = true;SharedPreferencesに追加すると、チュートリアルモードがデフォルトで再び表示されなくなります。

また、アプリの設定のどこかにリンクを配置して、ユーザーが必要に応じて手動でツアーガイド/チュートリアルを再度取得し、クリックした後にユーザーに通知できるようにする取得する彼はまだ設定タブからツアーを取ることができます。

..tapアニメーション: enter image description here [ ソース ]

..どこかのような: enter image description here

4
Alin

少し前に戻りましょう。円グラフを使用することに専念していますか?著名な情報デザインの第一人者であるエドワードR.タフテは、それらについて厳しく語っています定量的情報の視覚的表示:

エントリは半グラフィック形式で配置することもできますが、正確な数値を表示するには表が明らかに最良の方法です。多くの小さなデータセットでは、グラフィックスよりもテーブルの方が適しています。ほとんどの場合、テーブルはダム円グラフよりも優れています。円グラフよりも悪いデザインはそれらのいくつかだけです。そのため、ビューアーは、パイ内とパイの間の両方で空間混乱にある量を比較するよう求められます。

3-D円グラフは次元を使用してoneではなく数値2を表す寸法1数値。エリア(2-D)の比較は困難です。ボリュームの比較(3-D)は困難です。

円グラフの1つの償還品質は、数値が全体として合計されるということを指摘するいくつかのゲインセイヤーを見つけることができます。また、円形のディスプレイはスマートフォンなどの小さなビューポートにうまく収まる場合がありますが、一部のテーブルは収まらない場合もあります。

3
WPWPWP

チャートまたは各グループに「指差し」アイコンを配置するのはどうですか。

???? (U + 1F446)

そして、あなたの質問に直接関連するのではなく、「醜すぎる」部分に関連するもの-この回答で提案されているように、モーダルではなく、各グループの分割パイ部分を表示することを検討できます。
場所別にユーザーを表示する最良の方法

0
Mike