見出しと画像：読みやすくするために記事ベースのインターフェースを設計するためのベストプラクティスは何ですか？
どのインターフェースでも、ユーザーのニーズを満たすための各要素の重要性を理解することが主要なタスクです。
記事のページデザインの場合、最適な読書体験を最大化するために、見出しと表紙の画像の重要性に関して、どのようなベストプラクティスがありますか？
今日のオンラインパブリッシャーには、主に2つのスタイルがあります。
- 上の見出し、下の画像（例：Mashable）
- 上に画像、下に見出し（例：中）
特に記事ベースのインターフェースで可読性を最大化するために、それぞれがより良い選択である場合の一般的なガイドラインは何ですか？
見出しと画像は要件に基づいています。記事の場合、上の見出し、下の画像。記事の見出しは王または主要な魅力です。
記事をスキャンすると、見出しの件名が記事を読みたくなります。見出しは記事を読むためのトリガーポイントです。
私はこれについて自分自身で多くの研究を行ってきましたが、自分自身を提示し続けた1つのアイデアは次の質問でした：
「直接的か間接的か？視覚的か口頭か？」
記事をどのように表示するかに関しては、最初にテキストを表示することで、非常に明確で意図的な範囲（記事の後続の本文に対して）を持つコンテンツが表示され、他の-上にある画像-記事自体のコンテンツが推測されます。後者は、スコープが何であるかを特定する際に、前者よりも常に少し明確ではなくなりますが、これは、ユーザーが入る可能性がある場所です。主に視覚的指向ですか、それとも口頭ですか？
全体的に推測してみれば、記事の正確な範囲を考えると、ユーザーは口頭優先パターンの方がより速く構文解析できますが、一般的な範囲では画像の方が速いかもしれません。
とにかく、考慮すべき他のことは、今日ニュース組織で見られる非常に一般的なパターンは、
[画像] [見出し>アトリビューション>ティーザー]
ただし、実際の記事ページでは、これらの2つのブロックが入れ替わるので、テキストが上に、場合によっては画像自体の上に（The Vergeの長い形の一部のように）表示されます。
私の仮説ですが、最初にタイトルをつけます
1）スキャンする機能。強力なタイトルとは、スキャンを続行して続行したいかどうかを確認できるものですが、画像にはより多くの解釈が必要であるため、認知負荷が高くなると考えています。
2）画像は、ユーザーがトピックの見出しに到達する前にスクロールすることで努力を費やすことを強制するでしょうか？彼らがその努力を費やして、その記事が興味をそそらないことに気付いた場合、それは1つの記事に大きな影響を与えないかもしれませんが、時間が経てば複数の記事は煩わしいかもしれません。
最善のアドバイス-モックアップしてユーザーとテストしてください:)
「写真は千の言葉に値する」が、時にはそれが誤解を招く、または文脈が欠けている、または話された話の一部にすぎない場合があります。
画像の上にタイトルを使用するか、画像にタイトルを追加してスペースを節約するのが最適です。
ハンドヘルドデバイスの場合画像が表示可能領域より大きい場合、ユーザーはコンテキスト/ヘッダーを下にスクロールする必要があります。 （写真やスライドショーでない限り、これは悪いUXです）
注：メディアは、イメージが最初でタイトルが最初のミックスコンテンツを示します。