優れたモバイルウェブ
優れたモバイルウェブ

共有

    Loading ...
    Failed to load data.

優れたモバイルサイトの構築方法

モバイルサイトのユーザー エクスペリエンスを改善する方法の詳細をご覧ください。

ユーザーを分析

ユーザー ジャーニーで離脱が多く発生している部分を見極めます。量的調査(ウェブ解析レポートなどのツールを使用)と質的調査を行います。

ユーザーテストを行って、ユーザー エクスペリエンスの 5 分野においてユーザーが感じる問題点を把握します。

ソリューションの選定と導入

目標を設定し、ユーザー エクスペリエンスの現状とのギャップを埋める対策に優先順位を付けます。
役立ちそうなソリューションを見極めます。下のリンクからアクセスできる web.dev サイトは、最新のツールやテクノロジーの情報が満載の便利なリソースです。ユーザーが感じる問題点の解決に役立つガイドやヒントも掲載されています。

分析結果を活かす

モバイルサイトのテストと改善を継続的に行います。優れたユーザー エクスペリエンスを実現するための作業に、終わりはありません。Webpagetest や解析レポートを利用して、モバイルサイトの速度を定期的に確認してください。

ユーザーを分析

ユーザー ジャーニーで離脱が多く発生している部分を見極めます。量的調査(ウェブ解析レポートなどのツールを使用)と質的調査を行います。

ユーザーテストを行って、ユーザー エクスペリエンスの 5 分野においてユーザーが感じる問題点を把握します。

ソリューションの選定と導入

目標を設定し、ユーザー エクスペリエンスの現状とのギャップを埋める対策に優先順位を付けます。
役立ちそうなソリューションを見極めます。下のリンクからアクセスできる web.dev サイトは、最新のツールやテクノロジーの情報が満載の便利なリソースです。ユーザーが感じる問題点の解決に役立つガイドやヒントも掲載されています。

分析結果を活かす

モバイルサイトのテストと改善を継続的に行います。優れたユーザー エクスペリエンスを実現するための作業に、終わりはありません。Webpagetest や解析レポートを利用して、モバイルサイトの速度を定期的に確認してください。

リソース

Test My Site

ご自身のモバイルサイトの速度をチェックして、読み込み時間の改善に向けた具体的な提案を入手しましょう。

CRO コース

サイトでのコンバージョン率を最適化する方法を学びましょう。

web.dev

ウェブの最新機能について学び、ご自身のサイトやアプリで応用しましょう。

AMP プロジェクト

AMP を使って高パフォーマンスのウェブページを構築する方法を学びましょう。

プログレッシブ ウェブアプリ(PWA)

PWA を使って、ウェブとアプリの優れた機能を組み合わせましょう。

Grow My Store

小売ビジネスの拡大に向けて、サイトをすばやく簡単に評価できるツールです。

マテリアル デザイン

美しいウェブサイトを時間をすばやく作成するためのマテリアル デザインのデザインガイドラインとコード集です。

Lighthouse

ウェブサイトの品質、ユーザー補助機能、全体的なパフォーマンスの改善に役立つ、無料の監査ツールです。

Squoosh

サイト内の画像を圧縮、変換することで、読み込み時間を最適化します。