JP6046602B2

JP6046602B2 - 表示装置、表示方法及び表示プログラム

Info

Publication number: JP6046602B2
Application number: JP2013266921A
Authority: JP
Inventors: 麻衣子井元; 大喜渡邊
Original assignee: Nippon Telegraph and Telephone Corp
Current assignee: Nippon Telegraph and Telephone Corp
Priority date: 2013-12-25
Filing date: 2013-12-25
Publication date: 2016-12-21
Anticipated expiration: 2033-12-25
Also published as: JP2015122039A

Description

本発明は、コンテンツの表示領域を制御する技術に関する。

Ｗｅｂコンテンツなどのデジタルコンテンツを閲覧する際、コンテンツが１画面内に表示されずに一部分のみ表示されているときは、閲覧者はマウス操作やタッチ操作により表示領域内のコンテンツをスクロールさせて所望の箇所を閲覧する。このとき、スクロール開始時の閲覧箇所などを再び閲覧するために、再び閲覧したい閲覧箇所に目印を表示させておくことができる場合もある。例えば、非特許文献１では、ブラウザに表示された地図上に任意の大きさの円を表示させることができる。

"地図に円を描く (Google Maps API V3版)"、［online］、［平成25年12月6日検索］、インターネット〈 URL：http://www.nanchatte.com/map/circleService.html〉

例えば、自宅や駅などの起点付近の複数店舗の中から１つの店舗を決定する場合、起点と店舗との位置関係は店舗を選択する際の決め手のひとつになる。ブラウザ上で地図を閲覧して店舗を決めるときは、起点と店舗との位置関係を把握するために、地図をスクロールさせたり拡大縮小する操作を頻繁に行うと考えられる。

閲覧者がＷｅｂコンテンツをスクロールさせて閲覧していると、目印を表示した箇所が画面内に表示されなくなり、現在の閲覧箇所と目印を表示した箇所との位置関係が把握しづらくなることがある。現在の閲覧箇所と目印を表示した箇所との位置関係を把握していないと、目印を表示した箇所を画面内に表示させるために表示領域内のコンテンツをあちらこちらにスクロールさせたり、拡大縮小などの操作を繰り返す必要が生じ、操作回数が増加するという問題があった。広域地図などＷｅｂコンテンツの全体と現在の閲覧箇所との関係を画面上に重ねて表示することで、位置関係を把握しやすくなるが、Ｗｅｂコンテンツの表示領域が小さくなり、Ｗｅｂコンテンツが読みにくくなってしまうという問題があった。

本発明は、上記に鑑みてなされたものであり、コンテンツ上の所定の起点位置と現在の表示位置との位置関係を直感的に把握させることを目的とする。

第１の本発明に係る表示装置は、表示領域内のコンテンツの移動量を入力する入力手段と、前記コンテンツ上の起点位置と現在の前記コンテンツの表示位置との距離が離れているほど大きくなる重みを算出し、当該重みが大きいほど前記移動量が小さくなるように前記移動量を調整する移動量調整手段と、前記移動量調整手段が調整した前記移動量に応じて前記表示領域内において前記コンテンツを移動して表示する表示手段と、を有することを特徴とする。

上記表示装置において、前記入力手段は、前記コンテンツの移動方向を入力し、前記移動量調整手段は、前記移動方向が前記起点位置から離れる方向になるほど大きくなるように前記重みを補正することを特徴とする。

第２の本発明に係る表示方法は、コンピュータにより実行される表示方法であって、表示領域内のコンテンツの移動量を入力するステップと、前記コンテンツ上の起点位置と現在の前記コンテンツの表示位置との距離が離れているほど大きくなる重みを算出するステップと、前記重みが大きいほど前記移動量が小さくなるように前記移動量を調整するステップと、前記移動量を調整するステップで調整した前記移動量に応じて前記表示領域内において前記コンテンツを移動して表示するステップと、を有することを特徴とする。

上記表示方法において、前記入力するステップは、前記コンテンツの移動方向を入力し、前記重みを算出するステップは、前記移動方向が前記起点位置から離れる方向になるほど大きくなるように前記重みを補正することを特徴とする。

第３の本発明に係る表示プログラムは、上記表示装置の各部としてコンピュータを動作させることを特徴とする。

本発明によれば、コンテンツ上の所定の起点位置と現在の表示位置との位置関係を直感的に把握させることができる。

本実施の形態における表示領域調整装置の構成を示す機能ブロック図である。本実施の形態における表示領域調整装置が発生したイベントを受け取ったときの処理の流れを示すフローチャートである。移動開始処理の流れを示すフローチャートである。移動処理の流れを示すフローチャートである。移動終了処理の流れを示すフローチャートである。

以下、本発明の実施の形態について図面を用いて説明する。

