JP6768426B2 - 表示制御装置、その制御方法、およびプログラム、並びに記憶媒体 - Google Patents

Description

本発明は、表示制御装置、その制御方法、およびプログラム、並びに記憶媒体に関し、特に、タッチパネルを用いた所謂グラフィカル・ユーザー・インターフェース（ＧＵＩ）に関する。

一般に、近年のデジタル機器においては、様々な機能などをユーザーが操作可能に表示するＧＵＩが備えられている。このようなデジタル機器においては、表示部に対するユーザーのタッチ操作を検知するタッチパネルが備えられている。そして、ユーザーが表示部に表示されたアイコン、画像、又は文書など（以下表示対象又は「グラフィックス等」という）をタッチ操作すると、当該タッチ操作に応じた処理が行われる。

ところで、表示部に表示されたグラフィックス等に連続しているが、表示部に表示されていない（隠れている）グラフィックス等がある。このような場合、ユーザーによるタッチムーブ操作などに応じてグラフィックス等をスクロールして、当該スクロールの方向の反対方向に連続し隠れているグラフィックス等を順次表示するようにしている。

ここで、スクロールの結果、グラフィックス等の端部が表示可能な範囲の端部に到達した場合には、もはやスクロールの反対方向に連続し隠れているグラフィックス等は存在しない。この結果、ユーザーによるタッチムーブ操作などがあってもグラフィックス等をスクロールすることができない。

一方、ユーザーの操作が受け付けられない場合にも同様にグラフィックス等がスクロールしなくなる。よって、グラフィックス等がスクロールしない場合には、グラフィックス等の端部が表示可能な範囲の端部に達したからか、又は操作が受け付けられないからかのいずれであるかがユーザーには明らかでない。このため、ユーザーにとっては操作に対する適切なレスポンスがないことによる操作上のストレスが生じ、ユーザビリティが低下してしまう。

このような問題点に対して、スクロール指示に応じた表示効果を伴って表示アイテムをスクロールするように制御する手法がある（特許文献１参照）。ここでは、例えば、ユーザーによって表示部に対して上から下にタッチムーブ操作が行われると、表示アイテムがＹ軸において下方向にスクロールする。この際、表示アイテムを、Ｘ軸を中心としてスクロールの進行方向側が手前となるように傾けて表示するようにしている。

さらに、複数の画像を同時に表示して画像送り（スクロール）する際、画像送り方向（スクロール方向）に応じて異なる配置密度で横線などの表示物を表示する手法がある（特許文献２参照）。

特開２０１５−３５０９２号公報 特開２００７−４３２４７号公報

上述の特許文献１および２では、グラフィックス等の端部が表示可能な範囲の端部に到達した際、グラフィックス等のスクロールが停止しても、ユーザーによる操作が受け付けられていることをある程度明らかにすることができる。つまり、ユーザーは表示アイテムを傾けるなどの表示効果又は横線などの表示物によって、ユーザーによる操作が受け付けられていることを知ることができる。

ところが、今までスクロール移動していたグラフィックス等が直ぐに停止するとなると、今までの状態と比べてその変化が急激であるので、ユーザーに対するレスポンスが適切でなく、依然としてユーザビリティが低下するという課題がある。

よって、本発明の目的は、ユーザーに操作が受け付けられていると感じさせつつ、しかもスクロール範囲の端部に達したことを知らせることができる表示制御装置、その制御方法、およびプログラム、並びに記憶媒体を提供することにある。

上記の目的を達成するため、本発明による表示制御装置は、表示対象を表示する表示部と、前記表示部に対するユーザー操作を検知する操作検知部と、前記操作検知部によってスクロールの指示操作を検知したことに応じて前記表示対象をスクロールし、前記表示対象の端部までスクロールしてもなお前記指示操作が終了していない場合には波紋を模した表示アイテムを前記表示対象に重畳して表示して、前記表示アイテムを前記指示操作によるスクロールの方向に移動するように制御する表示制御手段と、を有し、前記表示制御手段は、前記表示アイテムを、前記指示操作があった画面のポイントの移動に応じて、同一の方向に移動し、前記指示操作があった画面のポイントの移動速度よりも大きい速度で移動することを特徴とする。

本発明によれば、ユーザーに操作が受け付けられていると感じさせつつ、しかもスクロール範囲の端部に達したことを知らせることができる。

本発明の第１の実施形態による表示制御装置の一例を備える電子機器についてその構成を示すブロック図である。 図１に示すディスプレイに表示される画面の遷移の一例を説明するための図である。 図１に示すＰＣによって行われる表示制御処理を説明するためのフローチャートである（その１）。 図１に示すＰＣによって行われる表示制御処理を説明するためのフローチャートである（その２）。 本発明の第２の実施形態に係るＰＣにおいてディスプレイに表示される画面の遷移の一例を説明するための図である。 本発明の第２の実施形態に係るＰＣによって行われる表示制御処理を説明するためのフローチャートである（その１）。 本発明の第２の実施形態に係るＰＣによって行われる表示制御処理を説明するためのフローチャートである（その２）。

