Chrome Dev Summit 2019 の ウェブの高速化に関係するセッションのハイライトをレポートする。ページの表示速度改善のためのツールやレポート、指標などがたくさん紹介されている。

バンクーバーで開催された CTA Confernce 2017 のセッションレポート。トピックは「オーバーレイのベストプラクティス」。「オーバーレイ (Overlay)」とは、今見ているページに覆いかぶさるようにして出現する画面のこと。ユーザー体験を損ねる仕組みになる可能性がある一方で、適切に使えばコンバージョン率アップに大きな成果を出せる。

カナダのバンクーバーで参加した『Call To Action Conference (CTAConf) 2017』のセッションをレポート記事。セッションスピーカーは、Moz のランド・フィッシュキン）氏。フィッシュキン氏は言わずと知れた、SEO のエキスパート。「検索エンジン最適化」ではなく「コンバージョン率最適化」のカンファレンスでどのようなことをフィッシュキン氏は語ったのだろうか？

特にモバイル向けサイトでは、”スピードアップ”が最優先事項として挙げられる。現状のモバイルサイトがいかに遅く、表示速度がどのくらいユーザー体験に影響を与えるかを調査した結果を Google が公表した。「完全に表示されるまでに3秒以上かかると、53%のユーザーはページを離れる」「表示速度が1秒から7秒に落ちると、直帰率は113%上昇」など興味深いデータが出ている。

エントリフォーム最適化（EFO）の記事。入力フォームのフィールドには、入力が「必須」なのかまたは「任意」なのかのラベルを両方付けることが推奨される。どちらか片方だけだと入力途中の離脱の原因になる。

モバイル向けサイトで考えたいこと3つ ーー 1. 間違ったリダイレクトはSEO的にもUX的にもよろしくない／2. トップページに向けたPC向けページへの切り替えリンク・ボタンは、SEO的には問題ないとしてもUX的には問題あり／3. 特にコンバージョンを目的としたページでは、切り替えリンク・ボタンは不要

Google Research Blogが公開した、ユーザーテストに基づく入力フォームの完了にもっとも大きな影響を与えた設定を紹介する。入力条件を事前に指示する、エラーメッセージをフィールドの横に配置する、必須の項目と任意の項目を区別しやすくする、ラベルをフィールドの上に配置する の4つ。

「DNSプリフェッチ」という仕組みを利用してウェブページの表示速度を高速化する方法を解説する。DNSプリフェッチを利用すると、ホスト名の名前解決を事前に強制させることが可能で読み込み時間の短縮を図ることができる。

Googleは、ウェブページの表示速度診断用に提供しているPageSpeed Insightsツールの「ユーザーエクスペリエンス」機能をベータ版から正式版として公開した。ユーザーエクスペリエンス診断では5つの項目のユーザーエクスペリエンスを診断し、必要な修正をアドバイスしてくれる。

スライドバナー（ローテーションバナー、カルーセル）はUXの観点から使うべきでないと言われる。クリックされないからだ。しかしそれでもどうしてスライドバナーを使いたいのであれば、「切り替え矢印」ではなく「ラベル」を配置すべき。先に何があるかをユーザーに想起させるためだ。想起できればクリックする。