図１は、本実施の形態における表示領域調整装置の構成を示す機能ブロック図である。同図に示す表示領域調整装置は、イベント判定部１１、移動開始処理部１２、移動処理部１３、移動終了処理部１４、出力部１５、および蓄積部１６を備える。本表示領域調整装置は、地図などのコンテンツをブラウザの表示領域内に表示し、閲覧者の操作によりコンテンツをスクロールさせる際、コンテンツ上に設定した起点位置と現在のコンテンツの表示位置との距離や起点位置に対するスクロール方向に基づいてコンテンツの移動量（スクロール量）を調整する装置である。なお、表示領域調整装置が備える各部は、演算処理装置、記憶装置等を備えたコンピュータにより構成して、各部の処理がプログラムによって実行されるものとしてもよい。このプログラムは表示領域調整装置が備える記憶装置に記憶されており、磁気ディスク、光ディスク、半導体メモリ等の記録媒体に記録することも、ネットワークを通して提供することも可能である。以下、各部について説明する。

イベント判定部１１は、発生したイベントを受け取って、受け取ったイベントに対応する処理を移動開始処理部１２、移動処理部１３、移動終了処理部１４に通知する。発生するイベントとしては、例えば、マウスのボタンが押下された mousedown イベント、マウスが動かされた mousemove イベント、マウスのボタンが離された mouseup イベントなどがある。本実施の形態では、コンテンツを表示する表示領域において、mousedown イベントが発生したときはコンテンツの移動を開始すると判定して移動開始処理部１２へ通知し、mousemove イベントが発生したときはコンテンツを移動すると判定して移動処理部１３へ通知し、mouseup イベントが発生したときはコンテンツの移動を終了すると判定して移動終了処理部１４へ通知する。つまり、イベント判定部１１は、表示領域内のコンテンツに対する閲覧者のドラッグ操作で発生するイベントを処理する。

移動開始処理部１２は、表示領域内のコンテンツの移動が開始されたときの処理を行う。

移動処理部１３は、表示領域内でコンテンツを移動中の処理を行う。

移動終了処理部１４は、表示領域内のコンテンツの移動を終了するときの処理を行う。

出力部１５は、移動開始処理部１２、移動処理部１３、および移動終了処理部１４の処理により算出されたコンテンツの移動量に基づいて表示領域内に表示されるコンテンツの部分を決定して、蓄積部１６からコンテンツを読み出してディスプレイなどの表示装置に表示する。ネットワークを介したサーバからコンテンツを受信して表示してもよい。

蓄積部１６は、出力部１５が表示するコンテンツを蓄積する。

次に、本実施の形態における表示領域調整装置の処理の流れについて説明する。

図２は、本実施の形態における表示領域調整装置が発生したイベントを受け取ったときの処理の流れを示すフローチャートである。同図では表示領域内のコンテンツの移動に関するイベントについてのみ示している。

イベント判定部１１はイベントを受け取ると、そのイベントが移動を開始するイベントか否か判定する（ステップＳ１１）。

移動を開始するイベントである場合（ステップＳ１１のＹＥＳ）、移動開始処理部１２に通知し、移動開始処理部１２が移動開始処理を実行する（ステップＳ１２）。

移動を開始するイベントでない場合（ステップＳ１１のＮＯ）、そのイベントが移動を終了するイベントか否か判定する（ステップＳ１３）。

移動を終了するイベントである場合（ステップＳ１３のＹＥＳ）、移動終了処理部１４に通知し、移動終了処理部１４が移動終了処理を実行する（ステップＳ１４）。

移動を終了するイベントでない場合（ステップＳ１３のＮＯ）、移動処理部１３が移動処理を実行する（ステップＳ１５）。

続いて、移動開始処理について説明する。図３は、移動開始処理部１２による移動開始処理の流れを示すフローチャートである。

まず、移動開始処理部１２は、起点座標（ｘ，ｙ）を取得する（ステップＳ２１）。起点座標は、閲覧者がコンテンツをスクロール後に再度閲覧する可能性のある位置の座標であり、例えば、地図を表示する場合は閲覧者が指定したランドマークの座標、上下左右にスクロールして閲覧するＷｅｂページを表示する場合はイベント発生時の表示領域の左上端の座標が考えられる。

続いて、始点座標（ｘ₁，ｙ₁）を取得する（ステップＳ２２）。始点座標は、起点座標に対するマウスの動きを検知するための座標であり、例えば、移動を開始するイベント発生時のマウスの座標値を用いることが考えられる。

そして、表示領域の状態を移動中に設定する（ステップＳ２３）。移動中であるか否かを示すフラグを用意しておき、そのフラグを移動中を示す値（TRUE）に設定する。

以上の処理により、起点座標（ｘ，ｙ）、始点座標（ｘ₁，ｙ₁）が決められて、フラグが設定される。

続いて、移動処理について説明する。図４は、移動処理部１３による移動処理の流れを示すフローチャートである。

まず、状態が移動中であるか否か判定し（ステップＳ３１）、移動中でなければ処理を終了する。

状態が移動中である場合（ステップＳ３１のＹＥＳ）、現在座標（ｘ₂，ｙ₂）を取得する（ステップＳ３２）。現在座標は、表示領域を移動するイベント発生時のマウスの座標値を用いる。

