[う]レビューブロガーのためのレビューポータルをレビュー #2

レビュー記事専用ポータルサイト・MONO-PORTAL。#1では賛辞の言葉を並べてみたが、実際どういうサイトなのか詳しく見ていこうと思う。

その第1弾は「デザイン」。サイトの第一印象ってかなり重要ダヨネーと常々思っている1サイト運営者の視点から、どういうデザインがなされているのか探ってみることにした。（ちなみに、閲覧環境はFirefox1.5で左にお気に入り表示、解像度1280×800だけどタスクバーを右に持ってきてるので実質1200×800くらい）

スクロールなしで目に入る分かりやすいロゴ

サイトを開いてまず目に入るのは左上にあるMONO-PORTALのロゴ。どのサイトでもまず目が行く部分ではあるが、奇抜なフォント（オリジナル？）とオレンジという派手目の色を使うことでより目が行くようになっており、当然ながらトップに戻るリンクが貼ってある。

これにより「サイト名を覚えてもらえる」という宣伝効果が期待できる（タイトル上にあるオレンジのラインも目を引き寄せる一因かと）ほか、ユーザビリティーもしっかり意識されている。

タイトルに続いて目に入るのはすぐ下のPR部分（9/5現在、正式版オープン記念のプレゼント企画に関する内容が記載されている）。こちらもまたハッキリとして見栄えのする、それでいて分かりやすいフォントで企画名が綴られている。

右に写真、左にキャッチコピーというレイアウトだがこれも非常に参考にしたい配置だ。

人の目線は通常左上→右下と動く。先に引き付けたサイトタイトルから流れる目線上にあるのがキャッチコピーであり、「今どんな企画が開催されているのか」という情報が自然と目に入ってくる。

バランスの良い配色とザーっと見渡せる長さ

トップページ全体を眺めてみるとこんな（←）感じだ。

淡い黄色～茶色で構成された配色には嫌味がなく、右サイドバーにある各カテゴリにも自然と目が行くようになっている。また、各見出しと写真により、下手するとあっさりし過ぎになりがちなところを上手くフォローしている。

また、トップ部分から一番下まで、私の使っているマウスで3スクロール。真ん中のボールを「じーこ、じーこ、じーこ」とやれば一番下にたどり着く。あまりにサイトが長いと一番下まで見るのがイヤになっちゃったりもするのだが、3スクロールはストレスを感じることのないちょうどいい長さ。この辺にもユーザビリティーへの意識を感じさせる。

ただ、グレーの背景色で囲まれた各企画等へのリンク部分（TOPICSの下）が妙に浮いてしまっている。全体的にキレーに配色・レイアウトされているのだが、この部分だけメインスペースの幅に合っておらず色もやや重ため。私だったらやや濃い目の茶色で角丸の縁取りをするかなー？と思ったり思わなかったり。

また、各カテゴリ内のページ（多分、MTではなく独自システムで作られてる部分）の背景が最初のところで切れてしまっていた。IEで見れば問題なく表示されるのだが、少数派のFirefoxユーザーとしては気になるところだ。（最後のところでfloatがclearされてないのが原因のような気がする）

が、文句の付け所はそんなもんで、非常に考えられたグッドデザインサイトだと超感心。さすが「本気で稼ぐサイトを作る!アフィリエイト必勝制作ガイド」を執筆された岩田さんが携わっているサイトだ。