スマホ対応の進め方（具体化編）

スマートフォンへの対応について整理しておく
　　スマホ対応において使われるサイト構築技術について記述する

　　（１）文字サイズを大きめに設定する
　　　　１４pt～１５ptにする、ＰＣサイトよりも大きめにする
　　　　　　外出先や移動中でも見ることができる大きさにする

　　（２）文字数を少なくする
　　　　表示可能な領域がＰＣと比べると小さいので、極力文字数を少なくする

　　（３）ボタンを大きくする
　　　　デザイン性のある大きなボタンや、画面の横幅いっぱいのボタンを配置する

　　（４）リンクはリスト化する
　　　　リンクが複数並ぶような時は、リスト化する
　　　　　　リスト化とはリンク項目に一覧性を持たせて並べることです
　　　　　　アイコン化して並べるのもリスト化の一方法です

　　（５）画像の使用を減らす
　　　　不必要な画像（ボタンやアイコンも含む）はＣＳＳ３を使うことにより極力減らす
　　　　　　ＣＳＳ３は角丸や影（シャドウ）の表現にも活かせる

　　（６）ブックマークを使用する
　　　　ブックマークを用意して、スクロールの代わりにページ内でジャンプし易くする

　　（７）文章を折りたたむ
　　　　記事は折りたたんで置き、必要に応じて開ける様にする

　　（８）メニューにはタブを使用する
　　　　画面遷移の状況が目に見えるので複数のコンテンツを上手にコントロールできる

　　（９）問合せ先や地図を用意する
　　　　機動性が高いといった特徴を活かして、電話番号や地図を載せて繋がりやすくする

　　（１０）ＳＮＳとの繋がりを意識する
　　　　数多くのコミュニティを図るために、ＳＮＳへ簡単に繋がる仕組みを設置しておく

　　（１１）位置情報を活用する
　　　　位置情報と連携させることによって、提供サービスの幅が広がる