web-dev-qa-db-ja.com

大量のデータ入力を容易にする方法は?

私はプログラマーであり、大量のデータ入力を容易にするためにGUIを必要とするWebアプリに取り組んでいます。これで、この「データエントリ」は、オーディオ、ビデオ、テキストなど、さまざまなタイプにすることができます。すでに各タイプのフォームがあります。

しかし、GUIでこれを処理するためのベストプラクティスは何なのかと思っていました。サーバーにアップロードする前に、これらのエントリを並べ替える機能も必要です。

現在、1つのデータ入力フォーム(テキストデータ型など)が常にデフォルトで存在し、その下に小さな追加ボタンがあると考えることができます。クリックすると、データ型の1つのデータ入力フォームを追加するオプションが表示されます。これにより、新しいフォームが前のフォームのすぐ下に表示されます。

ユーザーが「OK、これで完了です!」と言ったときに、一度にすべてを保存する必要がありますか?または、一度に1つのデータエントリを保存してから、現在処理中のアイテムについてユーザーに一定の更新を提供する必要がありますか?オーディオ、画像、ビデオのアップロードも許可しているため、重いファイルなどにかかる時間についても考慮が必要です。

この問題に取り組むより良い方法はありますか?検索できるモックアップやサイトはありますか?

ありがとう。

6
Chantz

その時点で保存&一定の更新

これは、ユーザーが正しいことをしているというフィードバックをユーザーに与えます。そして、すべてのハードワークが失われていないという安心感もあります。また、間にフィードバックがないと、多くの人が送信ボタンを押して怖がるのを見てきました。一般的に、それははるかに良い経験を与えます。

ただし、その間に何かが発生した場合のイベントをカバーできればよいことを覚えておいてください。ユーザーがいくつかのものをアップロードしたが、最終送信に到達しなかった場合。だったらどうしようか?それらは既に「公開」されていますか?プログラムにそのような状態が存在する場合はどうなりますか?そうでない場合は、データがすでに保存されていても、プロセスを完了する必要があることを後で提示するようにしてください。

「公開済み」などの状態がなく、アップロード済みであるという状態の場合は、もう少し進んでください。 (新しいフォームフィールドを要求することにより)新しいアイテムを追加すると、他のフィールドの上部にトップが追加されます。以下では、入力済みのフィールドがアップロードされており、その上では、新しいアイテムに集中できます。正常にアップロードされたアイテム、さらに下に沈むアイテム、またはサムネイルでうまく並べられたアイテム。フォームエラーがあったアイテムやアップロードがうまくいかなかったアイテムはそのまま残し、少し注意を求めます。

2
Lode