サイトにアクセスするさまざまな方法をサポートする必要がありますか？ 間違いなくはい。
だから私は基本的に何を提案しますか？ サイトのさまざまな表現をさまざまなデバイスに実装することを提案します。
現在使用しているデバイスは何ですか？
今日、人々がネットワークにアクセスするために使用するデバイスを特定し、これらのデバイスに最適化されたサイトの違いを把握してみましょう。
PC、ラップトップ、ネットブック
ユーザーの最も人気のある部分は、これらのクラスのデバイスを使用してネットワークにアクセスします。 そもそも、インターネットプロジェクトのデザインとインターフェイスの開発者が指導されるのは彼らです。 多くの文献と記事が、サイトのクロスブラウザーサポート、さまざまなタイプのデザイン、さらには画面のタイポグラフィについても書かれています。 しかし、この文献のほとんどすべては、PC画面上の情報の出力にのみ基づいています。
PC用のサイトを開発する際の主な問題は、次の2つです。
- 印刷デバイスへの出力のサポート。
- さまざまな画面解像度（ゴムレイアウト）のサポート。
印刷の問題は何ですか？ 現在、大部分のサイトでは、印刷デバイスのスタイルを実装していません。 ユーザーの注意を引くために戦うサイトは、ユーザーを助ける些細なことをしません。 数千の記事を作成したサイトの作成者は、誰かがこれらの記事を読んだり印刷したりすることを知りません。 そして、彼らは何のためですか？ 多くの人が興味のあるトピックに関する記事を見つけてすぐに印刷し、後で勉強します。 多くの場合、情報は一般に他の人、たとえばマネージャーの指示、または祖母のレシピのセットについて求められます。 多くのバナー、登録フォーム、コメントなどを削除することにより、ユーザーに記事を独立して処理させると、クライアントを失います。 別の「印刷ページ」は状況を改善しますが、保存しません。 サイトの形で価格とカタログを提供する企業のサイト、およびニュースと情報ポータルのプロジェクトは、この問題に最も苦しんでいます。
この問題を解決する最良の方法は、CSSアクセシビリティ機能を使用することです。 プリンターにスタイルシートを1つ追加するだけで、問題は完全に解決されます。
それでは、「ゴム」レイアウトの問題は何ですか？ 十分な問題があります。 これまでのところ、PCで使用される画面の幅は800pxから1980pxの範囲です（ほぼ2.5倍）。 原則として、テキストを全幅に引き伸ばそうとすると、嘆かわしい結果になります。テキストはワイド画面で読むのが非常に困難です。
メインテキストの幅を縮小しようとすると、通常、サイトの両側に非常に大きなボイドが作成され、最も少ない画面スペースが失われます。 私たちには古典的な状況があり、多くの空きスペースがあり、情報はほとんどありません。
状況は異なります。 画面スペースをいっぱいにしようとすると、サイドパネルにさまざまなブロックが配置されます（お知らせ、広告、メニューなど）。 このオプションは、すべての訪問者がワイドスクリーンを持っていることが確実な場合に受け入れられます。 しかし、そのような確実性はありません。 また、このアプローチでは、サイトのメインコンテンツを含む非常に狭い列が表示されることがよくあります。
ネットブックの画面も考慮する必要があります。 幅は800pxと1024pxです。 そして、現代のサイトの大部分は、水平スクロールなしではそれらに適合せず、これは大きな間違いです。 ネットブックのユーザーはますます増えています。
電話、PDA、コミュニケーター
このクラスのデバイスの機能には、比較的小さな画面サイズと非常に広い解像度ステップが含まれます。 また、ページ上のナビゲーションオプションは非常に限られています。 また、通常、このクラスのデバイスの接続速度は遅くなります。 これらのデバイスに関する追加情報をダウンロードする価値はありません。 すべての広告、追加の画像などをオフにすることをお勧めします。必要な情報のみを便利な形式で表示し、サイトでの簡単なナビゲーションと特定の検索を可能にします。 ワンタッチメール。これにより、彼は後で従来のデバイスから戻ることができます。
インターネットタブレット
勢いを増しているデバイスの主なタスクの1つは、Webの閲覧です。 ただし、すべてがそれほど単純ではありません。 最新のタブレットの解像度はネットブック内にあり、最新のモニターの解像度よりもかなり低くなっています。 また、これらのデバイスの通信方法は、PCでの通常の方法とは大きく異なります。 このようなデバイスで作業する場合、複数列レイアウトを使用しないことをお勧めします。比較的大きなサイズのボタンに基づいて便利な移行インターフェイスを提供し、タッチスクリーンの使用を簡素化します。
テレビとHDプレーヤー
インターネットアクセスを提供するテレビは、徐々に一般の注目を集め始めています。 そのようなデバイスからは、ニュースに精通し、ビデオを視聴し、ネットワーク上の映画や音楽に精通することが便利です。 これに関連して、このクラスのデバイスのサポートをニュースサイトやさまざまな種類のエンターテイメントポータルに導入することが望ましいです。 しかし、非常に特殊なユーザーインタラクションの方法に注目する価値があります。 リモートコントロールを使用して相互作用インターフェイスを作成するときは、非常に注意する必要があります。
メール 本
電子書籍メーカーは、売上の増加を常に報告しています。 ますます多くのユーザーは、そのようなデバイスを自宅に置くことを自慢できます。 また、ネットワーク上の情報にアクセスするためにそれらを使用し始めた人もいました。 ウィキペディア、検索エンジン、および一部のサイトはすでにE-Inkに基づくデバイスに適応しています。すべてのニュースポータル、企業サイト、ブログ、情報サイトでこれらのデバイスのサポートを実装することをお勧めします。 適切なナビゲーションを行う場合、ニュース、ユーモラスなメモ、さまざまな種類の記事を読むことは、このようなデバイスの助けを借りて非常に便利です。 私は、本で読む資料のサイト内にブックマークを作成する可能性として、良い解決策を見ています。
何をする必要がありますか？
しかし、あまりする必要はありません。 訪問者が使用できるデバイスを決定し、これらのデバイス用にサイトの表現を作成して作成し、ブラウザのヘッダーを確認してデバイスを決定し、最適なプレゼンテーションを送信する必要があります。
このアプローチにより、競合他社との差別化を図り、顧客のロイヤルティを高め、最終的に利益を増やすことができます。
あとがき
定期的な異議に対して：「しかし、電話、テレビ、電子書籍から誰も私のところに来ません。 なぜそれらをサポートしないのですか？「質問から答えます。これらのデバイスにあなたからアクセスするために正確に何をしましたか？」
今後の計画について
近い将来、さまざまなデバイスの便利なプレゼンテーションの開発を提供する方法の完全な説明と最も人気のあるCMSのいくつかへのこの方法の接続を提供する方法の記事と、PCを除く各デバイスクラスのサイトインターフェイスの使いやすさに関する一連の記事を提供します。 PC用のサイトの使いやすさについては、すでに多くのことが書かれています。