ご相談・お見積りはお気軽にお問い合わせください。
TEL 03-6382-7920
受付時間
平日10:00~18:00
レスポンシブResponsive
レスポンシブデザインとは
Webデザインの手法の一つです。
様々な種類の端末や機器の画面サイズに1つのファイルで対応することです。
以前までは、内容が同じでデザインで動作や見易さをそれぞれに最適化した複数のHTMLファイルやCSSファイルを用意した上で、HTTPリダイレクトなどでアクセスを振り分ける手法がよく用いられていました。
しかし、レスポンシブデザインなら表示された端末や機器の種類やサイズに応じて表示内容などが最適な状態に変化するよう設定された単一のファイルを制作する事で、すべての機器に同じように表示されます。
レスポンシブデザインの長所
1.ワンソース管理で管理出来ます。
例えばですが、サイト完成後のメンテナンスなどで、テキスト修正などや画像差し替えとなどの程度の小規模メンテナンスなら作業時間も減る事になり、更にミスのリスクも減る事になります。
2.SEOに有効になります。
Googleは、WEBサイトの構築手法の一つとしてレスポンシブWebデザインを推奨しています。
・PCとモバイルなどの端末を同一にする事によってGoogleのアルゴリズムにとっては適切にインデックスされる様になります。
・ユーザーエージェント(お使いの端末)の異なる Googlebotごとにページをクロールする必要がなくなるために Google がより効率的にコンテンツを発見することができるため。
3.URLが統一されることによってシェアがしやすくなります。
現在、モバイル端末などでスマホ用の設定が行われていないwebサイトを見ると、PCの画面をそのまま画面に表示します。
PCで表示を見るには文字のサイズや写真なども見やすいかも知れません。
しかし、それをスマホなどで見てしまったら小さくてストレスに感じてしまします。そうする事で、ユーザーがスグにサイトを離脱してしまうのです。
しかし、レスポンシブデザインなら端末毎に適切な表示をしてくれるので、その様な問題もありません。
・Google公式ブログでも、PC 用のページとモバイル用のページを単一の(同一の) URL とすることができるため、ユーザーにとってはシェアやリンクが容易であり...
と書いてあるのです。
※メリットばかりに見えますが…。良い事ばかりではありません。
レスポンシブデザインの弱点
デメリットとは?
便利な部分しか無い様に見えるレスポンシブデザインにも実は弱点があります。導入を考える前に本当にレスポンシブデザインにするか、下のデメリットと見比べた上で、シッカリと検討してみよう。ご質問やお問い合わせなどはお問い合わせフォームよりお願い致します。
レスポンシブデザインの短所
1.スマホだと読み込みが遅くなるかも?
・見えない部分でもレスポンシブデザインは読み込みはしているんです。PCのデバイスを縮める事によって大きさが変わります。その時に、スマホの表示に合わせて余分なメニューを消したりしているんです。その際の読み込みなどを行う事によって遅くなってしまうのです。
2.構築が複雑になる時間が掛かる=費用が増える
どうせレスポンシブデザインにするなら、拘りたいですよね?デバイスの大きさ毎にメニューの形を変えたり写真を変えたり。その様にすると構築が複雑になってしまい従来のサイトと比べると時間が掛かります。その様にすると従来より費用が増えてしまう事に繋がる訳です。
3.その他のデメリット
・スマホでPCの表示が見たい際に見る事が出来なくなる
・自由なデザインをする事が難しくなる
・タブレットの縦向きと横向きで全然違うレイアウトになってしまって混乱させてしまうなど
ユーザー目線を考えよう
見てもらうのはサイトユーザー
どの様な方が見てくれているのか?
レスポンシブデザインは、素晴らしい手法の一つです。ですが、あくまで構築手法の一つです。全てに適切で万能というわけではありません。メリットとデメリットを考えてサイト設計をしてみましょう。
悩んでしまってお困りの方は Itd-Door にご相談ください。
レスポンシブサイト制作 | ||||
---|---|---|---|---|
ページ単価 | 基本CSS設計費 | 納期目安 | ||
既存サイト レスポンシブ化 | ¥5,000 | ¥80,000 | ※要確認 | |
レスポンシブ コーディング |
TOPページ | ¥20,000 | ¥20,000 | 3日 |
下層ページ | ¥15,000 | ¥15,000 | 3日 | |
レスポンシブデザイン | TOPページ | ¥50,000 | - | 1週間 |
下層ページ | ¥15,000 | - | 1週間 |
※対応ブラウザは、IE9~、chrome、safari、firefoxになります。
※上記の値段表とは別に、CMSのレスポンシブ化。LPサイトのレスポンシブ化などお問い合わせよりご相談ください。
※表示金額は全て税抜価格となります。
ご相談・お見積りはお気軽にお問い合わせください。
TEL 03-6382-7920
受付時間
平日10:00~18:00