シングルページウェブサイトを完璧にデザインする方法

ジンドゥーのユーザーには冒険心のある人たちが多くいると思います。ウェブデザインの流行に敏感な者として、シングルページウェブサイトにもおそらく精通しているでしょう。それゆえ、なぜこの新顔にみんな夢中になっているのかも、わかっているはずです。

シングルページウェブサイトは素早く・簡潔に文章を読め、直感的にスクロールができ、モバイルで使いやすく、しかもデザインがかっこいい。多すぎるコンテンツにユーザーが疲れてしまっている場合、シングルページウェブサイトのシンプルさが愛されるのもわかります。

ただし、シングルページウェブサイトは、いろいろなタイプのウェブサイトにとって、素晴らしい選択肢の一つではありますが、全ての事を解決してくれるほど万能ではありません。

シングルページサイトを作る前に、その選択肢が自分のプロジェクトや事業にとって最適なものなのかを確認しましょう。下に挙げる観点から考えてみてください。

シングルページサイトは、コンテンツ数があまりなかったり、以下の例のようなサイトに近いものであれば、素晴らしい選択です。

もし、コンテンツが多くて複雑、もしくは情報量が大量にある場合は、シングルページサイトは不向きです。ベルボトムのジーンズのように、シングルページサイトは誰にでも似合うというわけではないのです。

自らのサイトのニーズにはシングルページサイトがぴったりと決めたなら、次にすべきことは、シングルページサイトに最適なテンプレートと美しく仕上げるための５ステップを学んでいきましょう。

シングルページサイトを作る上で、難しい最初に１歩はテンプレートを選ぶことです。選ぶにはちょっとしたコツが必要なので、シングルページサイトに使われているトップ５のテンプレートを紹介します。

・カイロ

・マラガ

・マイアミ

・ローマ

・チューリッヒ

（左から）

サイトの体裁は、シングルページサイトが成功するかどうかの鍵となります。

覚えておかなければならない重要なことは、余計なものはない方が良いということです。サイトを作り始める前に、一番伝えたいメッセージは何なのかを考えてみてください。そして、文章は読みやすく、コンテンツは短めで的を得ているものになっているか確認しましょう。

サイトを訪れたら、人はすぐに必要な情報を見つけたいと思うものです。

問い合わせ先や事業・サイト自体についてのまとめを探すのに時間を無駄に使いたくはないはずです。その為にも、優先順位はきちんとつけ、余計な情報は省きましょう。読者がどうやってサイトをみて、情報にたどり着くのかを考えてみると、どうすべきかが容易にわかります。

読者はどんな情報を求めているのでしょう？鍵となるコンテンツは、だれ、なに、なぜ、いつ、どこの５Wに答えるものになっていますか？

我々は、なんでも ”すぐ” ”簡単に” という即席社会に生きています。

労力をかけずに読める体験を作り出す為に、コンテンツをどう構築したいのか、計画と概念をきちんとしましょう。ユーザーが探しているものを簡単に見つけれらるように、コンテンツを論理的に振り分け、構成要素を決めていくようにしてください。

専門性の高いウェブサイトに見えるサイトを作る一つの方法は、ピラミッドの法則に則って進めることです。そのサイトが一体なんであるか？のような重要な情報はサイトのトップにあるべきです。そこから徐々に、より詳細な補助的情報へと掘り下げていきます。

例えば、結婚式サイトを作っているとしましょう。誰が結婚するのか、いつ、どこで式が行われるのかといったもっとも重要な情報は、サイトのトップにあるべきでしょう。逆に参加するかしないかの返事いった重要度が下がる情報はページの下の方にあっても問題ありません。

シングルページウェブサイトの各セクションにメリハリをつける方法をいくつかご紹介します。

我々は、情報の65％は視覚で判断するいうことを知っていましたか？（リンク先英語記事）ストーリーを伝えるに最善の方法は、視覚コンテンツを通して情報を伝えることです。文章がどれだけ素晴らしくても、複数のメディアで分割しないと、長すぎる文章に読み手はすぐさま興味を失います。

読者を魅了し、メッセージをきちんと伝えるために、写真、動画、スライドショーなどを使って、文章をバージョンアップさせましょう。

ユーザーがサイト全体をスクロールでスムーズにみられたとしても、ユーザーに使いやすいよう、ナビゲーションは不可欠です。

ナビゲーションは商品やサービスについての特定の情報があるところに、ユーザーを誘導するものです。アンカーリンクを使えば、他のページにユーザーを誘導するのではなく、サイト内のいろいろなポイントへ直接飛ばすことができます。

シングルページウェブサイトでは、ナビゲーションをシンプルにしておくことが重要です。サイトを明快に作るに不可欠な５Wとナビゲーションにリンクさせるものを改めて考えてみましょう。ナビゲーションの中に、読者を外部へと導くようなものは入れないようにしてください。

読者を混乱させるだけでなく、それを間違ったリンクだと思ってしまうかもしれません。どうしても外部サイトにユーザーを誘導する必要があるなら、ユーザーがどこへ飛ぶのかわかるようにアイコンを使いましょう

ユーザーが次にどこへ向かうのかを明確にするために、強力なCall to Antion (CTA 行動喚起）のあるホームページをデザインすることがいかに大事です。シングルページウェブサイトも例外ではありません。

オンラインで何かのサービスに登録した時のことを考えてみましょう。

ニュースレターに登録したことがありますか？　iTunesやDropboxをダウンロードしたことは？

これらの”登録”はそのサイトが説得力のあるCTAを作れていたから起こり得たことです。あなたが読者にしてほしいことは何か？効果的なCTAで行動を起こさせるには、どう彼らを刺激すればいいかを考えてみてください。

ここで紹介されているヒントが美しいシングルページウェブサイトの構築に役立てば幸いです。自分なりの裏技を持っていますか？　何か質問がありますか？　

どんなことでもいいので、コメントをお願いします！

ジンドゥーにログイン / 新規登録する