アット・ニフティロゴ
@homepage


| 関連サービス | サイトマップ | ヘルプ | お問い合わせ |
アット・ホームページは、ホームページ作成・PRを応援するサービスです。

サービス内検索
Home申込みこれからホームページを作る方@homepageをお使いの方設定確認・変更

第8回相談者:東京都・スクールHP担当さん

目指しているのは、分かりやすくアクティブなデザインです。
幅広いメニューも混乱の原因!?

Before
Before画面キャプチャ  スキー場に併設されたスキースクールのホームページです。初心者の方から資格取得や検定合格を目指す上級者の方まで、スクールのコースも対象層も幅広く展開しています。そのため、ホームページも、幅広い層のスキーファンにご覧いただけることを目指しているのですが、その結果、メニューがごちゃごちゃして分かりづらくなってしまいました。
 デザインそのものも、もっと大人っぽいデザインにしたかったのですが、なんだか子どもっぽくなってしまって、ちょっと不満です。
 まずは、分かりやすく情報を提供することが最優先。その上で、お客様に親しみやすさを感じていただき、さらにスクールのイメージアップにもつながるアクティブな雰囲気のホームページにしたいと思っています。
 できればスキー場のインフォメーションも載せたいし、スクール以外にもスキーについての幅広い情報を載せたいし……。ひょっとして、こんなふうに欲張っていることが、混乱の原因でしょうか?
その悩み、私が解決します!
今回の改造ポイント

まずは掲載したいメニューを書き出して、 優先順位をつけましょう。

メニューを書き出して整理してみましょう
今月の講師:Webデザイナー 嶋田潤壱先生
After
After画面キャプチャ  スクールHP担当さんの情熱が、ひしひしと伝わってくるホームページですね。しかし、その情熱ゆえに、今のサイトはちょっと大学のサークルのページのようでもあります。
 最大の問題点は、一見しただけではスキースクールのホームページだと分かりにくいこと。次に、ページ構成の分かりづらさです。メニュー数がかなり多い上に、左端に並んでいるメニューと右画面のメニュー内容が合致していません。この状態ですと、せっかく情報が多く載っていても、閲覧者は見たいページになかなかたどり着くことができません。掲載したいメニューをまず書き出して、優先順位をつけながら整理してみましょう。
 おそらく、いったんホームページを作成後、あれもこれもとメニューを増やしていかれたのではないでしょうか。スクールHP担当さんの情熱を見る人に分かりやすく伝えて、たくさんの人に来校してもらいましょう!

Point1コンテンツを整理しよう

メニューを書き出して、大項目と小項目に分けて整理してみましょう。その中から、特に需要の多いものをページの右エリアに再度配置するとよいでしょう(POINT3参照)。左のメニューを、スクロールせずに見渡せる幅に抑えるのもコツです。

Point2トップページには基本情報を置く

スクールHP担当さんの情熱とスクールの姿勢が分かるキャッチを大きく入れ、見る人が必要としている基本的な情報を、目立つように配置。トップページにスキー場のサイトへのリンク、マップがあると親切ですね。

Point2右メニューにはよく使うコンテンツを再録

閲覧者が見たい情報にすぐたどり着けるよう、左のメニューで紹介したスクールのレッスンやプログラム内容を、対象者のレベル別に整理して右画面に置き直します。アイコンは、クリックしやすいよう、ある程度の大きさを確保した方がいいでしょう。

@nifty Top@homepage リンク・著作権について | 個人情報保護ポリシー
Copyright©.2006 NIFTY Corporation