以下に、本発明の実施の形態による表示制御装置の一例について図面を参照して説明する。

［第１の実施形態］
図１は、本発明の第１の実施形態による表示制御装置の一例を備える電子機器についてその構成を示すブロック図である。なお、図示の電子機器１００は、例えば、パーソナルコンピュータ（以下ＰＣという）を用いて構成することができる。

ＰＣ１００はＣＰＵ１０１、メモリ１０２、不揮発性メモリ１０３、画像処理部１０４、ディスプレイ１０５、操作部１０６、記録媒体Ｉ／Ｆ１０７、外部Ｉ／Ｆ１０９、および通信Ｉ／Ｆ１１０を有している。そして、これらブロックは内部バス１５０によって相互に接続され、内部バス１５０を介して互いにデータの送受を行うことができる。

メモリ１０２は、例えば、ＲＡＭである。ＣＰＵ１０１は、例えば、不揮発性メモリ１０３に格納されたプログラムに従って、メモリ１０２をワークメモリとして用いてＰＣ１００を制御する。不揮発性メモリ１０３には、画像データ、音声データ、その他のデータ、およびＣＰＵ１０１で動作する各種プログラムなどが格納される。不揮発性メモリ１０３は、例えば、ハードディスク（ＨＤ）およびＲＯＭなどで構成される。

画像処理部１０４は、ＣＰＵ１０１の制御下で、不揮発性メモリ１０３又は外部記憶媒体１０８に記録された画像データに対して所定の画像処理を行う。さらには、画像処理部１０４は、外部Ｉ／Ｆ１０９を介して得た映像信号又は通信Ｉ／Ｆ１１０を介して得た画像データなどに対して所定の画像処理を行う。画像処理部１０４で行われる画像処理には、例えば、Ａ／Ｄ変換処理、Ｄ／Ａ変換処理、画像データの符号化処理、圧縮処理、デコード処理、拡大／縮小処理（リサイズ）、ノイズ低減処理、および色変換処理などがある。

なお、画像処理部１０４は、特定の画像処理を行うための専用の回路ブロックで構成するようにしてもよい。また、画像処理の種別によっては、画像処理部１０４の代わりにＣＰＵ１０１が画像処理を行うようにしてもよい。

ディスプレイ１０５は、ＣＰＵ１０１の制御下で、画像およびＧＵＩ（Ｇｒａｐｈｉｃａｌ Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ）を構成するＧＵＩ画面などを表示する。ＣＰＵ１０１は、プログラムに従って表示制御信号を生成し、さらに、ディスプレイ１０５に表示するための映像信号を生成してディスプレイ１０５に出力する。

ディスプレイ１０５は上記の映像信号に基づいて映像（画像）を表示する。なお、ＰＣ１００自体はディスプレイ１０５を備えず、ディスプレイ１０５として外付けのモニタ（テレビなど）を用いるようにしてもよい。

操作部１０６は、キーボードなどの文字情報入力デバイス、マウスおよびタッチパネルなどのポインティングデバイス、ボタン、ダイヤル、ジョイスティック、タッチセンサ、およびタッチパッドなどを有している。そして、操作部１０６はユーザー操作を受け付ける際の入力デバイスとして用いられる。

タッチパネルは、ディスプレイ１０５に重ね合わせて配置される。タッチパネルは、ユーザーが接触された位置（タッチ位置）に応じた座標情報を出力し、タッチ検出部として機能する。なお、操作部１０６にタッチパネルが備えられている場合には、ＣＰＵ１０１はタッチパネルに対する以下の操作および状態を検出することができる。

ＣＰＵ１０１はタッチパネルに触れていなかった指又はペンが新たにタッチパネルに触れたこと、つまり、タッチが開始されたこと（以下タッチダウン（Ｔｏｕｃｈ−Ｄｏｗｎ）という）を検出する。

ＣＰＵ１０１はタッチパネルを指又はペンで触れている状態であること（以下タッチオン（Ｔｏｕｃｈ−Ｏｎ）という）を検出する。

ＣＰＵ１０１はタッチパネルを指又はペンで触れたまま移動している状態（以下タッチムーブ（Ｔｏｕｃｈ−Ｍｏｖｅ、タッチ移動操作）という）を検出する。

ＣＰＵ１０１はタッチパネルに触れていた指又はペンを離したこと、つまり、タッチ操作が終了したこと（以下タッチアップ（Ｔｏｕｃｈ−Ｕｐ）という）を検出する。

ＣＰＵ１０１はタッチパネルに何も触れていない状態（以下タッチオフ（Ｔｏｕｃｈ−Ｏｆｆ）という）を検出する。

タッチダウンを検出すると同時に、ＣＰＵ１０１はタッチオンであることも検出する。タッチダウンの後、タッチアップが検出されない限り、通常、ＣＰＵ１０１はタッチオン状態の検出を継続する。

