優れたモバイル Web サイトを構築するにはどうすればよいでしょうか? Google の専門家が教える 25 のテクニック (5) [転送]_html/css_WEB-ITnose

?21. 商品画像は大きな画像表示をサポートする必要があります

顧客は購入する商品を見たいと考えています。小売 Web サイトでは、ユーザーは詳細を確認できるよう、より高解像度の製品画像を表示することを望んでいます。Web サイトが大きな製品画像の表示をサポートしていないと、ユーザーは間違いなく非常に失望するでしょう。

重要な要素: 製品写真などの重要な画像には、高品質のクローズアップ画像を提供する必要があります。

? 22. どの画面の向きで Web サイトにアクセスするのが最も快適かをユーザーに通知します

ユーザーは、画面の向きを切り替えるように指示するプロンプトがない限り、固定された画面の向きで Web サイトにアクセスする傾向があります。ビデオを視聴するとき）。垂直方向と水平方向の両方の画面方向を念頭に置いて Web サイトをデザインし、ユーザーに最適な画面方向への切り替えを促すことができます。ただし、画面の向きをどのように切り替えるかに関係なく、重要な「行動喚起」コンテンツが Web サイト上に明確に表示されるようにする必要があります。

重要なポイント: 最適な画面の向きについてユーザーとコミュニケーションをとることができますが、重要な CTA コンテンツが目立つようにしてください。

? 23. ユーザーが 1 つのブラウザ ウィンドウで Web サイトにアクセスし続けられるようにします

スマートフォンでウィンドウを頻繁に切り替えるのは非常に面倒で、ユーザーが元に戻す方法を見つけられない可能性があります。あなたのウェブサイトに。したがって、ユーザーが別のウィンドウで Web サイトを閲覧できるようにしてください。特に、「行動喚起」コンテンツを新しいウィンドウで開かないでください。

重要な要素: 「行動喚起」コンテンツが別のブラウザ ウィンドウに表示されていることを確認します。

? 24. 「フル サイト」というラベルは避けてください

「フル サイト」オプションを見たユーザーは、「モバイル サイト」が Web サイトの圧縮された合理化されたバージョンであると考え、最終的に選択します。をクリックして「サイト全体」に入ります。デスクトップ Web サイトとモバイル Web サイトのコンテンツが一致していても、ユーザーに誤解を与える可能性があるため、「フル Web サイト」の代わりに「デスクトップ Web サイト」タグを使用できます。

重要な要素: ユーザーに簡単な Web サイト切り替えエクスペリエンスを提供するには、「フル サイト」ラベルの代わりに「デスクトップ サイト」ラベルを使用します。

? 25. ユーザーの住所情報が必要な理由を知っておく必要があります

ユーザーは通常、なぜ位置情報を尋ねるのか知りたいと考えています。たとえば、ユーザーは旅行 Web サイトで別の都市のホテルを予約しましたが、Web サイトではユーザーに現在の地理的位置情報の提供を求められるため、違和感を感じました。したがって、Web サイト上の地理的位置の列をデフォルトで空にし、ユーザーが自分で選択できるようにするか、「近くを探す」などの明確な「行動喚起」操作をユーザーに提供する必要があります。

重要な要素: ユーザーの住所情報がなぜ必要なのかを理解し、その情報がユーザー エクスペリエンスにどのような影響を与えるかを理解する必要があります

上記 25 点に対して、Google のユーザー エクスペリエンス研究者である Jenny Gove 氏は次のように述べています。最も重要な 4 つの提案は次のようにまとめられています:

? 1. 目を引く検索バーを追加します

モバイル Web サイトに検索バーがまだない場合は、すぐに検索バーを追加する必要があります。 「モバイル端末では、人々は必要なものをすぐに見つけられることを望んでいます。そのため、検索バーに対する需要が高いことが分かりました。それをホームページに配置することが最善であるとゴーブ氏は説明しました。」

もちろん、Google が開始した研究プロジェクトとして、Web サイトの目立つ場所に検索バーを設置することが推奨されるのは驚くべきことではないようです。しかし実際には、Google は、必要な情報をすぐに見つけられるため、ユーザーは実際には検索バーの使用を気にしていないことを発見しました。

? 2. 大きなフォームを小さな部分に分割します

Google では、多くのウェブサイトがユーザーに住所情報 (商品の発送時に必要)、クレジット カード番号 (注文の支払い時に必要) などのさまざまな情報の提供を求めることを発見しました。 ）必要）など。この情報を入力する場合、Web サイトでは多くの場合、さまざまな入力ボックスを備えた長いフォーム ページが提供されますが、これは非常に複雑です。したがって、これらの表をより小さく理解しやすい塊に分割できれば、より良いかもしれません。

さらに、Gove 氏は、フォームに記入する手順を示すのが最善であると提案しました。そして、記入する際に、入力内容が正しいかどうかをリアルタイムに検証できることがベストです。たとえば、ユーザーが郵便番号を入力する際に​​、リアルタイムで検証できます。

? 3. ユーザーが匿名で閲覧できるようにします

一部のショッピング Web サイトでは、購入するためにユーザーの登録またはログインが必要です。一部の Web サイトはさらに誇張されており、閲覧する前に登録またはログインが必要です。どちらのアプローチも完全に間違っています。

Gove 氏は、「小売 Web サイトを作成する場合、ユーザーが登録済みアカウントを持っていない場合は、ゲスト ID を提供できます。確かに、販売業者はユーザーが登録してログインできることを望んでいますが、それは可能です」と述べています。

4. デバイス間の便利な切り替えをサポート

いつでもどこでもモバイル端末を使用しているため、使用中に何かによって中断される可能性が非常に高くなります。 . 上の仕事に行きました。

最も悲惨な経験は、ユーザーがデバイスを切り替えたときに、以前のエクスペリエンスを継続できなくなることであると考えています。ユーザーがアクセスした URL をコピーして貼り付けるのは非常に面倒です。

最善の解決策は、モバイル Web サイトにショートカット ボタンを提供し、現在のリンクやアクセス コンテンツをユーザー自身のメールボックスに自動的に送信し、ユーザーが後でどのデバイスでログインしても、独自の使用を継続できることです。経験。

最後に、ゴーブさんは、Google がユーザー調査を通じてモバイル Web サイト構築の問題点を明確に特定したと感じています。多くの問題はあるものの、これらの問題を特定でき、それらの問題を書き留めることができるのは良いことだと感じています。 people 、つまり、人々にもこれらの問題を解決する能力があるということです。