ワイドスクリーン向けにコンテンツを最適化する必要がありますか?

落雷

ユーザーエクスペリエンスの専門家にこの投稿を紹介してもらいたいです。 ますます多くのテクノロジーサイトがビューポート(デバイスの表示可能な領域)を最大化するのを見てきましたが、それほど感銘を受けていません。 それ以上の解像度がある場合、その解像度を使用する必要があるとは思いません。

上の最高の解像度の内訳は次のとおりです Martech Zone:
決議

ご覧のとおり、最も一般的な解像度は1366×768です。 これは、現在市場に出回っている標準的なラップトップの解像度とほぼ同じです。 比例して、これはその画面がどのように見えるかです:
1366 x 768

ご覧のとおり、画面は非常に広く、少し短くなっています。 HDビデオを表示するように最適化された優れた画面になりますが、実際にはWebサイトや読書用に最適化された画面ではありません。 そして、私たちは離れた場所からビデオを見ます…テキストを読んだりキーボードで入力したりしている近くではありません。 Web サイトは幅よりも長さが異なるため、垂直画面の方が解像度がはるかに優れています。

だから、私はビューポートを最大化するように設計されたウェブサイトのこの猛攻撃を見ています、そして私は売られていません。 新聞は昔、人々が長い横の帯ではなく縦の帯で読んでいることを発見しました。 画面上を移動すると、フォーカスが失われる傾向があります。 要素を左また​​は右に移動すると、コンテンツを読んでいるときに要素の焦点がぼけてしまうため、サイドバーなどのXNUMX次要素は事実上完全に無視されます。

それで、私は再設計するつもりはありません Martech Zone すぐにその水平方向の不動産を取り上げる画面。 モニターでのデザインは、モバイル デバイスやタブレットでのエクスペリエンスとは異なります。これらのエクスペリエンスは引き続き独自のものにしていきます。 ブログの幅は、上から下まで読んだり、主要なコンテンツを表示するときにサイドバーを表示したりするのに最適です。 私たちの主要なコンテンツは、標準のビデオサイズに対応するための幅640ピクセルと、標準の広告用に幅300ピクセルのサイドバーです。

どう思いますか? 他のサイトのルートに行くべきですか? それとも、現在のレイアウトで正しい方向に進んでいますか?

2のコメント

  1. 1

    私はユーザーエクスペリエンスの専門家だとは言えませんが、私は長い間サイトを構築してきました。あなたが抱えている問題に対処するためだけなら、少なくともレスポンシブデザインを求めてみんなに頑張っています。直面している。

    Mashable、The Verge、さらにはNPRのようなサイトを見ると、私が仕事をし、仕事に関連するコンテンツをたくさん読んでいるときに、私が個人的に大好きだと言ったように、はるかに広いデザインに切り替えたことがわかります。 32インチの画面。

    しかし、私の意見では、あなたのようなサイトに関しては、何が犠牲になり、どのような種類の予算を変換する必要があるのか​​疑問に思う必要があります。

    私の開発者は、特定のコンテンツでいくつかのより広いデザインでテストし、特定のビューポートにリダイレクトを使用して、そこから移動することをお勧めします。

    The VergeやMashableのようなサイトでは、本当に素晴らしい作品にはかなりのスペースが必要であり、より広いデザインがそれに沿って本当に役立ちます。

    • 2

      この素晴らしい洞察に感謝します、ダグ! 幅広くレスポンシブなフォーマットがサイトの読みやすさとエンゲージメントを向上させているという証拠があれば、私たちはきっと投資するでしょう。 これの決定的な証拠はありますか?
      Douglas Karr

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.