タッチムーブを検出した際には、タッチオンが検出されている状態である。タッチオンが検出されていても、タッチ位置が移動していなければ、ＣＰＵ１０１はタッチムーブを検出しない。タッチしていた全ての指又はペンがタッチアップしたことを検出すると、ＣＰＵ１０１はタッチオフを検出することになる。

これらの操作および状態、そして、タッチパネルに指又はペンが触れている位置座標は内部バス１５０を介してＣＰＵ１０１に送られる。ＣＰＵ１０１は当該位置座標に基づいてタッチパネルにおいてどのような操作が行なわれたかを検出する。タッチムーブについては、ＣＰＵ１０１はタッチパネルにおいて移動する指又はペンの移動方向を位置座標の変化に基づいて、タッチパネルにおける垂直成分および水平成分毎に検出する。

また、タッチパネルにおいてタッチダウンから一定のタッチムーブを経てタッチアップが行われた際、ストロークを描いたとする。素早くストロークを描く操作はフリックと呼ばれる。フリックは、タッチパネルに指を触れたままある程度の距離だけ素早く指を動かして、そのまま離す操作である。言い替えると、フリックはタッチパネルを指で弾くように素早くなぞる操作である。所定の距離以上を、所定の速度以上でタッチムーブしたことを検出して、さらにタッチアップを検出すると、ＣＰＵ１０１はフリックが行なわれたと判定する。さらに、所定の距離以上を、所定の速度未満でタッチムーブしたことを検出すると、ＣＰＵ１０１はドラッグが行なわれたと判定する。

なお、タッチパネルとして、例えば、抵抗膜方式、静電容量方式、表面弾性波方式、赤外線方式、電磁誘導方式、画像認識方式、および光センサ方式の様々な方式のタッチパネルのうちいずれの方式のタッチパネルを用いてもよい。

記録媒体Ｉ／Ｆ１０７には、メモリカード、ＣＤ、およびＤＶＤなどの外部記憶媒体１０８が装着可能である。記録媒体Ｉ／Ｆ１０７は、ＣＰＵ１０１の制御下で外部記憶媒体１０８からのデータを読み出すともに、外部記憶媒体１０８にデータを書き込む。外部Ｉ／Ｆ１０９は、外部機器に有線ケーブル又は無線によって接続され、映像信号および音声信号の入出力を行うためのインターフェースである。通信Ｉ／Ｆ１１０は、外部機器又はインターネットなどのネットワーク（ＮＥＴ）１１１と通信を行い、ファイルおよびコマンドなどの各種データの送受信を行うためのインターフェースである。

図２は、図１に示すディスプレイに表示される画面の遷移の一例を説明するための図である。そして、図２（ａ）はタッチダウン操作が行われた状態を示す図であり、図２（ｂ）はタッチムーブ操作が行われた状態を示す図である。また、図２（ｃ）はスクロール端部に達した状態を示す図であり、図２（ｄ）および図２（ｅ）はスクロール端部に達した後タッチムーブ操作が継続した状態を示す図である。さらに、図２（ｆ）はタッチムーブ操作が終了した状態を示す図であり、図２（ｇ）はタッチムーブ操作が終了して、かつ元のサムネイル画像の位置に戻った状態を示す図である。

ここでは、ＣＰＵ１０１はディスプレイ１０５に複数のサムネイル画像をインデックス表示する。ＣＰＵ１０１はユーザーによる上から下又は下から上の方向のタッチムーブ操作に応じて複数のサムネイル画像を上から下又は下から上の方向にスクロールする。ＣＰＵ１０１はスクロール端部に到達すると、複数のサムネイル画像のスクロールを停止する。そして、ＣＰＵ１０１は、ユーザーによるタッチポイントの近傍に「波紋」を表示する。ここで、「波紋」とは、例えば、進行方向（スクロール方向）に弧が広がるように進む一重又は幾重の波のような模様をいう。さらに、ＣＰＵ１０１はタッチムーブ操作の方向（つまり、上から下又は下から上の方向）に波紋を移動させる。

なお、サムネイル画像の各々は、ファイル名、画像番号、又は撮影日時順等に基づく所定の順序で行の左端から右端に、続いて当該行の下に位置する行の左端から右端に順次配置される。

図２（ａ）において、ディスプレイ１０５には、サムネイル画像２０１〜２０４が表示されている。図２（ａ）に示す状態では、サムネイル画像２０１〜２０４はスクロールの端部に達していない。この状態で、ユーザーが画面に対してタッチダウン操作を行ったとする。

図２（ｂ）においては、ユーザーが図中下から上に向ってタッチムーブ操作（指示操作）を行った状態が示されている。タッチムーブ操作に応じて、ＣＰＵ１０１はサムネイル画像を下から上に向けてスクロール移動する。

