ウェブデザイナーはデスクトップを忘れてモバイルデバイスに注力すべき

はじめに：アメリカのオンライン雑誌「Slate」は本日、Farhad Manjoo 氏による記事を掲載し、タブレット コンピューターの使用が徐々に増加するにつれて、大手 Web サイトはこのようなデバイスに注意を払う必要があり、Web サイトを開発する際にも、まずモバイル デバイスのエクスペリエンスを考慮し、その後このシンプルなデザインをデスクトップに移植する必要があると述べています。

記事の全文は次のとおりです。

自分で体験してみましょう

毎朝、早起きすると、iPad を手に取って朝のテクノロジー関連のニュースの見出しを読みます。これはよくあることのように思えるかもしれませんが、私が定期的に訪れるサイトはかなり悪いです。たとえば、TechCrunch を見てみましょう。この技術ブログは、私のタブレットを頻繁に狂わせます。

まず、読み込み速度が遅いです。ページ要素全体が読み込まれる順序はまったく合理的ではありません。最初にメインテキストが表示され、次に上部と右側のナビゲーション バーが表示され、その後数秒間の困難な待機の後、タイトルが表示されます。この時までに、私はひどく落ち込んでいました。でも、結局記事は出たので、落ち着いて読み始めました。しかし、ページが読み込まれてから 0.5 秒ほど経つと、記事の本文とタイトルが突然消えてしまいました。何ですって?! どうして最初に現れて、その後消えるのですか?

運が良ければ、この状態は一瞬で終わり、その後は正常に戻ります。だから、あなたはそれがシステムのバグかもしれないと考え、TechCrunch のデザイナーを許すのです。結局のところ、彼らは従来の PC 用にサイトを開発し、あなたは奇妙なタブレットを使用しているのですから。

しかし、時にはそれほど幸運ではないこともあります。テキストが繰り返し点滅し、その後サイト全体が消えて、TechCrunch iPad アプリの広告だけが残ります。記事を読むには、小さなリンクをクリックして広告を閉じる必要があります。この時点で、あなたはこの記事を読むのに10秒近く待っており、もう二度とTechCrunchを読みたくないと思うほど腹を立てている。

しかしそれはできない。 iPad で適切に表示されないという理由でサイトを放棄すると、おそらくインターネットの半分を放棄することになります。 TechCrunch のモバイルエクスペリエンスは良くはないが、ひどいわけではない。 The New Yorker から Google News、Salon、さらには Slate まで、多くのニュース サイトはタブレット上では見栄えが悪くなります。実際、ニュースサイトだけではなく、Amazonのような大手インターネット企業でもiPadでの表示効果は低いです。

考え方を変える

問題は、多くのウェブサイトがコンテンツで混雑しすぎていて、タブレットの画面に収まらないことです。 iPad で Web サイトを読み込むと、テキスト、画像、ビデオが混在して表示されることがよくあります。これらの Web サイトのコードは実行速度が遅く、バグが多すぎるため、小型デバイスには適していません。ボタンやリンクは指でクリックするには小さすぎます。また、Web サイトの画像はタブレットの高解像度画面では適切に表示されません。

主な問題は、デザイナーがタブレット向けにデザインをあまり行わないことです。デザイナーは iPad 用にページを少し調整することはありますが、これは通常、単なるパッチワークであり、Web サイトをデザインする主な目的は、ラップトップやデスクトップで使用することです。

考え方を変える時が来ました。 iPad が市場に登場してから 3 年が経ちますが、その人気は止まるところを知りません。さらに、iPad だけではありません。Google Nexus 7、Amazon Kindle Fire、Microsoft Surface もすぐに大量のトラフィックを生み出すでしょう。インターネットはこれらのデバイスに適応する必要があります。デザイナーは、タブレット対応であるだけでなく、タブレットファーストで Web サイトを作成する必要があります。実際、まずはタブレットについて考えるべきです。まず 7 インチと 9 インチの画面用にページを設計し、その後デスクトップ ブラウザー用に調整します。

