日常生活に欠かせないツールとなったスマートフォン。どんな情報を集めるときも、いまやパソコンを使わず、手軽にスマホで調べものをしてしまいますが、見ているサイトのUIの設計が悪いと、求めていた情報を得られず、結果離脱に繋がってしまいます。そのような事態を防ぐためにも、今回はスマホサイト設計の際に抑えておきたい4つのポイントをご紹介します。【1】タッチデバイスに適応したナビゲーションを作るユーザーが最短で求めている情報にたどり着くように、サイトにはナビゲーションを用意しなければなりません。飲食店ならトップの他に『店舗紹介』『メニュー』『アクセス』『予約』などのカテゴリーを設け、ユーザーの欲求に合わせた動線を置くのが親切です。この際、ナビゲーションは、トップページに置いておくか、あるいはアイコンとして表示させるか、もしくはアコーディオンタイプで用意するかは、サイトのイメージに合わせると良いです。いずれにしても、サイトデザインを崩さない上で、タップしやすいサイズのボタンを用意するのが良いでしょう。【2】画像はスマホディスプレイで閲覧することを想定してサイズを決める画像を配置するとサイトの雰囲気が一気に華やぎます。PC画面での表示を想定してサイズを決めてしまうとスマホで閲覧した際、なんだか乱雑に見えてしまったり、1枚の画像が細部まで見えなかったり、とその存在意義を台無しにしてしまいます。スマホサイトの画像は、大きく表示するものと、逆に画像を表示させないものを、効果的に決めると良いです。先の例に挙げた飲食店の場合、メイン料理写真は画面いっぱいに表示させて、サイドメニューの料理はあえて掲載しない、というようにするとメリハリがつき、ユーザーにとって価値のある写真になります。【3】タップできる場所を大きくとるナビゲーションをはじめ、ユーザーがスマホでサイトに深く潜るためには、ボタンやアイコンを何度かタップすることが必須になります。その際、タップできるエリアが小さいと、上手に押せなかったり、あるいは意図したボタンと違うものを押してしまったりと、ストレスに繋がります。タップできるのが文字だけでなく、アイコン全体にするなど、タップしやすい大きさのボタンを用意すべきです。そのボタンが押せるのかどうなのか、スマホではわかりづらいので、デザイン上で「タップできます!」というアピールができる処理をするのがいいでしょう。【4】スクロールできる余白を用意するスマホで情報を探す際、指で上下にスクロールする作業が発生します。ボタンやアイコンで画面を埋め尽くしてしまうと、スクロール可能なエリアが狭まってしまい、動かしづらいサイトとなってしまいます。サイトの左右の柱や、コンテンツとコンテンツの間に余白を作り、タップしても反応のないある程度の空間を作らなければなりません。お知らせもはやSNSキャッシュ決裁は当たり前!?進むwec...夏季休業のお知らせSNSマーケティングのやさしい教科書。【改訂新版...ゴールデンウィーク休業のお知らせ電話回線工事のお知らせ年末年始休業のお知らせ経済産業省のIT導入支援事業者に認定されました。新着記事Instagram発見タブのアルゴリズム外国人観光客を集客するためのコツ5つ【居酒屋編】のぞいてみよう、業界別Facebookページ<ブライダル編>YouTubeマーケティングで避けるべき、よくある間違いInstagramのGIFスタンプの作り。