図２（ｃ）においては、下から上に向ってタッチムーブ操作が継続している状態で、スクロールの端部に達した際の状態が示されている。スクロールの端部に達すると、ＣＰＵ１０１はサムネイル画像のスクロール移動を停止する。

図２（ｄ）および図２（ｅ）においては、スクロールの端部に達した後、さらにユーザーが下から上に向ってタッチムーブ操作を継続した状態が示されている。スクロールの端部に達した後、タッチムーブ操作が継続すると、ＣＰＵ１０１はユーザーによるタッチポイントの近傍に、例えば、同心円状の波紋２０５（表示アイテム）を描画して表示する（図２（ｄ）参照）。波紋２０５は、スクロールの方向に凸となる弧を含む模様である。そして、タッチムーブ操作がさらに継続されると、ＣＰＵ１０１は、ユーザーによるタッチポイントの移動速度よりも速く下から上に向けて波紋２０５を移動させる（図２（ｅ）参照）。

このようにして、波紋２０５を移動させると、ユーザーに対して、「画像が描かれた紙を指で擦って滑らせている際、紙の端が押えられて紙（画像）が滑らなくなって指に擦られているポイントに皺（波紋）が発生する」様子を想起させる。これによって、ユーザーは、サムネイル画像のスクロール移動が停止したこと、つまり、スクロールの端部に達したことを明確に認識しつつ、タッチムーブ操作が受け付けられている認識する。

図２（ｆ）に示すように、タッチムーブ操作が終了すると、ＣＰＵ１０１は波紋２０５を、ユーザーによるタッチポイントよりもスクロール方向に離れた位置に表示する。その後、図２（ｇ）に示すように、ＣＰＵ１０１は波紋２０５の表示を停止する（つまり、非表示とする）。

図３Ａおよび図３Ｂは、図１に示すＰＣによって行われる表示制御処理を説明するためのフローチャートである。なお、図示のフローチャートに係る処理は、ＣＰＵ１０１が不揮発性メモリ１０３に記録されたプログラムをメモリ１０２のワークメモリ領域に展開して実行することによって行われる。

表示制御処理を開始すると、ＣＰＵ１０１は、ディスプレイ１０５にサムネイル画像をインデックス表示する（ステップＳ３０１）。そして、ＣＰＵ１０１は、ユーザーによってタッチムーブ操作が行われたか否かを判定する（ステップＳ３０２）。タッチムーブ操作が行われると（ステップＳ３０２において、ＹＥＳ）、ＣＰＵ１０１はタッチムーブ操作の方向を判定する（ステップＳ３０３）。

タッチムーブ操作の方向が画面において上から下の方向であると（ステップＳ３０３において、順方向）、ＣＰＵ１０１はサムネイル画像が最上端に位置するサムネイル画像であるか否かを判定する。つまり、ＣＰＵ１０１はスクロールの最上端に達しているか否かを判定する（ステップＳ３０４）。

最上端に達していると（ステップＳ３０４において、ＹＥＳ）、ＣＰＵ１０１はタッチムーブ操作の速度（タッチムーブ速度）Ｖ０を取得する（ステップＳ３０５）。続いて、ＣＰＵ１０１はユーザーによるタッチのポイント（タッチ位置座標）Ｐ０を取得する（ステップＳ３０６）。

次に、ＣＰＵ１０１は既に画面上に波紋が表示されているか否かを判定する（ステップＳ３０７）。未だ波紋が表示されていないと（ステップＳ３０７において、ＮＯ）、ＣＰＵ１０１はタッチポイントＰ０よりも下側に波紋を透過度”０”でサムネイル画像に重畳して表示する（ステップＳ３０８）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

既に波紋が表示されていると（ステップＳ３０７において、ＹＥＳ）、ＣＰＵ１０１は当該波紋を上から下に向かって移動速度Ｖ０よりも速い速度で移動する（ステップＳ３０９）。続いて、ＣＰＵ１０１は波紋の位置とタッチポイントＰ０との距離に応じて透過度を変更する（ステップＳ３１０）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

最上端に達していないと（ステップＳ３０４において、ＮＯ）、ＣＰＵ１０１はサムネイル画像を上から下の方向（順方向）にスクロールする（ステップＳ３１１）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

タッチムーブ操作の方向が画面において下から上の方向であると（ステップＳ３０３において、逆方向）、ＣＰＵ１０１はサムネイル画像が最下端に位置するサムネイル画像であるか否かを判定する。つまり、ＣＰＵ１０１はスクロールの最下端に達しているか否かを判定する（ステップＳ３１２）。

最下端に達していると（ステップＳ３１２において、ＹＥＳ）、ＣＰＵ１０１はタッチムーブ速度Ｖ０を取得する（ステップＳ３１３）。続いて、ＣＰＵ１０１はユーザーによるタッチポイントＰ０を取得する（ステップＳ３１４）。そして、ＣＰＵ１０１は既に画面上に波紋が表示されているか否かを判定する（ステップＳ３１５）。

