スマートフォン/携帯サイト制作の要件

見栄えが良く、操作性に優れたスマートフォンサイトや携帯サイトを作成する場合、一般的な対応方法としては主に以下のような点を考慮する必要があります。

スマートフォンサイト制作に必要な要件

  • スマートフォンの画面に合わせたレイアウト構成とリキッド(可変幅)デザイン
  • タップしやすいUIデザイン
  • iPhoneとAndroidのOSの違いによるレイアウト崩れの対応
  • 見やすく使いやすいサイト設計のため、最新技術(HTML5+CSS3)の活用

携帯Flashサイト制作に必要な要件

  • スクロール量を抑えたコンパクトなナビゲーション
  • ページ遷移を極力抑えたサイト設計
  • 端末性能に合わせた操作性の実現
  • 端末の搭載メモリに合わせた画像サイズ調整

どちらか一方に対応するだけでも、スマートフォン/携帯それぞれの特性を考慮した制作が必要です。

スマートフォン/携帯サイト制作上の問題点

スマートフォン/携帯に最適化されたコンテンツを提供するには、主に以下のような課題があります。

課題1
スマートフォンと携帯サイト、それぞれを構築するには専門技術の習得が必要

スマートフォンに特有なタグの習得、iOSとAndroidの違いに合わせた最適化など、スマートフォン対応を行うためには新たな学習コストが発生します。

また、携帯サイトの3キャリア対応を行うには、1ページの容量(ファイルサイズ)制限や、利用可能なHTMLタグ、CSS、JavaScript、Flash Lite特有のActionScriptの習得など、こちらもPCサイト開発とは異なる独自ノウハウの習得が必要です。

課題2
端末に最適化されたレイアウト開発のため、多くの開発工数が必要

iPhoneとAndroidでは、画面サイズが大きく異なります。

特にAndroidでは、画面比率が2:3以外の端末が存在するため、それに対応したリキッドレイアウトコーディングが必要です。

さらにHTML5とCSS3の動作が微妙に異なる端末も存在するため、PCサイトのソース流用では、デザイン崩れやボタンの誤動作等の問題を引き起こしてしまう可能性が高く、サイトイメージの低下になりかねません。

そのため、再生端末に最適化したレイアウトを新たに作成することが望ましいでしょう。

全てのスマートフォンに最適化されていない例

課題3
新規端末が発売する度、修正作業等の対応コストが発生

次々に新機種が発売されるため、新たな画面サイズや表示方法に対応した端末情報を手作業で追加する必要があり、メンテナンスコストが増大し続けて行きます。

課題4
スマートフォンと携帯、それぞれに最適化したサイトを作成すると費用が2倍に

スマートフォンの利用ユーザ数は増加し続けており、もはや企業様のスマートフォン対応は急務です。

しかし従来型の携帯電話を使用しているユーザはまだ数多く存在し、幅広い層へアピールするためには、スマートフォンと携帯サイトの両方が必要です。

しばらくは両方対応を行うことが望ましいのですが、そのためにはコストが2倍かかってしまいます。

スマートフォン/携帯に最適化されていない例

snapSmartによる解決策

snapSmartがこれらの課題を解決します。

解決策1
簡単なタグ定義するだけなので、専門技術の習得が不要

XMLに準拠した分かりやすい記述を行うだけでリストやボタンが動的に生成されるため、いくつかの定型文を覚えてしまえば、他に難しいコーディングの習得は必要ありません。

snapSmartのタグ記述例

解決策2
端末に最適化されたレイアウトを動的生成するため、短期の開発が可能

端末の画面幅に合わせたパーツが動的に生成されるため、サイト制作者は端末に合わせたマージンの調整や、レイアウト崩れの面倒な対応と検証を行う必要がなく、サイトのレイアウト設計やデザインだけに専念できます。

解決策3
最新端末情報の更新によって対応コストを削減

新規端末の情報更新を行うことで、常に最新端末に対応したサイトをご提供いただけます。

解決策4
1つの定義を作成するだけで、スマートフォンと携帯電話に最適化したサイト開発が可能

スマートフォンと携帯用に別々にサイト制作を行う必要がなくなるため、両方のサイト制作にかかる費用を削減できます。

スマートフォンと携帯サイトを生成

snap Smartの提供プランの詳細を見る

お問い合わせ

その他、snapSmart(スナップ スマート)に関するご質問や詳細につきましては、弊社営業までお気軽にご連絡ください。

お問い合わせ・サポート

商標について

© 2012 i-BROADCAST INC. All rights reserved.