Liner Note

情報(ユーザー中心デザイン・ユーザビリティ)と技術(ウェブプログラミング・ウェブサービス)についてのメモ書き

要約:別ウィンドウを開くリンクは使ったほうが良いケースもあり、それを考慮した上でそうしたケースでは積極的に使っていくという選択肢もあるのではないでしょうか

外部リンクを別ウィンドウで開く(方法自体はa要素のtarget属性を_blankにする、javascriptでwindow.openするなどいろいろあるので、単に「リンク先の別ウィンドウオープン」と言っておきますが)ことには賛否両論あります。

まず、前提としてミツエーリンクスの記事で解説されているとおり、仕様としては非推奨というわけではありません。その上で、リンク先の別ウィンドウオープンに反対する理由は同じ記事中で以下のようにまとめられています。

  • 同ウィンドウで開くリンクと別ウィンドウで開くリンクの区別がつけられていないため、ユーザの意図しない動作が起こる可能性があるため
  • ユーザがリンク先を同ウィンドウで開く選択権が与えられないため

また、いまさらながら target=”_blank” について – まちゅダイアリーでは新しいウィンドウを開くように指定されていて嬉しいことよりも嬉しくない事の方が大きいと言っていて、その嬉しくないことの一つとしてパソコンに慣れていない人は、ウインドウが複数開くのに慣れていないということを挙げていますが、これは結構大きい理由だと思います(これについては使いやすさを考えてみる(アクティブシニア・シルバー層の現場から)の記事が詳しいです)

ちなみに、PCに割と詳しい層からは個人の使い勝手の観点(リンク集はリンク先は別ウィンドウで開いてくれた方が嬉しいetc)から別ウィンドウを支持するケースもあるようです。

とはいえ、ユーザがリンク先を同ウィンドウで開く選択権が与えられないことがそれほど悪いことでしょうか。

例えば、ECサイトで買い物をしていて、決済中に送料を確認したくなることはよくあります。その時にリンクが同ウィンドウで開けば、決済をもう一度はじめからやり直さなければならない場合もあります(この場合、システムの設計もあまりよくないでしょうが)

もちろん、そういうことを習熟しているユーザは別ウィンドウで開けばよいのですが、一方で別ウィンドウで開くことを知らないユーザもいるわけです。そのようなユーザもいる中で、ユーザにストレスフルな結果を招くリンクを貼ることは危険でもあります。

ですから、ユーザにリンク先を同ウィンドウで開く選択権を与えないことがかえって良い結果をもたらすこともあり、必ずしもそれ自体が悪だとは言い切れないと思います。

この場合、別ウィンドウで開くことがユーザを混乱させることも当然考えられますが、ウィンドウを分けて情報を見分けることもできるのだという考え方自体を学んでもらうのも、そう悪くはないでしょう(もし、ウィンドウを分けること自体が悪であるのならブラウザベンダは新しくウィンドウを作ることを禁止するのが自然でしょうし、ウィンドウのそうしたシステム自体はいずれ学ぶことです)

私の結論としてはmachuさんの言うように、デフォルトでは _blank を指定しないほうが良い。 _blank を指定するのは訪問者の大部分が幸せになれると確信できるときに限るにほぼ同じです。その上で次のようなケースは「リンク先の別ウィンドウオープン」を設定しておくのが良いだろうと思います。

リンク先を別ウィンドウで開くよう設定しておいた方がよいリンク先
  • 同じページに戻ることができない不可逆な操作中(ECサイトで決済をしているときなど)における、その一連の操作とは異なるコンテンツ(送料・連絡先など)へのリンク先
  • 用語集(=文中の用語を解説しているページ)へのリンク先
  • リンク集*1 など一度に多くのリンク先を開くことが想定される場合のリンク先


このケースにあてはまれば必ず「リンク先の別ウィンドウオープン」を使えばいいと言っているわけではありません。例えば用語解説などは、その情報量が多くない限りは同ウィンドウ内にポップアップする形でヘルプを出すのがユーザのコスト(別ウィンドウの場合、ウィンドウを移す→閉じる→視線を移すというコストが発生する)的にも適切な手法だと思います。

どちらか微妙な場合は、リンク先を同じウィンドウで開くように設定し、別窓で開くことがわかることアイコンに別ウィンドウで開く設定したリンクを併設すればいいんじゃないでしょうか。こんな感じで。

異なる設定を持つリンクの併記

ちなみに、F’s Garageで触れられていますが、ブラウザは別ウィンドウを同ウィンドウで開くように設定できるような機能は積極的に実装していくべきだと思います(Firefox 2.0.1.4は実装してます)

参考リンク

  1. 単にあるテーマに基づいて集められたページへのリンク集だけではなく、カカクコムの店舗先リンクなどのようなケースも含みます[戻る]
キーワード:

似たもの記事

読者の皆さんの反応サイト内コメントの更新情報(RSSフィード)

読者のコメント

2

ブックマークコメント

5

他サイトの関連記事

0

読者のコメント

  1. お名前

    名無しさん

    投稿日時
    2008年10月03日
    4時ごろ
    Comment No
    #1

    参考リンクのアンカーに含まれている属性値が不正のため、表示内容とリンク先に齟齬が生じている箇所があるようです。

はてなブックマークでつけられたコメント

kana-kana_ceoさんのプロフィール画像  kana-kana_ceo
この場合、システムの設計もあまりよくないでしょうが関係ないけど、UAの戻るボタンを使うと、全部パーになるシステムとか、なんとかしてほしいよね。
/ サービス提供側の工夫について。
aki77さんのプロフィール画像  aki77
リンク先を別ウィンドウで開くよう設定しておいた方がよいリンク先
caraldo_kさんのプロフィール画像  caraldo_k
結論としてはタイトル通り
hiro_yさんのプロフィール画像  hiro_y
リンクを別ウィンドウで開くことについて。
適材適所だよね。
pmakinoさんのプロフィール画像  pmakino
後段のリンク先を別ウィンドウで開くよう設定しておいた方がよいリンク先がよくまとめられている

他サイトの関連記事

トラックバックはまだ寄せられていません


トラックバックとは
この記事に言及したサイトをこちらに掲載する仕組みをトラックバックと言います。ここでは、このサイトに頂いたトラックバックを一覧表示しています。
トラックバックしてくださる方へ
この記事への言及がない記事など、トラックバック受信方針に沿っていないものは、読者にお見せしても仕方ないこともあり削除させていただいることをご了承ください。
トラックバックを受け取るためのURI

コメント書き込みフォーム

  • メールアドレスはウェブ上で公開したり、連絡以外で使うことはありません
  • コメントを公開したくないが、作者に連絡を取りたい場合は メールで連絡してください
  • 本文中にHTMLコードは使用できません(URLはそのままお書きください)