leafリフォーム工房 vol.008


■【言葉ノ空想(朱里さん)

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

(1)サイトインデックスについて
注意書きウェブリングなどをまとめるための入り口ページになっています。私個人としてはこうした入り口専用ページを設けることはあまりおすすめしていないのですが、デザインとしては大変すっきりと仕上がっていると思います。
ひとつ難を言うなら、「動作確認」としたところのIEアイコンです。アイコンをポイントしてみましたが、「IE」の文字列しか出てきません。しかし、IEでもバージョンが違うと表示にかなり違いが出てきますので、ご自分がチェックしているバージョンまでALT属性のところに書き加えておくといいかと思います。

(2)メインページについて
まず、左上に入り口ページと全く同じ画像があるのが気になりました。統一感があるのは良いのですが、画像にenterと記されているため、クリックしたらさらにどこかへ入室するのか? という誤解を招きかねません。同じ画像を使うことで表示が速くなるというメリットはもちろんあるのですが、デメリットも考えてenterの文字を削った画像を用意したらどうでしょうか。
あるいは入り口ページの画像もenterの文字のないものとし、画像の上か下に普通の文字でenterリンクをつけくわえることで、同じ画像を使いつつ誤解のない表記にする、ということも可能かと思います。

また、メニューがシンプルにまとまっていること、メインページに各コンテンツの解説があること、このふたつは大変高く評価したいのですが、結果として全く同じ文字列が2箇所に存在するというのはかえって混乱を生みかねません。「メニュウ」と「サイトマップ」を統合させてしまう工夫を考えてみたらどうでしょうか。一番簡単なのは、左の「メニュウ」を消し、右の「サイトマップ」に各コンテンツへのリンクをはることだと思いますが……。その場合、左の緑色のテーブルは参加企画やリンク案内などをかわりに入れてもいいかもしれません。

最後に、リンク注意書きの部分なのですが、まずバナーは直接リンクをしていいのかダウンロードが必要なのかを明記しておくほうがわかりやすいです。さらに、gifバージョン:jpgバージョンという文字と、下のバナーの位置が微妙にずれているので、したの2つのバナーの拡張子の説明であると一瞬わからないのではと思います。上下に並べるなどしてわかりやすく書くか、あるいはまったく拡張子の注記を書かないことをおすすめします。(gifかjpgかが問題になる局面は、現在ほとんどないと思われますので。)

(3)小説ページインデックスについて
クリックでメニューの出し入れをするという技術を使い、デザインのシンプルさと機能性を同居させる工夫がうかがえます。しかし、実際にクリックしてみるとメニューが出ず作品に直接ジャンプしてしまうリンクも存在しました。混乱するので、注意書きを添えるか、すべてクリック→メニューと統一するかすると良いかと思います。
またせっかく出したメニューも、いちど本文に位って戻ってくると消えてしまう点がやや使いづらいです。せっかく左右フレーム分けをしているのですから、左フレームにも作品リンクの一覧を並べてみるのもひとつの手ではないでしょうか? あるいはメニューはすべて左フレームにおさめ、右側は本文を表示させるだけの場所と分けてしまうやり方も考えられます。フレームページの本来の使い方を、もっと有効に活用してみてはいかがでしょうか。

(4)小説本文ページについて
preタグを使って、ソース内に書いたテキストのとおりに表示されるようにしてらっしゃいますが……正直申し上げて、このタグを小説本文に使うことは全くお勧めできません。ウィンドウの幅を変えたり、文字サイズを変えたりすると、ページの横幅が足りなくなり、すぐに横スクロールバーが出てしまうからです。
横スクロールバーはオンライン小説の大敵です。最も嫌われるひとつだといっても過言ではないでしょう。左へ右へ何度もスクロールさせながら読むことはたいへんストレスがたまりますから、それだけで読んでもらえなくなる可能性、大です。これからすべての小説の改行を修正しタグをつけていくのは大変な作業になると思いますが、ユーザビリティの向上を目指すのであればぜひご検討ください。
また、スクロールバーがバー自体も背景も真っ白になって見えなくなっているというデザインも、一見きれいではありますが非常に使い勝手の悪いものです。画面をスクロールさせるための最も一般的な手段の一つが使えなくなるからです。せめて小説本文だけからは撤廃することを提案したいです。


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

最終更新日:2003.04.03

BACK / HOME

管理人:文月夕(You Fuzuki)
hanameiro@lion.zero.ad.jp