迷惑で押しつけがましいサイト

Dave Massey
Microsoft Corporation

May 1, 2001
日本語版最終更新日 2001 年 6 月 18 日

これまでに、目の前に突然現れる Web サイトに気付いたことはありませんか ? そう、私がお話しているのは、ページからまたはページに移動したときに、ほかのブラウザウィンドウをいわくありげに表示するサイトのことです。このように不意に現れるウィンドウには、多くの場合オンライン広告以外に役に立つものは何も表示されません。一般的に、ポップアップウィンドウと呼ばれるこの機能は、通常ページ上でスクリプトが window.open メソッドを呼び出すことにより実現されています (詳細については、open Method を参照してください)。window.open メソッドは使い方によってはいらいらさせられますが、適切に使用すれば非常に優れたアプリケーションの構築を可能にします。

Internet Explorer チームは、ユーザーがポップアップウィンドウの表示を禁止できる機能を要求されることがよくあります。しかし、これは私たちをジレンマに陥れます。顧客に優れたソリューションを提供するために、この潜在的に強力なツールを使用する自由を開発者に与えましょうか ? それとも、開発者がこの機能を乱用しないようにプラットフォームを制限しましょうか ? Internet Explorer チームは、セキュリティに関連する問題が存在する場合を除いて、開発者が何の制限もなく優れたアプリケーションを構築できるように、開発者に可能な限りの柔軟性を提供するべきであるという立場を取っています。

今月は、なぜポップアップウィンドウの機能が必要かをお話します。さらに、サイトに訪問者を引き止めるために役に立つお勧めの事例も少しお話したいと思います。また、ほんのわずかですが、訪問者のいらいらを取り除く手法もご紹介します。

ポップアップの必要性

ユーザーが現在の状況を失わずに、関連するコンテンツを開けるようにほかのウィンドウを表示する能力は、非常に役に立ち、Web 上の多くの場所でうまく利用されています。多くの場合、ユーザーが達成しようとしている作業の自然な延長として表示されるときは、ユーザーは別のウィンドウを利用していることに気付きません。

window.open 機能の優れた使用例は、Internet Explorer に関する MSDN オンラインリファレンスです。ブラウザで Web ページ onblur Event を開いてください。ページを下の方にスクロールしていくと、いくつかのサンプルコードと [Show Me] ボタンがあり、サンプルコードの動作を見ることができます。このボタンをクリックすると、新しく、独立したウィンドウでサンプルが実行されているところが表示されます。サンプルとその参照ページを同時に見たいユーザーにとっては、状況が維持されるこの環境は非常に役に立ちます。

もし、ブラウザが window.open の機能を制限すると、今日 Web 上に存在する非常に多くのサイトが機能しなくなります。ポップアップ広告を作成するだけのサイトが機能しなくなることはあまり気になりませんが、この機能を適切に使用しているものも数多く存在します。

最悪の事例

この機能の最も不愉快な (obscene) 使い方であると考えている例は、最も不愉快な (obscene) サイトで使われる傾向にあります。私はここで、故意に不愉快な (obscene) という単語を使いました。私はこのようなサイトを "ユーザーをわな (Trap) にかける" サイトと呼んでいます。このようなサイトでユーザーが別のページへのリンクをクリックするか、ブラウザウィンドウを閉じようとすると、ページ上のスクリプトがそのイベントをトラップ (Trap) し、別のブラウザウィンドウを開く処理に進みます。この技法はアダルトサイトで頻繁に使われているように思います。

この事例は Web での不注意の検索によって、思いがけず偶然にこのようなサイトに入り込んだときに、特にいらいらさせられます。このようなサイトに迷い込むと、突然不愉快なイメージを持つウィンドウが 5 つも 6 つも表示されます。それらのウィンドウを 1 つ閉じようとするたびに、別に新たなウィンドウが 2 つ出現します。これはいらいらさせられるだけでなく、非常に不愉快です。無垢なユーザーは、イメージの無限の連続から逃れる唯一の方法は、コンピュータのリセットボタンを押すことだけだと感じるかもしれません。

もちろん、このようなことを行うサイトは広告収入の支払いの助けになることばかりに注目しており、私がこの機能の最適な使い方に関して行う推奨に従うとは思えません。それでもなお、このようなサイトがユーザーをわなにかけることを差し控えるように心からお願いします。また、ユーザーがこのようなサイトを回避するようにブラウザを設定できるように、これらのコンテンツを適切に評価しましょう (Internet Ratings を参照してください)。

最善の事例

以下は、このテクノロジに関して最善の事例であると私が考えていることのアウトラインです。最終的にこの機能の使用法を選択するのは読者自身ですが、使い方を誤れば読者のサイトの訪問者がいらいらすることになり、その結果彼らが戻ってくる可能性は少なくなります。

