web-dev-qa-db-ja.com

モバイルUXの表形式のデータショーケースで管理する列が多すぎる方法

私は暗号ポートフォリオマネージャーを構築していて、自分のUXに関して次の目標を持っています

  1. Messenger内でWebビューとして実行されるMessengerテーマの色
  2. 損益、コイン、その価格、ユーザーが持っているコインの数(持ち株)とユーザーの持ち株の価値を表示します。このUXをメッセンジャーウェブビューに表示して7つの画面を作成するための最良の方法は何なのかわかりません。すべての画面の濃い青色の領域は、実際に視覚的なチャートを追加するためのものです。画面1と3は、利益と損失を異なる色で強調するための私の取り組みです。
  3. 画面1〜3のどの色がユーザーの利益と損失を認識するのに適切なUXを表し、同時にメッセンジャーブルースキームと互換性があります。
  4. 画面4〜7は、利益に加えて、コイン、価格、数量(保有)、および価値を紹介するための私の取り組みです。ここで列の最大数を取得する必要がありますか、それとも二重行を取得する必要がありますか?
  5. ここでどの画面が適切なUXであるかについての意見は高く評価されます。

画面1

ここに緑色と赤色を追加して利得と損失を示しましたが、私の意見ではメッセンジャーブルーのテーマとは一致しません。 enter image description here

画面2

別の方法として、ゲインとロスを表すためにライトグレーとダークグレーを追加しましたが、一貫したUXが得られません。明るい色はユーザーの心理学と関連していて、利益と損失を評価していると思います enter image description here画面3

私はメッセンジャーの青いテーマで緑に切り替えましたが、これがユーザーが緑とゲインを関連付ける従来の動作 に対するものかどうかわかりませんenter image description here画面4

各コインの価格を示すために価格を個別の列として保持しましたが、保有量や価格x数量 を表示しませんenter image description here画面5

5つの列にすべての情報を表示してみましたが、ここで少しトリッキーになります。この表には、モバイルUXに関して列が多すぎませんか? enter image description here画面6

列の数を減らす試みで、私は二重行のアイデアを思いつき、現在ユーザーが保持しているケースのみの保有または価格x数量 を示しましたenter image description here画面7

提案に基づいて、価格と持ち株を2行で表示してみました enter image description here

この質問を読んでいただきありがとうございます

1
PirateApp

利益/損失を全体的な「青」の配色に一致させる試みは、ユーザーがすぐに一目で金持ちと損失のどちらが上手くいくのかを確認するのが難しく、困難になります。 Webサイトなどの99.999%は、これに緑と赤を使用しています。「+」または「-」を使用しても、テキストが緑または赤でない場合、ユーザーは不満を感じます。したがって、負の量を青の色合いにすることによって配色を一致させようとすることは、単に良い考えではありません。

また、数値列を固定フォーマット(小数点以下の桁数は同じ)で右揃えにして、相対的な金額を視覚的に確認しやすくする必要もあります。ただし、その列でソートされているようです。

1
Mark Stewart