Loading...
  • 0k
  • 0
ウェブデザイン \ 2014年11月25日

使い易いスマホサイトを作成するための10のチェックリスト

みなさんはスマホを使って何かを検索するのは、どんなときですか?通勤中や待ち合わせ中など、ちょっとした空き時間に、スマホを利用する人が多いのでは? 実際にこのブログもスマホから読んでいただいているかもしれません。

インターネットへのアクセスのおおよそ6割が、モバイル機器からという今の時代、「使い易さ」「デザイン」「機能性」を備えたスマホサイトを作成するには、どんな点を考慮すべきか。今回は、使い易いスマホサイトを作成する10のチェックリストをご用意しました。

まだホームページをお持ちでない方は、今すぐWixでプロフェッショナルなサイトを作成しましょう!

モバイルサイト作成時に考慮したい10のチェック項目

使い易いモバイルサイトを作成するためのチェック項目: 

 

1. 小さな画面サイズを考慮する

PC版サイトとモバイル版サイトの大きな違いは、当然ながら画面サイズ。小さな画面にいろいろとコンテンツを詰め込んでも、読みにくかったり、レイアウトが崩れたり、これではモバイルに最適化されているとはいえません。

Wix のモバイルエディタを使えば、PC版のサイトコンテンツをモバイル向けに自動変換してくれます。モバイルエディタで、コンテンツの見え方を確認・調整しましょう。

スクリーンのサイズ

2. タッチ操作しやすいようにボタンやリンクを大きめに

PC用サイトとモバイルサイトで、もう一つの大きな違いは、操作の方法ですね。クリックしたいボタンが小さすぎて、間違って隣のボタンをクリックしてしまった、という経験はありませんか?

指先だけで簡単に操作できるよう、ページ上のボタンやリンクは、大きく分かりやすいデザインにすることが、モバイルサイトで成功する基本です。

タッチスクリーン

3. 無駄なスクロールやページ移動は省く

特にスマホでは、限られた時間内に、必要な情報を見つけたいものです。縦長のスクロールページやページ間の移動が多すぎると、訪問者をイライラさせてしまうだけでなく、最も大切な情報にたどり着く前に離脱してしまうことも。

そこで、モバイルサイトでは、長々としたテキストや無駄なコンテンツは省き、簡潔にまとめることがPC版サイトよりも重要になります。Wix には、クリック一つでコンテンツを「モバイルサイトで非表示」にする機能がありますので、ぜひご活用ください。

スクロール

4. クリック一つで問い合わせができるように

いつどこにいても、知りたいときに知りたい情報が手に入るのが、スマホの最大のメリットです。実店舗に向かっている途中で、お店の住所や電話番号をスマホで検索したこと、ありませんか?

簡単に基本情報にアクセスできるように工夫が必要です。Wix サイトでは、追加するとクリック一つで電話をかけたり、メールが送れる「モバイルアクションバー」を追加するのがおすすめです。

モバイルアクションバー

5. モバイル対応の地図を追加

モバイル対応の地図をお問い合わせページに追加して、オフィスやお店の住所を発見しやすくしましょう。このモバイル対応 Google マップアプリはとてもおススメです。

マップアイコン

6. SNS ページへのリンク

ソーシャルメディアを活用してビジネスを広めたいなら、SNS ページもより見やすくモバイル対応してみてはどうでしょう。前述のモバイルアクションバーにもソーシャルアイコンを追加できます。好きなところに配置できるソーシャルバーも人気です。

ソーシャルアイコン

7. モバイル対応クーポンを配信

お店で直接見せられるお得なクーポンは、スマホに対応するのが必須です。セールなどの際には、モバイル対応のクーポンも一緒に配信してみてはいかがでしょう。QRコードを作成し、サイトに配置してみましょう。

クーポン

8. 必要な機能がきちんとスマホで完了

デスクトップ同様に、お客様がオンラインで予約やイベントへの参加申し込み、ネットショップで買い物などを楽しめるよう、必要な機能がスマートフォンでもきちんと機能するかチェックしましょう。Wix App Marketでは、モバイル対応のアプリや機能がたくさん用意されています。

スマホでも機能を充実

9. 便利な検索バーを追加

必要な情報をすばやく簡単に見つけたいのがスマホからのサイト閲覧者の特徴ということは前にもご説明しました。極力少ない手順で情報を得られるようにするには、サイト内に検索機能を追加しましょう。

Site Search」アプリを使えば、最小限のステップで知りたい情報を発見できます。

検索バー

10. さまざまなデバイスで確認

モバイルサイトの仕上がりをより良くするために、さまざまな機種のスクリーンでテストするとよいでしょう。機種の異なるモバイル機器を持つ友人を集めて、各デバイスでサイトがどのように見えるかを確認しましょう

様々なデバイスでテスト

 

いかがでしたでしょうか? ちょっとした工夫で、使い勝手がぐんとアップするスマホサイト。 いろいろな人にサイトを試してもらい、地道に改善していきましょう。

さあ、オンラインビジネスをはじめる準備はできましたか?Wixで無料スマホサイトを作成しましょう!

Wixブログを購読して今すぐ最新情報を受け取りましょう



今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

Wixブログを購読 \  

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい