JP5134143B2

JP5134143B2 - Ｗｅｂページにおけるオブジェクト変位方法

Info

Publication number: JP5134143B2
Application number: JP2011534231A
Authority: JP
Inventors: 尚鈴木; 宗益子
Original assignee: Rakuten Inc
Current assignee: Rakuten Group Inc
Priority date: 2009-09-30
Filing date: 2010-09-27
Publication date: 2013-01-30
Anticipated expiration: 2030-09-27
Also published as: US20120192048A1; KR101361281B1; EP2485131A4; BR112012007302A2; EP2485131A1; CN102576286A; CN102576286B; WO2011040371A9; WO2011040371A1; US8862977B2; KR20120069743A; JPWO2011040371A1

Description

本発明は、Ｗｅｂページにおいてオブジェクトを変位させる仕組みに関し、特に、当該オブジェクトをＷｅｂページ上の要素に重ならない範囲に配置し、当該オブジェクトをＷｅｂページ上の要素に重ならない経路で変位させる処理に関するものである。

＜先行技術１＞
ユーザ端末の画面上に表示させたＷｅｂページにおいて、特定のエリアから特定のエリアに向けて所定の画像を移動させる仕組みが知られている（例えば、特許文献１参照）。
具体的には、出発エリアと到着エリアを両端とする線分上でオブジェクトが変位する。この仕組みでは、Ｗｅｂページのトラフィックを検知して、オブジェクトの数、オブジェクトのサイズ、オブジェクトを表示するエリアを制御する。

＜先行技術２＞
入力した静止画像から顕著性マップ（saliency map）を生成し所定のファイル形式で出力する機能を備えたプログラムが公開されている（例えば、非特許文献１参照）。また、当該プログラムに関する種々の使用態様が具体的に説明されている（例えば、非特許文献２等参照）。
なお、一般に、顕著性（saliency）とは、視覚的に注意を引く度合いをいう。また、顕著性マップ（saliency map）とは、視覚的に注意を引く度合いを所定のアルゴリズムにより計算しビジュアル化したものをいう。

＜先行技術３＞
先行技術２とは技術的思想は異なるが、HTMLレンダリングエンジンのように、ウェブページ記述用言語で書かれたデータを解釈し、実際に画面に表示する文字や画像などの配置を計算するプログラムもある（例えば、特許文献２参照）。この技術によると、HTMLのソースとブラウザの表示領域を解析すれば，どこにどの画像や文字が表示されているかを特定することができる。

図１１に、先行技術２として引用した顕著性マップを例示する。
図１１（ａ）は、この出願の出願人が運営するＷｅｂサイトのトップページを表示しているＰＣ画面をキャプチャした画像の表示例である。一方、図１１（ｂ）は、図１１（ａ）の画像から生成した顕著性マップの表示例である。
なお、静止画像及び顕著性マップは、いずれもカラー画像である。

図１１の表示例において、静止画像中の斜線部内のエリア（Ｗｅｂページ中でテキスト，画像等が表示されていないエリア）は、顕著性が高いと判定され、顕著性マップ中で波長の短い可視光に対応する色（概ね紫色〜緑色）で表されている。
一方、同表示例において、静止画像中の斜線部外のエリア（Ｗｅｂページ中でテキスト，画像等が表示されているエリア）は、顕著性が低いと判定され、波長の長い可視光に対応する色（概ね赤色〜黄色）で表されている。

米国特許第７，６６０，７４９号公報特表２００４−５１８２０５号公報

University of Southern California (USC)、「iLab Neuromorphic Vision C++ Toolkit (iNVT)」、[online]、インターネット<URL: http://ilab.usc.edu/toolkit/home.shtml> University of Southern California (USC)、「iLab Neuromorphic Vision C++ Toolkit Screenshots」、[online]、インターネット<URL: http://ilab.usc.edu/toolkit/screenshots.shtml>

本発明の目的は、Ｗｅｂページ内で、当該Ｗｅｂページを解析して、特定のオブジェクトをＷｅｂページ上の要素に重ならないように配置させることである。
本発明の他の目的は、Ｗｅｂページ内で、当該Ｗｅｂページを解析して、特定のオブジェクトをＷｅｂページ上の要素に重ならないように変位させることである。
本発明のさらに他の目的は、視覚的に混雑を印象付けるように、複数のオブジェクトをＷｅｂページの特定のターゲットに徐々に収束させることである。
本発明のさらに他の目的は、Ｗｅｂページの閲覧回数、Ｗｅｂページのクリック率，Ｗｅｂページを介して販売されている商品又は提供されているサービス（以下、「商品等」という。）の注文数、Ｗｅｂページを提供するＷｅｂサーバのトラフィック等の過去または現在のアクセスデータに基き、複数のオブジェクトをＷｅｂページの特定のターゲットに徐々に収束させることである。

上記課題を解決するため、本発明は、
複数の要素を含むＷｅｂページにおいて、該各要素に向けて１又は複数のアイコンを変位させるオブジェクト変位方法であって、
前記Ｗｅｂページ内の前記要素の表示エリアを認識するステップと、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定するターゲット要素設定ステップと、
表示エリアを認識するステップを参照して、前記Ｗｅｂページ内の前記要素の表示エリア外に前記アイコンの初期位置を設定する初期位置設定ステップと、
前記アイコンごとに、前記設定したターゲット要素の内容領域内又はその周辺に目標位置を設定する目標位置設定ステップと、
表示エリアを認識するステップを参照して、前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の前記要素の表示エリア外の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを収束させるオブジェクト変位ステップとを実行することを特徴とするオブジェクト変位方法である。

本発明のオブジェクト変位方法では、複数の要素を含むＷｅｂページ内で、前記Ｗｅｂページ内の要素の表示エリア外にアイコンを設定し、各要素に向けて１又は複数のアイコンを変位させ、各要素自体またはその周辺にアイコンを収束させる。
より詳細には、まず、要素と干渉しない位置にアイコンを設定することで、ユーザが求める情報を確実に表示させる。
次に、複数のアイコンをそれぞれ右往左往するように複数方向（例えば、上下左右方向，斜め方向等）に変位させる。アイコンを変位させる場合においても、要素と干渉しない経路でアイコンを変位させる。
次に、アイコンごとに設定した目標位置の周辺エリア内に当該アイコンが変位を継続している段階で入ったとき当該アイコンの変位を停止させる。

本発明によれば、オンラインショッピングでは、原則として、ユーザとショップが１対１の関係である。本発明では、複数の要素は商店街やショッピングモールを具現化し、複数のアイコンは当該商店街やショッピングモールに来訪するユーザを具現化している。
複数のアイコンを、右往左往するように複数方向（例えば、上下左右方向，斜め方向等）に変位させた上でページ内の特定の要素の周辺に収束させることにより、特定の商品又は特定のショップに買い物客が集まり「人だかり」が形成されていく様子をＷｅｂページ上で視覚的に表現する。
その結果として、Ｗｅｂページを閲覧するユーザは、各コンテンツの人気の度合いを直感的且つ視覚的に把握することができる。また、アイコンが収束するまでの間、ユーザはＷｅｂページに注目するので、Ｗｅｂページの滞在時間が長くなる。
また、前記初期位置設定ステップは、前記複数のアイコンごとに、前記Ｗｅｂページの前記要素の表示エリア外の位置に前記初期位置を設定することとしてもよい。
また、本発明に係るオブジェクト変位方法は、前記各要素に係るアクセスデータに基づいて、前記初期位置の数を決定するステップを含むこととしてもよい。

また、本発明において、過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出するアクセスデータ抽出ステップを有しており、
前記ターゲット要素設定ステップは、前記抽出したアクセスデータに基いて複数の要素からターゲット要素を設定することが好ましい。

上記発明においては、例えば、一日前、一週間前、一ヶ月前、一年前のアクセスデータに基いて、人気あるページをターゲット要素として選択する。こうすることにより、ユーザの利用履歴を文字情報、数値情報でなく、アイコンの動きによって、過去における優良な商品等を視覚的に認識させることができる。
また、上記発明においては、現在のアクセスデータに基いて、人気あるページをターゲット要素として選択する。こうすることにより、現在における優良な商品等のみを視覚的に認識させることができる。

また、上記発明において、現在における前記各要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出するアクセス負荷検出ステップを有しており、前記ターゲット要素設定ステップは、前記サーバ負荷が一定の閾値未満の各要素からターゲット要素を設定することが好ましい。

上記発明においては、現在のサーバ負荷を検出することにより、混雑する恐れのあるページへの遷移を禁止し、ストレスを感じさせないページにユーザを誘導すること、及び、サーバ負荷の均等化を実現することができる。

また、上記発明において、過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータの中から一定周期遡った一定の期間内における１つのデータを抽出するアクセスデータ抽出ステップを有しており、前記初期位置設定ステップは、前記アクセスデータ抽出ステップを参照して、抽出したデータに基いて、前記初期位置の数を決定するステップを含み、前記Ｗｅｂページの前記要素の表示エリア外の位置に前記複数の初期位置を設定することが好ましい。

現在から遡って同時期のユーザ履歴を参照し、初期位置の数を設定することで、アクセスが多いであろう日時には比較的多いアイコンを表示させ、アクセス少ないであろう日時には比較的少ないアイコンを表示させる。ユーザが端末を操作していた過去の履歴から、現在の「人だかり」を統計的に推測させる。カレンダー要因に起因する「人だかり」を視覚的に表現することができる。

前記周期は、一日、一週間、一ヶ月及び一年のいずれかの周期であり、前記一定の期間は一定の時間であり、前記初期位置設定ステップは、当該時間内の閲覧回数、クリック率、及び、注文数のいずれかのデータに基いて前記初期位置の数を決定することが好ましい。
上記発明では、カレンダー要因に起因する「人だかり」を視覚的に表現することができる。

過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出するアクセスデータ抽出ステップを有しており、
前記目標位置設定ステップは、前記抽出したアクセスデータに基いて前記複数のアイコンのそれぞれのターゲット要素を設定することが好ましい。

上記発明においては、ユーザ履歴を参照し、人気あるページのみをターゲット要素として設定する。こうすることにより、現在における優良な商品等にユーザの収束を視覚的に認識させることができる。
過去のアクセスデータに基いて、アイコンのターゲット要素を設定し、アイコンをその要素に収束させることで、人気の商品等をユーザに視覚的に認識させることができる。

現在における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出するアクセス負荷検出ステップを有しており、
前記目標位置設定ステップは、前記サーバ負荷に基いて各ターゲット要素から目標位置を含む要素を設定することが好ましい。

現在のサーバ負荷を検出し、サーバ負荷に基いてターゲット要素を設定することで、ストレスを感じさせないページにユーザを誘導すること、及び、サーバ負荷の均等化を実現することができる。

前記オブジェクト変位ステップが、
前記オブジェクトを次に表示する位置の候補に当たる次位置候補を複数設定する次位置候補設定ステップと、
前記設定した次位置候補の中からいずれか１つの位置を選択して次の表示位置に設定する次位置設定ステップと、
前記オブジェクトを現在の表示位置から前記設定した次の表示位置まで変位させるオブジェクト次位置変位ステップとを含むことが好ましい。

この発明においては、アイコンの次位置候補を設定し、その候補位置の中から次の表示位置を設定するので、アイコンがページ内を回遊したり徘徊したりする。最終的に、アイコンは目標位置に収束する。しかし、収束までの間は、アイコンが直線的に変位するのではなく、複数の要素に接しながら変位するので、特定の要素への遷移を緩和することができる。
また、アイコンが収束するまでの間、ユーザはＷｅｂページに注目するので、Ｗｅｂページの滞在時間が長くなる。

前記次位置候補設定ステップは、オブジェクトの現在の表示位置と前記設定した目標位置との位置関係に応じて、前記オブジェクトを次に変位させる方向の候補に当たる次方向候補を目標位置に偏重させて複数設定し、
前記次位置設定ステップは、前記設定した各次方向候補の方向にそれぞれ前記次位置を設定することが好ましい。

この発明においては、表示位置と目標位置との位置関係に応じて、次方向候補を目標位置に偏重させて次位置候補を複数設定するので、目標位置へのアイコンの収束を早めることができる。

前記次位置設定ステップにおいて設定した次位置が前記要素の表示エリア外である場合、前記オブジェクト次位置変位ステップの実行を行い、前記次位置設定ステップにおいて設定した次位置が前記要素の表示エリア外でない場合、前記オブジェクト次位置変位ステップの実行を禁止することが好ましい。

こうすることにより、要素内にアイコンが変位しないだけでなく、実行を禁止するステップの間はアイコンが停止した状態になり、簡単な処理でアイコンの動きに多様性を持たせることができる。

前記オブジェクト変位ステップは、前記アイコンごとに、該アイコンを変位処理中に一定の確率で又はランダムに一時停止させる処理を含むことが好ましい。

こうすることにより、アイコンが立ち止まる動作を表現することができ、立ち止まった周囲の要素に興味を持っている表現を行うことができる。

現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出するアクセスデータ抽出ステップを有しており、前記オブジェクト変位ステップは、前記抽出したアクセスデータが一定の閾値以上の場合、前記アイコンごとに、該アイコンを変位処理中に一時停止させる処理を含むことが好ましい。

この発明では、特定のＷｅｂページへのアクセスが増大することをリアルタイムで検出し、そのＷｅｂページにアイコンが収束することを一時停止させるので、ECサイトのタイムセールのように容易にアクセスが増大するページへの注意喚起を一時的に緩和し、実際にアクセスしてきたユーザに対してストレスを感じさせることなくＷｅｂページを表示することができる。
また、アイコンが収束するまでの間、ユーザはＷｅｂページに注目するので、Ｗｅｂページの滞在時間が長くなる。

現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出するアクセスデータ抽出ステップを有しており、前記オブジェクト変位ステップは、前記抽出したアクセスデータが一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させることが好ましい。

この発明では、特定のＷｅｂページへのアクセスが増大することをリアルタイムで検出し、そのＷｅｂページにアイコンが収束することを遅延させるので、ECサイトのタイムセールのように容易にアクセスが増大するページへの注意喚起を一時的に緩和し、実際にアクセスしてきたユーザに対してストレスを感じさせることなくＷｅｂページを表示することができる。

現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数よりなるアクセスデータの少なくとも１つのデータを抽出するアクセスデータ抽出ステップを有しており、前記オブジェクト変位ステップは、前記アクセスデータ抽出ステップで抽出したアクセスデータの微分値が一定の閾値未満の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを促進させることが好ましい。

この発明では、現在のアクセスデータの微分値を抽出し、急激なアクセス集中が生じていないこと、すなわち、特定のＷｅｂページへのアクセスが定常的な挙動を示していることを検出し、或いは、混雑が緩和しつつあることを検出し、ユーザの行動を特定のページに誘導することができる。

現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出するアクセスデータ抽出ステップを有しており、前記オブジェクト変位ステップは、前記抽出したアクセスデータの微分値が一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させる。

この発明では、現在のアクセスデータの微分値を抽出し、急激なアクセス集中が生じつつあることを予見し、すなわち、特定のＷｅｂページへのアクセスが急激に増大していることをリアルタイムで検出し、そのＷｅｂページにアイコンが収束することを遅延させる。こうすることにより、ストレスを感じさせないページにユーザを誘導すること、及び、特定ページへのアクセス集中を緩和することができる。

現在の一定の期間内における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出するアクセス負荷検出ステップを有しており、
前記オブジェクト変位ステップは、前記サーバ負荷の微分値が一定の閾値未満の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを促進させることが好ましい。

この発明では、特定のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出し、負荷の小さいＷｅｂページにアイコンが収束することを促進させるので、ストレスを感じさせないＷｅｂページをリアルタイムでユーザに訴え、特定ページへのアクセス集中を緩和することができる。

