iPhone,Androidに対応した、スマートフォンサイトを制作いたします。
スマートフォンサイト作成時には、納期、予算などの他に
などを考えた上で、最適な制作方法を選択する必要があります。
TOPページ、カテゴリTOPなどの主要ページ、または、特定のメニューのみスマートフォン専用ページを作成
※主要ページ以外に関しては、作成せず、PCサイトに遷移できるようにする
スマートフォンサイトにPCサイトへのリンクを設置しておき、PCサイトとスマートフォンサイトを切り替えられるようにする。
同様にPCサイトには、スマートフォンサイトへの切り替えボタンを設置する。
※普通にPCでPCサイトを見ている時は表示しない
スマートフォン専用に一から作成
※PCサイトから少し情報を落とした形で作成し、見栄え、操作性を重視する
※1ページずつ、情報設計、デザイン、コーディングを行う為、工数がかかる
※スマートフォンサイトと、PCサイトの両方の情報更新が必要
フレームワークでスマートフォン専用サイトを作成
※jQuery Mobileなどの直感的で使いやすいUIと安定性の高さで制作コストを低減
※完全なオリジナルデザインの作成ができない ※CMSやPHPとの連携が難しい
PCサイトをリキッドレイアウトなどで作成
※PCサイトとスマートフォンサイトを、作り分けせず、同一ページで実装
※PCサイトで使用している、画像、動画などがそのままスマートフォンサイトで使用できない事がある。
※基本的にはレイアウトを組み替えて見栄えの調整を行っているだけになるので、スマートフォンサイトの利用用途や、対象ユーザーなどが異なる場合、最適な情報提供ができない
例)サブナビの中にニュースなどの更新情報が含まれている場合、表示方法・位置などを検討しないと図のように、一番下に移動してしまう
1ソースで作る場合には、「どの端末の時」は、「何」を「どのように見せるか」
また、「不要なコンテンツはどれか」を十分に検討が必要になります。
PCサイトとスマートフォンサイトをCMSで作成
※PCサイトがCMSで作成されている場合、別途スマートフォン用のテンプレートを追加して、スマートフォンサイトを自動生成する
※テンプレート対応になる為、ある程度レイアウト(デザイン)が固定されてしまう場合があります。
スマートフォン専用サイト (主要ページのみ) |
スマートフォン専用サイト (全ページ) |
フレームワーク で作成 |
1ソース で作成 |
CMSで作成 | |
---|---|---|---|---|---|
デザイン性 | A | A | C | C | B+ |
操作性 | B | A | A | C | B |
更新性 | C | C | C | A | A+ |
柔軟・拡張性 | A | A | B | C | B |
適切な情報表示 | B | A | A | B | A |
安定性 | B | B | A+ | A | B |
複数機種対応 | B | B | A+ | B+ | B |
費用 | 安 | 高 | 安 | 安 | 中 |
納期 | 早 | 遅 | 早 | 早 | 早 |
難易度 | 低 | 中〜高 | 低 | 中 | 中〜高 |
適している サイトの規模 |
小〜中 | 小〜中 | 小〜中 | 中〜大 | 中〜大 |