リフォーム工房 vol.012

■【Ｂ．Ｒ．Ｇ　ｓｔａｒｓ！】（クッパさん）

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

【Ｂ．Ｒ．Ｇ　ｓｔａｒｓ！】はゲーム『ベアルファレス』の二次創作を中心としたサイトです。
サイトインデックス・小説コーナーを中心に見せていただきました。

（１）サイトインデックスについて
黒地に黄色、紫、青の細いラインで模様を入れている背景は個性的で面白いと思います。この程度ならそううるさくはありませんし、長めの文章がある部分はテーブルに入れてあるのも工夫されているなと思いました。使い勝手としても、インデックスページに抜粋があるというのはわかりやすく、興味をひかれて良いですね。
気になったのはリンクの文字色です。未訪問が濃い藤色、訪問済みがうすい藤色となっていますが、どちらも読みにくく感じました。黒背景や濃いサーモンピンクに薄い藤色、ベージュの背景と濃い藤色、などは相性がいいのですが、濃い背景に濃い藤色、淡い背景に淡い藤色、という色あわせは、文字が目立たず、かなり読みにくいものとなってしまってます。このページのようにリンクを置く場所の背景色が一律でない場合は、背景のトーンを合わせ、どの背景でも見やすいリンク色を考えるか、背景色に合わせて複数のリンク色を使い分けるかのどちらかが考えられると思います。訪問者にとって、よりわかりやすいのは前者ですね。この場合ですと、黒背景に重なっている部分は最終更新の一行とあとはリングだけですから、ここにやはり背景をおき、未訪問リンクの濃い藤色はそのまま、訪問済みのリンクをもうすこし濃い色にする――などの変更が考えられるのではないでしょうか。

インデックスページの使い勝手に関してはもうひとつ、スクロールしないとメニューがほとんど見られないという点が不便に感じられました。1024*768の画面いっぱいに開いて、かろうじて小説の最終更新が見える程度です。インデックスページは挨拶やお知らせとともにメニューの機能も兼ねるものですから、スクロールを大きくさせなくても主要メニューへアクセスできるつくりが望ましいものと思います。たとえば小説の最終更新へのリンクをカウンタの直下に持ってくるだけでも使いやすさはずいぶん違うと思います。さらに欲を言うなら、インデックスページのメニュー部分はスクロールなく見られる範囲におさめるようにすると、使い勝手はぐんと上がるはずです。無用スペースの場合広告バナーとの兼ね合いも合って難しいところなのですが、間延びしたインデックスページは散漫な印象も与えてしまうものです。検討してみてください。

（２）小説コーナーインデックスについて
小説コーナーのインデックスは、注意書きおよび各カテゴリへのリンクという形になっています。初訪問のひとにはわかりやすいですが、２度目以降ですとややわずらさしさがありますね（ただこのわずらわしさは、インデックスページに各小説への直通リンクを設けることでかなり軽減されているとも思えますが）
使い勝手と、訪問者の興味をひくことを考えると、小説本文への近道が小説コーナーインデックスにもあるといいかなと思います。新着の掲載だけでも違います。インデックスページにもここにも新着リンク……となると面倒かもしれませんが、サイトの訪問者は必ずしもインデックスページから順に見ていくとは限りませんし、表示して損はないでしょう。

（３）各カテゴリの扉について
小説タイトルのある、各カテゴリの扉ですが、ここでも一番気になったのはリンクの色です。黒に青という組み合わせはかなり読みにくいものです。小説のタイトルは最も訪問者にアピールしたいもののひとつではないでしょうか。せめて、未訪問と訪問済みのリンク色が逆であれば、かなり読みやすいと思うのですが……。
また、このページでも縦のスクロールの長さが気になりました。上部にまとめた情報、下部に詳細とわけて表示していますが、上の表があまり「まとめ」として機能していない印象を受けました。下に詳細があるのであれば、上の表はもうすこし小ぢんまりとまとめてもいいのではないでしょうか？　むしろ上の表を削除し、注意事項を下の詳細部分に記述してしまったほうがすっきりとまとまってわかりやすくなるように思います。
もうひとつ。この各カテゴリ扉からは、全体のインデックスへは戻れますが、小説コーナーのインデックスへ戻るリンクがありません。いくつか小説を読んで、じゃあ次に行こう……という場合に、一度インデックスに戻らされるか延々と「戻る」ボタンをクリックしなければいけないわけですから、これは面倒です。「インデックスへ戻る」に加えて、「小説コーナーインデックスへ戻る」などのリンクがあると便利かと思います。

（４）小説本文について
小説本文のレイアウトですが、行間が空いているページと空いていないページがあるのが気になりました。行間が空いているほうが絶対に読みやすいですから、全頁行間を空ける方向で修正することをおすすめします。たいへんな作業ではありますが……。 配色はベージュに茶色という同系色の組み合わせで、目に優しく感じました。ただ、文字を小さめにしてみると、細いフォントということもあり、やや沈んで見えます。もうすこし文字と背景の色の濃さに差があってもいいかもしれません。
それから、配色は小説本文のページ単体で見ると綺麗なのですが、ほかのページとの整合性では違和感があります。黒に紫・黄・ピンクという無機質な感じの配色と、ベージュと茶という穏やかな暖色の組み合わせは、持っているイメージに差が大きいです。サイトのイメージを確立するには、小説本文も寒色の色あわせにするなど、統一をはかってみることをおすすめします。

以上が、【Ｂ．Ｒ．Ｇ　ｓｔａｒｓ！】さんへの、文月からのアドバイスです。今後のより良いサイト運営への参考にしてくださると幸いです。

最終更新日：2003.11.17