web-dev-qa-db-ja.com

Webサイトの外部リンクを新しいウィンドウで開く-公開されたユーザビリティテスト

新しいウィンドウでウェブサイトの外部リンクを開くことに関するユーザビリティの議論では、「ユーザをサイトに留めておく」という議論に関して、ユーザが実際にオリジンサイトを離れるのではなく、元のサイトから離れる可能性があることを示すユーザビリティ調査への言及が時々ありますリンクを新しいウィンドウで開く目的)。

しかし、私はこれに関して最近発表された実際の研究を見つけることができず、広範囲にわたって調査しました。ヤコブニールソンは一流の専門家であると言われていますが、彼の提案は古く、私が見つけることができる引用はありません。

ユーザーが新しいウィンドウに混乱し、Originサイトに戻る可能性がない信頼性の高い、最近発行されたユーザビリティ調査を知っている人はいますか?

更新:

アクセシビリティの問題があることは理解していますが、それらの問題は十分に文書化され、WCAGによってバックアップされているため、それらをサポートする証拠は必要ありません。

この質問は、「ユーザーをサイトに留めておきたい」という主張に意図的に当てはまります。これは、裏付けとなる証拠がないため、クライアントとの話し合いで効果的に対抗できないという主張だからです。

更新:

これが見つかりました ユーザーの閲覧行動に関する2006年の博士論文 。完全には解読されていませんが、論文では、新しいウィンドウ/タブがユーザーの認知的負担を増加させると主張しています。

32
kentr

