jQuery Mobileでスマートフォンサイト
サイトマップ作成・画面設計
- サイトの階層をなるべく浅く
- 1ページの情報量を適度に多くする
- ゴールへの導線をわかりやすくする
基本設計
- ページサイズは「横幅320px」を基準に設計
- 画像サイズも横幅320pxまで
- 文字サイズは14〜16px、行間は1.4〜1.6
- ページの左右には10pxの余白を作る
- ナビゲーションリンクの縦幅は44px前後に
jQueryMobile
- スマートフォン向けに特化したユーザーインターフェイスシステム
- jQuery(DOM操作を簡易な記法で実現するライブラリ)
- クロスプラットフォームに対応
- HTML5にもとずいた記法
- テーマを作成できるThemeRoller
- 完全オリジナルデザインは作りにくい