ファイルタイプの複数のダウンロードボタン
私はWebアプリケーションのUIを設計しています。リストには複数のカードのようなエントリがあります。リストの各項目は
- ファイルタイプAでアップロード
- ファイルタイプAでダウンロード
- ファイルの種類でダウンロード[〜＃〜] b [〜＃〜]
いくつかの警告：
- ファイルタイプアップロード/ダウンロードは常に利用可能です。
- ファイルタイプXには、使用不可、有効、無効の3つの状態があります。
私が対立していること：
- ファイルタイプAとBのダウンロードボタンを区別する良い方法は何ですか
- 「ダウンロード」という単語も3番目のボタンに表示されますか？
- ダウンロード/アップロードボタンのカラーパレットは何ですか？
- 「アップロード/ダウンロード」アイコン（AとBは同じアイコンを使用）を使用するか、ファイルタイプごとに何か特定のものを見つけてみてください。後者の場合、アップロードボタンをどうすればよいですか？
ファイルタイプAとBのダウンロードボタンを区別する良い方法は何ですか
UXの一般原則として、状態を明確かつ明示的に示す必要があります。
たとえば、ユーザーが。docおよび。pdfそれは彼らのために明確でなければなりません。例えば：
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
「ダウンロード」という単語も3番目のボタンに表示されますか？
それが1つにある場合は、もう1つにある必要がありますが、とにかく上の例のように、混乱を減らすために、Wordを共通の要素として「抽出」することを選択します。
ダウンロード/アップロードボタンのカラーパレットは何ですか？
一般的なルールではなく、一般的なページデザインに依存する必要があります。コメントと同じように、人々は 緑よりも赤をクリック に惹かれますが、これらは機能ボタンであり、変換ボタンではないため、この場合は考慮に入れるものではありません。
「アップロード/ダウンロード」アイコン（AとBは同じアイコンを使用）を使用するか、ファイルタイプごとに何か特定のものを見つけてみてください。後者の場合、アップロードボタンをどうすればよいですか？
アクションは同じなので、アイコンが同じでも大丈夫です。最初のポイントで述べたように、重要なのはアクションの結果がユーザーの期待される結果と一致することを確認することです。
スペースを節約するために、当社のWebサイトで行ったことは、ファイルが利用可能なさまざまな形式のリストを開くダウンロードドロップダウンを作成することです。私たちの場合、異なる言語ですが、異なるファイル形式を使用できます。
アイコンとアップロードとダウンロードの区別に関して、私は2つの異なるアイコン、たとえばこれらをお勧めします。
色については、アイテムの削除やエラーに関連していることが多いので、赤は使用しないことをお勧めします。ユーザーに実行してほしいアクションが1つある場合は、そのアクションをより目立つようにします。
