茨城県鹿嶋市・神栖市 ホームページ制作、デザイン スキル・バンク

ホームページ,名刺,パンフレット制作。鹿嶋イオンそば。

ホームページ制作スキルバンク 鹿嶋市0299-77-8195 ホームページ制作お問い合わせ
ホームページ制作新着情報
茨城県鹿行(鹿嶋市、神栖市、潮来市、鉾田市、行方市)、千葉県香取市 集客ご相談ください。
お店・会社の全てを紹介できる ホームページ制作ご相談ください。
楽天市場、Yahooショップ、アットホーム等々 モール・ポータルの更新代行承ります。
ウェブシステム制作 集客に最適なシステムをご提案します。
コンテンツライティング、アクセス解析 ウェブの事なら何でもご相談ください。
全105項目のホームページ診断、サイトの見直しにぜひご利用ください。
トップページ > スキル・バンク SEのひと言メモ > 【ホームページ制作】レスポンシブデザイン or モバイル用サイト
ホームページ制作メニュー
  • コピーライティング
  • 業務システム開発
  • IT業務支援
  • ウェブコンサルティング
  • ECサイト商品登録代行

【ホームページ制作】レスポンシブデザイン or モバイル用サイト

皆さん、こんにちは。 スキル・バンク SEのW です。 前回は「スマホを意識したホームページ制作」が重要になるとお伝えしました。 そして、スマホを意識したデザインといえば「レスポンシブデザイン」が思い浮かぶ方が多いのではないでしょうか。 スマートフォンでの閲覧を考慮した場合、とりうる対策はいくつかあります。 そして、それぞれメリット・デメリットがあります。 1.レスポンシブデザイン 今流行りのデザインです。 CSSやスクリプトを利用して、ひとつのページをスマートフォン向け・パソコン向けの表示に切り替えるデザインのことです。 (メリット) ページファイル(html)は同じものを利用して表示だけ変えますので、変更点があっても漏れることはありません。 しっかりページデザインすることで、媒体ごとに最適化したページレイアウトを実現できます。ユーザー操作性や視認性が高まります。 (デメリット) スマートフォンは画面幅の制約があるので、原則縦スクロールのデザインになります。そのためパソコン向けのレイアウトも縦スクロールになりがちなのです。 しかしパソコンで縦スクロールは、意外と操作性が悪い。また、横に間延びしたようなデザインになる場合が多いです。 イメージ画像を使う場合、パソコン向けとモバイル向けで最適なサイズが異なります。パソコンで綺麗に見られるようなサイズにすると、スマホでは読み込みに時間がかかったり、逆にスマホの読み込み速度を重視するとパソコンでは少し荒い画像になってしまったり、調整が難しくなります。 2.パソコン向けとモバイル向けでページを別にする パソコンでの表示に最適化したページとモバイル閲覧に最適化したページの2つを用意する方法です。URLが別になります。 (メリット) それぞれの媒体で最適な表示になるように、自由にレイアウトをデザインできます。 (デメリット) 変更が発生したときに、パソコン向けページは修正したけどモバイル向けページの修正を忘れたという、ウッカリミスの可能性があります。 コンテンツが膨大な場合、両媒体向けのページを用意するのが難しい場合があります。 3.パソコン向けだが、モバイルでもある程度操作しやすいようにレイアウトデザインする モバイルで閲覧する場合、ピンチアウト・インによる操作を前提としてデザインする方法です。 ボタン配置も、スマホでも押しやすいようなサイズ・間隔になるように注意します。 (メリット) ページファイル(html)は同じものを利用して表示だけ変えますので、変更点があっても漏れることはありません。 しっかりページデザインすることで、スマホでの操作性や視認性も高めることができます。 (デメリット) スマホでの閲覧も意識したデザインのため、純粋なパソコン向けページに比べて、あまり情報を詰め込むことができません。 4.スマホまたはパソコン向けに特化して制作する 例えば顧客が法人のみの場合や逆にスマートフォンでの閲覧がほとんどとなる場合、思い切ってそれぞれの媒体向けに特化して制作することも、ひとつの方法です。 以上のように、まずは自社の顧客はどのような媒体でホームページを閲覧するのかをしっかりと検討してみてください。 そこから最適な制作方法を取捨選択します。 一部はレスポンシブデザイン、一部は別ページなど組み合わせてデザインすることも可能です。 ぜひお気軽にご相談ください。
ホームページ制作、デザイン スキルバンク
ホームページ制作 スキルバンク 0299-77-8195
ホームページ制作お問い合わせ
お見積もり、ご相談はこちらのページからどうぞ。
茨城県鹿嶋市、神栖市、潮来市、鉾田市 鹿行地区
ホームページ制作、デザイン、システム開発のスキルバンク お気軽にご相談ください。

2018.03.01

スキル・バンク SEのひと言メモ 記事一覧に戻る