web-dev-qa-db-ja.com

編集時にテキストフィールドの数値データを右揃えにするのは良いUXですか?

テーブルまたはリストでデータを表示する場合、数値を適切に揃える必要があることは理解しています。しかし、テキストフィールドの値を編集することになると、同じですか?右揃え?

5
thusithak

テキストフィールドの値を編集する場合、値を編集する場所と、そのコンテキスト内の他のフィールドの内容によって異なります。

  • レイアウトがデータテーブルのような状態のままで、セルが単に編集可能になる場合、@ Erisuの回答に同意し、Excelのようなソリューションに準拠します。
  • テキストフィールドがフォーム内にある場合、ユーザーがフィールドごとに判断するよりも、ユーザーが左から右にジャンプする必要がないように、フィールド間で一貫している方がよい(例を参照)

mockup

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

7
wintvelt

Excelを例にとると、セルが数値になると、数値は右揃えになります。編集するセルをダブルクリックすると、コンテンツは右揃えに維持されます。

人々はExcelに慣れているので、同じフローに従うのは適切でしょうか?

5
Erisu

読みやすさの管理

あなたが正しく指摘したように、整列規則は、データがリスト/表形式であるときに最適に機能します。基本的に、ユーザーが関連する垂直方向にスキャンする必要がある場合。

配置を定義するのはデータの前後関係です

コンテキストが同じ場合は、同じ配置を維持してください。

フォームのような混合データの場合、おそらく左揃えのコンテンツの方が適しています。

1
Vjay

はい、それらを正しく揃えることは良い考えです。理由は:-

  1. 読みやすさを向上させ、人的エラーの余地を減らすという単純な理由から、すべての数値を右揃えにするという確立された会計慣行-したがって、それらに従うことが最善です
  2. 小数がある場合、それらが右揃えされていると読みやすくなります
  3. 私の右揃えでは、左から右に、数十、数百、数千の単位を表示するという基本的な数学的規則に従います。

enter image description here

1

いいえ、2つの主な理由

1)更新が難しい-モバイルデバイスでフィールドを更新するのは非常に困難になります(デスクトップでも簡単ではありません。管理しやすい)それ以来、あなたの指はテキストボックスの右端の端に向かってタップする必要があります。

2)ミスアライメントフォーム-フォームに数値フィールドと非数値フィールドが混在している場合、一部のテキストフィールドデータが整列していないように見えることがあります。フィールドは左揃えになり、一部は右揃えになります。

Wordのフォントサイズ(および他のOfficeドキュメントのその他の多くの設定)も左揃えで表示されます image

お役に立てれば。

0
gurvinder372

私があなたを正しく理解していれば、これはいわゆるデータの正当化です。その内容に従ってデータを正当化する必要があります。コンテンツには、数値データとテキストデータの2種類があります。 Textual Dataの場合は、左揃えを行うのが適切なUXです。Numeric Dataの場合は、右揃えを行うのが適切なUXです。この場合、データ比較の実行が容易になり、エラーの検出が容易になります。

0
mussdroid

値が最適に機能するように調整するのは良いUXであり、いくつかの要因(そのうちのいくつかはここに記載しています)を考慮する必要があります。

  1. 数値の基本(整数または小数)
  2. 数値のデータ型と規則(例:$、日付、時刻)
  3. 他のフィールドとの整合
  4. 数値の長さ
  5. テキストフィールド/ UIコンポーネントの動作(編集可能、ライブ/更新)
  6. アプリケーションのタイプとユーザーが期待する動作

さまざまな変数や要因をすべて検討し、それを設計の要件と釣り合わせると、目的に最も適した決定を下せるはずです。

0
Michael Lai