非同期で処理を行った場合のUI設計

Question

UI設計について悩んでいます。どなたか知恵をお貸しください。
企業の顧客管理システムで以下の機能があるとします。

処理自体はzipダウンロードボタンを押下したら非同期で行う想定ですが
ユーザーがより使いやすいものを考えるとどれがより良いかわからなくなってる状態です。

機能

大量の日付ごとのCSVファイルを作ってzipファイルにしてブラウザからダウンロードする。

処理時間

10分から30分程度の時間がかかる想定。

処理方法

ユーザがブラウザを開いたままの場合

成功の場合は、ブラウザからzipファイルをダウンロードさせる。
失敗の場合は、エラーメッセージをブラウザに表示する。

ユーザがブラウザを閉じてしまった場合

案1)
成功の場合は、zipファイルを添付してメール送信。
失敗の場合は、その旨をメール送信。

案2)
zipファイルをダウンロードさせる一覧画面を用意する。
成功or失敗のステータス表示して、成功ならブラウザからダウンロードさせる。

UIイメージ

名前	メールアドレス	日時
山田	[e-mail]	2021-02-16
佐藤	[e-mail]	2021-02-15

	zipダウンロードボタン

開発環境

webシステムでHTML/CSS/PHP/JavaScriptを使う想定です。
PHPで裏側のバッチ処理を行って、ブラウザを開いていた場合はjsで5秒間隔でzipファイル作成成功を検知しにいきます。

Comments

[退会済みユーザー]

プログラミングの質問なのだから、何を作っているかと開発環境ぐらいは書きませんか？

「ダウンロード」と書いてあるから Web アプリ？　それにしても ASP.NET だとか PHP だとかいろいろあって、それによって話は大幅に違って来るということ分かりませんか？

[tomoyuki123]

SurferOnWwwさん編集しました。

[tomoyuki123]

それによって話は大幅に違って来るということ分かりませんか？→わかりませんでした。

[退会済みユーザー]

PHP のタグをつけてください。

> それによって話は大幅に違って来るということ分かりませんか？→わかりませんでした。

今までここで 100 以上質問している人の発言だとは思えないですね。

[tomoyuki123]

お前ムカつくな

[退会済みユーザー]

ネットを通じて世界中に自分の恥をさらけ出していると認識しましょう。

[tomoyuki123]

通報しました。

[退会済みユーザー]

恥の上塗りというやつですね。

[tomoyuki123]

通報しました。

Answer 1

UI以前に仕様がわかりづらいですね
ダウンロードがデイリーで必ず発生するなら

zipダウンロードボタンを押下したら非同期で行う

ではなく、ダウンロード用のzipを予め作っておいて
ユーザーはクリックしたらすぐダウンロードが始まればよいのでは？