スマートフォン用サイトのデザインは現在のサイトデザインの中でも先進的技術を要求します。
現在のインターネット接続はPCからよりスマートフォンからの方が多いためスマートフォンを意識したデザイン設計は必須といえるかも知れません。
またスマートフォン用サイトといってもデザイン設計には様々なタイプがあるのでここではいくつかの例をもとに考えていきましょう。
まず既存のモバイル用サイトの主役であった携帯専用サイトとの違いは一覧性と入力インターフェースの違いが主になります。
携帯電話用サイトは携帯電話のメインの入力デバイスである十字キーとテンキーでの操作を前提として作られていてこれはPC用サイトとも大きく違います。
更に携帯電話は片手で持つことによりディスプレイの横のサイズも制限が大きくディスプレイは縦に大きくなっていきました。
それらの事からタブーが生まれ特に横スクロールとグラフィカルなインターフェースは使わないサイトが殆どでした。
一方スマートフォン用サイトでは入力はタッチパネルがメインとなりグラフィカルなインターフェースは歓迎されまています。
また横サイズの制限は未だありますが携帯電話程極端ではなくなりタッチパネルのフリック操作のと相まって全方向スクロールも使いやすいものとなっています。
全方向スクロールとしては地図アプリなどがタッチ特有のフリックやピンチ操作などでその効果が大きいと言えます。
上記の事からデザインとしては全方向スクロール可能でグラフィカルなインターフェースを使った先進的なサイトが多いと言えます。
インターフェース以外ではソフトウェア面でもスマートフォン特有の箇所は多くあります。
こちらでは先に説明した携帯電話とは違いPCサイトとの比較をしてみましょう。
PC用サイトでは主にマウス操作でブロードバンド帯を利用したリッチコンテンツが主流です。
またブラウザ含めマルチ処理が可能な為バックグラウンド動作をするサイトも増えてきました。
携帯電話時代にはハード・ソフト的にもそれらは不可能でしたがスマートフォンでは一部可能になってきています。ひとつがタブ動作でスマートフォン用のブラウザの殆どはタブブラウザであり複数のウィンドウの動作が可能です。
またプラグインに関しても処理能力的にもスマートフォンはPCに近い処理が可能となっています。
それらの事から携帯サイトよりPCに近くグラフィカルなサイトをストレスなく閲覧出来ます。
またハードウェア面ではGPSやブルートゥースなどの存在も重要です。
特にGPSはSNSや写真におけるジオタグ、地図連動の付近検索等でも活躍します。
これらは携帯電話でも搭載されていましたがサードパーティのプログラムではあまり有効に活用出来ませんでした。
スマートフォンならという事にはなりませんが少なくともスマートフォンはブラウザも含めたプログラムはOS以外何でもインストール出来ます。
最後に上記に挙げた事に加え携帯サイトのPCサイトより優れている部分も受け継げます。
それは認証関連でスマートフォンは基本的には電話であり存在自体が認証処理が済んでいる状態とも言えます。
その為買い物や会員サイト、SNSなどでの認証処理に関しては簡単且つセキュアに行われています。
mixiやtwitterなどのSNSとの相性が良いのはその為です。
スマートフォンは現在も進化中であり主に表示関連で大きく変わってきていますので技術者としてはしっかりトレンドを押さえて時代についていく必要がありそうですね。
ビジネスから遊び、日常で使える節電アプリなど様々なものが日々開発されています。
流れを押さえる為にもスマホ制作関連のサイトに目を通して見るのも重要なポイントかもしれませんね。
「スマホサイト導入の勧め」
余談となりますが携帯とスマ―トフォンの違いを正しく認識しているでしょうか?
簡単に説明します。
スマートフォンでは携帯電話で行える通話やメールだけでなく、パソコンのようにインターネット接続、音楽や動画再生、officeやPDFのようなビジネスファイルの作成、編集にも対応します。
しかし、これらはi-mode等の携帯電話でも出来ました。
では何が違うのかというと発展性です。
携帯電話も確かに上記のよう機能を持っている機種もありますが基本的には本体のみで完結し発展はしません。
つまり購入時に出来る事は出来、出来ない事はほとんどの場合出来ないのです。
ここが一番の違いです。
このあたりはデザインにも関連してますので重要かと思われます。