リフォーム工房 vol.013

■【木陰でお昼寝】（サカキさん）

閲覧環境：WindowsXP IE6.0 解像度1024*768

【木陰でお昼寝】は小説を中心としたサイトです。
サイトインデックス・小説コーナー・小説本文を中心に見せていただきました。

（１）トップページについて
　画像のロールオーバーを利用したメニューですが、見られない人用にサイトマップへの直通リンクが用意してある気遣いが嬉しいです。すこし気になったのは、カーソルを乗せると現れる画像に、ジャンプ先の内容を予想しにくいところがあることです。たとえば、『歪んだ王国』『お茶会』などですね。この２点についてはポップアップする注釈も同じ単語になっているので、少々不親切と感じました。
できれば、画像内に各コーナー名に加えて簡単な説明（「レシピ」とか「谷山浩子」とか、それだけでも違うと思います）を加えていただけると、さらにわかりやすくなるだろうと思います。また、左下の画像のみリンクがないのですが、そのほかがすべてリンクになっているだけに、カーソルを置いてしばらく待ってしまいます。ここにも何かリンクがあると例外のない構成になって操作がしやすいのではないかと思います。と言っても、ジャンプ先をいきなりひとつ増やすのは難しいですから、もし可能ならと言う話ですが……。
トップについてもうひとつ。メニューの上にある更新履歴、内容に直結していて便利でいいのですが、作品名だけでなくページ数まで添えたリンクにしておくと、さらにわかりやすくなると思います。現状だと、ジャンプ先が自分の既読内容の直後なのか、もう読んだ内容なのか、まだ読んでいないページが複数あるのか、判断が難しいので。それと、細かいことですがこうした更新履歴は新しいものほど上にあるほうが最新情報にアクセスしやすく、便利かと思います。

（２）小説コーナーについて
作品ごとに内容と長さの簡単な紹介とがつき、各章へのリンクがあるという、たいへん使いやすい構成だと思います。
作品と作品のあいだが一行程度空いていると、さらにわかりやすいのではないでしょうか。とくに『歌姫』の解説と『愚者の歯車』へのリンクがくっついていて、その下が一行空いてしまっているため、『歌姫』から『愚者の歯車』がひとかたまりで、下の「護り屋の〜」以降が別グループのように見えてしまうのが気になりました。
それから、もうひとつ。トップページに更新の表示がありますが、小説コーナーにもどれが最新の作品なのか、わかるように表示してあるといいなと思いました。最新作にnewとつける、最新の更新内容のみコーナーの一番上で紹介する、など方法はいくつかあると思います。小説の更新を楽しみにしているかたの中には、トップでなく小説コーナーをチェックしているかたもいらっしゃるものですから、ひと手間かけてみてはいかがでしょう。

（３）小説本文について
ひととおり見てみましたところ、読みやすいレイアウトのものと、やや読みにくいレイアウトのものが混在しているようでした。読みにくい理由は行間が空いていないという１点に尽きます。それ以外の、文字と背景のバランス、文字サイズなどは訪問者に優しく作られていると思います。
行間を空けている小説もあるのでおそらくご存知かとは思いますが、スタイルシートを使って
　td { line-height: 150% }
などとhead内に記述すると、このままのデザインで行間を150%にすることが出来ます。また、行間の空いていないページに関してはほぼテーブルを使ってレイアウトしていますが、左右に余白を確保するのみが目的でしたらスタイルシートでmarginやwidthを指定しても実現できます。本文の幅を全体の70%にするのでしたら、
　margin-left : 15% ; margin-right : 15% ;
あるいは
　width : 70%
をbodyか小説本文を入れる段落に指定してやれば大丈夫です。ご参考までに。

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

最終更新日：2004.01.19