ドキュメントの質問と回答のセクションをどのようにフォーマットすればよいですか？

Question

質問と回答のセクションでフォーマットする必要がある提案に取り組んでいます。現在、質問と回答を区別するために異なる色を使用しています。ただし、私のチームのメンバーは、質問と回答の両方のテキストを黒くし、線を使用して質問と回答のセクションを区別したいと考えています。これは読みにくくなり、ユーザーはドキュメントをすばやく見て、質問と回答のどちらを判断することができないと思います。

これに対するユーザビリティの考え方は何ですか？ある方法が他の方法よりも優れているという研究や情報はありますか？ （グーグルで何も見つかりません）。

Answer 1

答えは、単純に タイポグラフィの強調 を使用することだと思います。質問と回答を太字のラベルまたは太字のテキストで示します。色は必要ありません。

例1

質問
Cras mattis consectetur purusがamet fermentumに座ります。前庭id ligula porta felis euismod semper？

回答
Maecenas sed diam eget risus varius blandit amet non magna。 Aenean lacinia bibendum nulla sed consectetur。 Sed lobortisにあるposeere consectetur est。Maecenas faucibus mollis interdum。Donec sed odio dui。Fusce dapibus、tellus ac cursus commodo、tortor mauris condimentum nibh、ut fermentum massa justo sit amet risus。

例2

Cras mattis consectetur purus sit amet fermentum。前庭id ligula porta felis euismod semper？

Maecenas sed diam eget risus varius blandit amet non magna。 Aenean lacinia bibendum nulla sed consectetur。 Sed lobortisにあるposeere consectetur est。Maecenas faucibus mollis interdum。Donec sed odio dui。Fusce dapibus、tellus ac cursus commodo、tortor mauris condimentum nibh、ut fermentum massa justo sit amet risus。

Answer 2

最近の質問 「オンライン/オフライン」のステータスインジケーターと適切な方法での既存のステータスインジケーターの例 が役立つ場合があります。

状態を区別するために色だけを使用することは決して良い考えではありません。上記の例はWebのアクセシビリティに焦点を当てていますが、Webデザインに限定されていません。その提案を白黒のレーザージェットで印刷しようとするとどうなりますか？

ここに2つの提案がありますが、単色でデータを伝える可能性は逆説的に無限です。

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}