どのように敏感なウェブデザインは、すべての訪問者のためのユーザー体験を向上させる
あなたが所有しているウェブサイトを閲覧するために使用できるすべてのデバイスについて考えてみましょう。 あなたがほとんどの人のような人なら、このリストは過去数年間で成長しました。 スマートフォン、タブレット、ウェアラブル、ゲームシステムなど、過去数年間で顕著になっているデバイスに加えて、デスクトップやラップトップコンピュータなどの従来のデバイスも含まれている可能性があります。 家には家庭用電化製品や車内のスクリーンがあり、インターネットに接続することもできます。 要するに、デバイスのランドスケープは常に大きくなり、多様化しています。これは、今日の(そして将来的に)ウェブ上で成功するためには、ウェブサイトをレスポンシブなアプローチとCSSメディアクエリで構築し、人々はこれらの異なるデバイスを1つのWebブラウジングエクスペリエンスに統合する可能性が高いでしょう。
マルチデバイスユーザを入力する
私たちが見てきた真実の1つは、人々がWebにアクセスするための複数の方法が与えられれば、それらを使うということです。 Webサイトのコンテンツにアクセスするためにさまざまなデバイスを使用している人がいるだけでなく、同じ人物がこれらのさまざまなデバイスを使用して同じサイトを訪問しています。 これは「マルチデバイス」ユーザーのコンセプトがどこから来るかです。
典型的なマルチデバイスシナリオ
多くの人が毎日経験する共通のウェブインタラクションを考えてみましょう。新しい家を探す際に不動産ウェブサイトを閲覧します。 この経験は、デスクトップコンピュータ上で始まり、誰かが探しているものの基準を入力し、そのクエリに一致する異なるプロパティリストをレビューします。 この人は、モバイルデバイス上で特定のプロパティを再び見たり、検索パラメータに一致する新しいリスティングがあるかどうかを自分のモバイルデバイスで確認する電子メールにアラートを受け取ったりすることがあります。 スマートウォッチのようなウェアラブルデバイスに警告を出して、その小さな画面の基本情報を確認することもできます。
このプロセスは、おそらく職場のオフィスから別のデスクトップコンピュータのサイトへの訪問を増やして、1日を通して継続することができます。 その晩、タブレットデバイスを使用して、家族にとって特に興味のあるリストを表示して、それらのプロパティに関するフィードバックを得ることができます。
このシナリオでは、当社のウェブサイトの顧客は、画面サイズの異なる4つまたは5つの異なるデバイスを使用して、同じサイトを訪問して同じコンテンツを見ている可能性があります。 これはマルチデバイスユーザーであり、訪問しているWebサイトがこれらの異なる画面すべてに対応していない場合、そのWebサイトを離れて検索するだけです。
その他のシナリオ
不動産を検索することは、ユーザーがサイト全体での経験の中でデバイスからデバイスにジャンプする場合のほんの一例にすぎません。 その他の例としては、
- 購入する自動車を検索する
- 休暇を計画する
- ニュース記事を読む
- ホームセンターの考え方を研究する
- 地元の請負業者/サービスを探す
- 結婚式やその他の大きなイベントを計画する
- スポーツチームやスポーツイベントに続いて
これらの各ケースでは、Webエクスペリエンスが複数のセッションに拡大する可能性があります。つまり、ユーザーがいつでも便利な異なるデバイスを使用する可能性があります。
フォローするベストプラクティス
今日のウェブサイトが、視聴者を使用してますますマルチデバイスに対応する必要がある場合、これらのサイトがこれらの訪問者を適切に処理する準備ができていること、および検索エンジンでよくランク付けされるようにするための基本原則とベストプラクティスがあります。
- レスポンシブウェブサイト -さまざまな画面サイズに対応して変更できるレスポンシブなレイアウトは 、今日利用可能なさまざまなウェブ接続デバイスをサポートするために非常に重要です。
- すべてのコンテンツが利用可能 - 誰かが特定のコンテンツや機能に1つのデバイスでサイトを訪問したときに他のデバイスにアクセスした場合、そのコンテンツや機能にアクセスできることを期待します。 コンテンツは各デバイスに適した方法で提示する必要がありますが、特定のデバイスではコンテンツを「非表示」または「無効」にしないでください。
- 読みやすさは重要です - どんな種類のデバイスやウェブサイトを訪問するために使用されているサイズの画面であっても、そのサイトを読むことの容易さは重要です。 これは、タイポグラフィーが重視する重要な設計要素であることを意味します。 誰かがサイトのコンテンツを読みにくい場合は、サイトを完全に離れる可能性があります。
- ダイバーシティの中での一貫性 - 画面サイズごとに表示されるレイアウトは異なりますが、デバイス間で一貫性がなければなりません。 ユーザーが新しい画面でサイトを訪れるたびにサイトを再学習する必要がないように、全体的なエクスペリエンスを接続する必要があります。
- パフォーマンスを最優先にする - ウェブサイトはすばやく読み込まれ、完璧なダウンロード速度未満のモバイルデバイスを含むすべてのデバイスでうまく機能するはずです。 全体のウェブサイトのパフォーマンスは 、サイトのデザインと開発のすべての側面で優先事項になるはずです。結局のところ、誰もウェブサイトの読み込みが速すぎるとか、 あまりにもうまくいったとは言いません。
ジェレミージラール編集1/26/17