既存の行の上に新しい行を追加することは良い考えですか？
テーブルの私の fiddle実装を検討してください1。 （気になる人のために、 ここにコードがあります2）
当初、私のテーブルはより慣習的で、 + 表の下にあるボタンをクリックして、古い行の下に新しい行を追加します。
今、私はテーブルをよりコンパクトにすることを決め、こうして + ヘッダーへのボタン。 - 各行のボタン。
以来 + ボタンはヘッダーに移動しました。古い行の上に新しい行を追加した方が自然だと思いました。しかし、それは本当ですか？
新しい行が作成後1秒間青色で強調表示されるため、行が上または下に追加されても実際には問題にならない可能性はありますか？
1：Chromeヘッダーが正しく表示されません。Firefoxでフィドルを表示するか、IE 10+を代わりに使用してください。
2：自分のプロジェクトで私のコードを使用することに関心のある人向け。どうぞ。条件なし、紐なし。このコードの著作権を主張しないでください。これは単なる合意であり、施行されません。どちらかといえば、原則としてその合意を尊重していただければ幸いです。
既存の行を約300ミリ秒の期間にわたって下方向に移動またはアニメーション化して、新しい行のためのスペースを確保することをお勧めします。動きは人の注意を引くのに非常に効果的です。動きに気づくのは本能的な反応であり、目の隅から目立つようになります。
動きの方向は有用な情報を提供し、動きの上下に注意を喚起し、情報を提供しますが、
上に何かを挿入するためには、既存の行を下に移動する必要がありますが、下に何かを挿入するには、既存の行を上に移動する必要はありません。これは、上部に行を挿入することで、便利な動きのフィードバックを提供する方が簡単であることを示唆しています。
ハイライトはユーザーの注意を引くのに非常に役立ちます。それを長くするか、フェード効果に変更する必要がありますが、アイデアは、より多くの時間、行に注意を呼び、変化に気づく可能性を最大化することですテーブル。
テーブルのデザインがフィドルのものである場合、問題が見つかります。A、B、およびCが列の見出しの一種になると想定しています。行の削除列にも見出しがあり、データではなくアクション、つまり情報/相互作用の別のカテゴリであることから、その列に色の変更があった方がよいでしょう。
最後に、質問について、新しい行を上に追加したり、最初の行として追加したりすることは、ボタンの位置だけでなく、見出しに近くなり、ユーザーの注目が最も集まる場所になるためです。になるだろう。ただし、テーブルが十分に長い場合、またはユーザーがテーブルに沿ってデータをチェックする場合は、コントロールの追加が遠すぎるため、適切な場合は、新しいコントロールの追加を検討してください。もちろん、説明付きのインスタンスをフローティングにします。使いやすさを向上させ、プラスボタンを配置する場所を提供するヘッダーセクションを繰り返すことも検討できます。
見出しを繰り返し、さらに追加ボタンがある場合は、ユーザーが見出しをクリックして新しい行を追加するたびに、実際の例のように、コントロールの真下に挿入する必要があります。
並べ替えが重要な場合は、挿入が発生した後、ユーザーへの入力と、データを押して並べ替えるためのボタンも提供する必要があります。