リフォーム工房 vol.003

■【「彼方から」創作の文箱】（NONNONさん）

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

「リフォーム工房」第三弾として、NONNONさんの【「彼方から」創作の文箱】を、INDEXと小説INDEXを中心に見せていただきました。漫画『彼方から』の二次創作小説をメインとしたサイトです。

（１）INDEXページについて
ごく微妙なグレイの背景色は、真っ白に比べて眩しくなくて嬉しいです。タイトルロゴはシンプルで、読みやすいと思います。ただ、白地に白抜きのロゴは少しアピールが弱いようにも思います。字体はこのまま、黒一色くらいにシンプルなほうがむしろ目を惹くかもしれません。 最新ニュースがコンテンツの上にシンプルに書かれているのはわかりやすい工夫です。文字サイズもトップのニュースでしたらこれくらい小さくても気になりません。
コンテンツは升目上に並んでいますが、更新記録とメインコンテンツが一番上に来ているのは使いやすいです。コンテンツ名にすべて平易な案内があるのもありがたいです。ただ、この案内書きをイタリック体にしてあるのはあまりいただけません。西洋文字に比べて、日本語、とくに漢字はやはり斜体には向かないように思います。ブラウザで表示するとどうしても潰れてがたがたした、あまり美しくない文字になってしまいます。これはイタリックにせず、通常文字で表示したほうが見目は綺麗ではないでしょうか。
また、字数を削減するためと思いますが、「らく掲」などの短縮表現は難しいところです。初めてのお客さんは戸惑ってしまうかもしれません。
ソースを見たところリンク色の指定が　link=""　となっているのが気になりました。これだと私の使っているIE5.50はデフォルトのリンク色（鮮やかなブルー）で表示するのですが、これはNONNONさんの意図どおりのものなのでしょうか？　（ちなみにNC4.75では真っ黒に見えます。）リンク色を指定しないなら　link=""　という表示も消したほうが良いと思います。

（２）創作INDEXについて
シンプルかつ、わかりやすいレイアウトだと思います。タイトル、内容、長さ、クリックすべき場所など、直感的に伝わってきます。
しかし、新作だけを読みたい場合の探しにくさがまず気になりました。最上部のメニューからは各グループの先頭にジャンプする仕組みですが、最新は一番下なので、けっきょくスクロールしながら探していくことになります。たとえばメニューの　new　ボタンをクリックすると新作に飛べるとか、時系列をまったく逆に（新作が上に来るように）並べ替える、などの工夫が欲しいと感じます。
またどの作品をクリックしても同ウィンドウでの移動となりますが、やはり他のサイトへの移動は別ウィンドウを開くほうが行ったりきたりがスムーズなように思います。自サイト内に置いているなら１クリックで本文に飛べますし戻るリンクもきちんとあるので迷子になりにくいですが、他サイトに飛ばされてしまうと戻りたくても簡単に戻れず面倒な場合があります。とくに、他サイトの場合サイトトップからリンクをいくつかたどって探しに行くわけで、そのルートや作品タイトルが書いてある創作INDEXをいつでも参照できる形式のほうが、便利ではないかと考えます。

（３）情報系ページについて
具体的にどのコンテンツを『情報系』とおっしゃっているのか確認を取りませんでしたので、勝手に更新記録と雑記、自己紹介あたりだろうと見当をつけて見せていただきました。
どのページを見てもレイアウトが統一されており、必ず左上にINDEXに戻るリンクがあるので、わかりやすいです。また、更新記録はコーナーのINDEXへのリンクと作品直行リンクとの両方が用意されており、いちいち戻る手間がなく、便利です。
しかし、せっかく小説本文には行間をあけるスタイルシートを利用し読みやすくしているのに、こうした情報系ページでその工夫が見られないのはとても残念です。ある程度の長さのテキストを置いているページは、小説であるなしに関わらず、行間をあける工夫があると良いなと思います。（小説ほど広い行間でなくても良いでしょうが）
また、キリ番一覧はテーブルを使ってレイアウトされていましたが、リクエスト者のお名前の途中に改行が入ってしまうのはあまり綺麗ではありません。一番長いお名前のところに　<td nowrap>　などと指定しておけば改行しないように調整できますので、おすすめします。

（４）小説本文ページについて
本文は変更なしとのことでしたが、どうしても気になりましたのでひとつだけ。
IEで確認したところ問題なく左寄せで見えているのですが、NC4.75では全文がセンタリングで表示されてしまいます。原因はTABLEタグの前にCENTERタグがあり、さらにTABLEタグのなかに<TR>や<TD>が入っていないためのようです。たとえ１マスしかないテーブルでも、これらのタグの省略はこうした不具合を生むので避けたほうが良いでしょう。

（５）ソースについて
いくつかのページに関してソースを覗かせていただきましたが、記述の過不足が気になる部分がいくつかありました。まず画像の代替テキストとサイズ指定は面倒でも必ず行うことをおすすめします。とくにサイズは、回線速度によっては表示の乱れを生みます。一気に挿入してくれる便利なフリーソフトもありますので、活用してみてください。
また、存在しない外部スタイルシート　csstest.css　へのリンクが複数箇所で指定されています。アップロード忘れか、ソースをコピーした際の消し忘れかでしょうか。とくに不具合が出るものではありませんが、ソースのゴミ取りもページ管理作業のひとつと思います。

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

最終更新日：2003.01.23