デザイン,ユーザビリティ,マーケティングなどの観点からwebについて綴っていきます

当初、「ナビゲーションは右にすべきか？左にすべきか？」みたいなことを長文で書いてたけど、Liner Noteさんのエントリーを見て自嘲。

「やっぱモックアップなりなんなり、画を見せないとダメだよなあ」ってことで作ったのが、以下の画像。

→ 別ページで表示

おなじみ「Yahoo!」トップの広告を左上に移動したら、ものすごく違和感のあるページができあがったので、この違和感について、あれこれ考えてみた。

1. ナビゲーションはどこに配置すべきか

Yahoo!の各サービスへのリンクを右側に移動させてみたけど、やっぱり左側にないと気持ち悪い。

この「右ナビか、左ナビか」っていう話だけど、たとえば、コーポレートサイトとかECサイトとか、ページ数が多いサイトを作るとき、下階層のローカルナビはたいてい右側に配置する。

それは、「コンテンツが主（メイン）、ナビゲーションは従（サブ）」っていう主従関係があるからで、ユーザ中心のサイト設計をする限り、メインであるコンテンツ部分は「一等地である左側」に配置するのが正しいと思う。

ただまあ、サイトを提供する側からすると、そうも言ってられないのかな？とは思う。

たとえばコーポレートサイトを提供する企業側からすると、「いろんなページを見てもらいたい」という思いがあって、「目に入りにくい右側にナビゲーションを配置するなんて、もってのほかだ！」なんて言いたくなるのかもしれない。

でもユーザへの配慮が不足した、独りよがりのサイトを作っても、その企業のファンは増えないような気がする。

なんて言葉を聞いたことがあるが、営業マンの出来不出来が、売り上げなりイメージなり、その会社の行方を左右するのは言うまでもない。

2. 右ナビを採用しているwebサイトの例

下の画像で分かるように、企業サイトランキング2008で首位を取った富士通のサイトでも、下階層に右ナビを採用している。

ナビゲーションの位置でサイトの価値が決まるわけではないけど、昨年の企業サイトランキングで首位を取った「出光興産」のサイトでも右ナビを採用してるのは、偶然ではないような気がする。

3. デスクトップアプリケーションの場合

デスクトップアプリケーション（以下、アプリケーション）の例として、Windowsのメールソフト「Outlook Express」（以下、Outlook）を紹介する。下図を見て分かるとおり、メールの受信トレイ・送信トレイなどの、いわゆる「サブメニュー」は左側に配置されている。

今までさんざん言ってきた「右ナビ最適説」と違うじゃないか！って言う人がいるかもしれないけど、これは「webサイトとアプリケーションの違い」だと思う。

ここでもし比べるのなら、例えばそれは「富士通webサイトとOutlook」ではなく、「FirefoxとOutlook」でないといけないのかと。

詳しくは、「Webブラウザの領分ーコンテンツとナビゲーションの分離 - Liner Note」とか「Infoperience - ナビゲーションの落とし穴」で言及されているので、簡単な説明だけしておく。

たとえば、「Outlookというアプリケーション」はメールを読み書きするツール、つまり決められたタスクをこなすためのツールであるのに対して、「富士通webサイト」はユーザが必要としている情報を提供するためのコンテンツであるということ。

つまり、Outlookは、webでいうところのブラウザの役割であり、ナビゲーションというものの概念が違うのだ。（と僕は解釈してます。違ってたら指摘してください。）

4. Yahoo!の各サービスへのリンクの位置付け

で、Yahoo!トップページの話に戻って、各サービスへのリンクエリアの話。

下図のように、通常左サイドに配置されているこのリンクエリアは、Yahoo!というアプリケーションのナビという位置付けとしてとらえると、すんなりその配置が解釈できるのではないか。

ということで、今のYahoo!のインターフェースは理にかなっているんだと思う。あ、別にYahoo!の回し者ではありません。

（おまけ）もし左上が広告エリアだったら･･･

「ユーザの目線はFの字を描きながら、左上から右下へと移動する」ってーのは、よく知られてるけど、真っ先に目線が行く左上に広告が入ると、それだけで？☆Σ※（･･･自嘲）。

たまに表示される「有名占い師に聞いてみよう！あなたの2009年」とか「おしゃれを諦めない！マタニティウェア♪」とか、興味ありませんって。もっとユーザのセグメンテーションができれば、少しは広告の効果があるかもしれないけど。

もしかして、そういう計画が進行中だったりして。いわゆるLPOの一種か。