分類しときませんか?

現役Webディレクターによる「嫌われないウェブデザイン」秘密講座ブログ!

トップページ > ホームページ作成塾> ユーザビリティ >

分類しときませんか?

ちょっと、ゆうびんホームページを開いてみてください(日本郵政公社が運営している、れっきとした公式サイト)
注目してほしいのは、ページ右側のバナーコーナーです。

「ハイブリッドめーる」「電子内容証明」「DM FACTORY」・・・などなど、バナーがズラリと並んでいますね。

ココを見て、私は個人的に少し「歯がゆい」思いを抱きました。
気になるのは、並べられているバナーのサイズが、すべて等しく同じであること。

例えば、
「ハイブリッドめーる」「信書のガイドライン」「60歳のラブレター大募集」
これらのバナーが、みな同じサイズ。

同じ大きさのバナーが大小の差をつけずに15個並んでいるので、訪問者は、バナーを「目を動かしながら見る(判読する)」作業を15回も繰り返すことを強制されます。

重要度の区別が視覚的に表現されていないものを15個も見るのは、ハッキリ言って面倒くさい(^ ^;

さらに、「マイ切手」のかわいらしい宣伝バナーのすぐ下に重要な「個人情報保護約款」が来ているので、情報の優先度がグチャグチャになり、見る側は混乱します。

結果として、このバナーコーナー自体がまるごと無視される、という危険も生じてしまう・・・。

コトあるごとに書いていますが。すべてを目立たせることは、何も目立たせないのと同じなんです。

例えば私だったら、この箇所のデザインは以下のように処理します。

【1】
それぞれの項目を、情報の「重要度」や「種類」を考慮しながらいくつかのグループに分類する。

【2】
「ハイブリッドめーる」や「電子内容証明」など郵政公社が行なっている基幹サービスに関連するバナーを最上段にレイアウトする(もちろん、横幅サイズは広めに取る)
さらに、デザインをボタン風に修正し、バナーではなく「レギュラーコンテンツへのリンク」であることを強調する。

【3】
「個人情報保護約款」をバナーコーナーから外す。
この項目は郵政公社にとって死ぬほど重要なものなので、ページ左側のナビゲーションメニューに移動する。

【4】
「コンクール審査結果」や「投稿募集」などの企画モノ(?)系バナーは、【2】で作成したリンク群の下部にややスペース(余)を空けて配置。
置き場所を分離することで「企画モノ」であることを視覚的に表現する。

と、このような処理でしょうか。
(もちろん、これは私個人の考える代替案であり、絶対ではありません。もっと良い案があれば、ぜひお知らせください~)

郵政公社のサイトは、再配達依頼の手続きなども出来て本当に便利なだけに、このバナーコーナーだけが、なおさら惜しいです・・・。

もしかしたら、郵政公社のサイト運営担当者の頭の中では、それぞれのバナーの「優先順位」はハッキリしているのかもしれません。
でも、制作者が分かっているからといって、訪問者にも分かるとは限らない。
(というより、そんな都合の良いことはあり得ないと思っていたほうが確実かもしれません)

「パッと見」で、「分かりやすく」伝えることこそが、重要なんです。

情報を的確に分類し、優先順位を「視覚的に」表現すること。
情報を的確に分類し、優先順位を「視覚的に」表現すること。

これは、Webデザインの究極のツボのひとつと言っても過言ではありません。

「この情報は、サイト全体の中で、どのような意味を持つのか?」
「このバナーは、この大きさで、この位置に置くべきものなのだろうか?」
この問いを、常に自問自答してみてください。

この問題を解決するだけで、あなたのサイトはグンと見やすくなるかもしれませんよ(^ ^)


このエントリーのトラックバックURL :


メルマガ「嫌われないWebデザイン」
さらに突っ込んだデザインノウハウは、メルマガでお届けします!メルマガ読者限定の、サイト無料診断企画もたまにやってます。
>>バックナンバーを見る

登録アドレス:
解除アドレス:
Powered by まぐまぐ