未だ波紋が表示されていないと（ステップＳ３１５において、ＮＯ）、ＣＰＵ１０１はタッチポイントＰ０よりも上側に波紋を透過度”１００”（透明な状態）でサムネイル画像に重畳して表示する（ステップＳ３１６）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

既に波紋が表示されていると（ステップＳ３１５において、ＹＥＳ）、ＣＰＵ１０１は当該波紋を下から上に向かって移動速度Ｖ０よりも速い速度で移動する（ステップＳ３１７）。続いて、ＣＰＵ１０１は波紋の位置とタッチポイントＰ０との距離に応じて透過度を変更する（ステップＳ３１８）。具体的には、波紋の位置とタッチポイントＰ０が離れるにつれて透過度を低くし、上へのタッチムーブを継続するとだんだんと波紋が現れて濃くなっていくようにする。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

最下端に達していないと（ステップＳ３１２において、ＮＯ）、ＣＰＵ１０１はサムネイル画像を下から上の方向（逆方向）にスクロールする（ステップＳ３１９）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

タッチムーブ操作が行われないと（ステップＳ３０２において、ＮＯ）、ＣＰＵ１０１は画面上に波紋が表示されているか否かを判定する（ステップＳ３２０）。波紋が表示されている場合には（ステップＳ３２０において、ＹＥＳ）、ＣＰＵ１０１は、今まで波紋が移動していた方向と同一の方向にかつ今まで波紋を移動させた速度と同一の速度で波紋を移動させる（ステップＳ３２１）。さらに、ＣＰＵ１０１は最後のタッチポイントＰ０と波紋との距離が遠くなる程、波紋の透過度が小さくなるようにその透過度を変更する（ステップＳ３２２）。そして、ＣＰＵ１０１はステップＳ３２０の処理に戻る。

波紋が表示されていないと（ステップＳ３２０において、ＮＯ）、ＣＰＵ１０１は予め設定された待機時間が経過するなどの所定の終了条件が充足されたか否かを判定する（ステップＳ３２３）。なお、波紋が表示されない場合とは、例えば、波紋の移動によって、波紋がディスプレイ１０５の表示領域を超え、もはや波紋が表示されなくなった場合である。終了条件が充足すると（ステップＳ３２３において、ＹＥＳ）、ＣＰＵ１０１は表示制御処理を終了する。一方、終了条件が充足されないと（ステップＳ３１２において、ＮＯ）、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

なお、ここでは、図２に示すようにサムネイル画像を２行×２列でインデックス表示して上下方向にスクロールする例について説明した。一方、２行×２列以外の行数および列数でインデックス表示する場合にも同様にして表示制御処理を行うようにすればよい。また、左右の方向にスクロールする場合についても同様にして表示制御処理を行うようにすればよい。

前述のように、波紋を表示して移動させると、ユーザーに「画像が描かれた紙を指で擦って滑らせている際、紙の端が押えられて紙（画像）が滑らなくなると、指で擦られているポイントに皺・波紋が発生する」様子を想起させることができる。これによって、ユーザーはスクロールの端部に達したことを認識して、かつタッチムーブ操作が正常に受け付けられていると認識することができる。

このような波紋は、波紋が生じたポイントから移動する程濃くなる。そして、タッチポイントから離れる程（端に達してからのタッチ移動量が大きくなるほど）、波紋の透過度（透過率）を薄くすると、ユーザーはタッチムーブ操作によって波紋が生じていると認識することになる。さらには、紙を引っ張ることによるシワが、引っ張る力が大きいほど、シワも大きくなる感覚と一致しており、直観的に端に達していることを認識することが可能である。

なお、端に達した時点で透過度０％の波紋を表示し、端に達してから、端に達するまでと同じ方向へのタッチ移動量が大きくなるほど、波紋の透過度（透過率）を高くするようにしてもよい。このようにすることで、水面に指を触れた時の波紋のような印象を与えることができる。すなわち、水面に指を触れることにより波紋が生じ、遠ざかるにつれて波紋自体は大きく広がるが、振幅は小さくなり波紋が消えるような印象を与えることができる。

なお、透過度を変化させる代わりに、タッチポイントから離れる程波紋の幅を大きくするか又はその輪郭を不明確するようにしてもよい。

このように、本発明の第１の実施形態では、タッチムーブ操作などの所定のユーザー操作を検知するとサムネイル画像をスクロールする。そして、サムネイル画像の端部に達すると、タッチポイントの近傍に波紋を表示してスクロール方向と同一の方向に波紋を移動する。これによって、ユーザーにタッチムーブ操作が受け付けられていると感じさせつつ、しかもスクロールの端部に達したことを知らせることができる。

［第２の実施形態］
続いて、本発明の第２の実施形態による表示制御装置を備えるＰＣの一例について説明する。なお、第２の実施形態に係るＰＣの構成は図１に示すＰＣと同様である。

