web-dev-qa-db-ja.com

単一のファイルダウンロードオプションと複数のファイルダウンロードオプションを表示していますか？

背景ユーザーがさまざまなファイルをダウンロードできるリポジトリとして機能するWebサイトのワイヤーフレームを作成しています。ユーザーは一度に1つのファイルをダウンロードし、同時に複数のファイルをダウンロードできるようにする必要があります。これは、個々のユーザーによって異なります。

残念ながら、エンドユーザーへのアクセスは制限されています。それらにアクセスできるかもしれませんが、確実ではありません。

懸念複数のCTAなしで、ユーザーが単一のファイルをすばやくダウンロードすると同時に複数のファイルをダウンロードするオプションがあることを明確に示すにはユーザーを混乱させていますか？

最初のアイデア

  • ユーザーは右端の列にあるダウンロードアイコンを選択して、1つのファイルをすばやくダウンロードできます。
  • オレンジ色のボタンのテキストが更新されている間、ユーザーは左端の列のチェックボックスを使用して複数のファイルを選択してダウンロードできます（「選択した1つのファイルをダウンロード」、「選択した2つのファイルをダウンロード」など）。次に、オレンジ色のボタンをクリックして、複数のファイルを一括ダウンロードします
  • ファイルがチェックされていない場合、オレンジ色のボタンは「ダウンロードするファイルを選択」と表示されます

Wireframe example - Multi select buttons version

2番目のアイデア

  • ユーザーは右端の列にあるダウンロードアイコンを選択して、1つのファイルをすばやくダウンロードできます。
  • ユーザーは、一番下の列のチェックボックスを使用して、ダウンロードする複数のファイルを選択できます。フローティングバーのテキストは更新されます（「選択した1つのファイルをダウンロード」、「選択した2つのファイルをダウンロード」など）。次に、下部のバーをクリックして複数のファイルを一括ダウンロードします
  • ファイルがチェックされていない場合、下部のバーのテキストに「ダウンロードするファイルを選択」と表示されます Wireframe example - floating bottom bar version
gui-designbuttonstablesoptionsdownload
5
Cynthia

ここにあなたの解決策があります：私はあなたがあなたがそれを使うことができるあなたの要件に基づいて2つのオプションをあなたに与えました。

最初のオプションには、以下に示す2つの異なるシナリオがあります。ユーザーが確実に単一のファイルをダウンロードしたいとき、彼らはダウンロードアイコンをクリックします。しかし、ユーザーがダウンロードするファイルを複数選択した場合、ダウンロードアイコンを有効にすると、ダウンロードアイコンも有効になり、外部ボタンも表示されるため、ユーザーが何をするかを選択した後に混乱する可能性があります。

したがって、ここで私がやったことは、ユーザーが複数のファイルを選択すると、ダウンロードアイコンが無効になり、[Download（no。）selected files]という名前のボタンがテーブルの上部と下部に表示されることです。したがって、このボタンを使用すると、ユーザーは複数のファイルをダウンロードできます。 （ここで2つのボタンは、テーブルのリストが大きすぎて、選択したファイルをダウンロードするためにページを上にスクロールする必要がない場合に、ユーザーの便宜のためのものです。

enter image description here

そして、2番目のオプションは以下に示すとおりです。ダウンロードアイコンはありません。ボタンしかありません。したがって、ユーザーは、1つのファイルをダウンロードするか、複数のファイルをダウンロードするかをチェックボックスをオンにする必要があります。

enter image description here

シンプル！わかりやすい！

1
Jasmin Javia

エンドユーザーがサイトに頻繁にアクセスする特定のグループであるかどうか、または「1回限り」の訪問者である可能性が高いかどうかは、質問から明らかではありません。頻繁な訪問者であれば、すぐにワークアウトして1つのファイルをすばやくダウンロードしたり、複数のファイルをバッチダウンロードしたりできるので、問題にはなりません。でも、私は：

  • 最初のオプションで行きます
  • オレンジ色のボタンがリストの上部と下部の両方に表示されていることを確認してください
  • 「ダウンロードするファイルを選択してください」と表示されるように、元のオレンジ色のボタンラベルを変更します。

ユーザーがあまり使用しない可能性が高い場合は、リストの上（つまり、オレンジ色のボタンの上）の簡単な指示でこれに対処できますが、実際には問題にならないと思います。ただし、それについて心配している場合は、次のことができます。

  • オレンジ色のボタンの上に次のような簡単な指示を追加します。右側のダウンロードアイコンをクリックして、ファイルを1つずつダウンロードします。複数のファイルをダウンロードするには、左側のボックスにチェックを入れ、オレンジ色の[選択したファイルをダウンロードする]をクリックします'ボタン。
  • 「選択したファイルをダウンロードする」と表示されるようにボタンを変更しますが、チェックボックスをオンにしないと機能しないように、ボタンを無効にします
0
Monomeeth