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