リフォーム工房 vol.002

■【王国通信電子分室】（高村紀和子さん）

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

「リフォーム工房」第二弾として、高村紀和子さんの【王国通信電子分室】を、お申し出どおりトップページを中心に見せていただきました。創作小説をメインとしたサイトです。

（１）全体的なデザインについて
クリーム色のバックに白のテーブル、という色と配置は目にも優しく、サイト内コンテンツと同盟・リング・ランダムバナーとがしっかりと区分けされていて非常にわかりやすいです。また、テーブル内の配置も左にコンテンツ一覧とその説明、右にメインである小説への直行リンクとなっており、すっきりとしたデザインと使いやすさが同居していると思います。

（２）タイトルロゴ周辺について
大きさもじゅうぶん、文字も読みやすいロゴです。しかし、ジオシティの広告バナーにぴったりくっついて表示されているので、やや窮屈な印象があります。１行程度、間を空けるとよいでしょう。
また、ロゴの下の案内関係がすべてセンタリングで表示されているのも、同じく窮屈な印象があります。とくに、 This page is written in Japanese. という案内が、カウンタとくっつきすぎているようです。この１行はどこか隅っこに小さく書いておけばじゅうぶんでしょう。

（３）最終更新について
Last updateでは最終更新の日付と時刻が表示されていますが、どこがどう更新されたかまったくわかりません。更新されたコーナーをこの部分に書き足すか、あるいは白テーブル内のメニュー説明にnewマークをつけるなど、更新内容のわかる工夫があると良いと思います。
ついでに更新履歴のページも見せていただきましたが、更新コーナーにリンクがある場合とない場合があり、一貫性がないようです。できれば、更新されたコーナーには毎回リンクをするようにしておくと、いちいちトップページに戻らずにすむので便利です。

（４）メニューについて
各コンテンツへのリンクに使用している画像は、内容がわかりやすく、またサイズが小さいので重くもなく、成功したデザインだなと思います。ただ残念なのが、画像をポイントしても案内が出ないことです。ソースを見せていただくと、タグの中のALT属性表記の前に全角スペースが入ってしまっているようです。タグの中に全角スペースを入れると、それ以降の内容が無視されてしまいますので、お気をつけください。
また、細かいことですが、画像の隣の文字の頭が揃っていないようです。READ MEの説明書きの前にだけ全角＋半角のスペースがあり、他にはないためです。（個人的には、すべてREAD MEと同じくスペースを空けたほうが読みやすいように思います）
さらに、右サイドの『ワニ王子と奇妙な仲間たち』へのバナーも１文字分ずれてしまっています。これも、スペースの有無によるデザイン崩れです。
このように、スペースの有無や半角と全角の違いが不具合をひきおこすことがあるため、htmlのエディタにはできればスペースの種別がわかるものを利用することをおすすめします。また、ブラウザでのチェックはできるだけ細かく、ひとつひとつ不具合が出ていないか新鮮な気持ちで見ていくようにしましょう。

（５）小説への直リンクについて
小説ごとにバナーを用意して直行リンクを設置してあるのは見習いたいアイディアです。しかし、バナーとタイトルしか表示がないため、初めての人には内容がほとんどわかりません。（もちろん、タイトルとバナーからある程度の類推は出来ますが）トップページの文章量を増やすのに抵抗がないようなら、簡単な紹介文を付記しても良いのではないでしょうか。
また、細かいことですが、『ワニ王子〜』のバナーには枠線があり、『誓約の指輪』のバナーにはありません。デザインの一貫性を考えると、どちらかに揃えたほうが良いでしょう。

（６）トップページ下部、各所へのリンクについて
縦型ランダムバナーを置いている多くのサイトに言えることですが、このバナーがいったいなんなのか、このサイトの小説なのかそうでないのか、初めて目にした人は戸惑うかもしれません。（こちらでは白テーブルの外にあるため、そうした誤解が発生することは少ないでしょうが）縦型バナーの傍に小さく案内があると良いかと思います。
テーブルを使ってバナーを左、同盟やリングを右に配置していますが、バナーが縦に長いため同盟一覧の上に中途半端な空白が出来てしまっています。右側のテーブルに<TD valign="top">のように記述することで、縦型バナーの上のラインと、「参加同盟」の文字の上端が揃います。
また、各同盟バナーはALT属性のあるものとないものがあるようです。target指定も_selfと_blankに分かれています。さらに、バナーとバナーの間のスペース幅にばらつきがあります。（これは４で挙げたのとおなじ、スペースの半角全角の違いによるものです）
いちいち細かいですが、細かいことの積み重ねがページに安定感を生むと思います。頑張ってください。

（７）小説コーナートップについて
各小説へのリンクが整理されていて見やすいです。が、連載作品を読みに来ている人にとっては、何度も通るのが面倒かもしれません。ここに各小説の最新章/最新作品へのリンクがあると、移動の手間が省けて便利かと思います。
また、公開停止となっている『鬼崎家の人々』が二番目の位置にあるのはあまり印象がよくありません。公開停止からまだあまり経っていないため、しばらくはこの位置で良いでしょうが、もう少ししたら最下部に移動させておくのをおすすめします。

（８）各小説扉について
『ワニ王子〜』の扉は、本文へのリンクより上に投票願いと投票先へのリンクが示されています。投票して欲しい気持ちはよくわかりますが、あまり印象の良いものではありません。大人し目に、ページの下部に置いておくのをおすすめします。
また、各小説への目次が、ページの左端にぴったりくっついてしまっています。17インチディスプレイ、1024*768の解像度で画面一杯に開くと、左によりすぎて右がずいぶんと空き、アンバランスさを感じます。ほかの大きさで見ていても、画面左端にぴったりくっつく表示はやや見にくいものです。スタイルシートなどを利用して、少し間を空けてみてはどうでしょう。
『誓約の指輪』は背景や素材が美しく一貫性があり、雰囲気に浸れて素敵です。レイアウトも理想的なものと感じられました。
しかし残念なことに、背景色の指定がトップページと同じものになっているため、回線速度によっては背景画像が表示される前の一瞬、黄色い背景が見えてしまいます。背景色は白に直しておきましょう。

（９）もう一歩先へ
高村さんは「小ぢんまりとまとまりすぎている感がある」とおっしゃっておいでですが、個人的にはすっきりまとまったトップページのほうが好みです。が、少し動きをつけるなら、ポイントすると色が変わるリンクを使用したり、大きな手間がないようなら更新コーナーの画像を色違いに差し替える、といったちょっとした遊びを盛り込んでも良いかもしれません。
また、このトップからは管理人さんのひととなりがあまり感じられないようです。ほんのひとこと、挨拶や近況報告を書く場所があっても良いでしょう。

以上が、【王国通信電子分室】さんへの、文月からのアドバイスです。今後のより良いサイト運営への参考にしてくださると幸いです。

最終更新日：2003.01.20