編集可能なグリッドのアフォーダンス（表示）
情報を表示するための複数の小さなグリッドを持つフォームでの作業と、新しいグリッドの追加。 （グリッドはここでは正しい表示です。）ビジネスユニットは、ポップアップの追加/編集フォームでレガシーグリッドを編集可能なままにしたいが、フィールドは単純な数値入力であるため、新しいグリッドを編集可能にしたい。
私の質問は、グリッドが編集可能であることを示す最良の方法は何ですか？既存のグリッドの上に追加/編集/削除ボタンがあります。
- 編集可能なグリッドに[編集]ボタンを配置して、グリッドの編集機能を有効にする必要がありますか？ （編集可能なセルは、ユーザーがタブまたはグリッドをクリックすると編集可能に見えますが、どのようにして招待できますか？）
- 上記の場合、[編集]ボタンは[保存]ボタンに変わりますか？または、[保存]ボタンと[キャンセル]ボタンを有効にしますか？
- 編集可能な状態が広範ではない場合、編集不可の状態とどう違うのですか？
- 3つのグリッド間でデータ入力の形式が異なるかどうかは重要ですか？ （1つの編集ボタンでグリッドを編集可能な状態にし、別の編集ボタンで追加/編集ポップアップを起動します）
また、新しいレコードはそれぞれ行レベルで表示され、列にはその行のそれぞれの属性が表示されます。リクエストごとに、ここにビジュアルがあります 
ボタンを避けることができるなら、してください。
今日のユーザーは、Webが新しくなったとき（そしてブラウザーから編集するのが難しいとき）よりも、編集ツールに慣れています。
ユーザーに何をすべきか、そしてどのようにすべきかを知らせるために、editableなどの単純な強調表示されたテキストを、 2番目のグリッド。これはハイパーリンクであるか、機能をより強調するために黄色の背景である可能性があります。ユーザーがセルをクリックすると、有益なテキストリンクが消え、代わりにテキストを追加（編集）できます。
ユーザーがセルを離れたときに、値を永続的な状態（データベース）に静かに保存できます。また、–ユーザーが現在編集しているセルを強調表示して、ユーザーが編集モードになっている場所を簡単に理解できるようにします。ユーザーがグリッドのフォーカスを離れたとき–テキストを削除（編集）し、editableテキストを表示せずにそのままにします。編集。セル間のタブ移動などのキーボード機能も有効にします。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
グリッド内でのインライン編集は通常、行ごとに行われます。
ホバーシステムに鉛筆アイコンが表示されます-行が編集可能であることを示します。クリックシステムでは、保存または破棄するためのボタンを備えた編集可能なフィールドが表示されます。
例としてのGoogle広告の言葉：
