新しいiPadのRetinaディスプレイは、企業にデザインに関する「考え方の転換」を促している

新しいiPadのRetinaディスプレイは、企業にデザインに関する「考え方の転換」を促している

Apple の新しい iPad を所有する幸運な 300 万人以上の 1 人であれば、その素晴らしい Retina ディスプレイを使用しているときに、訪問する一部の Web サイトが以前ほど鮮明に見えないことに気付いたかもしれません。

CNETのイゴール・ファレツキ氏:

…消費者にとっては美しくシンプルなテクノロジーに見えるものが、ウェブサイト運営者にとっては新たな頭痛の種となることがあります。Retinaディスプレイで画像を正確にレンダリングすると、ウェブ上のあらゆる箇所に粗いエッジが露呈します。テキストは鮮明でも、写真と並べると、画像の見栄えは悪くなります。ロゴはぼやけて見え、ショッピングカートのボタンさえも粗くなってしまいます。

Web デザイナーの Dave Shea 氏は、次のように説明しています。「iPad Retina ディスプレイでは、既存のグラフィックがすべてピクセル化されたクリップアートのように見えるようになります。」つまり、Web サイトは新しい iPad に合わせてグラフィックを変更する必要がありますが、その価値はあるのでしょうか。

確かに、最近のニューヨーク・タイムズ・ビットのブログ記事で指摘されているように、新型iPadは「解像度の低い画面を持つ多くのコンピューター、スマートフォン、タブレットのうちの1つに過ぎません」。しかし、企業はeコマースにおけるタブレットの力を無視することはできません。iPadやその他のタブレットを使ってオンラインショッピングをする消費者はますます増えています。

ファレツキ氏は、「ほぼすべての Web サイトが最終的には iPad の高解像度ディスプレイに追いつく必要があるでしょう。しかし、ファッションやアパレルの小売店、レストラン、ホスピタリティ企業など、画像を頼りに商品を販売するブランドにとっては、それがさらに重要です」と述べています。

彼は、今日の iPad や将来の競合タブレットの高解像度画面にウェブサイトを適応させる 4 つの方法を挙げています。

  1. 重要な画像を優先します。サイト上の画像のうち、視聴者の目に留まりやすいものを最適化しましょう。
  2. テキストをテキストに変換します。Retina ディスプレイでは、テキスト以外のテキスト (オーバーレイテキスト、ボタンテキスト、ヘッダー、サイドバー、検索バー内のテキストなど) は、実際のテキストの鮮明さに比べて見栄えが悪くなります。
  3. ボタンのサイズを大きくする。「今すぐ購入」「詳細はこちら」「こちらからサインアップ」などのボタンは、訪問者を目的の場所に誘導するため、ウェブサイトの有効性にとって非常に重要です。
  4. ロゴのサイズを大きくしましょう。本当に、ロゴを大きくしましょう!

テレビが標準解像度のディスプレイから今日の高解像度のディスプレイに移行したのと同じように、Web も今日の iPad の新しいディスプレイに適応する必要があります。

ファレツキ氏の記事は、Web開発者やマーケターにとって必読です。上記のリンクからアクセスできる記事の中で、彼はさらに詳しい解説をしています。