web-dev-qa-db-ja.com

ファイルのアップロードの制限を表示するにはどうすればよいですか?

これは、b2b Webツールに使用されます。ユーザーは「アップロード」ボタンをクリックして画像ファイルをアップロードできます。最大サイズとファイル形式の2つの制限があります。

それを示す最良の方法は何ですか?

  1. アップロードボタンの下に短い一般的な説明を入力し、クリックまたはホバー時にツールチップを開く
  2. 同じですが、ボタンに最大ファイルサイズを追加します
  3. すべての制限のリストをボタンの下に配置します(ファイル形式がそれほど多くない場合は、このオプションを選択します)

enter image description here

3
Anton T

受け入れるファイルタイプの種類や、アップロードできるファイルのサイズを読み取るためにユーザーがアクションを開始する必要がないため、オプション3が最適だと思います。添付ファイルの追加CTAが注意を払っているため、オプション1または2の短いテキストスニペットが表示されない可能性があります。

私が見つけることができる唯一の問題は、すべてのファイル名が占めるスペースですが、デザインで問題ないように見える限り、ユーザーに追加のアクションを実行させずに、常にユーザーにできるだけ明確にします。

1
Keith