web-dev-qa-db-ja.com

テーブルビューを切り替えるときのアクティブ色と非アクティブ色

私はユーザーが特定のクライアントに割り当てられるWebアプリケーションに取り組んでいるので、デフォルトでは自分だけが表示できます。

ただし、他のユーザーのクライアントにもアクセスする必要がある場合があります。したがって、これらの2つのビューを切り替えるリンクがあります(下の図で赤の下線が引かれています)。

All clients currently is the active view

私の意見:「すべてのクライアント」は灰色である必要があります。これは、現在のテーブルビューであり、クリックできないためです。 「私のクライアント」はアクティブな青色で表示され、クリックできることを示しています。

クライアントの意見は逆転しています-彼は現在のテーブルビューは青で、他のテーブルビューオプションは灰色であると考えています。

これについてあなたの考えを追加してください!

追伸英語が下手でごめんなさい

2
CTreevor

アクティブなページが淡色表示になっている理由を理解しました。既に開いているので、クリック可能にする必要はありません。ただし、「グレー表示」は、非アクティブまたは適用できないものに関連付けられています。

問題は、リンクが2つの目的を果たしていることです。ナビゲーションと、ユーザーが現在見ているものに対するユーザーへのフィードバックです。この目的のために、実際にリンクに次のように伝えたいので、グレー表示は適切な選択ではありません。私はあなたのクライアントが逆にそれを望んでいる理由だと思います:青いものは灰色になっているものよりもアクティブに見え、背景にフェードします。

ユーザーが見ているビュー(マイクライアント、またはすべてのクライアント)に関する情報をユーザーに提供したいとします。これを解決するためのいくつかのアイデアは、iOS設定のようにタブ(Amazon Webサイトなど)またはスイッチを使用することです。あるビューではボタンを左にスライドし、別のビューではボタンを右にスライドします。

3
Liang

Webアプリケーションでは、タブがこれに最適なオプションだと思います。正しい明/暗の配色を使用すると、どれがアクティブかをすぐにユーザーにフィードバックできます。

2
jenthomson

別の可能なオプションは、これを達成するためにフィルターを使用することです。リストは通常​​、クライアントのみを表示するようにフィルタリングされますが、すべてのクライアントを表示したい場合は、親切に提供したフィルタリングをオフにします。フィルタリングコントロールは、グレー表示されたテキストリンクで遭遇したアフォーダンスの問題よりも簡単にその使用を伝えることができます。

enter image description here

1
LindaCamillo