モバイルウェブ アプリに最適な UX パターン

上位 1, 000 のサイトのモバイル フレンドリー性を分析したところ、53% はまだパソコン専用の操作性しか提供しておらず、82% のサイトではモバイル デバイスでのインタラクティビティに問題があり、64% のサイトにはユーザーが読みにくいテキストが含まれていることがわかりました。

次の方法では、モバイルウェブの操作性を大幅に改善できます。

  • 常にビューポートを定義する
  • コンテンツをビューポート内に収める
  • フォントサイズを読みやすくする
  • ウェブフォントの使用を制限する
  • タップ ターゲットのサイズと間隔を適切に配置する
  • 入力要素にセマンティック型を使用する

このたび、PageSpeed Insights でサイトのモバイル対応状況を判断するユーザー エクスペリエンス分析の提供が開始されました。この分析は、サイトのモバイル ユーザー エクスペリエンスに関する一般的な問題を確認する際に役立ちます。ぜひお試しください。

スライド: モバイルウェブ アプリに最適な UX パターン