リフォーム工房 vol.006

■【花蝶風月】（空地大さん）

閲覧環境：WindowsME IE5.5 解像度1024*768

「リフォーム工房」第六弾として、空地大さんの【花蝶風月】を、Indexページと作品ページを中心に見せていただきました。 オリジナルの小説と詩をメインとしたサイトです。

（１）スクロールバーについて 【花蝶風月】は白と赤でまとめられた色調が非常に美しいです。おそらくそのためでしょう、スクロールバーも上下の▲ボタンのほかは、バー自体もバーが無い部分も全て白色に設定されています。スクロールバーの色に左右されない、統一感のある見た目になっています。
しかし、この設定は使い勝手という面では大きくマイナスです。画面をスクロールさせる方法はいろいろありますが、スクロールバーのドラッグ、あるいはその上下のスペースのクリックによる移動は、かなり一般的といえる手法でしょう。この色使いでは、それがまったく使えません。バーがどこにあるかがわからないからです。もちろんスペースキーやPagedown、スクロールマウスなど他に手段もありますが、自分が普段使っている方法を変えることを強いられるのは、訪問者にとってはストレスが大きいことです。
また、スクロールバーは、その長さや位置によってそのページの縦の長さ、現在位置を把握するのにも使われます。スクロールバーが一見無いように見える表示では、下にさらにページが続くことが一瞬わからず、混乱を生みます。
ページデザインを崩さずにスクロールバーを表示させる方法としては、たとえば、バーの色か囲み枠を基調色の赤にするというのが考えられます。ご検討ください。

（２）マウスポインタの形状について
【花蝶風月】ではマウスポインタを基本設定から変更し、通常が十字、リンクが矢印という設定になっています。こういった小さな変更もサイトの個性のひとつではありますが、これは好まない人も多いということを申し上げておきます。マウスポインタにはそれぞれ意味が振られていますから、それが変更されると混乱が生じ得ます。もちろん、まったく判らなくなるほどの変更ではありませんが、嫌悪感を感じられる危険性はご承知おきください。

（３）リンクの見分けについて
リンク部分とそうでない部分が、マウスポインタを合わせてみないとわからない設定になっているようです。NCの4.7ですとスタイルシートのA:hoverは動作しませんので、どこがリンクなのかわからない状態です。デザインとの兼ね合いもあり、難しいところだとは思いますが、できればひと目で「ここがリンクだ」とわかる区別があると良いのではないでしょうか。また、未訪問リンクと既訪問リンクの区別が無いことも、使い勝手の面ではマイナスです。
改善案としては、まず色をもう少し増やしても良いようであれば、リンク色を赤系統の色とし、その濃淡で未訪問・既訪問を区別するという方法があるでしょう。あるいは文字の基本色をグレイに、未訪問リンクを黒にという色遣いもあるかと思います。色は変えずに、未訪問リンクだけには常時下線を表示させるという方法も考えられます。
ユーザビリティを向上させようと思ったら、ある程度はデザイン面で妥協しなければいけないこともあります。どちらを優先させるかは管理人さんの自由ですけれども……。

（４）Novel/Poemコーナートップ
作品ごとにテーブルを分けている点、最新ページへの直通リンクがある点、ＢＧＭの有無を表示している点など、随所に工夫を感じられます。スクロールバーやリンクに関してなど、上に挙げた点以外では、気になる部分はほとんどありません。
ただし１点だけ。ＢＧＭの有無はあらかじめ警告があるので、いきなり鳴ってしまうということはここから行けば回避できるのですが、それは同時にＢＧＭを嫌う人には読んでもらえないということでもあります。また、検索などで直接本文に来た人がびっくりするということも考えられます。
ＢＧＭがあることを警告した上で、初期設定はＢＧＭオフとし、聞きたい方にだけオンにしてもらう……というほうが、多くの人に読んでもらいやすいのではないでしょうか。

（５）小説・詩の本文
フォントのサイズが10ptに固定されているようです。平均的には小さすぎるサイズではないでしょうが、読み手のほうで変更が出来ないのはやはりマイナスです。（たとえば、視力が弱いので大きい文字で読んでいる、というかたもいらっしゃいますし）作品の本文に関しては、文字サイズを指定しなくても大きなデザインの崩れは起きないものですし（小さい文字が好きな管理人さんが、居心地の悪さを感じる程度です）、指定せずブラウザの設定サイズで読んでいただくことをおすすめします。
その他の部分、たとえば左右の余白やたっぷりとした行間、上下に置いた移動リンクなどは読み手にとても親切に作ってあるなあと感じました。
読みやすさには関係しませんが、気になったのは本文の最後のUpdateとLast Updateの日付です。両方同じものであるのなら、二つ置く意図がわかりません。どちらかひとつでよいのではないでしょうか？

以上が、【花蝶風月】さんへの、文月からのアドバイスです。今後のより良いサイト運営への参考にしてくださると幸いです。

最終更新日：2003.02.23