ラボアプリケーションにいくつかのタスクを含むダッシュボードがあり、各タスクのデータグリッドには多数のデータが表示されています。レコードの編集機能を実装する必要があります。それを行う最良の方法は何ですか?
あなたは両方を行うことができます:
アイコンは、初めてのユーザーが見つけやすくするために役立ちます。
+
表示および検索可能。
-
小さなクリックターゲット。
ダブルクリックは、上級ユーザー向けの生産性向上ショートカットです。
+
大きなクリックターゲット(行全体)、高速。
-
非表示、説明が必要です。
初心者から上級ユーザーに人々を変える方法を忘れないでください-たとえば、手がかり(行はホバーに反応します)や情報(ボタンで開いた編集ウィンドウにメモを追加します)注:行を編集することもできますそれらをダブルクリックします。」またはボタンのタイトル/ツールチップに)。
編集:また、典型的なアクションは何ですか?ユーザーはレコード全体を編集しますか、それとも単一の属性を修正しますか?多くの場合、1つの数値を修正する必要がある場合、テーブルセルをダブルクリックすると、高速インライン編集が可能になります(テーブルセルを入力に置き換え、<enter>
、外側をクリックするか、小さなインラインOKボタンをクリックします)。
人々が何をしているかを観察し、相互作用のループを強化するための近道を作ります例えば:
前:
後:
ダブルクリックに依存しないで編集。
ダブルクリックはWebではほとんど使用されていません。私が知る限り、シングルクリックには既にアクションが割り当てられているため、これはズームの従来の方法にすぎません。
クリックで何かが発生した場合は、カーソルの変更(ポインタなど)を使用します。また、編集アイコンを使用してアフォーダンスを向上させることもできます。これは、常にそこにあるか、マウスをフィールド上に置いたときに表示されます。
それはあなたのページの機能に依存すると思います-通常のデータ表示または編集ページですか?わかりやすくするために、各行の右側に小さな編集アイコンを配置することをお勧めしますが、クリックして編集する場合は、「クリックして編集」というサブタイトルとしてメモを挿入する必要があります。
両方を実行します。 MySQLデータベースの場合、人々がデータベースのコンテンツを表示できるphpMyAdminが存在しますphpMyAdminは両方をサポートし、両方が素晴らしいです!
変更したい場合多くの情報編集をクリックして、行全体を編集するための完全なフォームを取得します。
単一の値を変更したい場合、ダブルクリックすると、セルが入力に変わります。
両方のオプションが存在するという事実は、かなりの時間を節約してくれます。
Xに関して、ダブルクリックはWebサイトではあまり一般的ではないので、ツールチップや小さな凡例などを作成することをお勧めします。しかし、珍しい!=不可能、または非実用的です。私はラボの人々がパワーユーザーにいくらか似ていると思います、そして私たちはこの種のデータ編集が大好きです。
アイコンを表示して、ユーザーが簡単に理解できるように編集することもできると思います。これは、ユーザーインターフェイスで情報の目的と使用方法を示すことが非常に重要です。
ありがとうございました