スマートフォンの最近のブログ記事

今回は、iPhone用Webページのお話です。
通常、スマートフォンは、PC用のウェブサイトの表示もほぼ問題なく可能ですが、
PC用のページというのは、スマートフォンのタッチ操作を意識して作っていませんので、
アンカー(リンク)を指でタッチしたりするのが煩わしかったり、
字が小さい箇所はダブルタップで拡大・縮小したりする必要があります。
これでは非常に使いづらい訳です。

さて、今回のスマホ用のページを作った理由は、この写真です。

sakaki.jpg

当社のお客様である、有限会社サカキさまの塗装工事現場です。
仮設足場にタペストリーが取り付けられています。
(ちなみに、このタペストリーは、福岡の看板屋さん・株式会社SEEDで作成しました。)

このタペストリーの右下にあるQRコードを読み込むと、
携帯とスマートフォンを自動認識して、
携帯なら携帯用ページ、スマートフォンならスマートフォン用ページが表示されます。

そして、そのスマートフォン用のページが、下記になります。

IMG_0690.PNGIMG_0691.PNG
(※中途半端に長さが足りなかったので、とりあえず並べます・・・)

iPhoneをお持ちの方は、この画面はおなじみですね。
設定画面などがこんなレイアウトです。
つまり、同じような感覚でページ遷移が可能になります。

特典ページを開くと、こんな感じです。

IMG_0692.PNG

ここから、会社案内を開くと、

IMG_0693.PNG

こうなります。
ちなみに、この画面が出るときは、読み込みなおすのではなく、
iPhoneお得意の、画面が横に「ス~ッ」とスライドして表示されます。
つまり、ストレスなくページが切り替わります。

謝恩クーポンはこんな感じです。

IMG_0694.PNG

クーポンの詳しい内容はヒミツです。
「クーポンを表示」をクリックすると、画面いっぱいにクーポン画像が出ます。

最後に、お問い合わせのページです。

IMG_0695.PNG

マーケティング的に、工事用タペストリーからのアクセスなので、
あえて「苦情窓口」を併用してみました。
恐らく、全国的に見ても、苦情窓口のある塗装屋さんは、
このサカキ様が初めてではないでしょうか!?(たぶん)

という感じで、このようなページ構成ですと、
ストレス無く目的のページにたどり着けますし、
文字もスマートフォン用に最適化されていますので、
拡大・縮小の必要がありませんね。

ちなみに、これらのページを作る際は、
Googleコードでサンプルが配布されており、
HTMLの知識があれば、誰でも作ることができます。
http://code.google.com/p/iui/
難易度もかなり低いので、ウチのお客様からではお金をいただけません。(笑)

興味がございましたら、是非ご相談下さい。





このアーカイブについて

このページには、過去に書かれたブログ記事のうちスマートフォンカテゴリに属しているものが含まれています。

前のカテゴリはビジネス論です。

次のカテゴリはfacebookです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。