テーブル内の読み取り専用セルを示す最良の方法は何ですか？
多くのテーブルがあり、実際にはデータグリッドがあり、ほとんどのセルは編集可能ですが、一部はユーザーの権限に依存しない場合があります。読み取り専用セルに薄い灰色の背景を使用することを考えています。
更新（2015年6月19日）
このトピックには最近の活動があるので、最新情報を提供すると思いました。私たちは提案されたオプションの多くを考慮し、単純な薄い灰色の背景で行きました。ユーザーインタビューにより、このソリューションは視聴者にとって非常に直感的であることがわかりました。
- アイコンを追加すると、微妙なものでも、視覚的な複雑さが大幅に増します。
- テキストをグレー表示にすると、読みにくくなり、テキストが何らかの移行状態にあることを示しているようです。
- 編集可能なセルを示すためにインデントを追加することはできません。これは、フォーカスを示すために使用するものだからです。
背景色は慣例です。この（非表示の）ルールはユーザーがすぐに学習します。ただし、ユーザーが読み取り専用セルを編集（クリック）しようとしたときにツールチップを表示することもお勧めします。このような明示的なメッセージは、架空の機能しない機能の推測や悪用を防ぎます。
シェーディングがデータの読み取りを妨げない限り、あなたは正しい道を進んでいます。また、背景色（ある程度強調する）を忘れて、文字色を明るくすることもできます。
鍵のアイコンまたはスラッシュの付いた鉛筆は、あなたの意味を強めることができます。アイコンを使用する場合は、アイコンをかなり微妙に保ち、ホバー時にコントラストを追加して、ページに小さなアイコンのバグが散らからないようにします。
編集可能なセルで特別なことを行うと、それが過半数になると問題が生じます。
個人的には、ユーザーが行をクリックすると、行全体が編集可能なものであり、編集できないものであることがわかります。ユーザーが編集不可のセルをクリックすると、編集可能なすべてのセルがテキストフィールドに切り替わり、編集不可のセルがそのまま残ります。編集できないパーツであっても、1つのパーツをクリックすると、その行が編集される可能性があると推測できます。
反対のことをお勧めします。編集可能なセルにマークを付けます。これは、テーブルの異常な動作です。これを簡単に行うには、上と右に暗い内部ボーダーを追加して、編集可能なセルをテキスト入力フィールド（編集可能なテキスト領域で使用できるパターン）のように見せます。
ただし、ユーザーが操作できないフィールドをマークすることに行き詰まっている場合は、提供するソリューションが色だけに依存していないことを確認する必要があります。
どちらのオプションについても、編集可能なセルと編集不可能なセルの違いを識別するための2番目の方法を提供する必要があります。他のユーザーは、この目的に役立つアイコンやツールチップなど、いくつかの優れた提案をすでに提案しています。
私はシャーウィンの答えの2番目です。例を含めることができるように、コメントではなく回答として残します。
セルを選択すると、背景の陰影に加えて、ロック/編集不可のアイコンを表示できます。
セルを編集するための「通常のフロー」を考えます。
- ユーザーにセルが表示される
- ユーザーがセルを編集したい
- ユーザーがセルを選択します
- ユーザーが編集する
- ユーザーが変更を保存します
手順3でロックアイコンを表示することにより、ユーザーはセルが編集不可能であるというフィードバックをすぐに得ることができます。
もちろん、背景の陰影は、どのフィールドが一目で読み取り専用であるかを即座に示すためにも役立ちます。
行にゼブラストライプを使用している場合、さらに別のbgカラー行が無効になっていることは、目には大きすぎるかもしれません。
この場合、無効になっている行のフォントの色を淡色表示またはハイライト色に変更できます。
カーソルを許可されないように変更することもできます。
私はここのほとんどの答えに同意し、背景色とテキストの色の変更を使用して読み取り専用のセルを示しますが、Webアクセシビリティの観点から、色以外のインジケーターを追加する必要があります。読み取り専用の行を示すアイコンまたはテキスト装飾として。