お小遣いを稼ぐ～ホームページ作成テク

ユーザビリティとは「使いやすさ」のこと。Webにおいては操作のしやすさ、つまり目的のペ
ージへの移動がわかりやすく容易にできることです。ユーザーに配慮した使いやすいホームペ
ージ作りを心掛けることが大事です。
次の２点がトップページに集約されていることが必要です。
　◆必要な情報が一目でわかる
　◆どこを操作すれば目的のページへ移動できるかが一目でわかる。

中にはどこから入ったらいいのか、知りたい情報はどこにあるのか、非常にわかりにくいサイ
トもあります。また目的のページへ移動するために必ずトップページに戻らなければならない
ようなページ作りではユーザーに歓迎されないでしょう。ページ数が多く、自分が今どこにい
るのかわかりにくいページ作りも避けなければなりません。どのページからも自由に行き来で
きるように、ページの上部やサイドにナビゲーションボタンを配置しましょう。どのようなナ
ビゲーションにするかはページ数やホームページの構成に応じて考える必要があります。

ホームページを作成するうえでナビゲーション（操作性）をどのようにデザインするかは重要
です。どこをクリックすれば目的のリンク先に行けるのか、わかりにくいサイトがあります。
大体ページ上部とか左側に配置されていることが多いですね。ということはそのあたりに配置
すればいいということになります。見なれている人が多いでしょうから。
それとデザインに統一感があること。ページによって配置が違っていたら迷いますよね。

ナビゲーションの方法はいろいろあります。テキストのみのメニュー構成はすっきりしていて
わかりやすいので、まずは基本です。他にマウスポインタの動きに応じて表示が変わるボタン
があります。次のサンプルはよく見かけるボタンです。（リンクは指定していません。）

ロールオーバーボタン

マウスポインタを重ねた時に色や形が変化するボタン
のことです。視覚的に楽しめるボタン操作で、よく見
かけますね。
　　←マウスを置いてみてください。

スワップイメージで作成したボタン

マウスポインタを重ねた時に別の位置にあるイメー
ジを切り替える機能です。商品説明などで全て表示
する必要のない場合など、ユーザーが知りたい情報
だけ選んでクリックします。
　　← マウスを置いてみてください。

ナビゲーションボタンはホームページのページ構成などを考えて必要に応じて使うようにしま
しょう。うまくデザインしないとわかりにくいこともあります。テキストのみのナビゲーショ
ンを基本に効果的に使えばいいと思います。デザイン性だけでなく、SEO検索エンジン最適化
対策も考えたホームページ作りが必要です。

スタイルシートとは文字の大きさや色、行間など細かく設定できる文書の雛形のことです。
スタイルシートを使用することで、本文全体の見栄えを統一することができます。特に文章が
長い場合などは統一感のとれた見やすいレイアウトになるのでおすすめです。
また使用プラウザが異なる（Internet Explorer、Netscapeのように）場合でもレイアウトが
崩れることなく、同じように見ることができます。
私はMacを使用していますが、Windowsで開いた時に文字の大きさや段落が崩れて表示される
ことがあります。スタイルシートを使用することで、このような不具合が解消されるので、本
分はすべてスタイルシートで設定しています。

　ホームページを作るのは簡単です。
　たくさんの人に見てもらえるホームページを作るのはむずかしいですね。

☆私も日々悪戦苦闘しながら「よりよいサイト作り」を目指しています。