web-dev-qa-db-ja.com

フッターと他の要素の対比

ニュースレターやウェブサイトのフッターやその他の要素のコントラストを減らすことは、UXの習慣としては良いですか?

この最初の例では、ニュースレターのフッターのコントラストが低くなっていると思いますが、ページを「より明るく」していると思います。

enter image description here

この2番目の例では、brainpickings.orgは「お気に入りの選択」列(左側)のコントラストを減らします。

enter image description here

これはユーザビリティに影響するでしょう。反対に、これらのケースの意図はノイズを減らすことだったと想像できます。

これは良い習慣ですか?利用可能なテスト結果はありますか?

4
Alexis Brion

あなたが尋ねているのは「不透明度」ではありません(白い背景の不透明度が低下したテキストのように見えますが)。それは実際にはcontrastの関数です。

写真やビジュアルデザインにおいて、根本的な考え方の一つは、コントラストの強いものが注目を集めることです。コントラストが弱いものは無視しやすくなります。ハイコントラストの領域に注意を集中させるために、認知の労力が少なくて済みます。あなたの例では、強い視覚効果を備えた明るい背景の暗いテキストは注意を引き、注意を維持するためにほとんど労力を必要としません。ただし、フッター領域は2次または3次の情報であり、それほど注意を払う必要はありません。コントラストを下げることで、何かを見つけるために努力する個人のために予約されます。これらの個人の認知負荷はすでに高まっているため、弱いコントラストがその情報を補強します。

を見てみましょう:

http://sixrevisions.com/graphics-design/visual-weight-designs/

http://www.usabilitypost.com/2008/08/14/using-light-color-and-contrast-effectively-in-ui-design/

https://graphicdesign.stackexchange.com/questions/23/how-to-draw-attention-to-a-specific-area-of-a-design

http://www.spectrumphotographytips.com/12-elements-of-composition-in-photography-part-1.html

4
mawcsco

専門家の意見や具体的な研究については知りません。

IMAO、つまり、IS適切な場所と強度を使用している場合は、これが良い方法です。

やがて

  • 読書を目的とするサイトには不可欠です。つまり、最近のウェブマガジン、フォーラム、ニュースなどでは、ほとんどのサイトが雑然としているため、メインのコンテンツを理解するのが難しくなっています。ユーザーが読むコンテンツを選択している間、他のスタッフを半透明にすると非常に快適です。
  • また、ユーザーがコンテンツに集中するのにも役立ちます。そうでなければ、ユーザーの満足度は間違いなく傷つきます。ユーザーが文句を言うことはないかもしれませんが、無意識のうちに彼の満足感が損なわれます。
  • ビデオ視聴のサイト向け。 YouTube、それが適切に利用された場合、全体的なエクスペリエンスははるかに大きくなります。

    また、不透明度のレベルはユーザーが全体的なフローから失われたと感じないように、大きな問題です。

0
kmonsoor