リストにアイテムを追加する
リストにアイテムを追加するときは、ユーザーに許可する方が良いですか...
最初にオプションを選択し、[追加]をクリックして挿入します
または
「追加」をクリックして空白のアイテムを挿入し、ユーザーがオプションを選択しますか？
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
レイアウトとして、上記（edgarator）は現在のオプションよりも明確であることに同意します。 UI/UXのクロスオーバーの観点から、私はこのようにレイアウトされた追加フィールドを何度も操作しましたが、ユーザーが新しいフィールドに追加しているような感覚でフィールドを設計する方が良いことがわかりましたテーブルに接続されている会社ではなく、HTMLテーブルに直接記録します。
デモンストレーションを許可します：（少し時間をかけてしまったテーブルデータとは異なります）
編集可能なUIのヒントとしての斜体の明るいテキストは、ほとんどの人が理解しています。特に、テキストフィールドで予想されるカーソルの変更と組み合わせると、見栄えがよくなり、ユーザーはレコードがテーブルに直接追加されるように感じます（ AJAXとして知られています）一度送信されると、別のページに移動するのではありません。
ジェイは正解です この質問 は答えにたどり着くのに役立ちます。ただし、質問の詳細に対処するために、ユーザーの目標が何であるかについて、もっと詳しく知りたいと思います。このUIはアプリケーションのコア機能の一部ですか、それともより一時的なアクティビティですか？ユーザーは多くの項目を入力する必要がありますか、それとも1つまたは2つだけ入力する必要がありますか？そして、データの要件は何ですか？すべてのフィールド（Monthsなど）をすぐに入力する必要がありますか？
ユーザーが一度に多くのレコードを入力することを想定している場合、最も簡単で最も苛立たしいシステムでは、ユーザーがキーボードに手を触れて、フィールド間をタブ移動でき、ユーザーが最後のフィールドからタブ移動するたびに行では、新しい行が自動的に作成されます。ユーザーは、フィールドにすぐに入力したくない場合は、そのフィールドをスキップできます。ユーザーが誤って新しい行を作成した場合（たとえば、追加しようとした最後の行からタブで移動したとき）、ゴミ箱またはXボタンで簡単に削除できるようにします。
ユーザーがスキップしたいくつかのフィールドが必要な場合、それらのレコードから移動できるようにしますが、フォーカスを失うと、ユーザーインターフェイスに警告アイコンでそれらのレコードにフラグを設定します。次に、ユーザーが保存しようとしたときに、不足しているデータを入力するか、レコードを不完全なものとして保存するか、システムで処理できるものをユーザーに要求できます。
私はこのようなことをします。 「削除」列を使用してユーザーが「追加」できるようにすると、少し奇妙に見え、インターフェースが少し乱雑になる可能性があります。したがって、私は右側のアプローチを使用します。
情報を表示するもう1つの方法は、追加の行を常に表示し、すぐに使用できるコントロールと、追加を提案するボタンを表示することです。
すべての編集/削除/追加ボタンを同じ列の下にグループ化します。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
各行のテーブルの左側にチェックボックスを追加して、複数の行で複数のアクションを実行することもできます。