読者のサイトを利用する人々について考えてください。彼らは、実際に複数のウィンドウが表示される概念を理解しているでしょうか ?
このコラムの読者は、複数のアプリケーションが同時に実行される方法と、それらのアプリケーション間を切り替える方法を理解していることは疑う余地もありません。しかし、コンピュータの経験が少ないユーザーのことを考慮してください。彼らにとっては複数のウィンドウを管理することは大変な作業だと感じる可能性があります。経験の少ないユーザーが頻繁にサイトを訪れることを期待する場合は、ユーザーが状況を見失わず、あるウィンドウから別のウィンドウへの切り替えで混乱しないように、サイトのユーザーインターフェイス全体を 1 つのウィンドウで提供するほうがより適切かもしれません。
ユーザーの操作に直接応答する場合のみ新しいウィンドウを開き、ユーザーが行った操作が別のウィンドウを開いたことを明確にする方法について考えてください。
私の見解では、任意のコンピュータプログラムが行うことの中で最もいらいらさせられることの 1 つは、ユーザーの操作を伴わないで新しいウィンドウを開くことです。ユーザーの操作に直接応答する場合のみ window.open を使用すると、ユーザーは操作の結果に関連してウィンドウが開いたことを認識できます。ユーザーの操作とその結果の間に長い遅延が生じると、ユーザーはその 2 つのことを関連付けるのに苦労することになるでしょう。
広告を表示するためだけにポップアップを使用してはいけません。
広告がユーザーが訪問しているサイトのする主要な部分ではない場合、広告はユーザーには好意的に受け入れられないように思えます。
サイトの訪問者をわなにかけてはいけません。
ユーザーがサイトを離れるときに、ある状態を保存したいかどうか確認するためにユーザーに問い合わせを行うことは適切かもしれません。しかし、別のウィンドウを開くことによりユーザーをわなにかけようとすることは単なる無礼な行為で、ユーザーが戻ってくることを期待することは困難でしょう。

ポップアップウィンドウの使用を回避するために Dynamic HTML を使用する

Dynamic HTML は非常に強力で、柔軟なアプリケーションの構築を可能にします。数年前は、すべての Web は静的なものでした。ユーザーがリンクをクリックするたびに、サーバーはまったく新しいページをユーザーに送り返していました。その後、ユーザーとの対話性を高めるために Java、プラグイン、および ActiveX コントロールが使用されました。しかし、これらはページの HTML コンテンツにうまく統合されませんでした。 Internet Explorer 4.0 で始めて動的コンテンツのサポートが出現し、その後この機能はバージョン 5.0、5.5 で強化されました。そして、現在 6.0 プレビューでこの機能のより豊富なセットが利用できるようになりました。

この豊富な機能性を使用することにより、すべてのユーザーインターフェイスが 1 つのブラウザウィンドウ内で実行され、ユーザーが完全なアプリケーションを操作しているように感じられるソリューションを提供できます。私がお気に入りの例の 1 つは blox.com が提供するものです。この企業は、追加コンポーネントをインストールしないで、Internet Explorer ブラウザで実行されるオンラインスプレッドシートおよびプレゼンテーションソフトウェアを提供しています。このソリューションの能力により、サイトを訪問し、アプリケーションを実行するためには、 Internet Explorer を使用することが要求されます。しかし、いらいらさせられる余分なウィンドウを開くことなしに実現されるさまざまな種類の豊富な Web 体験を実証します。

ページの一部を独立したコンテンツとして提供するために使用する技法の 1 つに "インラインフレーム" があります。これは <IFRAME> タグを使用するので IFrames 呼ばれています。IFrames は親ドキュメントの一部として独立した HTML ドキュメントを表示する能力を提供します。 ( IFRAME Element | iframe Object を参照してください。)

Netscape 6 がこの機能をサポートするようになったので (Internet Explorer ではバージョン 3 から利用できました)、私たちは Web 上でこの技法が使われるのを見る機会が増えるかもしれません。この手法の使用により、フレームセットに関連していたオーバーヘッドやレイアウトの制限を回避でき、サイトのコンテンツをより効率的に管理できるようになります。

複数のブラウザウィンドウの使用を回避するための別の技法は、ブラウザウィンドウのコンテキストに応じてユーザーと対話するために HTML ダイアログを使用することです。このアプローチについては、私が去年書いた記事、「優れたダイアログの重要性」を参照してください。

最後のヒント

このコラムでは新しいウィンドウに注目してきました。私は、このコラムを多くのユーザーがまだ気が付いていないような、Internet Explorer のパワーユーザーのためのヒントで締めくくろうと思います。読者が電子メールで送られてきたハイパーリンクをクリックすると、既に開かれているブラウザウィンドウにそのページが表示されることがわかります。この理由は、単にコンピュータのリソースを最も効果的に使用するためです。しかし、私たちはパワーユーザーにとってはこれが望ましい動作ではないかもしれないと認識しています。そのため、常に新しいブラウザウィンドウを開くオプションがあります。

これを実装するには、[ツール] メニューから [インターネットオプション] ダイアログを開きます。[詳細設定] タブで、[ショートカットを起動するためにウィンドウを再使用する] オプションをオフにします。私は、ブラウザウィンドウをたくさん開いて長時間作業するので、電子メールで送られてきたハイパーリンクに従って新しいウィンドウを開くように、このオプションをオフにしています。これにより、私が開いているすべてのブラウザウィンドウを適切に細かく制御できます。