リッチクライアント

前回では、モバイルサイトにもリッチ化やデザインが求められている市場の状況を紹介しました。実際に、最近では次々とデザイン性に優れたモバイルサイトが生み出され、サイトへの集客やサービスへの効果を上げています。  

モバイルWeb制作全体としては、携帯端末やブラウザ・通信スピードの進化により表現力が増したことで、サイト表現のリッチ化が進んできました。サイトデザインやUIへの意識が向上し、XHTMLベースでの制作や、動画／Flashなどのインタラクティブ要素が徐々に本格化しつつあります。技術要素としても、PCでのWebサイトと近いものを求められるようになるのは、進化速度を考えれば時間の問題でしょう。  

携帯サイトでは、PCサイトのように1ページ全体を見渡すことができません。PCサイトであれば、一瞬で目的のリンクを探すことができても、携帯サイトの場合、上から順番にリンクをたどりながら画面をスクロールしていくので、それがページのコンテンツの一部なのか、単なる広告なのか、区別する必要があります。  

前回（http://www.thinkit.co.jp/article/146/3/）は主にHTMLやCSS、サイトデザインについて紹介しました。今回はもう少しシステム寄りの「作り方」の紹介をします。大前提としてご理解いただきたいことは、iPhone用のサイトというのはシンプルなPC向けのページである、ということです。  

前回（http://www.thinkit.co.jp/article/144/3/）は、Flash Lite 1.1での時計待ち受けを作成してみましたが、今回は、簡単なゲームサンプルの解説をしていきます。  

携帯サイトは携帯キャリアによる仕様が違うといえども、基本的には一部を除きHTMLやXHTMLを利用しているWebサイトには違いありません。そのため通常のブラウザでPC向けのWebサイトと同じように表示することができます。そのため一般的な画面が表示できるかのテストはPCブラウザで行うことができます。  

前回（http://www.thinkit.co.jp/article/145/2/）まで、サイトのリッチ化とその方法について紹介してきましたが、サイト表現だけでなく、提供されるコンテンツも端末の進化とともに、よりインタラクティブにリッチ化してきています。今回はモバイルコンテンツの最新事情について紹介します。  

携帯サイトでは、キャリアによる仕様の違いがあるため、これをどの程度まで考慮するか、はじめに考えなくてはなりません。携帯サイトの作成法には、下記の 5つの方法がありますが、ここでは「3キャリア対応の静的サイト+プログラム」について紹介します。  

Flash Lite 1.1はFlash 4ベースの仕様となっています。とは言っても、厳密にFlash 4とまったく同じ仕様というわけではなく、if文や文字の連結などで記述方法が異なる部分があります。  

携帯サイトのテストはPC向けのWebサイトに比べ、一般的に面倒であると言われることが多いです。それは携帯サイトを見る携帯端末によってさまざまな仕様があり、挙動や見え方が変わってしまうことに起因します。  

待受Flashなどのサービスコンテンツも、記録的なダウンロード数をたたきだし、ユーザー満足度も高い様子がうかがえます。あるブランドのサイトでは、リッチサイトにリニューアルを行ったのをきっかけに、アクセスが10倍にも伸びたといいます。ハイ・ブランドだけでなく、さまざまな商品ブランドや音楽系アーティストのサイト、最近では新卒採用向けのサイトまで、続々とリッチ化したデザイン／モバイルサイトが立ち上げられています。