前述の第１の実施形態においては、ディスプレイ１０５に複数のサムネイル画像をインデックス表示して、タッチムーブ操作に応じてサムネイル画像を順方向又は逆方向にスクロールした。そして、スクロールの端部に到達すると、サムネイル画像のスクロールを停止して、タッチポイントの近傍に波紋を表示してユーザー操作の方向（スクロール方向）と同一の方向に移動した。一方、第２の実施形態では、スクロールの端部に到達すると、サムネイル画像のスクロールを停止して、タッチポイントの近傍においてサムネイル画像に「歪み」を形成する。つまり、元のサムネイル画像をスクロール方向に歪ませて変形した画像（歪み画像）」を元のサムネイル画像に重畳して表示する。

なお、第１の実施形態と同様に、サムネイル画像の各々は、ファイル名、画像番号、又は撮影日時順等に基づく所定の順序で行の左端から右端に、続いて当該行の下に位置する行の左端から右端に順次配置される。

図４は、本発明の第２の実施形態に係るＰＣにおいてディスプレイに表示される画面の遷移の一例を説明するための図である。そして、図４（ａ）はタッチダウン操作が行われた状態を示す図であり、図４（ｂ）はタッチムーブ操作が行われた状態を示す図である。また、図４（ｃ）はスクロール端部に達した状態を示す図であり、図４（ｄ）および図４（ｅ）はスクロール端部に達した後タッチムーブ操作が継続した状態を示す図である。さらに、図４（ｆ）はタッチムーブ操作が終了した状態を示す図であり、図４（ｇ）はタッチムーブ操作が終了して、かつ元のサムネイル画像の位置に戻った状態を示す図である。

図４（ａ）において、ディスプレイ１０５には、サムネイル画像４０１〜４０４が表示されている。図４（ａ）に示す状態では、サムネイル画像４０１〜４０４はスクロールの端部に達していない。この状態で、ユーザーが画面に対してタッチダウン操作を行ったとする。

図４（ｂ）においては、ユーザーが図中下から上に向ってタッチムーブ操作を行った状態が示されている。タッチムーブ操作に応じて、ＣＰＵ１０１はサムネイル画像を下から上に向けてスクロール移動する。

図４（ｃ）においては、下から上に向ってタッチムーブ操作が継続している状態で、スクロールの端部に達した際の状態が示されている。スクロールの端部に達すると、ＣＰＵ１０１はサムネイル画像のスクロール移動を停止する。

図４（ｄ）および図４（ｅ）においては、スクロールの端部に達した後、さらにユーザーが下から上に向ってタッチムーブ操作を継続した状態が示されている。スクロールの端部に達した後、タッチムーブ操作が継続すると、ＣＰＵ１０１はユーザーによるタッチポイントの近傍にタッチムーブ操作の方向に歪ませた歪み画像４０５を重畳して表示する（図４（ｄ）参照）。そして、タッチムーブ操作がさらに継続されると、ＣＰＵ１０１は、タッチポイントの移動に伴って、歪み画像４０５の歪みの度合を増加させる（図４（ｅ）参照）。

このようにして、サムネイル画像の移動が停止しているにも拘わらず、ユーザーのタッチムーブ操作に応じて歪み画像を重畳表示して、タッチポイントの移動に伴ってその歪みの度合を増加させる。これによって、ユーザーに「画像が描かれたある程度の伸縮性を有する布のようなものを指で擦って滑らせている際、その端が押えられ滑らなくなると、指で擦られたポイントに歪みが生ずる」様子を想起させる。そして、ユーザーはタッチムーブ操作が受け付けられているとしつつ、サムネイル画像のスクロール移動が停止したこと、つまり、スクロールの端部に達したことを明確に認識することが可能となる。

図４（ｆ）に示すように、タッチムーブ操作が終了すると、ＣＰＵ１０１は歪み画像における歪みの度合を徐々に減少させる。そして、最終的に、図４（ｇ）に示すように、ＣＰＵ１０１は歪み画像の表示を停止する（つまり、非表示とする）。

図５Ａおよび図５Ｂは、本発明の第２の実施形態に係るＰＣによって行われる表示制御処理を説明するためのフローチャートである。

なお、図示のフローチャートに係る処理は、ＣＰＵ１０１が不揮発性メモリ１０３に記録されたプログラムをメモリ１０２のワークメモリ領域に展開して実行することによって行われる。また、図示のフローチャートにおいて、図３Ａおよび図３Ｂに示すフローチャートのステップと同一のステップについては同一の参照符号を付して説明を省略する。

ステップＳ３０４において、スクロールの最上端に達していると（ステップＳ３０４において、ＹＥＳ）、ＣＰＵ１０１は既に歪み画像が表示されているか否かを判定する（ステップＳ５０１）。歪み画像が未だ表示されていないと（ステップＳ５０１において、ＮＯ）、ＣＰＵ１０１はステップＳ３０６の処理に進んで、ユーザーによるタッチポイント（タッチ位置座標）Ｐ０を取得する。

