UXの問題が発生し、「すべて選択」機能を実装する方法を決定できないマテリアルデザインベースのデスクトップアプリを開発しています。
「リソース名/ブランチ」のチェックボックスをチェックすることで「すべて選択」するアクションがあります。
問題:このUIは実際にはユーザーフレンドリーではありません。アクション「すべて選択」を実装するためのより良いソリューションを考える必要があります。
質問:ヘッダー名を「すべて選択」に変更する必要がありますか?問題は解決しますか?または、このデザインをよりユーザーフレンドリーにする他の良い代替方法はありますか?
解決策は、左側のテーブルに列を追加して行ごとに選択し、列ヘッダーのチェックボックスをクリックして「すべて選択/なし」を許可することです。
以下は、Material-UIフレームワークのテーブルコンポーネントのデモです。 https://material-ui.com/demos/tables/#sorting-amp-selecting
このサンプルでは、左のチェックボックスだけでなく、行の任意の場所をクリックして選択することもできます。
さらに、「選択モード」に切り替わるテーブルヘッダーにより、現在の選択に対するコンテキストアクションを提示できます。