現在の一定の期間内における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出するアクセス負荷検出ステップを有しており、
前記オブジェクト変位ステップは、前記サーバ負荷の微分値が一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させることが好ましい。

この発明では、特定のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出し、負荷が大きいＷｅｂページにアイコンが収束することを遅延させるので、他のページへ遷移機会が発生して、特定ページへのアクセス集中を緩和することができる。

また、アクセスデータやサーバ負荷を検出して、要素ごとにアイコンの収束を促進させたり、要素ごとにアイコンの収束を遅延させたりすることで、複数の要素を含むＷｅｂページにおいて、ストレスなく操作できるページにユーザを誘導することができる。

システム構成を示すブロック図である。（実施形態）オブジェクト変位プログラムの実行手順を示すフロー図である。（実施形態）初期化処理の手順を示すフロー図である。（実施形態）アイコンの経路データの生成手順を示すフロー図である。（実施形態）アイコンオブジェクトのプロパティ項目の説明図である。（実施形態）表示切替処理の手順を示すフロー図である。（実施形態）（開始直後）Ｗｅｂページの表示例である。（実施形態）（処理途中）Ｗｅｂページの表示例である。（実施形態）（処理途中）Ｗｅｂページの表示例である。（実施形態）（完了後）Ｗｅｂページの表示例である。（実施形態）（ａ）静止画像，（ｂ）顕著性マップの表示例である。

＜定義＞
・要素…Ｗｅｂページ内に表示されるテキスト，画像，図形，ボタン等の総称。
・リンク要素…他のＷｅｂページへのリンクが設定されている要素。
・アイコン…表示画面上に各種のデータや処理機能を絵又は絵文字として表示したもの。以下の説明では、他のＷｅｂページへのリンクが設定されていない画像。
・要素の内容領域…Ｗｅｂページ内において要素が表示されているエリア。リンクが設定されたテキストであれば、選択時に点線等により囲まれる範囲。画像，図形，ボタン等であれば、当該画像，図形，ボタン等の枠内。
・ブラウザの表示領域…Ｗｅｂページ内においてブラウザに表示されているエリア。

・変位特定のアイコンを第１点から第２点まで移動させること。例えば、次のような態様がある。
（ａ）第１点と第２点とを結ぶ線（線分，曲線，折れ線）上に複数の点を取り、各点においてアイコンの表示・消去を順次高速で繰り返す。
（ｂ）第１点に表示中のアイコンを第２点までスライドさせる。
（ｃ）第１点と第２点とが近接しているとき、第１点に表示中のアイコンを消去し、第２点にアイコンを表示する。
（ｄ）第１点を出発点として、上記（ａ）〜（ｃ）のうち少なくともいずれかを複数回繰り返し、最終的に第２点にアイコンを配置する。

＜実施形態＞
［１．システム構成］
図１に、本実施形態のシステムの構成を示す。
図１に示すように、本実施形態のシステムは、Ｗｅｂサーバ１０とユーザ端末２０とが通信ネットワーク（本実施形態のシステムでは、インターネット３０）を介して接続されたクライアント・サーバシステムである。
Ｗｅｂサーバ１０は、Ｗｅｂページを構成する各種のデータ（ＨＴＭＬ及び当該ＨＴＭＬが参照する画像，スタイルシート，スクリプト等。以下、これらをまとめて「Ｗｅｂデータ」という。）を記憶しているＷｅｂＤＢ１１を有しており、ユーザ端末２０からの要求に応じて指定されたＷｅｂデータをユーザ端末２０に送信する。
また、Ｗｅｂサーバ１０は、ユーザの登録情報（住所、氏名、年齢、性別、メールアドレス。以下、これらをまとめて「ユーザ属性」という。）を記憶しているユーザＤＢ１２を有している。ユーザＤＢ１２はＷｅｂサーバ１０に、Ｗｅｂページを生成するための属性情報を提供する。
また、Ｗｅｂサーバ１０は、Ｗｅｂページごとの過去の利用履歴（年月日や曜日や時間ごとの閲覧回数、クリック率、及び、注文数）を記憶している利用履歴ＤＢ１３を有している。利用履歴ＤＢ１３はＷｅｂサーバ１０に、Ｗｅｂページを生成するための履歴情報を提供する。

ユーザ端末２０は、Ｗｅｂブラウザを有しており、Ｗｅｂサーバ１０から受信したＷｅｂデータを読み込み、ディスプレイに表示する。なお、当該Ｗｅｂブラウザは、スクリプト（例えば、JavaScriptで記載されたプログラム）の解釈・実行に対応しているものとし、解釈・実行の設定がオンになっているものとする。
ユーザ端末２０は、通信機能を有する既存の情報処理端末（例えば、パソコン等の電子計算機等）でよい。

［２．オブジェクト変位プログラム］
［（ａ）特徴］
本実施形態のシステムでは、Ｗｅｂサーバ１０が送信するＷｅｂページにスクリプト（オブジェクト変位プログラム）を組み込み、ユーザ端末２０に実行させる。なお、当該Ｗｅｂページには、リンク要素（他のＷｅｂページへのリンクが設定されているリンク要素等）が複数配置されているものとする。
オブジェクト変位プログラムを読み込んだユーザ端末２０は、Ｗｅｂページ内で複数のアイコン（他のＷｅｂページへのリンクが設定されていない画像）をそれぞれ初期位置から目標位置まで変位させ、各種のアクセスデータ・統計的データ（例えば、閲覧回数（ＰＶ），クリック率（ＣＴＲ），注文数等）に応じてアイコンがページ内の各要素に比例配分されるように、アイコンを各要素の周辺に収束させる。このとき、目標位置において、アイコンをリンク要素の前面に重畳表示し、ユーザによる当該リンク要素のクリック操作を意図的に妨害するようにしてもよい。

本実施形態のシステムでは、Ｗｅｂページにおいて、複数のリンク要素は、商店街やショッピングモールを具現化している。一方、複数のアイコンは、当該商店街やショッピングモールに来訪するユーザを具現化している。
複数のアイコンを所定の始点から所定の終点となる複数のリンク要素に向けて変位させることにより、ショップや商品に向かう人の流れがＷｅｂページ上で表現される。その結果として、Ｗｅｂページ内に人気（ひとけ）を演出することができ、さらに、各コンテンツの人気の度合いを直感的且つ視覚的に把握することができる。

より詳細には、本発明は、まず、Ｗｅｂページ内の要素の表示エリアを認識する。
本実施形態の一例として、Ｗｅｂページのキャプチャ画像を生成し、生成した画像から顕著性マップを生成し、生成した顕著性マップのピクセルごとに、顕著性に応じた優先度を算出し、優先度の高いピクセル領域を要素の表示エリアとして認識する。
本実施形態の他の例として、ユーザ端末２０に送信するHTMLデータやXMLデータにおいて、HTMLレンダリングエンジンのように、Ｗｅｂページ記述用言語で書かれたデータを解釈し、実際に画面に表示する文字や画像などの配置を算出し、Ｗｅｂページ内の要素の表示エリアを認識する。

次に、Ｗｅｂページ内の複数の要素の中から、少なくとも１つの要素を設定する。現在又は過去の各種のアクセスデータ・統計的データ（例えば、閲覧回数（ＰＶ），クリック率（ＣＴＲ），注文数等）によって、複数の要素の中から少なくとも１つの要素を設定することができる。また、現在のサーバ負荷に応じて、アクセスさせたい要素、アクセスさせたくない要素を認識して、複数の要素の中から少なくとも１つの要素を設定することができる。
要素の設定には、現在のアクセスデータを利用したり、一定周期遡ったときの一定の期間の過去データを利用したり、現在のサーバ負荷を利用したりする。いずれの場合においても、閾値を設定し、その閾値を基準に要素を設定すればよい。