続いて、ＣＰＵ１０１はタッチポイントＰ０の近傍に位置するサムネイル画像において所定の範囲の領域（つまり、画像の一部：画像Ｇ０）を取得する（ステップＳ５０２）。そして、ＣＰＵ１０１は当該画像Ｇ０を歪み画像（歪み部）としてタッチポイントＰ０に重畳表示する（ステップＳ５０３）。その後、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

既に歪み画像が表示されていると（ステップＳ５０１において、ＹＥＳ）、ＣＰＵ１０１はユーザーによるタッチポイントＰを取得する（ステップＳ５０４）。そして、ＣＰＵ１０１はタッチポイントＰ０とタッチポイントＰとの距離に基づいて順方向（つまり、下向き）に歪みの度合を変化させた画像Ｇ（歪み画像）を生成する（ステップＳ５０５）。続いて、ＣＰＵ１０１は当該歪み画像をタッチポイントＰ０に重畳表示する（ステップＳ５０６）。その後、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

ステップＳ３１２において、スクロールの最下端に達していると（ステップＳ３１２において、ＹＥＳ）、ＣＰＵ１０１は既に歪み画像が表示されているか否かを判定する（ステップＳ５０６）。歪み画像が未だ表示されていないと（ステップＳ５０６において、ＮＯ）、ＣＰＵ１０１はユーザーによるタッチポイントＰ０を取得する（ステップＳ５０７）。

続いて、ＣＰＵ１０１はタッチポイントＰ０の近傍に位置するサムネイル画像において所定の範囲の領域（画像Ｇ０）を取得する（ステップＳ５０８）。そして、ＣＰＵ１０１は当該画像Ｇ０を歪み画像としてタッチポイントＰ０に重畳表示する（ステップＳ５０９）。その後、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

未だ波紋が表示されていないと（ステップＳ３１５において、ＮＯ）、ＣＰＵ１０１はタッチポイントＰ０よりも上側に波紋を透過度”０”でサムネイル画像に重畳して表示する（ステップＳ３１６）。そして、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

既に歪み画像が表示されていると（ステップＳ５０６において、ＹＥＳ）、ＣＰＵ１０１はユーザーによるタッチポイントＰを取得する（ステップＳ５１０）。そして、ＣＰＵ１０１はタッチポイントＰ０とタッチポイントＰとの距離に基づいて逆方向（つまり、上向き）に歪みの度合を変化させた画像Ｇ（歪み画像）を生成する（ステップＳ５１１）。続いて、ＣＰＵ１０１は当該歪み画像をタッチポイントＰ０に重畳表示する（ステップＳ５１２）。その後、ＣＰＵ１０１はステップＳ３０２の処理に戻る。

ステップＳ３０２において、タッチムーブ操作が行われないと（ステップＳ３０２において、ＮＯ）、ＣＰＵ１０１はサムネイル画像の歪みの度合が”０”であるか否かを判定する（ステップＳ５１３）。歪みの度合が”０”であると（ステップＳ５１３において、ＹＥＳ）、ＣＰＵ１０１はステップＳ３２３の処理に進む。一方、歪みの度合が”０”でないと（ステップＳ５１３において、ＮＯ）、ＣＰＵ１０１は当該歪みの度合を減じた画像（歪み画像）を生成してタッチポイントＰ０に重畳表示する（ステップＳ５１４）。そして、ＣＰＵ１０１はステップＳ５１３の処理に戻る。

なお、第２の実施形態においても、２行×２列以外の行数および列数でインデックス表示する場合にも同様にして表示制御処理を行うようにすればよい。また、左右の方向にスクロールする場合についても同様にして表示制御処理を行うようにすればよい。

上述のようにして、スクロールの端部に達した際に、歪み画像を表示してタッチポイントから離れる程、当該歪み画像の歪みの度合を増加させる。これによって、ユーザーに「画像が描かれたある程度の伸縮性を有する布のようなものを指で擦って滑らせている際、その端が押えられて滑らなくなると、指で擦られているポイントに歪みが生ずる」様子を想起させることができる。この結果、ユーザーはスクロールの端部に達したことを認識して、かつタッチムーブ操作が正常に受け付けられていると認識することができる。

上述の歪みは、例えば、布の端が押えられた後、指をさらに滑らせる程大きくなる。よって、スクロールの端部に達した際のユーザーによるタッチポイントからタッチポイントが離れる程歪みを増加させると、タッチムーブ操作によって歪みが生じていると認識させる効果を一層高めることができる。

このように、本発明の第２の実施形態では、タッチムーブ操作などの所定のユーザー操作を検知するとサムネイル画像をスクロールする。そして、サムネイル画像の端部に達すると歪み画像を表示してタッチポイントの移動に応じてその歪みの度合を増加させる。これによって、ユーザーにタッチムーブ操作が受け付けられていると感じさせつつ、しかもスクロールの端部に達したことを知らせることができる。

