見たいものがうまく探せないからと見るのをあきらめたサイトはないか? そんなことでビジターを失ってはもったいない。 この記事では、 ビジターがサイト内のページからページへ かんたんに移動できる、内部リンクの設定方法を検証する。

このシリーズの以前の記事、 Usability:theBasicsと同様、 科学的調査、専門家の意見、人気のサイトに使われているテクニックを参考に述べられる。 まず、リンクの細かい設定について、そのあとサイトの構造を取り扱う。というのも、サイトの構造はナビゲーションと深い関係があるからだ。

ホームページへのリンク

どのページも全て、メインメニューにリンクするようにしなければならない。 メインメニューは通常、サイトのデフォルトのホームページだ。 これについては、後ほど構造のセクションで触れる。

最近ではビジターは、どのページからもホームにかんたんにリンクできて当然で、 そのリンクは画面の一番左上にあると思っている。 だから、リンクを別の場所に置くと期待に反するので、 ビジターを混乱させてしまう。 ユーザビリティが悪いのだ。

すでに出来あがってしまったサイトでは、 一番左上は持ち株会社の宣伝やリンクで埋まっているかもしれない。 そういう場合は、ホームへのリンクは一番左上に出来るだけ近い場所に置き、 2倍目立たせるようにしよう。

成功した大きなサイトでも、 ホームへのリンクに会社のロゴを使ったり、 家の形のアイコンを使ったりするところがあるが、 いずれも、テキスト文字でホーム（Home）と書かれたリンクよりもユーザビリティでは劣る。 たいていのサイトはホームへのリンクに企業ロゴを使ったりはしないので、 ビジターは実際クリックしないと、ロゴがホームへのリンクなのかどうか分からない。 同じように新しい Web ユーザーも家のアイコンには混乱する。 何度かクリックしてみないと、どこに飛ぶのか分からない。 どうしてもロゴやアイコンを使わなければならないのなら、 「ホーム」というテキストリンクを追加して、 ユーザビリティを回復しよう。 ひょっとしたら画像よりクリックされるかもしれない。

パンくずの跡

この用語は、童話『ヘンゼルとグレーテル』をもとにしていて、 お話の中でヘンゼルとグレーテルは、森の中にパンくずを残して家に帰る道しるべとした。 ユーザビリティのグル、Jakob Nielsen は、 Web ナビゲーションの重要な側面としてこの表現を使った。

ビジターがナビゲーションシステムを使って、 サイトの階層構造をたどり、現在のセクションのメニューまで、 そしてその上のセクションのメニューへ、 そして最後にはホームページへとたどりつけるようにしなければならない。

つまり次のような、それぞれの要素が適切なページにリンクされた構造なのだ。

これはメインセクションを表示したナビゲーションバーよりも使いやすいだろう。 大きなサイトであってもナビゲーションバーは見つかりにくい。

ここはどこだろう? —駅の標識を頼りに

「パンくず跡」はナビゲーションのもう一つの重要な側面と深い関係がある。 ビジターは、今自分がどこにいるのかをすぐに知りたい。

居眠りをしているあいだに電車がある駅に到着し、 目が覚めてここはどこだろうと慌てた経験はないか? 駅名を書いた標識を見ればどこか分かるだろう。そのための駅の標識なのだ。

Web でも同じだ。 検索エンジンからあるサイトの途中ページに飛ぶのは、 知らない駅で目が覚めるのと似ている。 そういう時、ナビゲーションを使ってどこに着いたのかユーザーに教えてあげればいいのだ。 一番いいのは「パンくず跡」を使うことだが、 メインセクションを表示したナビゲーションバーで、 現在いるセクションの色を変えるのもいい方法だ。

検索

もうひとつの基本的なナビゲーションリンクは検索ページだ。 ビジターが行きたいページに近い気がするけど完璧ではないと思ったとき、 ビジターが頻繁に訪れるのが検索ページだ。 そこでビジターを見失うな! 検索のリンクは、画面のトップ近くに置いて見つけやすいようにしよう。

セクションリンク

ナビゲーションエリア、 通常、統一されたナビゲーションバーに、 他のメインセクションへのリンクを配置するといい。 そうすれば、 ビジターは別のセクションへジャンプするときに時間を節約できる。 しかし、やりすぎないようにしよう。 バーにあまりたくさんの選択肢を入れると、 決めるのに時間がかかってしまう。 休みの日にどこに行くか決める時のことを考えてみよう。 行き先は50通りから選ぶか、12通りからかもしくは3、4つからか。 選択肢が少ないほど、早く決まる。 これを基本に、セクションリンクを8つより少なくするサイトが多い。

「パンくず跡」とセクションリンクは通常、 ページトップに水平に並べられるが、 セクションリンクをいちばん上に、「パンくず跡」をそのすぐ下に2列に並べることも多い。 理屈では左サイドに置けばいいのだが、 いちばん上に配置するサイトがほとんどだということは、 おそらくそれがビジターにとっていちばんいい場所だろう。 ビジターの期待に沿うようにしよう。

左サイドの欄 -- 2ページ

• 【ケータイ USA】Nokia、「Comes With Music」サービスを開始（携帯・ワイヤレス 10月11日 13:00）
  Reuters によると、予測のとおり、世界第1位の携帯電話メーカーの Nokia は、10月2日に同社の無料音楽プラットフォームを開始した。Nokia は、デジタル音楽市場における Apple の支配に挑戦状を叩きつけたといえよう。
• Apple、多数のオープンソース ツールを更新（Webテクノロジー 10月11日 12:50）
  Apple が、OS 製品『Mac OS X』のセキュリティ更新をリリースした。同社は数多くのオープンソース ツールを更新している。
• 3万円台で購入できる超小型 PC「LM-M100S」を発表、マウスコンピューター（Webテクノロジー 10月10日 18:10）
  株式会社マウスコンピューターは、2008年10月10日、インテル Atom プロセッサーを搭載した超小型の NetTop「LM-M100S」を発表した。
• エアーが DB を保護するセキュリティ「SQL Guard7.0」を発売（Webテクノロジー 10月10日 18:00）
  エアーは2008年10月10日、DB セキュリティ製品「SQL Guard」の新バージョン7.0の販売を、2008年10月末から開始すると発表した。
• 「livedoor ブログ検索」がスパム対策を強化（Webテクノロジー 10月10日 18:00）
  株式会社ライブドアは、2008年10月10日、国内主要 Blog を対象とした同社開発の検索エンジン「livedoor ブログ検索」において、スパム Blog 排除を強化するバージョンアップを行った。