なぜタブレットなのでしょうか? それは、iPad やその類似製品が急速にインターネットにアクセスできる主要なデバイスになりつつあるからだけではありません。 (さまざまなデータソースによると、モバイル デバイスはすでにインターネット トラフィックの 10% 以上を占めており、その数は増え続けています。) また、タブレットの制限 (画面が小さく、帯域幅と処理能力が比較的限られている) により、デスクトップ デバイス上の Web サイトのパフォーマンスが向上する可能性があります。モバイル向けに最適化されたウェブサイトは、デスクトップ向けのウェブサイトよりも高速で、見栄えがよく、操作が簡単です。デザイナーがまずタブレット向けにサイトを設計すれば、インターネット全体がより良くなるでしょう。

統一されたデザイン

ここで強調しておきたいのは、デスクトップ版に加えて、タブレットやスマートフォン向けに最適化されたバージョンのサイトを作成することを求めているわけではないということです。多くのウェブサイトがこのアプローチを採用していますが、多くの企業には 2 つの異なるデザインを維持するためのリソースがないため、タブレット バージョンとスマートフォン バージョンのパフォーマンスが低下することがよくあります。サイトのモバイル版はデスクトップ版と同じ機能をすべて提供しているわけではありません。たとえば、Slate のスマートフォン版では読者のコメントを読み込むことができません。また、デザイナーがサイトを更新するときは、デスクトップ版を最初に優先することがよくあります。

これは当然のことです。ほとんどのサイトでは、デスクトップがトラフィックと広告収入の大部分を生み出しているからです。さらに、モバイル ウェブサイトはまだ比較的新しく、多様性に富んでいます。さまざまなテクノロジーを使用するスマートフォンやタブレットが数多く存在するため、デザイナーはそれらの魅力的なウェブサイトを開発することに慣れていません。

さらに、考慮すべき要素としてお金があります。オンライン広告業界全体はデスクトップ ブラウザを中心に構築されており、現在、最も動的でインタラクティブな広告はタブレットでは完璧に表示されません。

これらの理由から、Web 企業はすべてのデバイスで機能する統一されたエクスペリエンスを作成することに重点を置く必要があります。理想的には、モバイル サイトはデスクトップ サイトから分岐したものではなく、デスクトップ サイトはモバイル サイトとまったく同じ、つまりシンプルで高速で、すべてのデバイスで適切に動作するものになります。

実践コンセプト

その考えは過激なものではない。多くのウェブサイトデザイナーがこのアイデアを実践しています。Jason Kottke 氏と John Cruber 氏のブログはデスクトップ ブラウザー向けにデザインされていますが、読み込みが速く、要素が多すぎないため、モバイル デバイス向けにデザインされているように見えます。

BuzzFeed の John Herrman 氏が指摘しているように、ブログ プラットフォームの Svbtle や Medium、ディスカッション サイトの Branch、ソーシャル ネットワーキング サイトの App.net など、数多くの新しいスタートアップ サイトがこうしたミニマリスト スタイルを模倣し始めています。これらのサイトは、まず iPad を念頭に置いて設計され、その後デスクトップに移植されたようです。それだけでなく、これらのサイトはすべて見た目も良く、ナビゲートも簡単です。これは偶然ではありません。

もちろん、資金が豊富なスタートアップ企業にとって、モバイル ネットワークに注力するのは簡単です。しかし、すでにビジネス基盤を確立しているウェブサイトの場合、広告に大きく依存しているため、モバイルデバイスを直接取り入れることは困難です。しかし、彼らは試してみるべきです。特にApple社がより安価で小型のiPadを発表し、Amazon社がKindle Fireをアップデートするなど、今後数カ月でモバイルブラウザのトラフィックが急増すると予想されている。

今日では、タブレットでインターネットを閲覧すると、サイトが遅くなり、バグが多くなります。しかし、すぐに読者はこれ以上これを我慢できなくなるでしょう。ページの読み込みに時間がかかりすぎたり、画像が鮮明でなかったり、リンクがクリックしにくかったり、iPad アプリの広告が頻繁に表示されたりするなら、私はタブレットを使って他のサイト、つまり実際に役立つサイトを訪問します。 （思源）

元のタイトル: Web デザイナーはデスクトップを忘れてモバイル デバイスに重点を置く必要があります

キーワード: ウェブサイト、デザイナー、忘れるべき、デスク、モバイル、紹介、米国、ネットワーク、雑誌、SLA、ウェブマスター、ウェブサイトのプロモーション、お金を稼ぐ