web-dev-qa-db-ja.com

ファイルブラウザのダウンロード

デバイスとサーバーを同期するサービスを提供します。

すべてのデバイスには、HTTPを介してアクセスできるファイルブラウザがあります。

可能なアクションは次のとおりです:ダウンロード、削除、名前の変更。

ダウンロード中のフォルダ/ファイルの削除と名前の変更はできません。

今、私はダウンロード機能に少し行き詰まっています。

フォルダとファイルは比較的大きく(> 100MB)、バックエンドでそれらを圧縮するのに時間がかかります。 ユーザーがページを離れたときに圧縮プロセスをキャンセルしないでください

以前は、ダウンロードが開始されたときにファイルブラウザ全体を単にブロックしていました。

しかし、私はこのソリューションは最適ではないと思います。ユーザーは他のファイルを閲覧できる(そして他のファイル/ディレクトリを最適にダウンロードできる)必要があります。

達成したい目標(重要度順):

  1. ユーザーは、ダウンロードの進行中に他のフォルダーを閲覧できる必要があります。 (最も重要な)

  2. ユーザーは、開始されたダウンロードを簡単にキャンセルできるはずです。

  3. ユーザーは、現在ダウンロード中のフォルダーを参照できる必要があります。

  4. ユーザーは、別のダウンロードの進行中に他のフォルダー/ファイルをダウンロードできる必要があります。 (最も重要ではない)

ここで私が考えたソリューションのいくつかのモックアップ:

通常のビュー

Normal view

選択ビュー

Selection view

ユーザーが選択のダウンロードを開始した後に表示

View after user initiated download of selection

回答が必要な質問:

  • ユーザーは、現在ダウンロード中のフォルダーを開くことができますか?

    • その場合:
    • 通常開いているフォルダーとダウンロード中のフォルダーを区別するにはどうすればよいですか? ( アイコンの変更を考えた
    • このフォルダ内の他のダウンロードを許可する必要がありますか?
    • その場合:
      • ダウンロードの進行状況を明確に表示するにはどうすればよいですか。
  • 情報を表示するより良い方法はありますか? (ファイルブラウザーの上にあるダウンロードキューについても考えました)。

EDIT:私の現在のソリューションの問題は、ユーザーがすべてのダウンロードの明確な概要を把握できないことです。

5
d3L

ダウンロードしたファイルを別のウィンドウ/ページに配置する必要があるようです(NetflixやBBC iPlayerが機能する方法に似ています)。

現在のファイルウィンドウにあるコントロールを維持するだけでなく、ダウンロード中のファイルやローカルで利用できるファイルにもマークを付けます。

これにより、ユーザーはコンパイルおよびダウンロード中にリモートファイルを閲覧できますが、ダウンロードが完了するまでローカルコピーをロックできます。新しいページを使用すると、ユーザーはダウンロードを選択したファイルに簡単に戻ることができ、推定ダウンロード時間やファイル管理コントロール(削除、コピーなど)などの情報を新しいページに追加することもできます。

3
Andrew Martin

各ファイルまたはフォルダが現在のステータスを表すステータスアイコンを使用できます。 Dropboxは、同期しているファイルと同期が完了しているファイルにそれぞれ青と緑のチェックマークを表示することで、そのように動作すると思います。

また、ホバーに表示される「X」アイコンは、ダウンロードをキャンセルするために実行できます。

ダウンロード中のファイルを、フォルダーやファイルとやり取りする場所とは別に表示することで、ダウンロードの進行中にフォルダーを参照できることをユーザーが理解しやすくなります。 (Googleドライブ、Dropboxのアップロード/ダウンロードを確認してください) Download shown in right bottom while folder are on left top

(フォルダが左上にある間、ダウンロードは右下に表示されます)

dropbox

(Dropboxは、ページの下部に進行中のアップロードを表示します)

また、このパターンは、新しいダウンロードがリストに追加されるだけなので、別のダウンロードが進行中にファイルやフォルダーをダウンロードする問題を解決します。

2
Apurva Chakke