そして、起点座標、始点座標、現在座標から表示領域内におけるコンテンツの移動量を算出する（ステップＳ３３）。

移動量の算出する際、まず起点座標と現在座標との距離および起点座標に対するマウスの動きに基づいて重みｗを算出する。始点を始点座標（ｘ₁，ｙ₁）、終点を起点座標（ｘ，ｙ）とするベクトルをｖ₁、始点を始点座標（ｘ₁，ｙ₁）、終点を現在座標（ｘ₂，ｙ₂）とするベクトルをｖ₂とする。ベクトルｖ₁，ｖ₂のなす角度をθ（０°≦θ≦１８０°）とする。本実施の形態では、ベクトルｖ₁の大きさが大きく、θの角度が大きいほど重みｗが大きくなるように、重みｗを例えば次式（１）で算出する。

ベクトルｖ₁の大きさは起点座標と始点座標との間の距離を表し、θは起点座標に対するマウスの動き、つまりコンテンツの移動方向を表している。式（１）では、起点座標と始点座標との距離が離れるほど重みｗが大きく、マウスが起点座標から遠ざかる方向に動いたときは重みｗが大きくなる。なお、重みｗの算出に起点座標と始点座標との間の距離のみを用いてもよい。

続いて、マウスの移動量を示すベクトルｖ₂の大きさに重みｗを加味して表示領域の移動量ｄを算出する。移動量ｄは重みｗが大きいほどに小さくなるように、例えば次式（２）で算出する。

そして、出力部１５が、表示領域内のコンテンツをベクトルｖ₂の方向に移動量ｄ分移動し、表示領域内のコンテンツを再描画する（ステップＳ３４）。

始点座標（ｘ₁，ｙ₁）を現在座標（ｘ₂，ｙ₂）で更新する（ステップＳ３５）。

以上の処理により、始点座標と起点座標との間の距離および閲覧者がマウスを動かす方向に応じて、マウスを動かした距離に対する表示領域内のコンテンツの移動量が変化する。

続いて、移動終了処理について説明する。図５は、移動終了処理部１４による移動終了処理の流れを示すフローチャートである。

まず、移動終了処理では、移動処理と同様に、移動中であるか否か確認し（ステップＳ４１）、現在座標を取得し（ステップＳ４２）、移動量を算出し（ステップＳ４３）、表示領域を再描画する（ステップＳ４４）。

そして、表示領域の状態を移動中から解除する（ステップＳ４５）。具体的には、フラグを移動中ではないことを示す値（FALSE）に設定する。

以上説明したように、本実施の形態によれば、閲覧者の操作により表示領域内のコンテンツを移動する際に、コンテンツ上の起点位置と現在のコンテンツの表示位置との距離が離れるほど大きく、コンテンツの移動方向が起点位置から離れる方向になるほど大きくなる重みｗを算出し、重みｗが大きいほどコンテンツの移動量が小さくなるようにコンテンツの移動量を調整することで、閲覧者がコンテンツをスクロールさせるときに、起点位置から離れるほど操作に対するスクロール量が減るので、起点位置と現在の表示位置との関係を直感的に把握することが可能となる。

なお、上記の実施例では、マウスのドラッグ操作によりコンテンツを移動させる例で説明したが、上下左右などのボタン操作によりコンテンツを移動する場合も、起点位置と現在の表示位置との関係や起点位置に対する移動方向に基づいてコンテンツの移動量を調節することができる。

１１…イベント判定部
１２…移動開始処理部
１３…移動処理部
１４…移動終了処理部
１５…出力部
１６…蓄積部

Claims

表示領域内のコンテンツの移動量を入力する入力手段と、
前記コンテンツ上の起点位置と現在の前記コンテンツの表示位置との距離が離れているほど大きくなる重みを算出し、当該重みが大きいほど前記移動量が小さくなるように前記移動量を調整する移動量調整手段と、
前記移動量調整手段が調整した前記移動量に応じて前記表示領域内において前記コンテンツを移動して表示する表示手段と、
を有することを特徴とする表示装置。
前記入力手段は、前記コンテンツの移動方向を入力し、
前記移動量調整手段は、前記移動方向が前記起点位置から離れる方向になるほど大きくなるように前記重みを補正することを特徴とする請求項１記載の表示装置。
コンピュータにより実行される表示方法であって、
表示領域内のコンテンツの移動量を入力するステップと、
前記コンテンツ上の起点位置と現在の前記コンテンツの表示位置との距離が離れているほど大きくなる重みを算出するステップと、
前記重みが大きいほど前記移動量が小さくなるように前記移動量を調整するステップと、
前記移動量を調整するステップで調整した前記移動量に応じて前記表示領域内において前記コンテンツを移動して表示するステップと、
を有することを特徴とする表示方法。
前記入力するステップは、前記コンテンツの移動方向を入力し、
前記重みを算出するステップは、前記移動方向が前記起点位置から離れる方向になるほど大きくなるように前記重みを補正することを特徴とする請求項３記載の表示方法。
請求項１又は２記載の表示装置の各部としてコンピュータを動作させることを特徴とする表示プログラム。