次に、Ｗｅｂページ内の要素の表示エリア外にアイコンの初期位置を設定する。アイコンの数は、１つでも2以上でもよい。複数のアイコンを設定する場合、現在又は過去のアクセスデータや現在のサーバ負荷に応じてアイコン数を決定することができる。アクセスデータを利用する場合、利用履歴を参照して、ユーザの属性（性別、年齢、地域などの属性）に応じてアイコン形態を変えることができる。

次に、アイコンごとに、設定したターゲット要素の内容領域内又はその周辺に目標位置を設定する。目標位置は、ターゲット要素の中から設定される。総ての要素がターゲット要素である場合、それらの要素は目標位置の候補となる。しかし、候補であっても、目標位置に設定されない場合もある。
目標位置を内容領域内に設定し、要素の上にアイコンを設定し、収束したアイコンを要素に重畳的に表示させることで、要素に関連する商品等の着目度を表現することができる。また、要素の周辺の表示エリア外にアイコンの目標位置を設定することで、要素の内容をユーザに対して表示させた上で商品等の着目度を表現することができる。

次に、オブジェクト変位ステップでは、表示エリアを認識した状態で、初期位置から、表示エリア外の経路を指定して、目標位置にアイコンを収束させる。アイコンは、表示エリア内に進入せず、要素を表示させた状態で変位するので、着目されている商品等の情報が隠れることもなく、アイコンが変位している途中でユーザが商品等に興味をもった場合でも特定のページに遷移する操作を行うことができる。

［（ｂ）実行手順］
図２に、本実施形態のシステムにおけるオブジェクト変位プログラムの実行手順を示す。
〔１１〕ユーザ端末２０は、Ｗｅｂサーバ１０に対しＵＲＬを指定してＷｅｂページを要求する（Ｓ２０５ａ）。Ｗｅｂサーバ１０は、ユーザ端末２０からＷｅｂページの要求を受信する（Ｓ２０５ｂ）と、指定されたＵＲＬに対応するＨＴＭＬデータをＷｅｂＤＢ１１より抽出し、必要に応じて、ユーザＤＢ１２及び利用履歴ＤＢ１３を参照し（Ｓ２１０ｂ）、ユーザ端末２０に送信する（Ｓ２１５ｂ）。ユーザ端末２０は、Ｗｅｂサーバ１０からＨＴＭＬデータを受信し（Ｓ２１５ａ）、ディスプレイにＷｅｂページを表示する（Ｓ２２０ａ）。

〔１２〕ユーザ端末２０は、Ｗｅｂサーバ１０に対しＵＲＬを指定してＨＴＭＬデータ内の参照データを要求する（Ｓ２２５ａ）。Ｗｅｂサーバ１０は、ユーザ端末２０から参照データの要求を受信する（Ｓ２２５ｂ）と、指定されたＵＲＬに対応する参照データをＷｅｂＤＢ１１より抽出し、必要に応じて、ユーザＤＢ１２及び利用履歴ＤＢ１３を参照し（Ｓ２３０ｂ）、ユーザ端末２０に送信する（Ｓ２３５ｂ）。ユーザ端末２０は、Ｗｅｂサーバ１０から参照データを受信する（Ｓ２３５ａ）と、当該参照データを読み込み（Ｓ２４０ａ）、必要に応じて表示中のＷｅｂページに反映させる。

〔１３〕ユーザ端末２０は、Ｗｅｂページ（参照データを含む）のロードが完了したか否かを判定する（Ｓ２４５ａ）。ロードが完了していなければ（Ｓ２４５ａでＮｏ）、上記〔１２〕に戻り、他の参照データをさらに取得する。一方、ロードが完了していれば（Ｓ２４５ａでＹｅｓ）、下記〔１４〕に進み、スクリプト（オブジェクト変位プログラム）の実行を開始する。
〔１４〕初期化処理（Ｓ２５０ａ、図３）及び表示切替処理（Ｓ２５５ａ、図６）を実行する。なお、表示切替処理（Ｓ２５５ａ）は、所定の時間ごと（例えば、１００ミリ秒ごと）に繰り返し実行するように設定されている。

［３．初期化処理］
［（ａ）初期化処理の手順］
図３に、初期化処理の手順を示す。
ここでは、所定数（本実施形態では、１００個）のアイコン（オブジェクト）を生成し、Ｗｅｂページ内にそれぞれのアイコンを異なる位置に配置する手順を例示する。なお、一部のアイコンが重複する位置に配置されることも含む。
図３に示すように、ユーザ端末２０は、下記〔２１〕〜〔２７〕の手順により、初期化処理を実行する。なお、アイコン［ｉ］は、ｉ番目のアイコン（ｉを含む識別情報が付されたアイコン）を示すものとする。

〔２１〕ブラウザの表示領域を特定する（Ｓ３００）。
図４に示すように、Ｗｅｂページのキャプチャ画像を生成する（Ｓ３０１）。次に、生成した画像から顕著性マップを生成する（Ｓ３０２）。なお、顕著性マップの生成には、顕著性マップ生成プログラムを利用するとよい。生成した顕著性マップのピクセルごとに、顕著性に応じた優先度を算出し（Ｓ３０３）、優先度を各ピクセルに対応させて記録する（Ｓ３０４）。これらの優先度データは、所定のファイル形式（例えば、ＪＳＯＮ）でＷｅｂＤＢ１１に記憶しておくとよい。
これにより、優先度の高いピクセル領域を要素の表示エリアとして認識する。図１１において、静止画像中の斜線部内のエリア顕著性が高いと判定され、顕著性マップ中で波長の短い可視光に対応する色で表されている。同表示例において、静止画像中の斜線部外のエリアは、顕著性が低いと判定され、波長の長い可視光に対応する色（概ね赤色〜黄色）で表されている。
続いて、Ｗｅｂページ内に配置されている要素の中からターゲット要素の候補を特定する（Ｓ３１０）。ターゲット要素の候補を特定するには、利用履歴ＤＢ１３を参照し、現在又は過去の各種のアクセスデータ・統計的データ（例えば、閲覧回数（ＰＶ），クリック率（ＣＴＲ），注文数等）によって、複数の要素の中から少なくとも１つの要素を設定する。また、Ｗｅｂサーバ１０を参照し、現在のサーバ負荷に応じて、アクセスさせたい要素、アクセスさせたくない要素を認識して、複数の要素の中から少なくとも１つの要素を設定することができる。要素の設定には、現在のアクセスデータを利用したり、一定周期遡ったときの一定の期間の過去データを利用したり、現在のサーバ負荷を利用したりする。いずれの場合においても、閾値を設定し、その閾値を基準に要素を設定すればよい。
また、現在のアクセスデータ、一定周期遡ったときの一定の期間の過去データ、現在のサーバ負荷の時間による微分値を取得し、アクセス集中が予想されるＷｅｂページや、サーバ負荷が増大しつつあるＷｅｂページを判別して、ターゲット要素の候補に編入したり、ターゲット要素の候補から除外したりする処理を行って、ターゲット要素の候補を特定することが好ましい。
〔２２〕アイコンの番号を示すカウンタｉに、初期値１を代入する（Ｓ３１５）。
〔２３〕アイコン（画像要素）のオブジェクト（アイコン［ｉ］）を生成する（Ｓ３２０）。続いて、アイコン［ｉ］に画像ファイルを設定し（Ｓ３２５）、アイコン［ｉ］のＷｅｂページ内におけるサイズ（横幅及び縦幅）を設定し（Ｓ３３０）、ドキュメント要素の子要素としてアイコン［ｉ］を追加する（Ｓ３３５）。
〔２４〕カウンタｉが所定数（本実施形態では、１００）に等しいか否かを判定する（Ｓ３４０）。カウンタｉが所定数に等しくないとき（Ｓ３４０でＮｏ）、カウンタｉに１を加算し（Ｓ３４５）、上記〔２３〕に戻る。一方、カウンタｉが所定数に等しいとき（Ｓ３４０でＹｅｓ）、下記〔２５〕に進む。
本実施形態ではカウンタｉが１００である場合を例示したが、カウンタの数を以下のように設定することが好ましい。カウンタの数は、アイコンの数である。全てのアイコンを異なる初期位置に配置する場合は、カウンタの数は、初期位置の数である。
なお、変形例として、アイコンの数を１００にしたまま、初期位置を同じ位置に１００回設定することもできる。この場合、１００個のアイコンが見かけ上は同じ初期位置から目標位置に変位することになる。
カウンタの数は、利用履歴ＤＢ１３を参照し、過去の一定の期間内における各要素のＷｅｂページの閲覧回数、過去の一定の期間内における各要素のクリック率、及び、過去の一定の期間内における各要素のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つから設定することが好ましい。これらのアクセスデータの中から一定周期遡った一定の期間内における１つのデータを抽出してカウンタの数を設定することで、ユーザがアクセスしている状況と近似する状況でＷｅｂページを表示させることができる。
また、現在のアクセスデータ、現在のサーバ負荷の時間による微分値を取得し、アクセス集中が予想されるＷｅｂページや、サーバ負荷が増大しつつあるＷｅｂページを判別して、カウンタの数を設定してもよい。

