web-dev-qa-db-ja.com

矢印を使って口座に出入りするお金の動きを示してもいいですか?

矢印を使用して口座に出入りするお金を示す銀行アプリケーションの例を数多く見ました。ただし、矢印の方向は少し問題があります。具体的には、矢印が内側または外側を示していることを示しています。

それで、お金の動きを示すために矢印を使用しないまたはの使用をサポートする証拠または研究はありますか?

これまでのところ、私はいくつかのオプションを検討してきましたが、どのオプションに行き、あなたのアイデアを歓迎するかはまだ決めていません!

enter image description here


方向を表す矢印の成功の一部は、矢印を任意の方向に向けることができ、それでもその主要な機能を果たすことができ、これがおそらく最も弱い点であることを理解しています。それでも、実際にユーザーを誤解させることなく資金の動きを示すために、矢印アイコンをすばやく視覚的な参照として使用できますか?


更新:ご回答ありがとうございます。これは本当に役に立ちました!この特定の状況で矢印を使用する場合の主な問題を解決するため、以下のソリューションを選択することにしました。一部の回答とコメントで提案されているように、ソリューションは色を使用してさらに強化されました。

enter image description here


ちなみに、上記はフィルターと並べ替えが可能なリストのアイテムであり、この特定のケースでの矢印の使用は、アカウントの内外のお金の動きを伝えるために完全に依存しているわけではないため、単に視覚的な拡張です。

再びありがとうございました!

19
Okavango

これはおそらくトピック外のアイコンの議論に非常に近いですが、矢印アイコンを変更して、発信方向と着信方向を明確にすることができると思います。基本的に、矢印にコンテキストを与える必要があります。

enter image description here

追加の手がかりとして色を使い続けます。

59
Matt Obee

言葉のない矢印は、ユーザー、特に色覚異常を持つユーザーの間で混乱を招く傾向があることがわかりました。矢印、色、単語、+ /-などの複数のインジケーターを使用している場合は、できる限りユーザーのアクセシビリティに対応しています。あなたはこのようなことをすることができます:

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

または言い換えれば:

mockup

bmmlソースをダウンロード

または一部が示唆したように:

mockup

bmmlソースをダウンロード

20
Code Maverick

矢印アイコンは、実際にユーザーを誤解させることなく資金の動きを示すためのクイックビジュアルリファレンスとして使用できますか?

あなたがそれらを提示した方法は混乱するかもしれませんが、別の方法でそれらを使用することは、人々が慣れ親しんでいるものにより身近なものになると思います。例:

enter image description here

さらに、金銭関連の動きの場合、最もよく知られている2つのペアの会計記号は次のとおりです。

  • + increasingNumber/-decreasingNumber。例:+ 200、-500
  • 増加数/(減少数)。例:200、(500)

これらには、動きを表すために1列だけが必要であるという利点もあります(緑/赤の色を追加すると、UIがシンプルになります)およびスキャン可能):

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム
より明確にするために、2つの列を使用できます。

mockup

bmmlソースをダウンロード


結論:

私は矢印があなたが必要とするものを表すための最良の選択だとは思いません、他の利用可能なオプションがあります(私が述べたもののように)ほとんどの人は、より慣れ親しんでおり、誤解される可能性が低くなります。

私の経験とお金に関連して、矢印は以前の値からの変化を表すために使用されます

矢印を使用する必要がある場合、または矢印を使用したい場合は、@ Matt Obeeのアプローチで十分です。

20
  • + そしてその -矢印が不要な場合はアイコン。

  • おそらくおよびの場合:

    • 私は矢を使わなければなりませんでした
    • 他の口座移動情報は書けません。
  • 本当に使いたいならおよび、する必要があります他のアカウントを表示どこから/どこにお金が行くのか。

6
Yohann V.

