「ゲームボーイウォーズ」というシミュレーションゲームがありまして、その攻略情報サイトです。管理人のあじさんは電気電子情報系の院生。2001年開始といいますから、当時はまだ大学生? とにかく4年間も更新が続いているのは立派なことです。こういった歴史あるサイトにアドバイスするのは苦労するのが常ですが、今回はご依頼が非常に具体的だったので助かりました。
あじ、というものです。「ゲームボーイウォーズシリーズ」というサイト名で、同ゲームシリーズの攻略記事を書いています。また、成績管理CGIで皆で記録を共有して楽しむということをしています。トップページのアクセス数はおよそ500pv/day程度です。それほど有名ではないゲームなので、アクセス数増加は望んでいません。一応、電気電子情報系の院生ですので、HTMLなどの技術的なことについてはそれほど苦労していません。
具体的な相談としては、2001年の全くシリーズ続編が出ていない頃からウェブサイトは開いていましたが、続編が出るたび、記事を追加するたびにメニューを増やしていったため、ナビゲーションが自分でも少々わかりにくい感じがするという点です。今年の夏にさらに続編が出ることが予定されているのでそろそろドラスティックにメニューを改善しないとつらくなるのではないかという心配から相談にあがりました。また、作成時期によって記事の書き方もだいぶ異なっている(1/TURBO/2 → 3 → advanceの順です)点も少々気になります。どのようなメニュー構成がよいか、どのようなデザインが適切か、といった点でのアドバイスをいただきたいと思います。
じつをいえば、アドバイスの内容はご依頼文を読んだ瞬間に決まっていまして、本来なら3月30日のご依頼直後、4月第1週にでもアドバイスできたはずです。ただ、そうしてしまうと書くのがつらいアドバイスをいつまでも待たせることになってしまいかねないので、あじさんには申し訳ないのですが、ご依頼順通りに待っていただきました。
ゲーム攻略情報のサイトのデザインをどうしたらいいのか、という問題は、日本で最も多くのファンがいる FF または DQ の人気攻略情報サイトをざっと見て回ればすぐにわかります。以下のアドバイスは、その大雑把なガイドとお考えください。
一定以上の規模のシリーズもの攻略サイトの場合、推奨される表紙のパターンは3つ。
これはどれでもかまいません。重要なのは、ゲームタイトル別攻略ページの作り方です。それぞれのページだけで用が足りるように作るのが最重要ポイント。表紙でしか得られない攻略情報はナシにする。シリーズ最新作の発売情報など、攻略に関係ない情報なら、どんな扱いでもかまいません。
現在あじさんが掲示板や FAQ などを各目次に用意しているのは非常に正しい判断です。現状では「コラム」が表紙にしか提供されていませんが、攻略に関係ない情報なので OK でしょう。
なお、サイトの宣伝などを行う機会があれば、今後はタイトル別ページをフィーチャーしていくべきだと思います。新作の話題で盛り上がっている掲示板に書き込むときなどは、管理するウェブサイトの URI として新作の攻略サイトのアドレスを入れる、といったことです。
また同時に、現在の「トップページに戻る」のような表現もやめた方がよいでしょう。つまり、シリーズサイトの1コンテンツではなく、それぞれが独立したサイトであって、シリーズサイトとはある意味で対等の関係である、と主張するべき、少なくともそういった意識を持つべきなのです。
そして現状の改良は困難でしょうが、今後の留意点をひとつ。新作の攻略ページは、旧作の攻略ページとくっつけない方がいいです。共通データは丸コピでいいので、新作攻略のディレクトリだけで情報を完結させてください。現在は例えばアドバンス1とアドバンス2の攻略ページがくっついていますよね。こういうのはよくない。記事を読む際に、いちいちこれはどっちのゲームの話かな、と考えなければいけない。もっと単純にわかりやすくするべき。
攻略サイトに求められるデザインとは何か。最も重要なのは「一覧性」です。スクロールなしで全コンテンツに到達できるのが理想。現状はペケですね。それほど多くのリンクがあるわけでもないのに、やたらとスクロールさせられます。現状程度のコンテンツ数であれば、タイトル別に攻略目次を作る必然性さえ、あまりないのです。1画面に3ゲーム分全てのリンクを収められますから。デザイン次第でそれは可能ですし、全然難しいことではありません。
そんな馬鹿な、と思われますでしょうか。簡単に種明かしすれば、現在、リンクの横に付している補足説明を消してしまえばよいのです。無くていいものは消す。すると、一覧性は簡単に高まります。それではあんまりだ、と思われるかもしれないのですが、一覧性の確保の方が重要だと思いますね。
表紙はそれでよくてもタイトル別ページはスカスカのデザインになってしまう? その件については、イラストまたはパッケージの画像を入れるなど、適当に対処する手があります。最もスマートな手は、簡単なゲームの紹介と Amazon へのアフィリエイトリンクなどで穴埋めすることでしょう。
結局のところ、こういった話は作例をご覧いただくのが一番いいでしょう。
余談ですが、Amazon へのリンクは末尾に「/ref=nosim」とつけると、紹介料率が高くなります。またリンク先のページも変化します。私見ですが、「/ref=nosim」がくっついている方が、閲覧者にとってもありがたいのではないでしょうか。