〔２５〕アイコンの番号を示すカウンタｉに、１を代入する（Ｓ３５０）。
〔２６〕アイコン［ｉ］の配置位置を初期位置に設定する（Ｓ３５５）。この時点で、アイコン［ｉ］がＷｅｂページ内の表示エリア外に表示される。
〔２７〕カウンタｉが所定数（本実施形態では、１００）に等しいか否かを判定する（Ｓ３６０）。カウンタｉが所定数に等しくないとき（Ｓ３６０でＮｏ）、カウンタｉに１を加算し（Ｓ３６５）、上記〔２６〕に戻る。一方、カウンタｉが所定数に等しいとき（Ｓ３６０でＹｅｓ）、初期化処理を終了する。

［（ｂ）ブラウザの表示領域］
上記手順〔２１〕において、ユーザ端末２０は、ブラウザの表示領域を特定する（Ｓ３０５）。
Ｗｅｂページの読込完了直後の状態において、ブラウザの表示領域は、Ｗｅｂページの左上を原点（０，０）とし、右方向・下方向をそれぞれｘ軸・ｙ軸の正方向とするピクセル座標において、次の範囲により定義される矩形となる。
・左上（０，０）
・右下（ブラウザの表示領域の横幅の値，ブラウザの表示領域の縦幅の値）

ブラウザの表示領域の横幅・縦幅の値は、オブジェクト変位プログラムにおいて、例えば次のプロパティの値として取得することができる。ブラウザの表示領域は、ブラウザの種類や表示モード（標準モード，後方互換モード）に応じて、適切なプロパティの値を利用して特定するとよい。
・ブラウザの表示領域の横幅
：document.body.clientWidth，document.documentElement.clientWidth
・ブラウザの表示領域の縦幅
：document.body.clientHeight，document.documentElement.clientHeight

［（ｃ）ターゲット要素の候補］
上記手順〔２１〕において、ユーザ端末２０は、Ｗｅｂページ内に配置されている要素の中からターゲット要素の候補を特定する（Ｓ３１０）。
例えば、次のようにしてターゲット要素の候補を特定するとよい。
・Ｗｅｂページ中の特定の要素（例えば、特定のリンク画像，特定のリンクテキストその他の特定のリンク要素）に所定の識別子（id）を付しておき、当該各識別子が付されている要素をターゲット要素の候補とする。

［（ｄ）アイコンオブジェクトのプロパティ項目］
上記手順〔２３〕において、ユーザ端末２０は、アイコンのオブジェクト（アイコン［ｉ］）を生成する（Ｓ３２０）。
このとき、例えば、ユーザＤＢ１２を参照し、アイコン［ｉ］の制御に用いるプロパティ（属性）及びアイコン［ｉ］を制御するメソッド（手続）をそれぞれ複数定義する。

図５に、アイコンオブジェクトの主要なプロパティ項目を示す。
図５に示すように、各アイコンオブジェクトは、「アイコン識別情報」，「アイコン番号」，「初期位置」，「目標位置」，「進行方向」，「直前の進行方向」，「１回の変位距離」，「スキップ閾値」，「スキップカウンタ」及び「進行方向指示データ列」を含んでいる。
ここで、「スキップ閾値」は、一定の又はランダムな数値である。

［（ｄ−１）アイコン番号］
図５において、「アイコン番号」は、アイコン［ｉ］に設定するアイコンの種類に対応する数値である。
アイコン番号は、アイコンの比例配分に用いる統計的データの母集団を構成するユーザの属性（例えば、性別，年齢層等）及び当該各属性を有するユーザの比率に応じて、適宜設定する。例えば、統計的データの母集団を構成するユーザの男女比が４０：６０であれば、男性に対応するアイコン番号：女性に対応するアイコン番号＝４０：６０となるようにアイコン番号を設定するとよい。

［（ｄ−２）初期位置］
図５において、「初期位置」は、Ｗｅｂページ内においてアイコン［ｉ］を最初に表示させる位置である。本実施形態では、上記手順〔２１〕で特定したブラウザの表示領域内の表示エリア外のランダムな位置に初期位置を設定する。
その他、Ｗｅｂページ内の特定の位置に初期位置を設定してもよい。

［（ｄ−３）目標位置］
図５において、「目標位置」は、Ｗｅｂページ内においてアイコン［ｉ］を最終的に収束させる位置を指標する位置である。本実施形態では、上記手順〔２１〕で特定したターゲット要素の候補の中からいずれかを、例えば、各要素（候補）に対応する統計的データの大きさに比例した確率で選択し、当該選択したターゲット要素の左上位置又は当該要素の内容領域内の表示エリア外のランダムな位置を目標位置に設定する。さらに、アイコン番号（ユーザの属性）ごとに各別にターゲット要素を選択し目標位置を設定してもよい。
なお、統計的データとしては、各ターゲット要素（候補）のリンク先のＷｅｂページの閲覧回数（ＰＶ），当該リンクのクリック率（ＣＴＲ），当該Ｗｅｂページを介して販売されている商品又は提供されているサービスの注文数等が好適である。また、これらの時間による微分値を算出し、アクセスが定常状態にある要素やアクセスが増加傾向にある要素を判別して目標位置として維持したり、目標位置から除外したりすることができる。こうすることにより、特定の要素にアクセスが集中することを緩和できる。この処理には、微分値に一定の閾値を設定しておき、その閾値を参照して、目標位置として維持したり、目標位置から除外したりすればよい。

［（ｄ−４）進行方向，直前の進行方向］
図５において、「進行方向」は、アイコン［ｉ］の進行方向を示す数値である。また、「直前の進行方向」は、アイコン［ｉ］の直前の進行方向を示す数値である。例えば、０（停止），１（上），２（右），３（下），４（左）のように設定するとよい。
本実施形態では、「進行方向」と「直前の進行方向」とを比較することにより、アイコン［ｉ］の進行方向に変化があったか否かを判定する（図６のＳ５５５）。

［（ｄ−５）進行方向指示データ列］
図５において、「進行方向指示データ列」は、進行方向を示す数値を格納する配列である。例えば、合計で９つの要素（数値）を保持するものとし、前の５つの要素（順に，０，１，２，３，４）を不変値とし、後の４つの値を可変値とする。
本実施形態では、アイコン［ｉ］が目標位置の方向に進行しやすくなるように、不変値に設定する数値を適宜変更して各進行方向に一定の重み付け処理を実行している（図６のＳ５３０）。
例えば、現在のアクセスデータやその微分値、現在のサーバ負荷やその時間による微分値を取得し、アクセスが定常状態にある場合や、混雑が緩和する傾向にある場合は、各要素のＷｅｂページへのアクセスが生じても、ユーザはストレスを感じることがなく、サーバも負担にならないので、アイコンの変位の速度を速くする。

