web-dev-qa-db-ja.com

読まれて処理される可能性が高いのは次のどれですか。(関連)テキストが画像/ビデオの上または下に配置されていますか?

たとえば、美術館のウェブサイトにあるコレクションのアイテムの写真や、YouTubeや多くのニュースサイトのような埋め込み動画など、主なアセットが視覚的なページのレイアウトについて考えています。タイトルやその他の簡単な関連情報が動画の上に表示される場合があります(YouTubeなど)。画像のコンテキストを設定するテキストがすぐ下に表示される場合もあります(ニュースサイトの写真のキャプションなど)。理想的には、写真やビデオを紹介および/または要約するテキストを人々に読んでもらいたい。これは多くても1行または2行のテキストです。タイトルまたはオブジェクトとそのコンテキストの単なる説明の場合があります。

enter image description here

読むためのFパターン は、(当然のことながら)英語の話者がページの上部から読み始め、横縞で下に向かって進むことを示唆しているため、画像の上にタイトルを付けると、「コンテキストを設定する」という観点—ページの上部にあるコンテンツは、それよりも下にあるコンテンツよりも目を引くと言っても、おそらくそれほど論争にはなりません。ただし、- 脳はテキストの処理よりも画像の処理の方がかなり高速です 、つまり、単語が最初に表示されている場合でも、単語の処理が完了する前に画像コンテンツの処理が完了する可能性がありますページ上。ページレイアウトについても重要な点があります。これにより、画像と空白スペースが目を誘導します。たとえば、 cogapp.com は、ページの目をそれらの説明に導く、本当に素晴らしい仕事をしているようです行う。ですから、ある程度は視覚的なデザインにも依存することになるので、これについて抽象的に話すのがどれほど簡単かはわかりません。

とにかく、私の質問:関連するテキストを画像の上または下に置くことが、人々に読んでもらうという観点から好ましいかどうかについて、確固たる証拠はありますかそして単語を処理しますか?(単語に固執するだけがカウントされるかどうかはわかりません;書かれた内容を意味のある形で実際に処理したことを知りたいです仕方 :)

21
finiteattention

これらは「カットライン」と呼ばれ、画像の下にテキストとともに何十年も新聞業界で使用されてきました。私はそれに固執します。

従来の印刷形式では、キャプション画像の下

これは自然なことのように思えます。画像が表示され、次に何が起こっているのかが説明されます。見出しまたは記事につながるコピーから、画像がどうなるかについて十分に理解していると思います。つまり、最初に画像を説明する通常は必要ありません。

ただし、デジタルメディアは、記事の流れに合う場合に(厳密な規則としてではなく)画像の上にガイドコピーを配置することがよくあります

たとえば、Twitterの「Fail Whale」の次の写真のように、まったく期待していなかった画像が表示される場合があります。
enter image description here

この場合、narrativeは、画像の前の説明テキストを保証します。これは特に、作者がユーザーに何かを直接示しているような書き方に適しています。「ここ、これを見てください」という写真を渡したようなものです。

多くの状況で、これは不適切で予期しないものになる可能性があります。 画像の下のキャプションは従来型であり、ユーザーをガイドするための規則があります。規則に従うことで、ユーザーの混乱と時間を大幅に節約できます。 規約は重要です 、特に「新しい」形式のメディアでは。

5
Ben Brocka

明確な証拠はありませんが、いくつかの提案があります。

  1. 標準に固執し、ピアをコピーします。これは、ユーザーが慣れていることです。あなたはビデオと画像の両方について話しているので、相手がcogapp.comであるかYouTube.comであるか(ビデオの上にタイトルがある)はわかりません。

  2. 画像よりもテキストの重要性を強調しています。ここでの位置よりもテキストのレイアウトのほうが重要だと思います。cogapp.comは、黒い背景に白いテキストで十分なパディングを行い、素晴らしい仕事をします。

  3. ウェブサイト上の画像/ビデオ+テキストの位置を考慮してください。テキストの方が重要な場合は、スクロールせずに表示したい場合があります。 ユーザーはスクロールしない で、通常は あなたよりも小さいモニター です。

  4. 私の経験則では、タイトルは1行で画像の上にある必要がありますが、説明は複数行で画像の下にある必要があります。

それが少し役立つことを願っています。

2
daniel.sedlacek

コンテンツが適切に配置およびスタイル設定されている場合、コンテンツは読み取られて処理されます。

コンテンツはスクロールによって段階的に公開されるため、オンラインパブリッシングでは特に重要です。これは、具体的な物理的なサイズによって読者がコンテンツ全体を一目で確認できる印刷メディアとは異なります。その結果、デジタルコンテンツを使用する場合、ユーザーは下にスクロールしてキャプションを読み、次に戻ってメインコンテンツを読み続け、もう一度下にスクロールしてテキストを分割する画像をスキップする必要があります。さらに、多くのオンライン出版物では、キャプションのスタイルが本文のテキストと異なることが多く、混乱を招いています。

したがって、オンラインで画像とビデオにキャプションを付けるための次のルールを抽出します。

画像/動画がスクロールせずに見える範囲で始まる場合andキャプションを含む高さが600px未満(つまり、ブラウザを含む高さ768pxの画面でスクロールせずに見える位置chrome&header) andこれはページ上の唯一の画像/ビデオであり、その下にキャプションを配置できます。

ただし、画像/動画がスクロールせずに見える場合orページに他の画像/動画がある場合、一貫性を確保し、ユーザーの混乱を防ぐために、その上にキャプションを配置する必要があります。また、すべての場合において、キャプションは本文とは異なるスタイルにする必要があります。

2
dnbrv

メディアコンテンツ、特に画像はすぐにユーザーの注意を引くので、自然な流れは下に進みます。つまり、実際に必要になるまで、上(ほとんどの場合、ナビゲーションバー)は無視されます。メディアコンテンツのキャプションは、その自然な流れに収まるように下に表示する方が適切です。ユーザーは、説明ではなく、説明を読みたいと思う可能性が高くなります。タイトルはどのコンテンツよりも優れていると思います。 YouTubeを考慮に入れてください。彼らはおそらくこのテーマについて民族誌学者の研究チームを抱えており、現在のレイアウトを考え出すことで、並べ替えの基準も設定しました。

1
Marty