スタッフブログ

コーディングラボのスタッフから、
日々のつぶやきをお届けします。

モバイル端末を意識したコーディング

モバイル端末に適したサイトデザインの重要性

近年、スマートフォンやタブレットなどのモバイル端末の普及にともない、パソコンからのウェブサイト閲覧数にモバイル端末からの閲覧数が追い付きつつあるという調査結果が出るなど、ウェブサイトを制作するうえでモバイル端末に適したサイトデザインが重要になってきました。また2015年4月からGoogleはモバイル端末からのウェブ検索において、スマートフォンに対応したサイトを優先して表示するようになり、今後ますますモバイル端末を優先して考えるモバイルファーストへの関心は高まることが予想されます。

モバイルファーストを実現する方法とメリット・デメリット

çモバイル端末を優先するサイトデザインの仕方としては、パソコン用サイトの他にモバイル用のサイトを立ち上げる方法と、レスポンシブコーディングを使ってどのデバイスからの閲覧もできるようなサイトを作る方法のふたつがあります。
パソコン用とモバイル用のそれぞれのサイトを作る場合には、手間や費用などが余計にかかるほかに同時に公開しづらいというデメリットがあります。しかしパソコン用のサイトでは情報を多くしてより充実したサイト構成が可能ですし、モバイル用のサイトでは見やすさや操作性を重視したサイト構成ができるというメリットがあります。

レスポンシブコーディングを使ったウェブサイト制作では、ひとつのサイトを作ることによってどのデバイスからも閲覧が可能なので、一度にウェブを制作し公開することが可能です。しかし、通常のパソコン用のサイトのように情報量や画像などが多い場合、モバイル端末での閲覧に時間がかかったり、文字が小さくて読みづらかったりという不都合がでます。このようなトラブルを避けるためにはフラットデザインなどを使い、通常のパソコン用サイトよりも説明文やコンテンツなどの情報量を減らして、レイアウトも簡素化する必要があります。そのため、本当にアピールしたいものや情報の選定が求められます。