［（ｅ）画像ファイルの設定］
上記手順〔２３〕において、ユーザ端末２０は、アイコン［ｉ］に画像ファイルを設定する（Ｓ３２５）。
具体的には、アイコン番号（図３）に対応する画像ファイルを設定する。各画像は、静止画像の他、アニメーション画像（例えば、アニメーションＧＩＦ形式）でもよい。
なお、画像は、アイコンの比例配分に用いる統計的データの母集団を構成するユーザの属性（例えば、性別等）が直感的に把握されやすい画像とすることが好ましい。また、ユーザの属性（例えば、年齢層等）が把握されやすいように、アイコンの一部に文字（数字）を含んでいてもよい。

［４．表示切替処理］
［（ａ）表示切替処理の手順］
図６に、表示切替処理の手順を示す。
図６に示すように、ユーザ端末２０は、下記〔３１〕〜〔３６〕の手順により、表示切替処理を実行する。上述のように、表示切替処理は、所定の時間ごと（例えば、１００ミリ秒ごと）に繰り返し実行するように設定されている（図２のＳ２５５ａ参照）。
なお、アイコン［ｉ］は、引き続きｉ番目のアイコン（ｉを含む識別情報が付されたアイコン）を示すものとする。

〔３１〕アイコンの番号を示すカウンタｉに、初期値１を代入する（Ｓ５０５）。
〔３２〕アイコン［ｉ］の現在位置（現在の配置位置）及び目標位置を取得し（Ｓ５１０，Ｓ５１５）、現在位置が目標位置から所定の範囲内にあるか否かを判定する（Ｓ５２０）。現在位置が目標位置から所定の範囲内にあるとき（Ｓ５２０でＹｅｓ）、進行方向を示す数値を０（停止）に変更して、下記〔３５〕に進む。一方、現在位置が目標位置から所定の範囲内にないとき（Ｓ５２０でＮｏ）、下記〔３３〕に進む。

〔３３〕判定式「スキップカウンタ＞スキップ閾値」の真偽を判定する（Ｓ５２５）。判定式が真のとき（Ｓ５２５でＹｅｓ）、アイコン［ｉ］の進行方向を設定し（Ｓ５３０）、スキップカウンタに０を代入し（Ｓ５３５）、下記〔３４〕に進む。一方、判定式が偽のとき（Ｓ５２５でＮｏ）、スキップカウンタに１を加算し（Ｓ５４０）、下記〔３４〕に進む。
〔３４〕アイコン［ｉ］の次位置（次に表示させる位置）を設定し（Ｓ５４５）、アイコン［ｉ］の配置位置を次位置に変更する（Ｓ５５０）。

〔３５〕アイコン［ｉ］の進行方向が変化したか否かを判定する（Ｓ５５５）。アイコン［ｉ］の進行方向が変化したとき（Ｓ５５５でＹｅｓ）、進行方向に応じて画像ファイルを変更し（Ｓ５６０）、アイコン［ｉ］のＷｅｂページ内におけるサイズ（横幅及び縦幅）を変更後の画像ファイルに合わせて変更し（Ｓ５６５）、下記〔３６〕に進む。一方、アイコン［ｉ］の進行方向が変化していないとき（Ｓ５５５でＮｏ）、下記〔３６〕に進む。
〔３６〕カウンタｉが所定数（Ｗｅｂページ内で変位させるアイコンの数。本実施形態では、１００）に等しいか否かを判定する（Ｓ５７０）。カウンタｉが当該所定数に等しいとき（Ｓ５７０でＹｅｓ）、表示切替処理を終了する。一方、カウンタｉが当該所定数に等しくないとき（Ｓ５７０でＮｏ）、カウンタｉに１を加算し（Ｓ５７５）、上記〔３２〕に戻る。

［（ｂ）アイコンの収束］
上記手順〔３２〕において、ユーザ端末２０は、現在位置が目標位置から所定の範囲内にあるか否かを判定する（Ｓ５２０）。現在位置が目標位置から所定の範囲内にあるとき（Ｓ５２０でＹｅｓ）、アイコン［ｉ］を変位させない。
これにより、アイコン［ｉ］が目標位置の周辺に達したタイミングで、アイコン［ｉ］の変位が終了し、アイコン［ｉ］が目標位置の周辺で停止する。

［（ｃ）進行方向の維持］
上記手順〔３３〕において、ユーザ端末２０は、判定式「スキップカウンタ＞スキップ閾値」の真偽を判定する（Ｓ５２５）。判定式が偽のとき（Ｓ５２５でＮｏ）、スキップカウンタに１を加算し（Ｓ５４０）、下記〔３４〕に進む。
この処理により、進行方向が頻繁に変更されないようにしている。また、スキップ閾値がランダムな値であれば、アイコンごとにランダムなタイミングで進行方向を変更させることができる。

［（ｄ）進行方向の設定］
上記手順〔３３〕において、ユーザ端末２０は、アイコン［ｉ］の進行方向を設定する（Ｓ５３０）。
例えば、アイコン［ｉ］の現在位置と目標位置との位置関係を考慮して、次のように次方向を設定するとよい。これにより、アイコン［ｉ］が確率的に目標位置の方向に変位しやすくなる。

〔４１〕現在位置（Ｘ１，Ｙ１）と目標位置（Ｘ２，Ｙ２）との各成分の差をとり、重み付け用の変数ｗ１及びｗ２に所定の値を代入する。
・横方向の重み付け変数ｗ１←（Ｘ１−Ｘ２）が負なら２（右），正なら４（左）
・縦方向の重み付け変数ｗ２←（Ｙ１−Ｙ２）が負なら３（下），正なら１（上）
〔４２〕「進行方向指示データ列」（図５参照）の可変値に、変数ｗ１，ｗ２の値を設定する。例えば、４つの可変値に、変数ｗ１，ｗ２の値をそれぞれ２つずつ設定する。
〔４３〕重み付けされた「進行方向指示データ列」の要素（ここでは、不変値と可変値の合計９つの要素）のいずれかをランダムに選択し、次方向に設定する。

［（ｅ）次位置を設定］
上記手順〔３４〕において、ユーザ端末２０は、アイコン［ｉ］の次位置（次に表示させる位置）を設定する（Ｓ５４５）。
具体的には、現在位置を基点とする次方向上の、１回当たりの変位距離分だけ離れた位置を次位置に設定する。進行方向を示す数値が０（停止）のときは、現在位置をそのまま配置位置に設定する（配置位置を変更しない）。

［（ｆ）画像ファイルの変更］
上記手順〔３５〕において、ユーザ端末２０は、アイコン［ｉ］の進行方向が変化したか否かを判定する（Ｓ５５５）。進行方向が変化したとき（Ｓ５５５でＹｅｓ）、進行方向に応じて画像ファイルを変更する（Ｓ５６０）。
具体的には、「進行方向」と「直前の進行方向」とを比較することにより、進行方向が変化したか否かを判定する。進行方向が変化したときは、変化後の進行方向に対応する画像（例えば、進行方向を向いている画像）の画像に変更するとよい。画像ファイルの変更後、「進行方向」を示す数値を「直前の進行方向」に代入する。

［（ｇ）表示例］
図７〜図１０に、Ｗｅｂページの表示例を示す。
図７〜図１０は、キャラクタの画像（一定の領域を有する画像であり、キャラクタの本体に当たる部分以外は透明になっている）をアイコンとし、当該アイコンがランダムに変位してページ内の要素の周辺に収束する様子を示す表示例である。

