web-dev-qa-db-ja.com

テーブルリストに新しいアイテムを追加する:リストの最後か、新しいページを開きますか?

新しいデータをテーブルリストに追加する2つの方法のうち、どちらが優れているか。

リストの終わり(スプレッドシートドキュメントに新しいデータを追加するのと同様):

enter image description here

新しいページのフォームを開く:enter image description here

7
catandmouse

短い回答:外部 情報を入力するフォーム を利用します。


2つの状況があります。新規作成と編集の両方の理由を説明します。


1。データの表示モードと編集モードでの表示が異なる場合:

データ入力とデータビューの関係は必ずしも同じであるとは限りません

「新しいページフォーム」(オプション2)を使用すると、情報を変更して、実際のテーブルで代替テキスト、画像、リンクなどのさまざまな方法で表現できる追加のフォームを追加できます。

たとえば、フィールドに厳密に表現されない( http:// .. 。)リンクを、他のフィールドのURLとして貼り付けることができます。

出力の表示方法に関連がある場合は、プレビューウィンドウを使用できます(ここではStack Exchangeのウィンドウに似ています)。

元のテーブルに非表示になっている列がある場合はどうなりますか?ユーザーはその情報を最初のオプションのどこに配置しますか?


2。編集モードで入力したとおりにデータが表示モードで表示される場合:

  • 新しい行を作成するか、行全体を一度に編集します。

保存/承認ボタンは1つだけ使用してください。外部(テーブルに対して)UIを使用して、ユーザーが対話する場所を明確に示すことをお勧めします。行にはいくつかのフィールドがあるため、同じボックスにオプションを表示することをお勧めします。これはオプション2です。

  • フィールドを個別に編集します。

この場合、同じテーブルのフィールドを変更できます。ただし、対話する方法は、(前に説明したように)別のUIを使用して行う必要があります。この2つの方法を確認してください 材料設計ガイド は以下を示します。

1

2

3
Alvaro

最初のデザイン:

  • ユーザーがフィールドについて疑問がある場合に備えて、ユーザーに期待値のヒント/確認を提供します。
  • それは誠実さの感覚を与え、あなたがそれをどのように見るかをあなたに見せます。

2番目の設計:

  • コンテンツのサイズが大きくなる可能性があり、入力にあまり適さないため、ユーザーは入力をより適切にプレビューできます。
  • それを説明する「気晴らし無料」と呼ぶ人もいます。

フォームに新しいページを追加するという考えは議論の余地があります。「プラットフォームを充実させる」のように、それを利点と呼ぶ人々を見てきました。

他の人はそれを "それが必要でない限り、それを避けます"と考えます。追加のページには、ユーザーに反映されるより多くのナビゲーションスペースが必要です。

1
UX Labs

複雑な検証が必要なアプリケーションがある場合は、2番目のオプションを使用します

たくさんのテーブルとそれらの間の依存関係を持つ複雑なアプリケーションがあります。そのため、レコードを追加/編集するたびに検証を実行して、データがOKかどうかを確認する必要があります。

新しい画面で検証を実行でき、依存フィールドがある場合はそれらも含めることができるため、2番目のオプションを使用します。特定のフィールドの値によっては、追加の入力フィールドを表示する必要がある場合があります。テーブルへの直接入力では、依存フィールドを視覚化できません。これが、2番目のオプションを使用する理由です。

ただし、入力フィールド間に依存関係がなく、複雑な検証が必要ない単純なインターフェースがある場合は、最初のアプローチを安全に使用できます。

1