マルチデバイス対応
レスポンシブデザインを基本として、最新の技術を用いながら、
アクセスされた端末ごとに最適なデザインを実現します。
アクセスされたデバイスに応じて
画面デザインを最適化します
加速するマルチデバイス対応
インターネットに接続できる端末が多様化してきたため、それぞれの端末に最適化されたWebサイトの重要性が高まっています。また、Googleがモバイルファーストの考え方を打ち出してからは、Webサイトをパソコン、タブレット、スマートフォンのそれぞれに適した表示させるマルチデバイスへの対応が一気にポピュラーになりました。
当社では、パソコンにもスマートフォンにも対応できる、レスポンシブデザインを標準採用しています。
レスポンシブデザインの採用
当社では、デザイン段階でパソコンとスマートフォンの2種のデザインを作成します。タブレットでの表示は、端末によって細かなサイズの差があるため、コーディング時に端末の横幅に合わせて自動でデザインが切り替わるようにプログラムを組んでいきます。
もちろん、Webサイトの用途によってはタブレットサイズのデザインを重視される場合もあります。その場合は3種のデザインを作成して対応していきます。
社内一貫制作体制だからできるマルチデバイス対応
HTML5やCSS3の進化により、柔軟にレイアウトを組むことができるようになっています。１つのソースでマルチデバイスに対応させることは、Webサイトの運用者のメンテナンス性が高くなる分、デザイン段階での設計や構築技術に頼る部分が大きくなっています。
当社はデザインから構築までの一貫した制作体制が整っていますので、スムーズにマルチデバイス対応を進めることができます。
マルチデバイス対応で確認すべき点
当社では、サイト制作中に複数のスタッフで社内にある実機を使い、以下の点を重視して入念に表示チェックをします。パソコンとスマートフォンでは、1画面で閲覧できる範囲がまったく違うため、ユーザーが混乱してしまわないように調整します。
視認性の高さ
- 文字が小さすぎないか
- 画像サイズが適切か
- ひと目で見て何の要素かわかるか
タップのしやすさ
- パーツが小さすぎないか
- パーツの間隔が狭くて誤ってタップしてしまわないか
- よく使用するパーツが片手で操作できる範囲にあるか
- クリックできる領域が正確に確保されているか
デバイスでの動き
- アニメーションがストレスなく動くか
- ページ読み込みやアニメーション時にタイムラグがないか
- お問い合わせ項目のエラーが機能しているか
- その他、誤動作がないか
新しいデバイスの登場やGoogleの動向によっては、マルチデバイス対応に新たな変化があるかもしれません。常に最新の情報をキャッチして、最適なWebサイト制作を行っていきます。