（図７）Ｗｅｂページ（６００）において、各アイコンが、ブラウザの表示領域内の表示エリア外のランダムな位置に各々設定された初期位置に配置されている。初期位置の数は、利用履歴ＤＢ１３を参照し、過去の一定の期間内における各要素のＷｅｂページの閲覧回数、過去の一定の期間内における各要素のクリック率、及び、過去の一定の期間内における各要素のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数に応じて設定される。また、現在のアクセスデータやその微分値、現在のサーバ負荷やその時間による微分値を取得し、Ｗｅｂページのアクセス集中が生じている場合やＷｅｂページのアクセス集中が予想される場合は、初期位置の数を下方に調整してもよい。
また、現在のアクセスデータ、現在のサーバ負荷の時間による微分値を取得し、Ｗｅｂサーバ１０のサーバ負荷を参照して、アクセス数が一定の閾値を超えている場合や、アクセス数の微分値が一定の閾値を超えている場合は、アクセス制御のために初期位置の数を下方に調整してもよい。
（図８）各アイコンが、表示エリア外で独立してランダムな方向に変位を繰り返している。変位中のアイコンは、進行方向に対応する向きの画像に変更されている。一部のアイコンは、ターゲット要素の左上位置に設定された目標位置の周辺で停止している。
初期位置の設定の場合と同様に、現在のアクセスデータやその微分値、現在のサーバ負荷やその時間による微分値を取得し、Ｗｅｂページのアクセス集中が生じている場合やＷｅｂページのアクセス集中が予想される場合は、アイコンの変位の速度を遅延させることで、ストレスを感じさせないページにユーザを誘導すること、及び、サーバ負荷の均等化を実現することができる。
目標位置の分配率についても同様に、各要素のＷｅｂページについて、現在のアクセスデータやその微分値を取得し、特定のＷｅｂページへのアクセス集中が生じている場合や特定のＷｅｂページへのアクセス集中が予想される場合は、アイコンの変位の速度を遅延させることで、ストレスを感じさせないページにユーザを誘導すること、及び、サーバ負荷の均等化を実現することができる。
逆に、アクセスが定常状態にある場合や、混雑が緩和する傾向にある場合は、各要素のＷｅｂページへのアクセスが生じても、ユーザはストレスを感じることがなく、サーバも負担にならないので、アイコンの変位の速度を速くすることが好ましい。
（図９）大半のアイコンが、目標位置の一部領域で停止している。本実施形態では、一部領域に停止させているが、表示エリアに重複することなく、表示エリアの周囲に停止させてもよい。
（図１０）全てのアイコンがそれぞれ目標位置の周辺に収束した。

これらの表示例から分かるように、本実施形態のシステムでは、複数のアイコンが、表示エリアと重複することなく、各々変位してページ内の各要素またはその周辺に収束することにより、商品への人の集まり具合，ショップの混み具合をＷｅｂページ上で視覚的に表現する。
その結果として、Ｗｅｂページを閲覧するユーザは、各コンテンツの人気の度合いを直感的に把握することができる。

［５．変形例］
［（変形例１）ユーザの操作によりアイコンを移動させる］
Ｗｅｂページ内に配置した全部又は一部のアイコンを、ユーザの操作（例えば、ドラッグ＆ドロップ）により移動させてもよい。
例えば、ドラッグされたアイコンの配置位置をドロップ先に変更するとよい。この場合、移動されたアイコンの初期位置をドロップ先に設定することにより、表示切替処理（図２のＳ２５５）による変位処理の対象にしてもよい。

［（変形例２）特定の要素に重ならないようにアイコンを変位させる他の実施形態］
Ｗｅｂページ内において、該ページ内に配置されている特定の要素に重ならないようにアイコンを変位させてもよい。
例えば、Ｗｅｂページ内に配置されている要素（例えば、特定の名前（name）を付した要素，特定のタグ名の要素等）の内容領域を進入禁止領域とし、その左上位置及び右下位置を特定する。その上で、アイコンの左上位置及び右下位置との関係でアイコンが進入禁止領域に重なる場合には、進行方向を０（停止）に変更するとよい。これにより、進入禁止領域に侵入しそうなアイコンの変位を一時的に停止させることができる。
なお、上記の処理は、次位置の設定ステップ（図６のＳ５４５）と配置位置の変更ステップ（図６のＳ５５０）の間に実行するものとする。

［（変形例３）］
統計的データに基づかず、任意に選択した要素の周辺にアイコンが収束するように構成してもよい。これにより、特定の要素の人気を意図的に演出することができる。
この場合、例えば、ターゲット要素の候補を次のように特定し、アイコンごとに当該候補の中からランダムに選択した要素の内容領域内又はその周辺に目標位置を設定するとよい。
・特定のタグ名の要素（例えば、<img>タグ，<a>タグ等）をターゲット要素の候補とする。
・Ｗｅｂページ中の特定の要素（例えば、特定のリンク画像，特定のリンクテキストその他の特定のリンク要素）に所定の名前（name）を付しておき、当該名前が付されている要素をターゲット要素の候補とする。

［（変形例４）］
・Ｗｅｂページ内に、表示切替処理（図２のＳ２５５ａ，図６）のインターバル（フレームレート）の変更要素を配置してもよい。例えば、ラジオボタンやプルダウンにより所定の数値を選択させたり、入力欄に任意の数値を入力させるとよい。
・Ｗｅｂページ内に、アニメーション停止ボタンを配置してもよい。当該ボタンがクリックされたとき、表示切替処理（図２のＳ２５５ａ，図６）の繰り返しを停止する。
・Ｗｅｂページ内に、リセットボタンを配置してもよい。当該ボタンがクリックされたとき、全てのアイコンを初期位置に再配置し、改めて表示切替処理（図２のＳ２５５ａ，図６）の繰り返し処理を実行する。

１０Ｗｅｂサーバ
１１ＷｅｂＤＢ
１２ユーザＤＢ
１３利用履歴ＤＢ
２０ユーザ端末
３０インターネット
６００Ｗｅｂページ

Claims

