web-dev-qa-db-ja.com

デフォルトでアイテムを選択する必要があります

かなり冗長な説明をあらかじめお詫びします。画像を投稿する担当者がまだいません。

私は、画像を閲覧して個人の「フォルダ」に追加できるアプリケーションに取り組んでいます。 「フォルダ」ページに移動すると、画像がページ全体の小さなパネルにサムネイルとしてリストされ、それぞれにチェックボックスがあります。チェックボックスを使用して画像を選択し、ページの上部にあるボタンを使用して、選択した画像に対してアクションを実行できます(ダウンロード、編集、削除など)。ボタンは次のとおりです。

[ダウンロード] [その他のアクション] | [すべてダウンロード]

「その他のアクション」は、あまり使用されないアクション(アイテムの編集、削除、リンクなど)を含むドロップダウンボタンです。最初の2つのボタンは、画像を選択するまで灰色で表示され、その時点でアクティブになります。あまり使用されていないオプションを実行(または表示)する前にアイテムを選択しなければならないのは少し面倒だというフィードバックがありました(適切なテストからではありません)。これは、近くの便利な「すべて選択」リンクにもかかわらずボタン。

より良い解決策は、デフォルトですべてのアイテムを選択することでしょうか?そして、「すべてダウンロード」ボタンを廃止しますか?本当に人々の意見を探し、誰かが同様のUIを見たことがあるかどうか?

編集:画像を投稿する担当者がいるので、現在のUIのモックアップを示します。画像を選択すると、パネルが緑色になります。

mockup of current ui

4
benb

一般的な観察

-デフォルトですべてを選択しないでください。ユーザーとして私は必要なものを選択します-私が必要なものをあなたに教えてほしくないです。

-グレー表示されたボタンが煩わしい場合は、他のフィードバックに一部同意します。 ダウンロード選択が行われるまでグレー表示されることは理解できますが、その他のアクションが何であるかを確認したいと思います。それは私がアイテムを選択するのに役立つ/私が選択するものに影響を与える情報かもしれません。

-ダウンロードボタンとその他のアクションコントロールがすべて選択/なしコントロールの前に来る理由は何ですか?これに関する私のワークフローは、本質的に上から下に向かっているので、ユーザーとしては、コントロールが使用順に配置されているのを見たいと思います。これにより、選択する項目の後にダウンロードボタン(ただし、[その他のアクション]メニューではない)が配置されます。

--すべて選択すべてダウンロードは同じものではなく、両方が必要だと思います。たとえば、16個のアイテムのうち15個が必要な場合は、すべて選択をクリックし、不要なものを手動で選択解除します。

3
gef05

File list from Handcraft

私たちのアプリでは、あなたが物事を行う方法と同様に、アップロードされた画像を管理できます。ご覧のとおり、「すべてをダウンロード」に相当するものを2つのタスクに分割することにしました。すべてを選択することと、現在の選択で何かを行うことです。 「すべてダウンロード」ボタンが不要になり、特定のアクションは現在の選択にのみ適用されるため効果がないことをより明確にするため、これを試すことを検討できます。

Gmailにも同様のアプローチがあります。

Gmail selection handling

選択に関するアクションは、ドロップダウンの下に隠されています。現在の選択に適用されるボタンは、右側に目立つように表示されます。以前は「with selected:」と言っていましたが、数年前にUIをクリーンアップしたときに変更しました。このアプローチは理解が難しいと思うので直観に反しますが、Gmailには多くのテストが行​​われているため、予想よりもうまく機能します。

1
Rahul

選択を行う方法はいくつかあります。

  • 暗黙的で簡単に元に戻すことができます。 Windowsエクスプローラでファイル名をクリックして選択します。他の場所をクリックして選択を解除します。選択が目立つ(対照的な背景色など)。
  • チェックボックスを使用して選択したアイテムをマークする例のように、元に戻すのがより明確で摩擦が多くなります。選択を削除するには、積極的にそのアイテムのチェックを外すにする必要があります。選択範囲も目立たなくなります(選択したオブジェクトの横にある小さなチェックマークなど)。

あなたの状況では、私はデフォルトではアイテムを選択しません。なぜなら、それは常に恣意的であり、完全には見えず、簡単に元に戻すことができないからです。

それらのボタンが最初からクリック可能で、近くに目立つ選択がない場合、おそらく自動的に選択された画像のコンテキストで実行していることに気付かずにボタンをクリックするでしょう。

とはいえ、機能をより見つけやすくしたい場合は、[その他の操作]ボタンをアクティブにして何ができるかを示し、それらの操作を1つずつ個別にグレー表示してみませんか?

0
Jan

これらのアクションの準備として画像を選択することが望ましい場合は、[ダウンロード][すべてダウンロード]の両方は必要ありません。

代わりに、[すべて選択]、[何も選択しない]、[高度な選択/フィルタリング]などの「選択オプション」を追加する必要があります(特定の日付、月、年、特定のタグが付けられた画像などを選択できます) )

実際には、ユーザーがドロップダウンメニューの項目を表示できるようにする必要があります。ユーザーは、UIを探索してその機能について詳しく知りたいと考えています。

  • 簡単な方法は、(メインボタンの代わりに)サブ項目を無効にすることです。ただし、無効にされている理由についてのヒントはユーザーに提供されません。

  • これに対応するために、システムに「少なくとも1つの選択されたイメージ」ルールを確立できます(つまり、少なくとも1つ選択されたイメージ-アクティブなイメージです)。ボタンのいずれか。

  • または、「画像が選択されていません」状態をまれな状況にして、選択された画像がないとアクションを実行できないことをユーザーに通知する適切なメッセージをユーザーに提供することができます。 (もう一度考えれば、「選択した画像がない」状態をまれな状況に変える必要さえありません。常にボタンを有効にして、選択された画像がない場合は常に「選択された画像がありません」というメッセージをユーザーに表示します...)

0