ここでの設計上の課題:

  • アカウントやフローなどの抽象的な概念の設計は困難です。通常、グラフィックスではなく単語を使用するのが最善です。ただし、グラフィックスを使用する必要がある場合があります(または:-と指示されます)。
  • 通貨によってシンボルが異なるため、財務量をグラフで表すのは難しい場合があります。
  • 矢印は非常に一般的に使用され、UXでオーバーロードされます。矢印は、情報、警告、インタラクティブコンポーネント、プレーンテキストで使用されます。 (他の人が指摘しているように)矢印を固定する視覚的な手掛かりがないと、矢印が方向、目的地、または発信元を表しているかどうかを判断するのは困難です。
  • これに加えて、通常、金額は表に表示されるため、ソリューションを視覚的に作成することが重要ですスキャン可能な
  • 緑/青のパレットの使用は避けます...お金の流れに赤/緑を使用するのがより一般的であるため、ユーザーに追加の青の色を処理するよう依頼するのは混乱する可能性があります。

ソリューションをスケッチしています...

矢印を使用することを想定して、以下に、矢印によるアンカーのさまざまな形式を使用して、マネーフローの概念を伝えるいくつかのスケッチを示します。

enter image description here

「銀行」アイコンは、バンク・オブ・アメリカのオンライン請求書支払いインターフェースで使用されています。

3
tohster

「できるからといって、そうすべきではない……」

犯罪分析の目的で大量のデータを確認する場合、単一列のデータは混乱と遅延、そして最終的にはエラーの重大な原因です。どの図像が使用されるか、どの色が適用されるかは関係ありません。

混乱を回避する最も正確な方法は、2列(1つは1つ、1つは1つ)のアプローチのままです。

それはすぐに視覚的であり、さらなる解釈を必要としません。読者に「これは何を意味するのか」と質問させると、彼が実際に実行しようとしているプロセスのパフォーマンスが妨げられます。

これは、「壊れていない場合は修正せず、特にf ***で修正しない」という明確な例です。

トレンディなフォームが機能を損なうことを許可しないでください。

2
Pete Jackson

私は10年間使用されているさまざまな金融のUIデザイナーとして採用されています。 +と-(それぞれ緑と赤)を使用することに(私も)同意しましたスペースに余裕がある場合は、2列に分けてください。

矢印の方向より上に作成されたポイントに同意してください。左と右:left = back = out?またはleft = home = in?例えば上下:合計残高がマイナス(またはクレジットカードの場合は「プラスで表されるマイナス」)であるという矛盾

これらの色の記号は、アクセシビリティのために太字にする必要があります。

1
Dave Casey

「+」と「-」のアイコンを数字の前に置くという考えに同意します。

例2では、​​あなたは正しい方向に進んでいます。会計の一般的な方法は、別の列に入力と出力の資金を置くことです。ただし、物事を示すために矢印は必要ありません。また、Matt Obeeのような非常に贅沢なものがない限り(視覚的には非常に良いアイデアですが、回避できます)。代わりに、純粋に色、「+」と「-」の記号、列、見出しに焦点を当てます。

したがって、1つの列の見出しは「収入」、もう1つの列は「支出」として、以下のすべての項目が適切な列に表示されます。次に、視覚的なヒントを追加したい場合は、収入項目の前に「+」を、送信項目の前に「-」を付け、さらに少し追加したい場合は、それぞれ緑と赤のテキストを使用します。

私はこれまでクラウド会計会社で働いていたときにこれを複数回見てきましたが、人々にとって最もユーザーフレンドリーで使い慣れたオプションのようです。

1
Chris

私の銀行では、実際にはどのようなアイコンも使用していません。単に+または-と数字greenまたはredにそれぞれ色を付けます。

それらはすべて1つの列にあり、(デフォルトでは)日付でソートされています(新しいものが最初)。

他の人が示唆したように、私は矢だけを使うのではなく、その起源がはっきりしないからです。

1

アカウントへの入出金としてお金を表示することは、混乱の可能性がある決定です。状況に応じて、さまざまな会計方法とその履歴について調査することをお勧めします。 このヘルプドキュメントは参考情報です

GNUcashアプリケーションは、大多数のユーザーにとってひどいユーザーエクスペリエンスの例ですが、視点の違いについて考えることは価値があります。初心者のユーザーの視点から、「私は自分のお金を箱に入れ、時々それが箱に入り、時には箱から出ます」箱(口座)。銀行の観点から、彼らは顧客が投資目的で現在使用しているお金の一定の残高を借りています。

私が言っているのは、通貨の流れなどの抽象化は、軽視してはいけないことです。矢印は私には単純化しすぎているように見えます。

0
sirtimbly