複数の要素を含むＷｅｂページにおいて、アイコンを変位させるＷｅｂサーバであって、
前記Ｗｅｂページ内の前記要素の表示エリアを認識させる手段と、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定させるターゲット要素設定手段と、
前記各要素に係るアクセスデータに基づいて、前記アイコンの初期位置の数を決定させる手段と、
前記Ｗｅｂページ内に前記アイコンの初期位置を設定させる初期位置設定手段と、
前記アイコンごとに、前記設定したターゲット要素の前記認識された表示エリア内又はその周辺に目標位置を設定させる目標位置設定手段と、
前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを変位させるオブジェクト変位手段と
を備えることを特徴とするＷｅｂサーバ。
前記初期位置設定手段は、前記Ｗｅｂページ内の前記要素の表示エリア外に前記アイコンの初期位置を設定させることを特徴とする請求項１に記載のＷｅｂサーバ。
前記オブジェクト変位手段は、前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の前記要素の表示エリア外の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に向けて該アイコンを変位させることを特徴とする請求項１又は２に記載のＷｅｂサーバ。
過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記ターゲット要素設定手段は、前記抽出されたアクセスデータに基いて複数の要素からターゲット要素を設定させる、
ことを特徴とする請求項１〜３の何れか一項に記載のＷｅｂサーバ。
現在における前記各要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出させるアクセス負荷検出手段を更に備え、
前記ターゲット要素設定手段は、前記サーバ負荷が一定の閾値未満の各要素からターゲット要素を設定させる、
ことを特徴とする請求項１〜４の何れか一項に記載のＷｅｂサーバ。
過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータの中から一定周期遡った一定の期間内における１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記初期位置設定手段は、前記アクセスデータ抽出手段による抽出を参照して、抽出されたデータに基いて、前記初期位置の数を決定し、前記Ｗｅｂページの前記要素の表示エリア外の位置に前記複数の初期位置を設定させる、
ことを特徴とする請求項１〜５の何れか一項に記載のＷｅｂサーバ。
前記周期は、一日、一週間、一ヶ月及び一年のいずれかの周期であり、前記一定の期間は一定の時間であり、前記初期位置設定手段は、当該時間内の閲覧回数、クリック率、及び、注文数のいずれかのデータに基いて前記初期位置の数を決定させる、
ことを特徴とする請求項６記載のＷｅｂサーバ。
過去の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、過去の一定の期間内における前記各要素に対応するリンクのクリック率、及び、過去の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記目標位置設定手段は、前記抽出したアクセスデータに基いて前記複数のアイコンのそれぞれのターゲット要素を設定させる、
ことを特徴とする請求項１〜７の何れか一項に記載のＷｅｂサーバ。
現在における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出させるアクセス負荷検出手段を更に備え、
前記目標位置設定手段は、前記サーバ負荷に基いて各ターゲット要素から目標位置を含む要素を設定させる、
ことを特徴とする請求項１〜８の何れか一項に記載のＷｅｂサーバ。
前記オブジェクト変位手段が、
前記オブジェクトを次に表示する位置の候補に当たる次位置候補を複数設定させる次位置候補設定手段と、
前記設定した次位置候補の中からいずれか１つの位置を選択して次の表示位置に設定させる次位置設定手段と、
前記オブジェクトを現在の表示位置から前記設定した次の表示位置まで変位させるオブジェクト次位置変位手段と、
を備えることを特徴とする請求項１〜９の何れか一項に記載のＷｅｂサーバ。
前記次位置候補設定手段は、オブジェクトの現在の表示位置と前記設定した目標位置との位置関係に応じて、前記オブジェクトを次に変位させる方向の候補に当たる次方向候補を目標位置に偏重させて複数設定させ、
前記次位置設定手段は、前記設定した各次方向候補の方向にそれぞれ前記次位置を設定させる、
ことを特徴とする請求項１０記載のＷｅｂサーバ。
前記次位置設定手段は、設定された前記次位置が前記要素の表示エリア外である場合、前記オブジェクト次位置変位手段による変位を実行させ、設定された前記次位置が前記要素の表示エリア外でない場合、前記オブジェクト次位置変位手段による変位の実行を禁止させる、
ことを特徴とする請求項１１記載のＷｅｂサーバ。
前記オブジェクト変位手段は、前記アイコンごとに、該アイコンを変位処理中に一定の確率で又はランダムに一時停止させる、
ことを特徴とする請求項１〜１２の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記オブジェクト変位手段は、前記抽出したアクセスデータが一定の閾値以上の場合、前記アイコンごとに、該アイコンを変位処理中に一時停止させる、
ことを特徴とする請求項１〜１３の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記オブジェクト変位手段は、前記抽出したアクセスデータが一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させる、
ことを特徴とする請求項１〜１４の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記オブジェクト変位手段は、前記抽出したアクセスデータの微分値が一定の閾値未満の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを促進させる、
ことを特徴とする請求項１〜１５の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各要素のリンク先のＷｅｂページの閲覧回数、現在の一定の期間内における前記各要素に対応するリンクのクリック率、及び、現在の一定の期間内における前記各要素のリンク先のＷｅｂページを介して販売されている商品又は提供されているサービスの注文数の少なくとも１つを含むアクセスデータから１つのデータを抽出させるアクセスデータ抽出手段を更に備え、
前記オブジェクト変位手段は、前記抽出したアクセスデータの微分値が一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させる、
ことを特徴とする請求項１〜１６の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出させるアクセス負荷検出手段を更に備え、
前記オブジェクト変位手段は、前記サーバ負荷の微分値が一定の閾値未満の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを促進させる、
ことを特徴とする請求項１〜１７の何れか一項に記載のＷｅｂサーバ。
現在の一定の期間内における前記各ターゲット要素のリンク先のＷｅｂページを提供するＷｅｂサーバのサーバ負荷を検出させるアクセス負荷検出手段を更に備え、
前記オブジェクト変位手段は、前記サーバ負荷の微分値が一定の閾値以上の場合、前記アイコンごとに、前記目標位置又はその周辺に該アイコンを収束させることを遅延させる、
ことを特徴とする請求項１〜１８の何れか一項に記載のＷｅｂサーバ。
複数の要素を含むＷｅｂページにおいて、アイコンを変位させるオブジェクト変位方法であって、
前記Ｗｅｂページ内の前記要素の表示エリアを認識するステップと、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定するターゲット要素設定ステップと、
前記各要素に係るアクセスデータに基づいて、前記アイコンの初期位置の数を決定するステップと、
前記Ｗｅｂページ内に前記アイコンの初期位置を設定する初期位置設定ステップと、
前記アイコンごとに、前記設定したターゲット要素の前記認識された表示エリア内又はその周辺に目標位置を設定する目標位置設定ステップと、
前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを変位させるオブジェクト変位ステップと
を実行することを特徴とするオブジェクト変位方法。
複数の要素を含むＷｅｂページにおいて、アイコンを変位させるオブジェクト変位プログラムであって、
前記複数の要素を含むＷｅｂページをＷｅｂブラウザを用いて表示しているユーザ端末に、
前記Ｗｅｂページ内の前記要素の表示エリアを認識するステップと、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定するターゲット要素設定ステップと、
前記各要素に係るアクセスデータに基づいて、前記アイコンの初期位置の数を決定するステップと、
前記Ｗｅｂページ内に前記アイコンの初期位置を設定する初期位置設定ステップと、
前記アイコンごとに、前記設定したターゲット要素の前記認識された表示エリア内又はその周辺に目標位置を設定する目標位置設定ステップと、
前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを変位させるオブジェクト変位ステップと
を実行させることを特徴とするオブジェクト変位プログラム。
ユーザ端末と接続可能なＷｅｂサーバであって、
複数の要素を含むＷｅｂページのデータと、該Ｗｅｂページに組み込まれたオブジェクト変位プログラムとを少なくとも含むＷｅｂデータを記憶しているＷｅｂデータ記憶手段を有し、
前記ユーザ端末からの要求に応じて、前記Ｗｅｂデータを該ユーザ端末に送信するＷｅｂデータ送信手段を備え、
前記オブジェクト変位プログラムは、
複数の要素を含むＷｅｂページにおいて、該各要素に向けて１又は複数のアイコンを変位させるオブジェクト変位プログラムであって、
前記複数の要素を含むＷｅｂページをＷｅｂブラウザを用いて表示しているユーザ端末に、
前記Ｗｅｂページ内の前記要素の表示エリアを認識するステップと、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定するターゲット要素設定ステップと、
表示エリアを認識するステップを参照して、前記Ｗｅｂページ内の前記要素の表示エリア外に前記アイコンの初期位置を設定する初期位置設定ステップと、
前記アイコンごとに、前記設定したターゲット要素の内容領域内又はその周辺に目標位置を設定する目標位置設定ステップと、
表示エリアを認識するステップを参照して、前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の前記要素の表示エリア外の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを収束させるオブジェクト変位ステップと
を実行することを特徴とするＷｅｂサーバ。
ユーザ端末と接続可能なＷｅｂサーバであって、
複数の要素を含むＷｅｂページのデータと、該Ｗｅｂページに組み込まれたオブジェクト変位プログラムとを少なくとも含むＷｅｂデータを記憶しているＷｅｂデータ記憶手段を有し、
前記ユーザ端末からの要求に応じて、前記Ｗｅｂデータを該ユーザ端末に送信するＷｅｂデータ送信手段を備え、
前記オブジェクト変位プログラムは、
複数の要素を含むＷｅｂページにおいて、アイコンを変位させるオブジェクト変位プログラムであって、
前記複数の要素を含むＷｅｂページをＷｅｂブラウザを用いて表示しているユーザ端末に、
前記Ｗｅｂページ内の前記要素の表示エリアを認識するステップと、
前記複数の要素の中からいずれかの要素を前記アイコンのターゲット要素に設定するターゲット要素設定ステップと、
前記各要素に係るアクセスデータに基づいて、前記アイコンの初期位置の数を決定するステップと、
前記Ｗｅｂページ内に前記アイコンの初期位置を設定する初期位置設定ステップと、
前記アイコンごとに、前記設定したターゲット要素の前記認識された表示エリア内又はその周辺に目標位置を設定する目標位置設定ステップと、
前記アイコンごとに、前記初期位置を出発点として前記Ｗｅｂページ内の経路を指定して該アイコンを変位させ、前記目標位置又はその周辺に該アイコンを変位させるオブジェクト変位ステップと
を実行することを特徴とするＷｅｂサーバ。