視認性を高める表示装置および表示方法
【課題】アイコンなどのオブジェクトを表示画面から消去する際に、その視認性を高める。
【解決手段】表示手段２と表示制御部とを備えた表示装置１であって、前記表示制御部は、前記表示手段に表示されたオブジェクト（アイコン９）がドラッグされているときに前記オブジェクトにエフェクト１２を付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去する。前記エフェクトは、前記オブジェクトの周囲を取り囲むものである。
【解決手段】表示手段２と表示制御部とを備えた表示装置１であって、前記表示制御部は、前記表示手段に表示されたオブジェクト（アイコン９）がドラッグされているときに前記オブジェクトにエフェクト１２を付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去する。前記エフェクトは、前記オブジェクトの周囲を取り囲むものである。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画面に表示されたオブジェクトの移動および変化の視認性を高める表示装置および表示方法に関する。
【背景技術】
【０００２】
タッチパネルに表示されたアイコンなどのオブジェクトに対して指などの指示体で接触操作を行うことにより、オブジェクトの操作を行う機器が知られている。このような機器において、オブジェクトを表示画面から消去する場合、オブジェクトが指示体の下に隠れてしまい、その変化が見えづらいという問題があった。
【０００３】
例えば、アイコンが表示領域の端部までドラッグされると、アイコンが表示領域外に移動し画面から消去されるような画面表示の場合においては、アイコンが指に隠れることに加え、アイコンがすぐに表示領域から消えてしまうために、その移動の様子が分かりづらい。
【０００４】
同様に、複数のアイコンが並べられたレイアウト用のパネルの中から一つのアイコンをタッチするとそのアイコンおよびレイアウト用のパネルがその場で消去されるような画面表示の場合においても、アイコンが指に隠れてしまうために、意図したアイコンをタッチしたかどうかをユーザが認識しづらい。
【０００５】
アイコンなどのオブジェクトが指示体に隠れるために視認性が低下するという課題に対し、特許文献１には、ボタン（オブジェクト）がドラッグされている間は、ボタンを別の表示位置に移動させることによって、ボタンの視認性を確保する表示制御装置が記載されている。
【０００６】
また、特許文献２には、どのボタン（オブジェクト）がタッチされたかを分かりやすくするため、タッチされたボタンが沈み、その周囲のボタンも引きずられてへこんだように表示する表示装置が記載されている。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】特開２０１１−１５９１８０号公報
【特許文献２】特開２００４−２５９０５４号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
しかしながら、特許文献１に記載の表示制御装置においては、ドラッグ位置（指の接触位置）とアイコンの位置がずれているために直感性に欠けるという問題があった。
【０００９】
また、特許文献２に記載の表示装置においては、タッチしたボタンがすぐに消えてしまうような場合や、ボタンをタッチすると別のオブジェクトが変化するというような、ボタンが別のオブジェクトと関連しているような場合には効果が得られない。
【００１０】
そこで本発明は、アイコンなどのオブジェクトを表示画面から消去する際に、その視認性を高めることを目的とする。
【課題を解決するための手段】
【００１１】
上記課題を解決するために、本発明にかかる第１の表示装置は、表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴としている。
【００１２】
本発明にかかる第２の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトの周囲を取り囲むものであることを特徴としている。
本発明にかかる第３の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトがドラッグされた軌跡であることを特徴としている。
【００１３】
本発明にかかる第４の表示装置は、第１の表示装置の構成に加え、前記エフェクトは前記オブジェクトを複製したものを前記オブジェクトの近傍に表示したものであることを特徴としている。
【００１４】
本発明にかかる第５の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトがドラッグによって引き伸ばされたものであることを特徴としている。
【００１５】
本発明にかかる第６の表示装置は、表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴としている。
【００１６】
本発明にかかる第７の表示装置は、第６の表示装置の構成に加え、前記第１のオブジェクトは、前記第２のオブジェクトに対して実行する機能のボタンであることを特徴としている。
【００１７】
本発明にかかる第８の表示装置は、第６の表示装置の構成に加え、前記第２のオブジェクトは、前記第１のオブジェクトを含むパネルであることを特徴としている。
【００１８】
本発明にかかる第９の表示装置は、第８の表示装置の構成に加え、前記表示制御部は、前記第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去する際に、前記第２のオブジェクトを前記第１のオブジェクトに関連した形状または色に変化させることを特徴としている。
【００１９】
本発明にかかる第１の表示方法は、表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって消去することを特徴としている。
【００２０】
本発明にかかる第２の表示方法は、表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴としている。
【００２１】
なお、本発明における「オブジェクト」の例としては、第１の実施形態においては「アイコン」、第２の実施形態においては「図形」および「パネル」が対応する。
【００２２】
また、以下の説明において「タップする」とは指示体（指など）をタッチパネルに接触させてすぐ離す行為をいう。これは、入力手段としてマウスを用いた場合は、マウスカーソルをオブジェクトに合わせてマウスをクリックすることに相当する。タッチパネルにおける指示体は指やタッチペンであり、マウス入力における指示体はマウスカーソルである。
【発明の効果】
【００２３】
本発明によれば、アイコンや図形といったオブジェクトを表示画面から消去する際の視認性を高めることができるという効果を有する。
【図面の簡単な説明】
【００２４】
【図１】本発明の表示装置の機能ブロック図
【図２】本発明の表示装置の概略図
【図３】本発明の実施例１に記載の表示装置における表示の様子を表す説明図
【図４】本発明の実施例１に記載の表示装置における表示の流れを表すフローチャート
【図５】本発明の実施例２に記載の表示装置における表示の様子を表す説明図
【図６】本発明の実施例３に記載の表示装置における表示の様子を表す説明図
【図７】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図８】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図９】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図１０】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１１】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１２】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１３】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１４】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１５】本発明の実施例６に記載の表示装置における表示の流れを表すフローチャート
【図１６】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１７】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【図１８】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【図１９】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【００２５】
【発明を実施するための形態】
【００２６】
（第１の実施形態）
図１は本発明を適用した表示装置１の機能ブロック図である。表示装置１の正面部には、表示手段および入力手段としてのタッチパネル２、情報処理手段としてのＣＰＵ３（Central Processing Unit）、記憶手段としてのメモリ４が備えられている。メモリ４はプログラムデータ等が格納されているＲＯＭ（Read-Only Memory）と、処理結果を一時的に保持するためのＲＡＭ（Random-Access Memory）からなる。また、さらに情報を読み書きするためのＨＤＤ（Hard Disk Drive）やフラッシュメモリなどを備えていても良い。
【００２７】
ＣＰＵ３は中央制御部５、入力検出部６、表示制御部７からなる。タッチパネル２への接触による入力は、ＣＰＵ３の入力検出部６によって検知され、メイン処理を行う中央制御部５へと送られる。中央制御部５での処理の結果は、表示に関わる制御を行う表示制御部７を通じてタッチパネル２に表示される。
【００２８】
図２は、表示装置１が画像閲覧モードにあるときの初期状態の概略図である。表示装置１の正面部は、額縁８とタッチパネル２からなっており、タッチパネル２には、画像ファイルの複数のアイコン９およびデータを削除するためのごみ箱１０が表示されている。アイコン９が並んでいる列は、指などの指示体１１でなぞることにより、列全体を左右にスクロールしたり、アイコン９を画面内でドラッグしたりできる。
【００２９】
このアイコン９をタッチパネル２の端部までドラッグさせると、アイコン９がその接近させた端部から画面外に消えるように移動する。このような表現は、例えば表示装置１が通信手段を備えている場合に、アイコン９が表すデータを他の機器に転送する際のアニメーションとして有用である。
【００３０】
（実施例１）
続いて、アイコン９を表示領域の端から表示領域外に移動して消去する際の操作の詳細について、図３の説明図および図４のフローチャートを用いて説明する。
【００３１】
図３（Ａ）において、指示体１１がタッチパネル２上のアイコン９（オブジェクト）に接触しドラッグが開始されると（ステップＳ１００でＹｅｓ、Ｓはステップのこと、以降同様）、表示制御部７は、図３（Ｂ）のようにアイコン９の周囲に楕円エフェクト１２を表示する（ステップＳ１０１）。
【００３２】
なお、アイコンの表示変化や移動などの表示に関わる制御は、以降同様に表示制御部７によって行われる。
【００３３】
そして、アイコン９がタッチパネル２の端部までドラッグされると（ステップＳ１０５でＹｅｓ）、図３（Ｃ）のように、楕円エフェクト１２の色や模様を変化させ（ステップＳ１０６）、アイコン９が端部領域に入ったことを分かりやすく示す。
【００３４】
そして、端部領域において指示体１１がタッチパネル２から離されると（以下、アイコンを「ドロップする」という）（ステップＳ１０３でＹｅｓ）、アイコン９および楕円エフェクト１２がともにその端部から消えるように移動させる（ステップＳ１０４）。
【００３５】
これにより、アイコン９の領域を楕円エフェクト１２によって実質的に拡大することができるため、アイコン９をそのまま画面外に移動させる場合と比べ、アイコン９と楕円エフェクト１２の領域の全てが画面外に消えるまでの時間をより長くすることができ、結果として移動の様子をユーザに分かりやすく示すことができる。
【００３６】
なお、アイコン９がタッチパネル２の端部以外のところでドロップされた場合は、楕円エフェクト１２が消去され、アイコン９はその場所にとどまる（ステップＳ１０８）。
【００３７】
また、本実施例１ではアイコン９がタッチパネル２の端部でドロップされた時点で表示領域外へと移動するように表示するようにしていたが、ユーザによるドロップが行われなくても（指示体１１がタッチパネル２に接触したままでも）、端部までドラッグが行われた場合は、自動的にアイコン９をドロップさせ、表示領域外へと移動して消去するようにしてもよい。この場合においては、指示体１１がタッチパネル２に接触した状態であるため、指示体１１がタッチパネル２から離れている場合と比べ、アイコン９がさらに見えづらい状態となるため、アイコンにエフェクトを付加させることによる視認性向上の効果がより大きくなる。
【００３８】
なお、第１の実施形態におけるタッチパネル２の端部とは、例えば、アイコン９の一部がタッチパネル２の表示領域の外に出ている状態になる位置とする。
【００３９】
また、本実施例ではアイコン９の周囲を囲むエフェクトとして楕円エフェクトを例に挙げたが、このエフェクトは楕円に限らず、アイコン９の周囲に表示されるものであればどのような形をしていても良い。ただし上記のエフェクトは、アイコンの視認性を高めるという理由から、ある程度の大きさを持つことが望ましく、さらには、他の表示の視認性を低下させることのないように、半透明であることが望ましい。
【００４０】
（実施例２）
次に、軌跡を用いてアイコン９を実質的に拡大する方法について、図５を用いて説明する。なお、本実施例２から実施例４までは、エフェクトの種類が異なる点を除けば同じ動作の流れで行われるため、そのフローチャートも図４と同様である。
【００４１】
アイコン９（オブジェクト）のドラッグが開始されると、図５（Ａ）のように、アイコン９が動いた軌跡上に軌跡エフェクト１３が表示される。そして、図５（Ｂ）のように、アイコン９がタッチパネル２の端部までドラッグされると、軌跡エフェクト１３の色が変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００４２】
ここで、アイコン９がドロップされると、図５（Ｃ）のように、表示制御部７はアイコン９と軌跡エフェクト１３がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００４３】
これにより、アイコン９と軌跡エフェクト１３の領域の全てが画面外に消えるまでの時間をより長くすることができるため、アイコン移動の様子を分かりやすく表示することができる。
【００４４】
なお、この軌跡エフェクト１３は、図５のような帯状のものではなく、線状のものであっても良いし、アイコン９を薄く表示した残像のようなものであっても良い。
【００４５】
（実施例３）
次に、吹き出しを用いてアイコン９を実質的に拡大する方法について、図６を用いて説明する。
【００４６】
アイコン９（オブジェクト）のドラッグが開始されると、図６（Ａ）のように、アイコン９の近傍に吹き出しエフェクト１４が表示され、その中にアイコン９の様子が表示される。この吹き出しエフェクト１４内のアイコンは、アイコン９を複製したものであり、アイコン９が変化すると、吹き出しエフェクト１４内のアイコンも変化する。
【００４７】
そして、図６（Ｂ）のように、アイコン９がタッチパネル２の端部までドラッグされると、アイコン９と吹き出しエフェクト１４内のアイコンの色や形状がともに変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００４８】
ここで、アイコン９がドロップされると、図６（Ｃ）のように、表示制御部７はアイコン９と吹き出しエフェクト１４がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００４９】
これにより、アイコン９と吹き出しエフェクト１４の領域の全てが画面外に消えるまでの時間をより長くすることができるため、アイコン９が移動する様子を分かりやすく表示することができる。
【００５０】
なお、吹き出しエフェクト１４を表示する位置は、アイコン９がドラッグされる方向が推測できる場合は、その方向とは逆方向の位置に表示するようにすることが望ましい。このようにすることで、アイコン９が表示領域外に消えていくような場合において、吹き出しエフェクト１４をより長く表示することができる。
【００５１】
また、吹き出しエフェクト１４がアイコン９とともに移動している間に、吹き出しエフェクト１４がタッチパネル２の表示領域にできるだけ長く残るように、アイコン９に対する吹き出しエフェクト１４の相対位置を変更するようにしても良い。
【００５２】
また、吹き出しエフェクト１４が、アイコン９に対して遅れて画面外に移動するように表示することによって、吹き出しエフェクト１４の表示時間を長くするようにしても良い。
【００５３】
（実施例４）
次に、伸縮表現を用いてアイコン９を実質的に拡大する方法について、図７を用いて説明する。
【００５４】
アイコン９（オブジェクト）のドラッグが開始されると、図７（Ａ）のように、指示体１１が動いた軌跡に応じて、伸縮エフェクト１５が伸びるように表示される。そして、図７（Ｂ）のように、伸縮エフェクト１５がタッチパネル２の端部までドラッグされると、アイコン９と伸縮エフェクト１５の色が変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００５５】
ここで、伸縮エフェクト１５（アイコン９）がドロップされると、図７（Ｃ）のように、表示制御部７はアイコン９と伸縮エフェクト１５がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００５６】
これにより、アイコン９と伸縮エフェクト１５の領域の全てが画面外に消えるまでの時間を長くすることができるため、アイコン移動の様子を分かりやすく表示することができる。
【００５７】
また、伸縮エフェクトを付加する代わりに、以下のようにアイコン９自体を引き伸ばすような表示を行っても良い。なお、アイコン自体を引き伸ばす方法は、アイコンに伸縮エフェクト１５を追加する場合とユーザインタフェース上はほぼ同じであるため、この方法も「アイコンにエフェクトを付加する」という概念に含めるものとする。
【００５８】
アイコン９のドラッグが開始されると、図８（Ａ）のように、アイコン９がドラッグ方向に引き伸ばされるような表示を行う。そして、図８（Ｂ）のように、アイコン９が伸びた部分がタッチパネル２の端部に到達すると、アイコン９の色が変化し、端部領域に到達したことを分かりやすく示す。
【００５９】
ここで、アイコン９がドロップされると、図８（Ｃ）のように引き伸ばされたアイコン９がタッチパネル２の表示領域外に移動して消えるように表示する。
【００６０】
なお、アイコン９を引き伸ばす際の表現としては上記のようなものに限らず、例えば図９のようにアイコン９全体が伸び縮みするようなものであってもよい。
【００６１】
このようにアイコン９を引き伸ばすような表現を行うことで、ドラッグ中もアイコンの表示内容を確認することができるという利点を有する。
【００６２】
（実施例５）
上記実施例１〜４で説明した、アイコンにエフェクトを付加し、アイコンと一体化して移動・変化させることによって視認性を高めることができるのは、アイコンをタッチパネルの表示領域外に移動させて消去する場合に限らない。その一例として、実施例１の楕円エフェクトを用いて、アイコンを表示領域内で移動、縮小の少なくともいずれかを行うことにより消去する表示について説明する。
【００６３】
図１０は、アイコン９をごみ箱１０に捨てる（削除する）操作を説明したものである。図１０（Ｂ）において、アイコン９（オブジェクト）のドラッグを開始すると、周囲に楕円エフェクト１２が表示され、アイコン９のドラッグとともに移動する。
【００６４】
そして、図１０（Ｃ）のように、アイコン９がごみ箱１０に重なるようにドラッグされると、図１１（Ａ）のように楕円エフェクト１２の色や模様が変化し、ごみ箱１０に重なったことを表現する。
【００６５】
そしてここでアイコン９がドロップされると、図１１（Ａ）〜（Ｃ）で示したように、アイコン９とともに楕円エフェクト１２も一緒に縮小され、ごみ箱１０に吸い込まれて消えていくようなアニメーションが行われる。
【００６６】
これにより、指示体１１に隠れて見えづらいアイコン９の表示領域をエフェクトによって実質的に拡大することができ、さらにそのエフェクト領域をアイコン９の状態に応じて変化させることによって、アイコンの状態変化の視認性を高めることができる。
【００６７】
また、図１２のように、実施例２〜４で説明したようなエフェクトにおいても、同様にごみ箱１０へと吸い込まれて消えていくような表示を行うことができる。
【００６８】
図１２（Ａ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた軌跡エフェクト１３がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００６９】
図１２（Ｂ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた吹き出しエフェクト１４がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００７０】
図１２（Ｃ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた伸縮エフェクト１５がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００７１】
上記いずれの変形例においても、アイコンが移動し、消えていく様子を、アイコン９自体の大きさよりも広い領域で表示することができるため、アイコンが移動する様子の視認性を高くすることができるという効果を奏する。
【００７２】
なお、本実施例５はアイコン９をごみ箱１０に捨てる操作について説明したが、ごみ箱１０の代わりにアイコン９を格納することができるいわゆるフォルダのようなものを用いる場合も同様である。
【００７３】
また、以上のような第１の実施形態においては、アイコン９が移動して消えていく間に、アイコンやエフェクトの形や大きさが変化するようなものであっても良い。例えば、実施例１においては、アイコン９がタッチパネル２の表示領域外に消えていくときに、楕円エフェクト１２を進行方向に対して垂直な方向に縮小させ（幅がせまくなるようにし）、移動の勢いを表現するようにしても良い。
（第２の実施形態）
第２の実施形態においては、タップすると消去されるオブジェクトに対して操作を行ったときに、どのオブジェクトがタップされたかを分かりやすくする表示について説明を行う。
【００７４】
図１３は図形描画ソフトを例にとった説明図である。図１３（Ａ）において、表示装置１の上部にはメニュー１６（色を変更するメニュー１６ａ、図形を変更するメニュー１６ｂ、フォントを変更するメニュー１６ｃ）が表示されている。それ以外の部分は描画領域１７となっており、様々な形の図形１８（オブジェクト）を描画することができる。
（実施例６）
ここで、図１３、図１４の説明図および図１５のフローチャートを用いて、図形１８に対して切り取りを行う操作について説明する。
【００７５】
図１３（Ａ）のように、図形１８ａ（第２のオブジェクト、三角形）に対し、長押しなどの操作を行うと（ステップＳ２００でＹｅｓ）、図１３（Ｂ）のように、図形１８ａの色が変化し、図形１８ａに対するコンテキストメニュー１９が画面に表示される（ステップＳ２０１）。
【００７６】
コンテキストメニュー１９は、図形のコピーを行うコピーボタン２０、図形の切り取り（カット）を行う切り取りボタン２１からなっている。
【００７７】
ここで、図１３（Ｃ）のように、切り取りボタン２１がタップされると（ステップＳ２０４でＹｅｓ）、切り取りボタン２１が第１のオブジェクトとなる。そして、図１４（Ａ）、（Ｂ）のように、切り取りボタン２１（第１のオブジェクト）に向けて縮小しながら移動させ、図形１８ａ（第２のオブジェクト）が吸い込まれるように消えていく（ステップＳ２０５）。そして、図形１８ａが吸い込まれた後は、コンテキストメニュー１９を消去する。
【００７８】
また、図１３（Ｂ）の状態においてコピーボタン２０がタップされた場合（ステップＳ２０６）は、コピーボタン２０が第１のオブジェクトとなる。そして、図形がコピーされるということをより分かりやすくするため、図１６のように、図形１８ａは同じ位置に表示したまま、図形１８ａの代わりに、図形１８を複製した図形２２を第２のオブジェクトとし、図形２２をコピーボタン２０に向けて縮小しながら移動させ、吸い込まれて消えていくように表示する（ステップＳ２０７）。
【００７９】
一方で、図１３（Ｃ）においてコンテキストメニュー１９やメニュー１６以外の部分（描画領域１７）がタップされた場合は、図形１８が吸い込まれて消えるような表示は行わず、単に消去する（ステップＳ２０８）。
【００８０】
このようにすることで、コンテキストメニュー１９の領域がタップされかどうかを消去における表示の違いによって区別することができるため、ユーザは意図したボタンを押せたかどうかをすぐに確認することができるという効果をもたらす。
【００８１】
このように、タップされたボタンに向けて、関連するオブジェクトに向けて縮小しながら移動させ、吸い込まれて消えていくように表示することによって、タップ時に図形１８を単に消去するときに比べ、どのボタンがタップされたかが分かりやすくなる。
【００８２】
また、本実施例のようにコピーや切り取り操作を行う場合は、図形１８（または図形２２）がボタンに吸い込まれるように表示することによって、本当に図形１８（または図形２２）にコピーや切り取り操作が行われたかのような印象をユーザに与えることができる。
【００８３】
なお、本実施例６ではコンテキストメニューとして「コピー」と「切り取り」を挙げたが、それ以外のものであっても良い。例えば、「削除」や「移動」のように、図形１８が削除されることが期待されるメニューにおいては、図１４のように、図形１８がメニューに吸い込まれるように表示すれば良いし、「開く」や「メールで送る」のように、図形１８の機能が実行されたりコピーされたりすることが期待されるメニューにおいては、図１６のように、図形１８の複製である図形２２が吸い込まれるように表示すれば良い。
【００８４】
また、本実施例６においては、第２のオブジェクト（吸い込まれるオブジェクト）として図形１８または図形２２を例にとったが、コンテキストメニュー１９のうち、タップされなかった方のボタンも第２のオブジェクトとし、第１のオブジェクトに吸い込まれるように表示しても良い。例えば、図１３（Ｃ）のように、切り取りボタン２１がタップされた場合は、図形１８とともにコピーボタン２０も切り取りボタン２１に吸い込まれるように表示する。
【００８５】
また、上記の説明に用いた図においては図形１８が変形しながら吸い込まれるような表示を行っているが、形を維持したまま次第に大きさが小さくなっていくような吸い込まれ方でも良い。
【００８６】
また、コンテキストメニューを呼び出す操作は長押しに限らず、例えば入力手段としてマウスを用いる場合は、右クリックによって呼び出すようにしても良い。
（実施例７）
次に、選択肢としてのアイコンやメニューが並んでいるパネルを消去する際の画面表示について説明する。
【００８７】
図１７は、描画する図形を選択する手順を示した説明図である。図１７（Ａ）のように指示体１１でメニュー１６ｂをタップすると、図１７（Ｂ）のように、メニュー１６ｂの下部に図形選択パネル２３（第２のオブジェクト）が現れる。この図形選択パネル２３の中には複数の（図示した例では９つの）図形アイコン２４（２４ａ、２４ｂ、…）が表示されており、そのうちいずれかをタップすることにより描画する図形を選択し、続けて描画領域１７でタップやドラッグを行うことによりその図形を描画することができる。
【００８８】
ここで、図１７（Ｃ）のように、図形選択パネル２３の右下に表示されている図形アイコン２４ａ（雲の図形）をタップすると、図形アイコン２４ａが第１のオブジェクトとなり、図１８（Ａ）〜（Ｃ）のように、図形選択パネル２３（第２のオブジェクト）がタップされた図形アイコン２４ａに向かって縮小しながら移動させ、吸い込まれるように消去する。
【００８９】
一方で、図１７（Ｃ）において、図形選択パネル２３やメニュー１６以外の部分（描画領域１７）をタップすると、図形選択パネル２３が吸い込まれて消えていくような表示は行わず、そのまま消去する。
【００９０】
このようにすることにより、タップの場所が図形選択パネル２３内の位置であるかどうかをユーザが区別することができる。
【００９１】
続いて、本実施例７の変形例について説明する。上記の実施例７では、タップした位置が図形選択パネル２３内の位置であるかどうかを区別することはできたが、図形選択パネル２３内の複数の図形アイコン２４のうちどれがタップされたかを区別することは難しかった。したがって、ユーザは図形アイコン２４ａ（雲の図形）をタップしたつもりが、隣接する図形アイコン２４ｂ（稲妻の図形）が選択されてしまい、気付かないまま操作をつづけてしまうということがあった。
【００９２】
そこで、本変形例では、図１７（Ｃ）のように、図形アイコン２４ａ（雲）がタップされたときは、図１９（Ａ）〜（Ｃ）のように、図形選択パネル２３が元々の形状（長方形）から、タップされた図形アイコンに対応する図形の形状（ここでは雲の形）に変化しながら、タップ位置に吸い込まれるように消去する。
【００９３】
同様に、図形アイコン２４ｂ（稲妻）がタップされたときには、図形選択パネル２３は長方形から稲妻の形に変化しながら、タップ位置に吸い込まれるように消去される。
【００９４】
このようにすることにより、図形選択パネル２３内を適切にタップできたことが分かりやすくなることに加え、どの図形アイコン２４をタップしたのかもユーザに示すことができるため、誤入力を行った際にユーザに素早く気付かせることができる。
【００９５】
なお、上記の変形例の説明においては図形選択パネル２３の形を変更することについて記載したが、パネルが図形選択を行うものではなく、例えばメニュー１６ａをタップすることによって現れる色選択パネル２５（図示せず）に含まれる複数の色アイコン２６（図示せず）から図形の色を選択するような場合は、色アイコン２６をタップして選択すると、色選択パネル２５がその色に変化しながらタップ位置に吸い込まれるように消去すればよい。
【００９６】
本発明の第１および第２の実施形態では、タッチパネルを備える表示装置によって説明を行ったがこれに限るものではなく、マウスによって指示体１１（カーソル）を動かすようなものであってよい。この場合、タップ操作はマウスのクリック操作に相当する。
【産業上の利用可能性】
【００９７】
本発明によれば、アイコンが移動および変化した際の視認性を高める表示装置を提供することができる。
【符号の説明】
【００９８】
１ 表示装置
２ タッチパネル（表示手段、入力手段）
３ ＣＰＵ（情報処理手段）
４ メモリ（記憶手段）
５ 中央制御部
６ 入力検出部
７ 表示制御部
８ 額縁
９ アイコン
１０ ごみ箱
１１ 指示体
１２ 楕円エフェクト
１３ 軌跡エフェクト
１４ 吹き出しエフェクト
１５ 伸縮エフェクト
１６ メニュー
１７ 描画領域
１８ 図形
１９ コンテキストメニュー
２０ コピーボタン
２１ 切り取りボタン
２２ 図形
２３ 図形選択パネル
２４ 図形アイコン
２５ 色選択パネル
２６ 色アイコン
【技術分野】
【０００１】
本発明は、画面に表示されたオブジェクトの移動および変化の視認性を高める表示装置および表示方法に関する。
【背景技術】
【０００２】
タッチパネルに表示されたアイコンなどのオブジェクトに対して指などの指示体で接触操作を行うことにより、オブジェクトの操作を行う機器が知られている。このような機器において、オブジェクトを表示画面から消去する場合、オブジェクトが指示体の下に隠れてしまい、その変化が見えづらいという問題があった。
【０００３】
例えば、アイコンが表示領域の端部までドラッグされると、アイコンが表示領域外に移動し画面から消去されるような画面表示の場合においては、アイコンが指に隠れることに加え、アイコンがすぐに表示領域から消えてしまうために、その移動の様子が分かりづらい。
【０００４】
同様に、複数のアイコンが並べられたレイアウト用のパネルの中から一つのアイコンをタッチするとそのアイコンおよびレイアウト用のパネルがその場で消去されるような画面表示の場合においても、アイコンが指に隠れてしまうために、意図したアイコンをタッチしたかどうかをユーザが認識しづらい。
【０００５】
アイコンなどのオブジェクトが指示体に隠れるために視認性が低下するという課題に対し、特許文献１には、ボタン（オブジェクト）がドラッグされている間は、ボタンを別の表示位置に移動させることによって、ボタンの視認性を確保する表示制御装置が記載されている。
【０００６】
また、特許文献２には、どのボタン（オブジェクト）がタッチされたかを分かりやすくするため、タッチされたボタンが沈み、その周囲のボタンも引きずられてへこんだように表示する表示装置が記載されている。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】特開２０１１−１５９１８０号公報
【特許文献２】特開２００４−２５９０５４号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
しかしながら、特許文献１に記載の表示制御装置においては、ドラッグ位置（指の接触位置）とアイコンの位置がずれているために直感性に欠けるという問題があった。
【０００９】
また、特許文献２に記載の表示装置においては、タッチしたボタンがすぐに消えてしまうような場合や、ボタンをタッチすると別のオブジェクトが変化するというような、ボタンが別のオブジェクトと関連しているような場合には効果が得られない。
【００１０】
そこで本発明は、アイコンなどのオブジェクトを表示画面から消去する際に、その視認性を高めることを目的とする。
【課題を解決するための手段】
【００１１】
上記課題を解決するために、本発明にかかる第１の表示装置は、表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴としている。
【００１２】
本発明にかかる第２の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトの周囲を取り囲むものであることを特徴としている。
本発明にかかる第３の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトがドラッグされた軌跡であることを特徴としている。
【００１３】
本発明にかかる第４の表示装置は、第１の表示装置の構成に加え、前記エフェクトは前記オブジェクトを複製したものを前記オブジェクトの近傍に表示したものであることを特徴としている。
【００１４】
本発明にかかる第５の表示装置は、第１の表示装置の構成に加え、前記エフェクトは、前記オブジェクトがドラッグによって引き伸ばされたものであることを特徴としている。
【００１５】
本発明にかかる第６の表示装置は、表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴としている。
【００１６】
本発明にかかる第７の表示装置は、第６の表示装置の構成に加え、前記第１のオブジェクトは、前記第２のオブジェクトに対して実行する機能のボタンであることを特徴としている。
【００１７】
本発明にかかる第８の表示装置は、第６の表示装置の構成に加え、前記第２のオブジェクトは、前記第１のオブジェクトを含むパネルであることを特徴としている。
【００１８】
本発明にかかる第９の表示装置は、第８の表示装置の構成に加え、前記表示制御部は、前記第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去する際に、前記第２のオブジェクトを前記第１のオブジェクトに関連した形状または色に変化させることを特徴としている。
【００１９】
本発明にかかる第１の表示方法は、表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって消去することを特徴としている。
【００２０】
本発明にかかる第２の表示方法は、表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴としている。
【００２１】
なお、本発明における「オブジェクト」の例としては、第１の実施形態においては「アイコン」、第２の実施形態においては「図形」および「パネル」が対応する。
【００２２】
また、以下の説明において「タップする」とは指示体（指など）をタッチパネルに接触させてすぐ離す行為をいう。これは、入力手段としてマウスを用いた場合は、マウスカーソルをオブジェクトに合わせてマウスをクリックすることに相当する。タッチパネルにおける指示体は指やタッチペンであり、マウス入力における指示体はマウスカーソルである。
【発明の効果】
【００２３】
本発明によれば、アイコンや図形といったオブジェクトを表示画面から消去する際の視認性を高めることができるという効果を有する。
【図面の簡単な説明】
【００２４】
【図１】本発明の表示装置の機能ブロック図
【図２】本発明の表示装置の概略図
【図３】本発明の実施例１に記載の表示装置における表示の様子を表す説明図
【図４】本発明の実施例１に記載の表示装置における表示の流れを表すフローチャート
【図５】本発明の実施例２に記載の表示装置における表示の様子を表す説明図
【図６】本発明の実施例３に記載の表示装置における表示の様子を表す説明図
【図７】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図８】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図９】本発明の実施例４に記載の表示装置における表示の様子を表す説明図
【図１０】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１１】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１２】本発明の実施例５に記載の表示装置における表示の様子を表す説明図
【図１３】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１４】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１５】本発明の実施例６に記載の表示装置における表示の流れを表すフローチャート
【図１６】本発明の実施例６に記載の表示装置における表示の様子を表す説明図
【図１７】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【図１８】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【図１９】本発明の実施例７に記載の表示装置における表示の様子を表す説明図
【００２５】
【発明を実施するための形態】
【００２６】
（第１の実施形態）
図１は本発明を適用した表示装置１の機能ブロック図である。表示装置１の正面部には、表示手段および入力手段としてのタッチパネル２、情報処理手段としてのＣＰＵ３（Central Processing Unit）、記憶手段としてのメモリ４が備えられている。メモリ４はプログラムデータ等が格納されているＲＯＭ（Read-Only Memory）と、処理結果を一時的に保持するためのＲＡＭ（Random-Access Memory）からなる。また、さらに情報を読み書きするためのＨＤＤ（Hard Disk Drive）やフラッシュメモリなどを備えていても良い。
【００２７】
ＣＰＵ３は中央制御部５、入力検出部６、表示制御部７からなる。タッチパネル２への接触による入力は、ＣＰＵ３の入力検出部６によって検知され、メイン処理を行う中央制御部５へと送られる。中央制御部５での処理の結果は、表示に関わる制御を行う表示制御部７を通じてタッチパネル２に表示される。
【００２８】
図２は、表示装置１が画像閲覧モードにあるときの初期状態の概略図である。表示装置１の正面部は、額縁８とタッチパネル２からなっており、タッチパネル２には、画像ファイルの複数のアイコン９およびデータを削除するためのごみ箱１０が表示されている。アイコン９が並んでいる列は、指などの指示体１１でなぞることにより、列全体を左右にスクロールしたり、アイコン９を画面内でドラッグしたりできる。
【００２９】
このアイコン９をタッチパネル２の端部までドラッグさせると、アイコン９がその接近させた端部から画面外に消えるように移動する。このような表現は、例えば表示装置１が通信手段を備えている場合に、アイコン９が表すデータを他の機器に転送する際のアニメーションとして有用である。
【００３０】
（実施例１）
続いて、アイコン９を表示領域の端から表示領域外に移動して消去する際の操作の詳細について、図３の説明図および図４のフローチャートを用いて説明する。
【００３１】
図３（Ａ）において、指示体１１がタッチパネル２上のアイコン９（オブジェクト）に接触しドラッグが開始されると（ステップＳ１００でＹｅｓ、Ｓはステップのこと、以降同様）、表示制御部７は、図３（Ｂ）のようにアイコン９の周囲に楕円エフェクト１２を表示する（ステップＳ１０１）。
【００３２】
なお、アイコンの表示変化や移動などの表示に関わる制御は、以降同様に表示制御部７によって行われる。
【００３３】
そして、アイコン９がタッチパネル２の端部までドラッグされると（ステップＳ１０５でＹｅｓ）、図３（Ｃ）のように、楕円エフェクト１２の色や模様を変化させ（ステップＳ１０６）、アイコン９が端部領域に入ったことを分かりやすく示す。
【００３４】
そして、端部領域において指示体１１がタッチパネル２から離されると（以下、アイコンを「ドロップする」という）（ステップＳ１０３でＹｅｓ）、アイコン９および楕円エフェクト１２がともにその端部から消えるように移動させる（ステップＳ１０４）。
【００３５】
これにより、アイコン９の領域を楕円エフェクト１２によって実質的に拡大することができるため、アイコン９をそのまま画面外に移動させる場合と比べ、アイコン９と楕円エフェクト１２の領域の全てが画面外に消えるまでの時間をより長くすることができ、結果として移動の様子をユーザに分かりやすく示すことができる。
【００３６】
なお、アイコン９がタッチパネル２の端部以外のところでドロップされた場合は、楕円エフェクト１２が消去され、アイコン９はその場所にとどまる（ステップＳ１０８）。
【００３７】
また、本実施例１ではアイコン９がタッチパネル２の端部でドロップされた時点で表示領域外へと移動するように表示するようにしていたが、ユーザによるドロップが行われなくても（指示体１１がタッチパネル２に接触したままでも）、端部までドラッグが行われた場合は、自動的にアイコン９をドロップさせ、表示領域外へと移動して消去するようにしてもよい。この場合においては、指示体１１がタッチパネル２に接触した状態であるため、指示体１１がタッチパネル２から離れている場合と比べ、アイコン９がさらに見えづらい状態となるため、アイコンにエフェクトを付加させることによる視認性向上の効果がより大きくなる。
【００３８】
なお、第１の実施形態におけるタッチパネル２の端部とは、例えば、アイコン９の一部がタッチパネル２の表示領域の外に出ている状態になる位置とする。
【００３９】
また、本実施例ではアイコン９の周囲を囲むエフェクトとして楕円エフェクトを例に挙げたが、このエフェクトは楕円に限らず、アイコン９の周囲に表示されるものであればどのような形をしていても良い。ただし上記のエフェクトは、アイコンの視認性を高めるという理由から、ある程度の大きさを持つことが望ましく、さらには、他の表示の視認性を低下させることのないように、半透明であることが望ましい。
【００４０】
（実施例２）
次に、軌跡を用いてアイコン９を実質的に拡大する方法について、図５を用いて説明する。なお、本実施例２から実施例４までは、エフェクトの種類が異なる点を除けば同じ動作の流れで行われるため、そのフローチャートも図４と同様である。
【００４１】
アイコン９（オブジェクト）のドラッグが開始されると、図５（Ａ）のように、アイコン９が動いた軌跡上に軌跡エフェクト１３が表示される。そして、図５（Ｂ）のように、アイコン９がタッチパネル２の端部までドラッグされると、軌跡エフェクト１３の色が変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００４２】
ここで、アイコン９がドロップされると、図５（Ｃ）のように、表示制御部７はアイコン９と軌跡エフェクト１３がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００４３】
これにより、アイコン９と軌跡エフェクト１３の領域の全てが画面外に消えるまでの時間をより長くすることができるため、アイコン移動の様子を分かりやすく表示することができる。
【００４４】
なお、この軌跡エフェクト１３は、図５のような帯状のものではなく、線状のものであっても良いし、アイコン９を薄く表示した残像のようなものであっても良い。
【００４５】
（実施例３）
次に、吹き出しを用いてアイコン９を実質的に拡大する方法について、図６を用いて説明する。
【００４６】
アイコン９（オブジェクト）のドラッグが開始されると、図６（Ａ）のように、アイコン９の近傍に吹き出しエフェクト１４が表示され、その中にアイコン９の様子が表示される。この吹き出しエフェクト１４内のアイコンは、アイコン９を複製したものであり、アイコン９が変化すると、吹き出しエフェクト１４内のアイコンも変化する。
【００４７】
そして、図６（Ｂ）のように、アイコン９がタッチパネル２の端部までドラッグされると、アイコン９と吹き出しエフェクト１４内のアイコンの色や形状がともに変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００４８】
ここで、アイコン９がドロップされると、図６（Ｃ）のように、表示制御部７はアイコン９と吹き出しエフェクト１４がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００４９】
これにより、アイコン９と吹き出しエフェクト１４の領域の全てが画面外に消えるまでの時間をより長くすることができるため、アイコン９が移動する様子を分かりやすく表示することができる。
【００５０】
なお、吹き出しエフェクト１４を表示する位置は、アイコン９がドラッグされる方向が推測できる場合は、その方向とは逆方向の位置に表示するようにすることが望ましい。このようにすることで、アイコン９が表示領域外に消えていくような場合において、吹き出しエフェクト１４をより長く表示することができる。
【００５１】
また、吹き出しエフェクト１４がアイコン９とともに移動している間に、吹き出しエフェクト１４がタッチパネル２の表示領域にできるだけ長く残るように、アイコン９に対する吹き出しエフェクト１４の相対位置を変更するようにしても良い。
【００５２】
また、吹き出しエフェクト１４が、アイコン９に対して遅れて画面外に移動するように表示することによって、吹き出しエフェクト１４の表示時間を長くするようにしても良い。
【００５３】
（実施例４）
次に、伸縮表現を用いてアイコン９を実質的に拡大する方法について、図７を用いて説明する。
【００５４】
アイコン９（オブジェクト）のドラッグが開始されると、図７（Ａ）のように、指示体１１が動いた軌跡に応じて、伸縮エフェクト１５が伸びるように表示される。そして、図７（Ｂ）のように、伸縮エフェクト１５がタッチパネル２の端部までドラッグされると、アイコン９と伸縮エフェクト１５の色が変化し、アイコン９が端部領域に入ったことを分かりやすく示す。
【００５５】
ここで、伸縮エフェクト１５（アイコン９）がドロップされると、図７（Ｃ）のように、表示制御部７はアイコン９と伸縮エフェクト１５がともにタッチパネル２の表示領域外に移動して消えるように表示する。
【００５６】
これにより、アイコン９と伸縮エフェクト１５の領域の全てが画面外に消えるまでの時間を長くすることができるため、アイコン移動の様子を分かりやすく表示することができる。
【００５７】
また、伸縮エフェクトを付加する代わりに、以下のようにアイコン９自体を引き伸ばすような表示を行っても良い。なお、アイコン自体を引き伸ばす方法は、アイコンに伸縮エフェクト１５を追加する場合とユーザインタフェース上はほぼ同じであるため、この方法も「アイコンにエフェクトを付加する」という概念に含めるものとする。
【００５８】
アイコン９のドラッグが開始されると、図８（Ａ）のように、アイコン９がドラッグ方向に引き伸ばされるような表示を行う。そして、図８（Ｂ）のように、アイコン９が伸びた部分がタッチパネル２の端部に到達すると、アイコン９の色が変化し、端部領域に到達したことを分かりやすく示す。
【００５９】
ここで、アイコン９がドロップされると、図８（Ｃ）のように引き伸ばされたアイコン９がタッチパネル２の表示領域外に移動して消えるように表示する。
【００６０】
なお、アイコン９を引き伸ばす際の表現としては上記のようなものに限らず、例えば図９のようにアイコン９全体が伸び縮みするようなものであってもよい。
【００６１】
このようにアイコン９を引き伸ばすような表現を行うことで、ドラッグ中もアイコンの表示内容を確認することができるという利点を有する。
【００６２】
（実施例５）
上記実施例１〜４で説明した、アイコンにエフェクトを付加し、アイコンと一体化して移動・変化させることによって視認性を高めることができるのは、アイコンをタッチパネルの表示領域外に移動させて消去する場合に限らない。その一例として、実施例１の楕円エフェクトを用いて、アイコンを表示領域内で移動、縮小の少なくともいずれかを行うことにより消去する表示について説明する。
【００６３】
図１０は、アイコン９をごみ箱１０に捨てる（削除する）操作を説明したものである。図１０（Ｂ）において、アイコン９（オブジェクト）のドラッグを開始すると、周囲に楕円エフェクト１２が表示され、アイコン９のドラッグとともに移動する。
【００６４】
そして、図１０（Ｃ）のように、アイコン９がごみ箱１０に重なるようにドラッグされると、図１１（Ａ）のように楕円エフェクト１２の色や模様が変化し、ごみ箱１０に重なったことを表現する。
【００６５】
そしてここでアイコン９がドロップされると、図１１（Ａ）〜（Ｃ）で示したように、アイコン９とともに楕円エフェクト１２も一緒に縮小され、ごみ箱１０に吸い込まれて消えていくようなアニメーションが行われる。
【００６６】
これにより、指示体１１に隠れて見えづらいアイコン９の表示領域をエフェクトによって実質的に拡大することができ、さらにそのエフェクト領域をアイコン９の状態に応じて変化させることによって、アイコンの状態変化の視認性を高めることができる。
【００６７】
また、図１２のように、実施例２〜４で説明したようなエフェクトにおいても、同様にごみ箱１０へと吸い込まれて消えていくような表示を行うことができる。
【００６８】
図１２（Ａ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた軌跡エフェクト１３がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００６９】
図１２（Ｂ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた吹き出しエフェクト１４がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００７０】
図１２（Ｃ）は、アイコン９（オブジェクト）とともに、ドラッグにより生じた伸縮エフェクト１５がごみ箱１０に吸い込まれて消えていくように表示した例である。
【００７１】
上記いずれの変形例においても、アイコンが移動し、消えていく様子を、アイコン９自体の大きさよりも広い領域で表示することができるため、アイコンが移動する様子の視認性を高くすることができるという効果を奏する。
【００７２】
なお、本実施例５はアイコン９をごみ箱１０に捨てる操作について説明したが、ごみ箱１０の代わりにアイコン９を格納することができるいわゆるフォルダのようなものを用いる場合も同様である。
【００７３】
また、以上のような第１の実施形態においては、アイコン９が移動して消えていく間に、アイコンやエフェクトの形や大きさが変化するようなものであっても良い。例えば、実施例１においては、アイコン９がタッチパネル２の表示領域外に消えていくときに、楕円エフェクト１２を進行方向に対して垂直な方向に縮小させ（幅がせまくなるようにし）、移動の勢いを表現するようにしても良い。
（第２の実施形態）
第２の実施形態においては、タップすると消去されるオブジェクトに対して操作を行ったときに、どのオブジェクトがタップされたかを分かりやすくする表示について説明を行う。
【００７４】
図１３は図形描画ソフトを例にとった説明図である。図１３（Ａ）において、表示装置１の上部にはメニュー１６（色を変更するメニュー１６ａ、図形を変更するメニュー１６ｂ、フォントを変更するメニュー１６ｃ）が表示されている。それ以外の部分は描画領域１７となっており、様々な形の図形１８（オブジェクト）を描画することができる。
（実施例６）
ここで、図１３、図１４の説明図および図１５のフローチャートを用いて、図形１８に対して切り取りを行う操作について説明する。
【００７５】
図１３（Ａ）のように、図形１８ａ（第２のオブジェクト、三角形）に対し、長押しなどの操作を行うと（ステップＳ２００でＹｅｓ）、図１３（Ｂ）のように、図形１８ａの色が変化し、図形１８ａに対するコンテキストメニュー１９が画面に表示される（ステップＳ２０１）。
【００７６】
コンテキストメニュー１９は、図形のコピーを行うコピーボタン２０、図形の切り取り（カット）を行う切り取りボタン２１からなっている。
【００７７】
ここで、図１３（Ｃ）のように、切り取りボタン２１がタップされると（ステップＳ２０４でＹｅｓ）、切り取りボタン２１が第１のオブジェクトとなる。そして、図１４（Ａ）、（Ｂ）のように、切り取りボタン２１（第１のオブジェクト）に向けて縮小しながら移動させ、図形１８ａ（第２のオブジェクト）が吸い込まれるように消えていく（ステップＳ２０５）。そして、図形１８ａが吸い込まれた後は、コンテキストメニュー１９を消去する。
【００７８】
また、図１３（Ｂ）の状態においてコピーボタン２０がタップされた場合（ステップＳ２０６）は、コピーボタン２０が第１のオブジェクトとなる。そして、図形がコピーされるということをより分かりやすくするため、図１６のように、図形１８ａは同じ位置に表示したまま、図形１８ａの代わりに、図形１８を複製した図形２２を第２のオブジェクトとし、図形２２をコピーボタン２０に向けて縮小しながら移動させ、吸い込まれて消えていくように表示する（ステップＳ２０７）。
【００７９】
一方で、図１３（Ｃ）においてコンテキストメニュー１９やメニュー１６以外の部分（描画領域１７）がタップされた場合は、図形１８が吸い込まれて消えるような表示は行わず、単に消去する（ステップＳ２０８）。
【００８０】
このようにすることで、コンテキストメニュー１９の領域がタップされかどうかを消去における表示の違いによって区別することができるため、ユーザは意図したボタンを押せたかどうかをすぐに確認することができるという効果をもたらす。
【００８１】
このように、タップされたボタンに向けて、関連するオブジェクトに向けて縮小しながら移動させ、吸い込まれて消えていくように表示することによって、タップ時に図形１８を単に消去するときに比べ、どのボタンがタップされたかが分かりやすくなる。
【００８２】
また、本実施例のようにコピーや切り取り操作を行う場合は、図形１８（または図形２２）がボタンに吸い込まれるように表示することによって、本当に図形１８（または図形２２）にコピーや切り取り操作が行われたかのような印象をユーザに与えることができる。
【００８３】
なお、本実施例６ではコンテキストメニューとして「コピー」と「切り取り」を挙げたが、それ以外のものであっても良い。例えば、「削除」や「移動」のように、図形１８が削除されることが期待されるメニューにおいては、図１４のように、図形１８がメニューに吸い込まれるように表示すれば良いし、「開く」や「メールで送る」のように、図形１８の機能が実行されたりコピーされたりすることが期待されるメニューにおいては、図１６のように、図形１８の複製である図形２２が吸い込まれるように表示すれば良い。
【００８４】
また、本実施例６においては、第２のオブジェクト（吸い込まれるオブジェクト）として図形１８または図形２２を例にとったが、コンテキストメニュー１９のうち、タップされなかった方のボタンも第２のオブジェクトとし、第１のオブジェクトに吸い込まれるように表示しても良い。例えば、図１３（Ｃ）のように、切り取りボタン２１がタップされた場合は、図形１８とともにコピーボタン２０も切り取りボタン２１に吸い込まれるように表示する。
【００８５】
また、上記の説明に用いた図においては図形１８が変形しながら吸い込まれるような表示を行っているが、形を維持したまま次第に大きさが小さくなっていくような吸い込まれ方でも良い。
【００８６】
また、コンテキストメニューを呼び出す操作は長押しに限らず、例えば入力手段としてマウスを用いる場合は、右クリックによって呼び出すようにしても良い。
（実施例７）
次に、選択肢としてのアイコンやメニューが並んでいるパネルを消去する際の画面表示について説明する。
【００８７】
図１７は、描画する図形を選択する手順を示した説明図である。図１７（Ａ）のように指示体１１でメニュー１６ｂをタップすると、図１７（Ｂ）のように、メニュー１６ｂの下部に図形選択パネル２３（第２のオブジェクト）が現れる。この図形選択パネル２３の中には複数の（図示した例では９つの）図形アイコン２４（２４ａ、２４ｂ、…）が表示されており、そのうちいずれかをタップすることにより描画する図形を選択し、続けて描画領域１７でタップやドラッグを行うことによりその図形を描画することができる。
【００８８】
ここで、図１７（Ｃ）のように、図形選択パネル２３の右下に表示されている図形アイコン２４ａ（雲の図形）をタップすると、図形アイコン２４ａが第１のオブジェクトとなり、図１８（Ａ）〜（Ｃ）のように、図形選択パネル２３（第２のオブジェクト）がタップされた図形アイコン２４ａに向かって縮小しながら移動させ、吸い込まれるように消去する。
【００８９】
一方で、図１７（Ｃ）において、図形選択パネル２３やメニュー１６以外の部分（描画領域１７）をタップすると、図形選択パネル２３が吸い込まれて消えていくような表示は行わず、そのまま消去する。
【００９０】
このようにすることにより、タップの場所が図形選択パネル２３内の位置であるかどうかをユーザが区別することができる。
【００９１】
続いて、本実施例７の変形例について説明する。上記の実施例７では、タップした位置が図形選択パネル２３内の位置であるかどうかを区別することはできたが、図形選択パネル２３内の複数の図形アイコン２４のうちどれがタップされたかを区別することは難しかった。したがって、ユーザは図形アイコン２４ａ（雲の図形）をタップしたつもりが、隣接する図形アイコン２４ｂ（稲妻の図形）が選択されてしまい、気付かないまま操作をつづけてしまうということがあった。
【００９２】
そこで、本変形例では、図１７（Ｃ）のように、図形アイコン２４ａ（雲）がタップされたときは、図１９（Ａ）〜（Ｃ）のように、図形選択パネル２３が元々の形状（長方形）から、タップされた図形アイコンに対応する図形の形状（ここでは雲の形）に変化しながら、タップ位置に吸い込まれるように消去する。
【００９３】
同様に、図形アイコン２４ｂ（稲妻）がタップされたときには、図形選択パネル２３は長方形から稲妻の形に変化しながら、タップ位置に吸い込まれるように消去される。
【００９４】
このようにすることにより、図形選択パネル２３内を適切にタップできたことが分かりやすくなることに加え、どの図形アイコン２４をタップしたのかもユーザに示すことができるため、誤入力を行った際にユーザに素早く気付かせることができる。
【００９５】
なお、上記の変形例の説明においては図形選択パネル２３の形を変更することについて記載したが、パネルが図形選択を行うものではなく、例えばメニュー１６ａをタップすることによって現れる色選択パネル２５（図示せず）に含まれる複数の色アイコン２６（図示せず）から図形の色を選択するような場合は、色アイコン２６をタップして選択すると、色選択パネル２５がその色に変化しながらタップ位置に吸い込まれるように消去すればよい。
【００９６】
本発明の第１および第２の実施形態では、タッチパネルを備える表示装置によって説明を行ったがこれに限るものではなく、マウスによって指示体１１（カーソル）を動かすようなものであってよい。この場合、タップ操作はマウスのクリック操作に相当する。
【産業上の利用可能性】
【００９７】
本発明によれば、アイコンが移動および変化した際の視認性を高める表示装置を提供することができる。
【符号の説明】
【００９８】
１ 表示装置
２ タッチパネル（表示手段、入力手段）
３ ＣＰＵ（情報処理手段）
４ メモリ（記憶手段）
５ 中央制御部
６ 入力検出部
７ 表示制御部
８ 額縁
９ アイコン
１０ ごみ箱
１１ 指示体
１２ 楕円エフェクト
１３ 軌跡エフェクト
１４ 吹き出しエフェクト
１５ 伸縮エフェクト
１６ メニュー
１７ 描画領域
１８ 図形
１９ コンテキストメニュー
２０ コピーボタン
２１ 切り取りボタン
２２ 図形
２３ 図形選択パネル
２４ 図形アイコン
２５ 色選択パネル
２６ 色アイコン
【特許請求の範囲】
【請求項１】
表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴とする表示装置。
【請求項２】
前記エフェクトは、前記オブジェクトの周囲を取り囲むものであることを特徴とする、請求項１に記載の表示装置。
【請求項３】
前記エフェクトは、前記オブジェクトがドラッグされた軌跡であることを特徴とする、請求項１に記載の表示装置。
【請求項４】
前記エフェクトは前記オブジェクトを複製したものを前記オブジェクトの近傍に表示したものであることを特徴とする、請求項１に記載の表示装置。
【請求項５】
前記エフェクトは、前記オブジェクトがドラッグによって引き伸ばされたものであることを特徴とする、請求項１に記載の表示装置。
【請求項６】
表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴とする表示装置。
【請求項７】
前記第１のオブジェクトは、前記第２のオブジェクトに対して実行する機能のボタンであることを特徴とする、請求項６に記載の表示装置。
【請求項８】
前記第２のオブジェクトは、前記第１のオブジェクトを含むパネルであることを特徴とする、請求項６に記載の表示装置。
【請求項９】
前記表示制御部は、前記第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去する際に、前記第２のオブジェクトを前記第１のオブジェクトに関連した形状または色に変化させることを特徴とする、請求項８に記載の表示装置。
【請求項１０】
表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴とする表示方法。
【請求項１１】
表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴とする表示方法。
【請求項１】
表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴とする表示装置。
【請求項２】
前記エフェクトは、前記オブジェクトの周囲を取り囲むものであることを特徴とする、請求項１に記載の表示装置。
【請求項３】
前記エフェクトは、前記オブジェクトがドラッグされた軌跡であることを特徴とする、請求項１に記載の表示装置。
【請求項４】
前記エフェクトは前記オブジェクトを複製したものを前記オブジェクトの近傍に表示したものであることを特徴とする、請求項１に記載の表示装置。
【請求項５】
前記エフェクトは、前記オブジェクトがドラッグによって引き伸ばされたものであることを特徴とする、請求項１に記載の表示装置。
【請求項６】
表示手段と表示制御部とを備えた表示装置であって、前記表示制御部は、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴とする表示装置。
【請求項７】
前記第１のオブジェクトは、前記第２のオブジェクトに対して実行する機能のボタンであることを特徴とする、請求項６に記載の表示装置。
【請求項８】
前記第２のオブジェクトは、前記第１のオブジェクトを含むパネルであることを特徴とする、請求項６に記載の表示装置。
【請求項９】
前記表示制御部は、前記第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去する際に、前記第２のオブジェクトを前記第１のオブジェクトに関連した形状または色に変化させることを特徴とする、請求項８に記載の表示装置。
【請求項１０】
表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示されたオブジェクトがドラッグされているときに前記オブジェクトにエフェクトを付加し、前記エフェクトを前記オブジェクトとともに移動、縮小の少なくともいずれかを行うことによって前記表示手段から消去することを特徴とする表示方法。
【請求項１１】
表示手段に対する表示制御ステップを含む表示方法であって、前記表示制御ステップは、前記表示手段に表示された第１のオブジェクトを前記表示手段から消去する際に、前記第１のオブジェクトに関連する第２のオブジェクトを前記第１のオブジェクトに向けて縮小しながら移動させて消去することを特徴とする表示方法。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図１３】
【図１４】
【図１５】
【図１６】
【図１７】
【図１８】
【図１９】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図１３】
【図１４】
【図１５】
【図１６】
【図１７】
【図１８】
【図１９】
【公開番号】特開２０１３−９２９５２（Ｐ２０１３−９２９５２Ａ）
【公開日】平成２５年５月１６日（２０１３．５．１６）
【国際特許分類】
【出願番号】特願２０１１−２３５５５１（Ｐ２０１１−２３５５５１）
【出願日】平成２３年１０月２７日（２０１１．１０．２７）
【出願人】（０００００５０４９）シャープ株式会社 (33,933)
【Ｆターム（参考）】
【公開日】平成２５年５月１６日（２０１３．５．１６）
【国際特許分類】
【出願日】平成２３年１０月２７日（２０１１．１０．２７）
【出願人】（０００００５０４９）シャープ株式会社 (33,933)
【Ｆターム（参考）】
[ Back to top ]