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

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

ホームページへのリンク

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

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

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

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

パンくずの跡

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

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

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

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

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

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

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

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

検索

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

セクションリンク

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

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

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

• レノボ、4日発売予定のネットブック「IdeaPad S10-2」の発売を延期（Webテクノロジー 7月4日 10:00）
  レノボ・ジャパン株式会社は2009年7月3日、ネットブック「IdeaPad S10-2（エステンダッシュツー）」の量販店での販売開始を延期することを発表した。
• 文書共有サイト「Hotdocs」リニューアルで、デジタル雑誌の“ちら見せ”プロモーション（E-コマース 7月3日 17:40）
  今回のサイトリニューアルで、会員システムを、従来通りの一般会員と、出版社など法人向けパートナー会員の2つに分け、一般投稿とは別に、法人が自社コンテンツを公式コンテンツとしてプロモーションできるようになった。パートナー会員第1号は富士山マガジンサービス。
• モルフォの「TrackSolid」など6つの技術が「SoftBank 935SH」に搭載（携帯・ワイヤレス 7月3日 17:30）
  株式会社モルフォは2009年7月3日、同社が開発した6つの技術が、同日発売されたソフトバンクの夏モデル「SoftBank 935SH」（シャープ製）に搭載されたことを発表した。
• ジー・モード、エヴァの携帯ゲーム「駆け抜けろ！！第三新東京市」を無料配信（携帯・ワイヤレス 7月3日 17:30）
  ジー・モードは2009年7月3日、同社の運営する携帯電話向け無料ゲームサイト「ゲームモラエール」にて、アニメ「新世紀エヴァンゲリオン」のゲーム「駆け抜けろ！！第三新東京市 キャンペーン版」の無料配信を開始した。
• 夏モデルを購入したいというユーザーは4割半ば―携帯買い替えニーズ定期リサーチ（47）（デイリーリサーチ 7月3日 17:00）
  インターネットコム株式会社と goo リサーチがレポートする「携帯電話買い替えニーズ定期リサーチ」の第47回。今回は、続々と発売されている夏モデルへの購入意向についても調査した。