なお、上述の実施の形態では、ＣＰＵ１０１がディスプレイ１０５に対するユーザー操作を検知する操作検知部（タッチ検知手段）として機能する。また、ＣＰＵ１０１が行うものとして説明した上述の各種制御は、１つのハードウェアが行ってもよいし、複数のハードウェアが処理を分担することで、装置全体の制御を行ってもよい。

本発明をその好適な実施形態に基づいて詳述してきたが、本発明はこれら特定の実施形態に限られるものではなく、この発明の要旨を逸脱しない範囲の様々な形態も本発明に含まれる。さらに、上述した各実施形態は本発明の一実施形態を示すものにすぎず、各実施形態を適宜組み合わせることも可能である。

また、上述の実施の形態においては、本発明をＰＣに適用した場合を例に挙げて説明したが、この例に限定されず、ディスプレイを有する機器であれば適用可能である。すなわち、本発明はＰＤＡ、携帯電話端末や携帯型の画像ビューワ、ディスプレイを備えるプリンタ装置、デジタルフォトフレーム、ゲーム機、電子ブックリーダー、タブレット端末、スマートフォン、ディスプレイを備える家電装置や車載装置などに適用可能である。

［その他の実施形態］
本発明は、上述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。

１００ ＰＣ
１０１ ＣＰＵ
１０２ メモリ
１０３ 不揮発性メモリ
１０４ 画像処理部
１０５ ディスプレイ
１０６ 操作部
１０７ 記憶媒体Ｉ／Ｆ
１０９ 外部Ｉ／Ｆ
１１０ 通信Ｉ／Ｆ

Claims (10)

1. 表示対象を表示する表示部と、
   前記表示部に対するユーザー操作を検知する操作検知部と、
   前記操作検知部によってスクロールの指示操作を検知したことに応じて前記表示対象をスクロールし、前記表示対象の端部までスクロールしてもなお前記指示操作が終了していない場合には波紋を模した表示アイテムを前記表示対象に重畳して表示して、前記表示アイテムを前記指示操作によるスクロールの方向に移動するように制御する表示制御手段と、
   を有し、
   前記表示制御手段は、前記表示アイテムを、前記指示操作があった画面のポイントの移動に応じて、同一の方向に移動し、前記指示操作があった画面のポイントの移動速度よりも大きい速度で移動することを特徴とする表示制御装置。
2. 前記操作検知部は前記表示部に対するタッチ操作を検知するタッチ検知手段であり、
   前記スクロールの指示操作は、前記表示部にタッチしたまま移動するタッチ移動操作であり、
   前記表示対象の端部までスクロールしてもなお前記指示操作が終了していない場合とは、前記端部に達していなかった状態から前記端部に達する状態へのスクロール方向と同一の方向を指示する方向へ、前記タッチ移動操作の移動が継続している場合であることを特徴とする請求項１に記載の表示制御装置。
3. 前記表示アイテムは前記指示操作によるスクロールの方向に凸となる弧を含む模様であることを特徴とする請求項１又は２に記載の表示制御装置。
4. 前記表示アイテムは、複数の前記弧の同心円状の模様であることを特徴とする請求項３に記載の表示制御装置。
5. 前記表示部に複数の表示対象が表示されている場合に、前記表示制御手段は、前記指示操作があった画面のポイントに表示された表示対象に前記表示アイテムを重畳表示することを特徴とする請求項１乃至４のいずれか１項に記載の表示制御装置。
6. 前記操作検知部によって前記指示操作が検知されなくなると、前記表示制御手段は前記表示アイテムを非表示とすることを特徴とする請求項１乃至５のいずれか１項に記載の表示制御装置。
7. 前記表示制御手段は、前記表示アイテムの透過度を、前記指示操作があった画面のポイントが前記表示アイテムから離れるにつれて大きくすることを特徴とする請求項１乃至６のうちいずれか１項に記載の表示制御装置。
8. 表示部に表示対象を表示する表示制御装置の制御方法であって、
   前記表示部に対するユーザー操作を検知する検知ステップと、
   前記検知ステップでスクロールの指示操作が検知されると、前記表示対象をスクロールする第１の制御ステップと、
   前記表示対象の端部までスクロールしてもなお前記指示操作が終了していない場合には波紋を模した表示アイテムを前記表示対象に重畳して表示して、前記表示アイテムを前記指示操作によるスクロールの方向に移動するように制御する第２の制御ステップと、
   を有し、
   前記表示アイテムを、前記指示操作があった画面のポイントの移動に応じて、同一の方向に移動し、前記指示操作があった画面のポイントの移動速度よりも大きい速度で移動することを特徴とする制御方法。
9. コンピュータを、請求項１乃至７のいずれか１項に記載された表示制御装置の各手段として機能させるためのプログラム。
10. コンピュータを、請求項１乃至７のいずれか１項に記載された表示制御装置の各手段として機能させるためのプログラムを格納したコンピュータが読み取り可能な記憶媒体。