ヤコブ・ニールセンは長い間、 新しいウィンドウでリンクを開く(#2)何年も(#2) 、そして 複数の方法(#9) 、ただし 例外はあります があります。彼は、これらの主張を裏付ける 明示的な調査 を持っていますが、典型的なレポートでは、ハードな証拠を得るために50ドルから500ドルかかります。

20
Myrddin Emrys

考慮すべきアクセシビリティの問題もあります。リンクが新しいウィンドウで開くと、「戻る」ボタンが機能しなくなります。これは、視力のあるユーザーにとっては十分な問題ですが、スクリーンリーダーで閲覧する視覚障害を持つユーザーにとっては、事態をさらに悪化させます。これらのユーザーは、視覚的な手掛かりがなく、「戻る」ボタンが無効になるため、サイトに戻る方法がなく、新しいウィンドウで立ち往生します。

次のリンクを検討してください...

<p><a href="http://www.google.com">Visit Google</a></p>
<p><a href="http://www.bbc.co.uk" target="_blank">Visit BBC</a></p>
<p><a href="http://www.nhs.uk" target="_blank" title="This link opens in a new window">Visit NHS</a></p>
<p><a href="http://www.cnn.com" target="_blank">Visit CNN<span class="hidden"> (this link opens in a new window)</span></a></p>

最初のリンクの場合、 [〜#〜] nvda [〜#〜] は「Visit Google、link」と読み上げます。リンクは同じウィンドウで開き、「戻る」ボタンの機能はまだ残っています。スクリーンリーダーのユーザーは、Alt +左​​矢印キーを押して、サイトに戻ることができます。

2番目のリンクは最初のリンクと同じように処理され、NVDAは「Visit BBC、link」を読み取ります。ただし、これは新しいウィンドウで開き、戻るボタンが壊れているため、Alt +左​​矢印が壊れています。このことをユーザーに警告するリンクには何もないので、ユーザーの混乱を招きます。

3番目のリンクは「NHSにアクセス、リンク、このリンクは新しいウィンドウで開きます」と表示されます。それでも「戻る」ボタンは機能しませんが、title属性は少なくともこれが発生することをユーザーに警告します。

4番目のリンクは3番目のリンクと同様に処理されますが、今回は実際のリンクフレーズに警告テキストを追加しました(CSSを使用して視覚的に非表示にしました)。このリンクは「CNNにアクセスしてください。このリンクは新しいウィンドウで開きます、リンク」と表示されます。

リンクを新しいウィンドウで開く必要がある場合は、何らかの警告(上記のリンク3または4など)を追加して、ピックアップできない可能性のある人が標準のブラウザ機能を突然中断しないようにしてください。何かが起こったことの視覚的な手がかり。この警告は、title属性または<a href>自体に含まれるフレーズのいずれかである必要があります。これにより、常にリンクの一部になります(これにより、スクリーンリーダーのユーザーがリンクはそれらに読みます)。

それが問題のアクセシビリティ面への洞察を与えることを願っています。

16
Simon Hudson

IMO、それはバックグラウンドで開くことによって人々をあなたのサイトに戻すことについてではありません。その思考プロセスは時代遅れなので、最近の研究を見つけることができません。

Smashing Magazineのこの記事は、私が思うにうまくまとめています: http://uxdesign.smashingmagazine.com/2008/07/01/should-links-open-in-new-windows/

このトピックに関する私の.02セント(研究への言及はありませんが、役立つかもしれません):

それはユーザーエクスペリエンスです。リンクが新しいウィンドウで開いたとき、それは悪い経験だと思います。それは私のナビゲーション履歴を壊し、私を困らせます、私が新しいウィンドウでリンクを開きたいなら、私はCtrl + [リンクをクリック]を自分で押します。

さらに、ビジターが技術的な「癖」に戻ることができないほどサイトが魅力的でない場合は、サイトを作成できません。彼らが覚えているのは彼らが持っていた悪い経験であり、彼らがあなたのサイトを再び訪れた場合に彼らが最初に考えるかもしれないことです。

6
Martijn_M

私はすべてのウェブサイトが新しいウィンドウでリンクを開くべきではないと思います。ユーザーはそれだけで「右クリック」して新しいウィンドウで開くことができると思います。または、Ctrlキーを押しながらクリックします...新しいウィンドウへのWebリンクを開くかどうかを選択する方法はたくさんあります。

Web開発者は、ユーザーに新しいウィンドウを開くように強制することはできません。開発者がそうする必要がある場合は、リンクタイトル属性の最後に[新しいウィンドウで開く]のように設定して、通知するようにしてください。この例のように:

<a target="_blank" href="http://www.google.com" title="Visit Google! [opens in a new window]">Visit Google</a>
4
Andrea Turri

同じことを研究しているときに私はこの質問に出くわしました。次のような反対の議論があります:

バックボタンの疲労

同じタブで外部リンクを開くと、ユーザーに戻るボタンの疲労を引き起こします。ユーザーが外部のWebサイトにアクセスするたびに、[戻る]ボタンを押してWebサイトに戻る必要があります。他のWebサイトのリンクをクリックすることにした場合、サイトに戻るには、[戻る]ボタンをさらに押す必要があります。これは、ユーザーにとって不要な作業の多くです。

新しいタブで外部リンクを開くと、ユーザーは、戻るボタンを何度も押すことなくサイトに戻ることなく、好きなだけ他のサイトを探索できます。彼らがする必要があるのはあなたのサイトがあるタブをクリックすることだけです。過度の戻るボタンを押したり、長い待機時間はありません。

ユーザーフローのスローダウン

同じタブで開く外部リンクも、ユーザーフローを遅くする可能性があります。検索エンジンやリンク共有サイトを閲覧する多くのユーザーが情報を探しています。多くの場合、ページ上の複数のリンクをクリックして、さまざまなソースから情報を取得します。新しいタブで外部リンクを開くと、ユーザーはページを1回スキャンし、関連するすべてのリンクをクリックして、情報の消費と分類を開始できます。ユーザーは、クリックするリンクのスキャンを続行するためにソースページに戻る必要はありません。フローの中断が少なくなります。

ユーザーがソースページに戻りたい場合、ユーザーが手動で閉じるまでタブは開いたままなので、簡単に元に戻すことができます。ユーザーは戻るボタンを複数回クリックして、ソースページが再読み込みされるのを待つ必要はありません。タブをクリックするだけで簡単にアクセスできます。

ウェブサイトの過労

不正確な分析

著作権の問題が発生した場合のために、 this UX Movement Webサイトで、ユーザビリティに関連しない他の2つのポイントをお読みください。

2

リンクの性質によると思います。このアプリケーションでは、他のWebリソースへのリンクは新しいウィンドウで開かれませんが、files(つまり、ブラウザーに表示されないリソース)へのリンクは新しいウィンドウで開かれます。たとえば、PDFまたはDOCへのリンクが新しいウィンドウで開きます。

重要なのは、ユーザーが何が起こるかを予測できるように動作が一貫していることですが、同じウィンドウで開くことが優先されることに同意します。新しいウィンドウで開くには十分な理由があるはずです。

2
Josh Anderson

タブブラウジングは、この古い経験則を台無しにしました。 Google+やTwitterなどのサイトalways外部サイトを新しいタブで開きます。上記でBrocka氏が指摘したように、外部サイトをタブで表示するエクスペリエンスは、外部リンクがブラウザーの新しいインスタンスをポップした昔よりもずっと不快ではありません。実際、TwitterやFacebookなどの集約サイトのコンテキストでは、ほとんどの読者は、外部リンクが新しいタブを開くことを期待するようになりました。

Jakob Nielsenが以前に提案した、HTML以外のドキュメントを新しいウィンドウにポップする(http://www.useit.com/alertbox/open_new_windows.html)のは、彼の会社が実施したイントラネットの約30の調査に基づいています。それはまだ健全な推奨事項です。現在、タブブラウジングでは、外部サイトを新しいタブで開くことを許可するようにルールを修正することを検討するかもしれません。

1
RobC