JP2016029602A - 情報処理装置、情報処理方法およびプログラム - Google Patents

Abstract

【課題】情報処理装置、情報処理方法およびプログラムを提供する。
【解決手段】ユーザ操作を検出する検出部と、リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う表示制御部と、を備える、情報処理装置。
【選択図】図２３

Description

本開示は、情報処理装置、情報処理方法およびプログラムに関する。

近年、ユーザが操作可能な表示画面に複数のサムネイル画像を表示し、ユーザに選択させるＵＩ（ユーザインタフェース）が知られている。

例えば、動画像データを構成するシーンのうち所定の時間間隔毎のシーンからサムネイル画像を生成し、表示するＵＩが知られている。このようなＵＩは、ユーザに任意のサムネイル画像を選択させることで、ユーザが所望するシーンから動画像データを再生することができる。

なお、ＵＩに表示されるサムネイル画像の数は、動画像データから抜き出すシーンの時間間隔に応じて増減する。よって、例えば、ユーザがサムネイル画像の数を増やす操作を行なうことで、ＵＩは、さらに短い時間間隔のシーンによるサムネイル画像を表示する。サムネイル画像の数を増減するユーザ操作に関し、以下のような技術が知られている。

例えば、下記特許文献１に記載の表示装置は、動画像データのサムネイル画像に対してピンチアウト操作が行なわれると、さらに短い時間間隔のサムネイル画像を表示する。これにより、ユーザは各シーンのより詳しい内容を容易に確認することができる。

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

しかし、ＵＩに表示するサムネイル画像、アイコンなどのリストアイテムを、ユーザ操作に応じて増やす場合に、リストにどのようなリストアイテムが追加されるのか、ユーザが予め知ることは困難であった。

そこで、本開示では、リストに追加されるリストアイテムをユーザに予め認識させることが可能な、新規かつ改良された情報処理装置、情報処理方法およびプログラムを提案する。

本開示によれば、ユーザ操作を検出する検出部と、リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う表示制御部と、を備える情報処理装置が提供される。

また、本開示によれば、ユーザ操作を検出するステップと、リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行うステップと、を含む情報処理方法が提供される。

また、本開示によれば、ユーザ操作を検出する処理と、リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う処理と、をコンピュータに実行させるプログラムが提供される。

（作用）
このように、本開示によれば、表示する１のリスト中に徐々に新たなリストアイテムを出現させる表示を行うことで、追加されるリストアイテムを結合完了前に予めユーザに認識させることができる。

以上説明したように本開示によれば、リストに追加されるリストアイテムをユーザに予め認識させることが可能である。

本開示による一実施形態の概要を説明するための図である。 本実施形態による情報処理装置の構成を示すブロック構成図である。 本実施形態による複数リストの表示例を示す図である。 本実施形態による複数リストの結合アニメーションを説明するための画面遷移図である。 本実施形態によるピンチアウト操作を説明するための図である。 本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。 本実施形態による他のピンチアウト操作を説明するための図である。 本実施形態によるピンチイン操作を説明するための図である。 本実施形態によるピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。 本実施形態によるドラッグ操作を説明するための図である。 本実施形態によるドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。 本実施形態によるスケールアウトボタン、およびスケールインボタンを示す図である。 本実施形態によるスライダーバーを示す図である。 本実施形態による複数リストが縦に並ぶ表示例を示す図である。 本実施形態による複数リストが重なる表示例を示す図である。 本実施形態による複数のサムネイル画像から構成される複数のリストを表示する画面を示す図である。 図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。 図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。 本実施形態による音楽データに関連する情報に基づいて生成された複数のリストを表示する画面を示す図である。 図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。 図１９に示す２つのサブリストがターゲットリストに結合された場合の結果を示す図である。 本実施形態によるターゲットリストを表示する画面を示す図である。 本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。 本実施形態による単数のリストを一覧表示する画面を示す図である。 本実施形態によるリスト結合時のアニメーションの途中の画面を示す図である 本実施形態によるリスト結合完了時の画面を示す図である。 本実施形態によるピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。 本実施形態によるピンチイン／アウト操作の移動量や速度の算出について例示する表である。 ピンチアウト操作に連動するリスト結合時のアニメーションの変更例を説明するための画面遷移図である。

以下に添付図面を参照しながら、本開示の好適な実施の形態について詳細に説明する。なお、本明細書及び図面において、実質的に同一の機能構成を有する構成要素については、同一の符号を付することにより重複説明を省略する。

なお、説明は以下の順序で行うものとする。
１．本開示による一実施形態について
１−１．概要
１−２．基本構成
２．複数リストの結合／分離
２−１．複数リストの結合
２−２．リストの分離
２−３．ユーザ操作
２−４．複数リストの他の表示例

２−５．表示内容の変化
３．単数リストの結合／分離
４．動作処理
５．まとめ

ここで説明する本開示による技術は、上記項目の「１．本開示による一実施形態について」〜「４．動作処理」で説明するように、多様な形態で実施され得る。また、本開示の一実施形態による情報処理装置１０は、
（Ａ）ユーザ操作を検出する検出部（タッチパネル１６）と、
（Ｂ）リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う表示制御部（ＧＰＵ１１２）と、
を備える。

＜１．本開示による一実施形態について＞
［１−１．概要］
図１は、本開示による一実施形態の概要を説明するための図である。図１に示すように、本実施形態による情報処理装置１０は、ディスプレイ１５、およびディスプレイ１５と一体化したタッチパネル１６を備える。

情報処理装置１０は、ディスプレイ１５に、リストアイテム２１を有するリストを表示する。例えば情報処理装置１０は、図１に示すように、リストアイテム２１を有するターゲットリスト２３と、複数のサブリスト２５を表示する。サブリスト２５は、ターゲットリスト２３より詳細な情報を表示する。本実施形態では、ユーザ操作の対象となる一のリストとしてターゲットリスト２３を表示するが、サブリスト２５もユーザ操作の対象としてもよい。

また、情報処理装置１０は、ユーザが何らかの操作を行なった場合や、アプリケーションの内部状態が変化した場合に、リストの表示方法を変更する。より具体的には、情報処理装置１０は、タッチパネル１６により検出したユーザ操作に応じて、リストの結合／分離の表示制御を行う。リストの結合では、例えばサブリスト２５をターゲットリスト２３に徐々に近づけて結合させる。また、リストの分離では、例えばターゲットリスト２３から徐々に分離させたリストアイテム２１を並べて新たなサブリスト２５を生成する。

情報処理装置１０は、ディスプレイ１５に表示するリストを結合／分離する際に、各リストアイテムを表示画面上で徐々に変化させる制御を行う。これにより、ユーザは、リストの結合／分離が完了する前に、予めターゲットリスト２３に結合されるリストアイテムや、ターゲットリスト２３から分離されるリストアイテム２１を確認することができる。また、ユーザは、結合／分離するリストアイテム２１を確認しつつ、完了前に結合／分離の表示制御をキャンセルすることもできる。

なお、サブリスト２５は、ターゲットリスト２３の補助的位置付けであるので、上述したように、ターゲットリスト２３より詳細な情報を提示するリストアイテム２１が並べられて構成される。よって、リストの結合が行われると、ターゲットリスト２３が提示する情報はより詳細になる。リストの結合／分離による各リストの表示内容の変化については、後述する［２−５．表示内容の変化］において詳細に説明する。

以上、本開示の一実施形態による情報処理装置１０の概要について説明した。次に、本実施形態による情報処理装置１０の構成について図２を参照して説明する。

［１−２．基本構成］
図２は、本実施形態による情報処理装置１０の構成を示すブロック構成図である。図２に示すように、情報処理装置１０は、制御部１１、ＲＡＭ１２、記憶媒体１３、表示処理部１４、ディスプレイ１５、タッチパネル１６、操作部１７および通信部１８を備える。

制御部１１は、演算処理装置および制御装置として機能し、情報処理装置１０の各構成を制御する。より具体的には、図２に示すように、本実施形態による制御部１１は、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１１およびＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１２を備える。

ＣＰＵ１１１は、各種プログラムにしたがって、情報処理装置１０の各構成を制御する。また、ＣＰＵ１１１は、マイクロプロセッサであってもよい。

ＧＰＵ１１２は、ディスプレイ１５に表示する画像の生成や、ユーザ操作に応じた表示画面の変化などを行う表示制御部である。より具体的には、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを複数表示するよう表示制御する。また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテム２１を、第１のリストに結合させる表示制御を行う。

また、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを１つ表示するよう表示制御してもよい。この場合、ＧＰＵ１１２は、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させて結合するよう表示制御してもよい。

また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストからリストアイテム２１を徐々に分離させ、分離させたリストアイテム２１を並べて新たなリストを生成するよう表示制御してもよい。

ＧＰＵ１１２は、このようなリストの結合／分離の表示制御を、タッチパネル１６により検出されるユーザ操作に応じて行う。例えば、ＧＰＵ１１２は、ピンチアウト／イン操作が検出された場合、タッチパネル１６にタッチする２本の指の間隔の変化に応じて、リスト結合／分離の表示制御を行う。また、ＧＰＵ１１２は、タッチパネル１６にタッチした指の移動量や移動速度に応じて、リストの結合／分離の表示制御を行ってもよい。なお、ユーザ操作に応じたＧＰＵ１１２による表示制御については、＜２．複数リストの結合／分離＞〜＜４．動作処理＞において詳細に説明する。

ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）１２は、制御部１１の実行において使用するプログラムや、その実行において適宜変化するパラメータ等を一時記憶する。

記憶媒体１３は、制御部１１が使用するプログラムや演算パラメータ等を記憶する。また、記憶媒体１３は、動画像データ、音楽ファイルなどのコンテンツを記憶する。

なお、この記憶媒体１３は、例えば、Ｆｌａｓｈ ＲＯＭ（又はＦｌａｓｈ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）などの不揮発性メモリ、ハードディスクおよび円盤型磁性体ディスクなどの磁気ディスク、ＣＤ（Ｃｏｍｐａｃｔ Ｄｉｓｃ）、ＤＶＤ−Ｒ（Ｄｉｇｉｔａｌ Ｖｅｒｓａｔｉｌｅ Ｄｉｓｃ Ｒｅｃｏｒｄａｂｌｅ）およびＢＤ（Ｂｌｕ−Ｒａｙ Ｄｉｓｃ（登録商標））などの光ディスク、並びに、ＭＯ（Ｍａｇｎｅｔｏ Ｏｐｔｉｃａｌ）ディスクなどの記憶媒体であってもよい。

表示処理部１４は、ＧＰＵ１１２から出力された画像データを、ＧＰＵ１１２の表示制御に従ってディスプレイ１５に出力させる。

ディスプレイ１５は、表示処理部１４から入力された表示画面を出力する表示装置である。このディスプレイ１５は、例えば、液晶ディスプレイ（ＬＣＤ：Ｌｉｑｕｉｄ Ｃｒｙｓｔａｌ Ｄｉｓｐｌａｙ）、有機ＥＬ（Ｅｌｅｃｔｒｏｌｕｍｉｎｅｓｃｅｎｃｅ）ディスプレイなどの表示装置であってもよい。また、本実施形態によるディスプレイ１５は、例えばリストアイコン２１から構成されるリストを表示する。

タッチパネル１６は、画面へのユーザ操作を検出する検出部である。例えば、タッチパネル１６は、画面に接触したユーザの指などの操作体の位置（操作位置）を検出し、操作位置の経時変化からユーザ操作を検出する。タッチパネル１６が検出するユーザ操作は、例えばピンチアウト、ピンチイン、ドラッグ、フリック、タップ、ダブルタップなどが挙げられる。このタッチパネル１６は、ディスプレイ１５と一体的に設けられる。そして、タッチパネル１６は、検出したユーザ操作を制御部１１に出力する。なお、本実施形態ではタッチパネル１６を検出部の一例として挙げているが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、近接センサなど、非接触状態でユーザ操作を検出する検出部を用いてもよい。

操作部１７は、ユーザによる操作指示を受付け、その操作内容を制御部１１に出力する。この操作部１７は、ボタンおよびスイッチなど、物理的構成であってもよい。

通信部１８は、通信端末と通信を行うモジュールである。具体的には、通信部１８は、通信端末からデータを受信する受信部、および通信端末にデータを送信する送信部を備える。また、通信部１８は、Ｗｉ−Ｆｉ（登録商標）やＢｌｕｅｔｏｏｔｈ（登録商標）などの近距離無線通信によりデータの送受信を行ってもよい。

以上、本実施形態による情報処理装置１０の構成について詳細に説明した。続いて、情報処理装置１０のＧＰＵ１１２が行う表示制御について具体例を挙げて詳細に説明する。

＜２．複数リストの結合／分離＞
ＧＰＵ１１２は、上述したように、複数のリストを表示し、ユーザ操作に応じてサブリスト２５をターゲットリスト２３に結合、またはターゲットリスト２３からリストアイテム２１を分離させて、リストアイテム２１の表示数（リストの項目数）を増減させる。ここでは、複数リストの結合およびリストの分離について、順次図面を参照して説明する。

［２−１．複数リストの結合］
図３は、複数リストの表示例を示す図である。図３に示すように、ＧＰＵ１１２は、リストアイテム２１から構成されるターゲットリスト２３、および複数のサブリスト２５を表示する画面３１を、ディスプレイ１５に表示するよう制御する。

図３に示すように、ターゲットリスト２３のリストアイテム２１は、ターゲットリスト２３の上段に表示されるサブリスト２５ａのリストアイテム２１より大きく表示される。また、サブリスト２５ａのリストアイテム２１は、サブリスト２５ａの上段に表示されるサブリスト２５ｂのリストアイテム２１より大きく表示される。

このように複数のリストを表示している場合に、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５のリストアイテム２１を徐々にターゲットリスト２３に近づけ、結合させる表示制御を行う。リスト結合は、例えば図４に示すようなアニメーションを伴って行われる。

図４は、複数リストの結合アニメーションを説明するための画面遷移図である。図４の画面３３に示すように、ＧＰＵ１１２は、ターゲットリスト２３とサブリスト２５を表示する。そして、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は画面３５に示すように、リスト結合の表示制御を行う。

具体的には、ＧＰＵ１１２は、画面３５に示すように、ターゲットリスト２３の各リストアイテムの間のスペースを広げ、サブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムの間のスペースにそれぞれ移動させる。このように、ターゲットリスト２３に結合するリストアイテムが、ターゲットリスト２３に向かって徐々に移動するので、ユーザは結合により増加するリストアイテムを結合完了前に確認することができる。また、この際、ＧＰＵ１１２は、画面３５に示すように、サブリスト２５ｂを徐々に一段下げ、サブリスト２５ｂのリストアイテムの大きさを調整する。

そして、画面３７に示すように、ＧＰＵ１１２は、サブリスト２５ａの各リストアイテムの大きさと位置を揃え、結合を完了する。結合後のターゲットリスト２３ｘは、結合前のターゲットリスト２３より情報量が増加する。

また、図４に示す例では、ＧＰＵ１１２は、サブリスト２５ａを結合したので、残ったサブリストを一段ずつ下げて表示される。よって、画面３７に示すように、新たにサブリスト２５ｃが出現する。

このように、本実施形態によるＧＰＵ１１２が、複数のリストを画面に表示し、ユーザ操作に応じて追加するリストの各リストアイテム２１を移動させることで、ユーザは、結合により増加するリストアイテム２１を、結合完了前に予め確認することができる。また、ＧＰＵ１１２は、段階ごとに詳細化したサブリスト２５を表示するが、詳細化の限界になった場合、表示するサブリスト２５の数は０になる。よって、ユーザは、直感的にこれ以上ターゲットリスト２３を詳細化することはできないと分かる。

以上、複数リストの結合について説明した。なお、上述した例では、ターゲットリスト２３にサブリスト２５ａが結合される場合を図示したが、本開示による複数リストの結合はこれに限定されない。例えば、ターゲットリスト２３に、サブリスト２５ａおよびサブリスト２５ｂといった複数段階のサブリストを結合させてもよい。

［２−２．リストの分離］
次に、リストの分離について説明する。ＧＰＵ１１２は、ユーザ操作に応じて、まずターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテム２１を並べて新たなサブリスト２５を生成し、リストの分離が完了する。

ＧＰＵ１１２は、このようなリストの分離アニメーションを、図４の画面３３から画面３７に示した結合アニメーションの逆の順序で行ってもよい。具体的には、ＧＰＵ１１２は、ターゲットリスト２３から分離するリストアイテム２１を徐々に小さくし、ターゲットリスト２３から離れるよう表示制御させる。そして、ＧＰＵ１１２は、分離したリストアイテム２１を並べて新たなサブリスト２５を生成する。

このように、本実施形態によるＧＰＵ１１２が、ターゲットリスト２３から分離するリストアイテム２１を徐々に表示変化させるので、ユーザは、分離により減少するリストアイテム２１を予め確認することができる。

以上、リストの分離について説明した。なお、ターゲットリスト２３から分離して新たに生成されるサブリスト２５は、一段階でもよいし、複数段階でもよい。

［２−３．ユーザ操作］
上述したリストの結合／分離は、各種ユーザ操作に連動して行われる。ユーザ操作は、例えばピンチアウト操作、ピンチイン操作、ドラッグ操作、フリック操作、タップ／ダブルタップ操作、およびボタン／バー操作が挙げられる。以下、ＧＰＵ１１２が、検出された各ユーザ操作に応じて行うリストの結合／分離について順次図面を参照して説明する。

（ピンチアウト操作）
ＧＰＵ１１２は、ピンチアウト操作が検出された場合、ピンチアウト操作に応じてリストの結合を行う。なお、ピンチアウト操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を拡げるタッチ操作のことである。以下、図５および図６を参照して具体的に説明する。

図５は、ユーザによるピンチアウト操作を説明するための図である。図５の画面３９に示すように、ターゲットリスト２３に対するピンチアウト操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。

図６は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図６の画面４１に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔ｄ１を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。

次に、画面４３に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２が自動的に移動してリストアイテムＡ２とリストアイテムＡ３の間に挿入される。このとき、サブリスト２５ａの他のリストアイテム、例えばリストアイテムＢ１およびリストアイテムＢ３も、同様にターゲットリスト２３の各リストアイテムの間にそれぞれ挿入される。なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、リストアイテムＢ２等を元の表示位置に戻すよう表示制御する。

そして、ＧＰＵ１１２は、図６の画面４５に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。

このように、ＧＰＵ１１２は、ピンチアウト操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。

また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。

なお、図６に示す例では、サブリスト２５が一つ結合される様子を説明したが、本実施形態のピンチアウト操作によるリスト結合はこれに限定されず、ＧＰＵ１１２は、ピンチアウト操作の大きさに応じて多段階の結合を行なってもよい。例えば、タッチ位置の間隔ｄ２がリストアイテムＢ２の２つ分の幅を超えた場合、ＧＰＵ１１２は、２段階の結合を行う。すなわち、ＧＰＵ１１２は、サブリスト２５ａおよびサブリスト２５ｂをターゲットリスト２３に結合させるよう表示制御する。

また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を拡げるピンチアウト操作を検出しているが、本実施形態によるピンチアウト操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチアウト操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを拡げる動きに応じて、リスト結合を行う。

ピンチアウト操作の検出位置の応用例について図７を参照して説明する。図７は、ユーザによる他のピンチアウト操作を説明するための図である。図７の画面４７に示すように、ユーザは任意の位置、例えば１のリストアイテム上で２本の指を拡げるピンチアウト操作を行う。すると、ＧＰＵ１１２は、拡げられた２本の指の間隔ｄ５の距離に応じて、リストの結合を行う。

（ピンチイン操作）
ＧＰＵ１１２は、ピンチイン操作が検出された場合、ピンチイン操作に応じてリストの分離を行う。なお、ピンチイン操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を狭めるタッチ操作のことである。以下、図８および図９を参照して具体的に説明する。

図８は、ユーザによるピンチイン操作を説明するための図である。図８の画面４９に示すように、ターゲットリスト２３に対するピンチイン操作が検出された場合、ＧＰＵ１１２はリスト分離を行う。

図９は、ピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。図９の画面５１に示すように、リストアイテムＡ２およびリストアイテムＡ４がそれぞれタッチされた状態でタッチ位置の間隔ｄ３を狭める操作（ピンチイン操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ４の表示位置をユーザによるタッチ位置に合わせて互いに近付くよう移動させる。また、ＧＰＵ１１２は、ピンチイン操作に応じてリストアイテムＡ３を徐々に縮小表示する。

次に、画面５３に示すように、タッチ位置の間隔ｄ４が閾値を超えると、ＧＰＵ１１２は、リストアイテムＡ３をターゲットリスト２３から移動して分離するよう表示制御する。このとき、ターゲットリスト２３の他のリストアイテム、例えばリストアイテムＡ１やリストアイテムＡ５などターゲットリスト２３に並ぶリストアイテムも一つおきに自動的に移動して分離する。なお、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、リストアイテムＡ３等を元の表示位置に戻すよう表示制御する。

そして、ＧＰＵ１１２は、図９の画面５５に示すように、ターゲットリスト２３から分離したリストアイテムＡ１、Ａ３、およびＡ５を並べて新たなサブリスト２５ｘを生成する。また、ＧＰＵ１１２は、画面５５に示すように、リストの分離によりリストアイテム数が減少したターゲットリスト２３ｘの各リストアイテムの表示位置を調整する。

このように、ＧＰＵ１１２は、ピンチイン操作に応じて、画面に表示したターゲットリスト２３から所定数のリストアイテムを分離し、分離した所定数のリストアイテムを並べて新たなサブリスト２５ｘを生成する。

ターゲットリスト２３から分離されるリストアイテムは徐々に縮小されるので、ユーザは分離完了前にどのリストアイテムが分離するかを予め確認することができる。

また、ユーザは、分離によりターゲットリスト２３から減少する情報を確認しつつ、リストの分離を途中でキャンセルすることができる。

なお、図９に示す例では、サブリスト２５ｘが一つ新たに生成される様子を説明したが、本実施形態のピンチイン操作によるリスト分離はこれに限定されず、ＧＰＵ１１２は、ピンチイン操作に応じて複数のサブリスト２５を新たに生成してもよい。例えば、タッチ位置の間隔ｄ３がリストアイテム２つ分の幅である場合にピンチイン操作が行なわれると、ＧＰＵ１１２は、新たに２つのサブリスト２５を生成する。

また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を狭めるピンチイン操作を検出しているが、本実施形態によるピンチイン操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチイン操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを狭める動きに応じて、リスト分離を行う。

（ドラッグ操作）
続いて、ＧＰＵ１１２がドラッグ操作に応じてリストの結合／分離を行う場合について説明する。なお、ドラッグ操作とは、１箇所をタッチしている状態で移動するタッチ操作のことである。以下、図１０および図１１を参照してドラッグ操作に連動するリスト結合について説明する。

図１０は、ユーザによるドラッグ操作を説明するための図である。図１０の画面５７に示すように、サブリスト２５ａのリストアイテムＢ２を、ターゲットリスト２３に移動させるドラッグ操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。

図１１は、ドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図１１の画面６１に示すように、ＧＰＵ１１２は、リストアイテムＢ２をドラッグ操作に合わせて下方に移動させ、また、操作対象のサブリスト２５ａの他のリストアイテムＢ１およびリストアイテムＢ３も下方に移動させる。また、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３に近付くにつれて、ターゲットリスト２３の各リストアイテムの間が拡がるよう表示制御する。

次に、図１１の画面６３に示すように、ユーザは、拡がったターゲットリスト２３の各リストアイテムの間にリストアイテムＢ２をドラッグし、タッチしていた指を離す。

ここで、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３内の所定の位置にドラッグされるまで、リスト結合のキャンセルを受け付けてもよい。例えば、ＧＰＵ１１２は、タッチした状態のままリストアイテムＢ２を上方に戻すドラッグ操作が検出されると、各リストアイテムの位置を元に戻すよう表示制御する。

そして、図１１の画面６５に示すように、ＧＰＵ１１２は、ターゲットリスト２３内にドラッグされたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。

このように、ＧＰＵ１１２は、ドラッグ操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。

また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。

以上、ドラッグ操作によるリストの結合について説明した。次にドラッグ操作によるリストの分離について説明する。

ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にドラッグする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にドラッグされる場合、リストアイテムＡ２を徐々に小さく表示する。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。

また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。

そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。

以上、ドラッグ操作によるリストの結合／分離について説明した。かかるリストの結合／分離は、ドラッグ操作により一のリストアイテムを移動させることにより行うが、ドラッグ操作に代わってフリック操作により一のリストアイテムを移動させてもよい。以下に、フリック操作に連動するリストの結合／分離について説明する。

（フリック操作）
フリック操作とは、１箇所をタッチしている状態から画面を軽く払うように指を動かすタッチ操作のことである。ＧＰＵ１１２は、フリック操作に応じてリストの結合／分離を行う。

フリック操作によるリスト結合時のアニメーションは、概ね図１１を参照して説明したドラッグ操作による結合時のアニメーションと同様である。例えば、サブリスト２５ａのリストアイテムＢ２が指でタッチされ下方に払う操作が検出された場合、ＧＰＵ１１２はサブリスト２５ａの各リストアイテムを下方に移動させる。また、ＧＰＵ１１２は、ターゲットリスト２３の各リストアイテムの間を拡げるよう表示制御する。

そして、拡げたターゲットリスト２３の各リストアイテム間にサブリスト２５ａの各リストアイテムがそれぞれ移動する。ＧＰＵ１１２は、移動したサブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムと同様の大きさに拡大させ、リスト結合が完了する。

なお、ＧＰＵ１１２は、ユーザのフリック速度に応じてリストアイテムＢ２を移動させるところ、フリック速度によってはリストアイテムＢ２がターゲットリスト２３内まで届かない場合もある。この場合、ＧＰＵ１１２は、各リストアイテムの表示位置を元の位置に戻すよう表示制御してもよい。

以上、フリック操作によるリストの結合について説明した。次にフリック操作によるリストの分離について説明する。

ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にフリックする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にフリックされる場合、リストアイテムＡ２を徐々に小さく表示しつつ上方に移動させる。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。

また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。

そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。

（タップ／ダブルタップ操作）
また、ＧＰＵ１１２は、リストの結合／分離をタップ／ダブルタップ操作に連動して行ってもよい。例えば、タップ／ダブルタップ操作されたサブリスト２５ａの各リストアイテムを、図４に示すようにターゲットリスト２３の各リストアイテム間に移動させて、リストの結合を完了する。

また、ターゲットリスト２３に対してタップ／ダブルタップ操作がされた場合、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを並べて新たなサブリストを生成し、リストの分離を完了する。

（ボタン／バー操作）
また、ＧＰＵ１１２は、リストの結合／分離を、ボタンやバーに対するユーザ操作に応じて行ってもよい。以下、図１２および図１３を参照して具体的に説明する。

図１２は、スケールアウトボタン２７、およびスケールインボタン２８を示す図である。図１２に示すスケールアウトボタン２７へのユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離し、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。

また、図１２に示すスケールインボタン２８へのユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。

図１３は、スライダーバー２９を示す図である。図１３に示すスライダーバー２９のツマミを「−」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離する。そして、ＧＰＵ１１２は、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。

また、図１３に示すスライダーバー２９のツマミを「＋」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。

なお、ＧＰＵ１１２は、リストの結合／分離により変化するターゲットリスト２３の情報量を、スライダーバー２９のツマミが「−」に近付くほど減少させ、「＋」に近付くほど増加（詳細化）させる。

以上、ユーザ操作に連動して行なわれる複数リストの結合／分離について詳細に説明した。続いて、このような複数リストの他の表示方法について説明する。

［２−４．複数リストの他の表示例］
図１に示す例では、ＧＰＵ１１２は、横方向にリストアイテム２１を並べて構成される複数のリストを、段階的に縦方向に表示している。しかし、本実施形態による複数リストの表示方法は図１に示す例に限られない。以下、複数リストの他の表示例について図１４および図１５を参照して説明する。

図１４は、複数リストが縦に並ぶ表示例を示す図である。図１４に示すように、ＧＰＵ１１２は、縦方向にリストアイテム２１を並べて構成される複数のリストを、段階的に横方向に表示する。この場合、例えばターゲットリスト２３に対してピンチアウト／イン操作が検出されると、ＧＰＵ１１２は、リストの結合／分離を行う。

図１５は、複数リストが重なる表示例を示す図である。図１５の画面６９に示すように、ＧＰＵ１１２は、ターゲットリスト２３をサブリスト２５に重ねて表示する。ユーザは、ターゲットリスト２３の各リストアイテムの間に、サブリスト２５の各リストアイテムを確認することができる。

このように表示するターゲットリスト２３に対してピンチアウト操作が検出されると、ＧＰＵ１１２は、図１５の画面７１に示すように、ピンチアウト操作に応じてターゲットリスト２３の各リストアイテムを横方向に移動させる。同時に、ＧＰＵ１１２は、サブリスト２５の各リストアイテムを徐々に拡大表示させる制御も行い、サブリスト２５が結合されたターゲットリスト２３ｘを表示する。

［２−５．表示内容の変化］
次に、リストの結合／分離によりリストの表示内容がどのように変化するかについて説明する。上述したように、リストの結合が行われるとターゲットリスト２３のリストアイテム数が増加し、リストの分離が行われるとターゲットリスト２３のリストアイテム数が減少する。このようなリストアイテム数（情報量）の変化に応じたターゲットリスト２３の表示内容の変化について、以下具体例を挙げて詳細に説明する。

（第１の例；情報の粒度）
第１の例として、ターゲットリスト２３のリストアイテム数が増加すると情報の粒度が細かくなり、リストアイテム数が減少すると情報の粒度が荒くなる。情報の粒度について、図１６から図１８を参照して具体的に説明する。図１６から図１８では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像を例として挙げる。

図１６は、複数のサムネイル画像から構成される複数のリストを表示する画面７２を示す図である。図１６に示すように、ターゲットリスト７３は、動画像データの１分毎のシーンが並べられたリストである。

また、図１６に示すように、サブリスト７５ａは、ターッゲットリスト７３の１分毎のシーンの間を補うシーンが１つずつ並べられたリストである。例えば、サブリスト７５ａには、ターゲットリスト７３の４：００のサムネイル画像と５：００のサムネイル画像の間を補助する４：３０のサムネイル画像、ターゲットリスト７３の５：００のサムネイル画像と６：００のサムネイル画像の間を補助する５：３０のサムネイル画像、およびターゲットリスト７３の６：００のサムネイル画像と７：００のサムネイル画像の間を補助する６：３０のサムネイル画像等が並べられる。

また、図１６に示すように、サブリスト７５ｂは、サブリスト７５ａに並べられたシーンの間を補うシーンが２つずつ並べられたリストである。例えば、サブリスト７５ｂには、サブリスト７５ａの４：３０のサムネイル画像と５：３０のサムネイル画像の間を補助する４：４５および５:１５のサムネイル画像が並べられる。

そして、図１６に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト７３にサブリスト７５ａが結合され、ターゲットリスト７３のリストアイテム数が増加する。図１６に示すターゲットリスト７３のリストアイテム数が増加した場合について図１７を参照して説明する。

図１７は、図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図１７に示すターゲットリスト７３ｘは、図１６に示すターゲットリスト７３にサブリスト７５ａが結合されたものである。リスト結合によりターゲットリスト７３ｘのリストアイテム数は増加し、３０秒毎のサムネイル画像が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の粒度が細かくなる。

図１８は、図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。図１８に示すターゲットリスト７３ｙは、図１６に示すターゲットリスト７３がリスト分離にされたものである。また、図１８に示すサブリスト７５ｘは、図１６に示すターゲットリスト７３から分離されたリストアイテムを並べて新たに生成されたサブリストである。リスト分離によりターゲットリスト７３ｙのリストアイテム数は減少し、２分毎のサムネイル画像が並べられる。このように、リスト分離によりリストアイテム数が減少すると、情報の粒度が荒くなる。

（第２の例；情報の種類）
第２の例として、ターゲットリスト２３のリストアイテム数が増加すると、情報の種類が増え、リストアイテム数が減少すると情報の種類が減る。情報の種類について、図１９から図２１を参照して具体的に説明する。図１９から図２１では、リストアイテムとして音楽データに関連する情報の種類を例として挙げる。

図１９は、音楽データに関連する情報に基づいて生成された複数のリストを表示する画面８１を示す図である。図１９に示すように、ターゲットリスト８３は、音楽アルバムのジャケット画像が並べられたリストである。

また、サブリスト８５ａは、各音楽アルバムに収録されている曲名一覧が並べられたリストである。また、サブリスト８５ｂは、各曲の歌詞が並べられたリストである。

そして、図１９に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト８３にサブリスト８５ａが結合され、ターゲットリスト８３のリストアイテム数が増加する。図１９に示すターゲットリスト８３のリストアイテム数が増加した場合について図２０を参照して説明する。

図２０は、図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図２０に示すターゲットリスト８３ｘは、図１９に示すターゲットリスト８３にサブリスト８５ａが結合されたものである。リスト結合によりターゲットリスト８３ｘのリストアイテム数は増加し、音楽ジャケットの画像、および曲名一覧が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の種類が増える。

なお、図２０に示すように、ＧＰＵ１１２は、ターゲットリスト８３ｘ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。

図２１は、図１９に示す２つのサブリスト８５がターゲットリストに結合された場合の結果を示す図である。図２１に示すターゲットリスト８３ｙは、図１９に示すターゲットリスト８３に、サブリスト８５ａおよびサブリスト８５ｂがリスト結合にされたものである。リスト結合によりターゲットリスト８３ｙのリストアイテム数は増加し、音楽ジャケットの画像、曲名一覧、および各曲の歌詞が並べられる。このように、リスト結合によりリストアイテム数が増加する程、情報の種類が増える。

なお、図２１に示す例においても、上述と同様に、ＧＰＵ１１２は、ターゲットリスト８３ｙ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。また、図２１に示すように、ＧＰＵ１１２は、サブリスト８５ａおよびサブリスト８５ｂの各リストアイテムの表示の大きさを変化させずに、ターゲットリスト８３に結合させてもよい。

また、情報の種類は、図１９から図２１に挙げた音楽データに関連する情報の種類に限られない。例えば、情報の種類は、動画像データの各シーンのうち盛り上がり度に応じて段階的に種類分けしてもよい。具体的には、制御部１１により動画像データを予め解析し、ＧＰＵ１１２は、最も盛り上がったシーン毎のサムネイル画像を並べて第１のリストを生成する。そして、ＧＰＵ１１２は、リストの結合により、第１のリストに、次に盛り上がったシーンを追加していく。

以上説明した複数リストの結合／分離に伴う表示内容の変化は、次に説明する＜３．単数リストの結合／分離＞においても同様である。

＜３．単数リストの結合／分離＞
本実施形態によるＧＰＵ１１２は、上述したように、単数のリストを表示し、ユーザ操作に応じてリストの結合／分離を行ってもよい。ＧＰＵ１１２は、リストの結合を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を増加させる。

また、ＧＰＵ１１２は、リストの分離を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を減少させ、単数のリストから分離したリストアイテムを並べて新たなサブリストを生成する。

ここで、単数リストの結合／分離を指示するユーザ操作とは、［２−３．ユーザ操作］において説明したピンチアウト／イン操作、タップ／ダブルタップ操作、ボタン／バー操作などが挙げられる。以下に説明する具体的な単数リストの結合／分離の制御においては、ユーザ操作としてピンチアウト／イン操作を検出する場合を例として説明する。

［３−１．単数リストの結合］
ＧＰＵ１１２は、リスト結合を指示するユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させ、リストアイテム数を増加させる。以下、図２２および図２３を参照して単数リストの結合について説明する。

図２２は、ターゲットリスト９３を表示する画面９１を示す図である。図２２に示すように、ターゲットリスト９３のリストアイテムＡ２およびＡ３を２の指でタッチし、タッチしたままの状態で拡げるピンチアウト操作が検出される。すると、ＧＰＵ１１２は、ピンチアウト操作に応じてターゲットリスト９３のリスト結合を行う。

図２３は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図２３の画面９５に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。

次に、画面９７および画面９９に示すように、ピンチアウト操作により拡がるターゲットリスト９３の各リストアイテムの間に、新たなリストアイテムが徐々に出現する。

そして、ＧＰＵ１１２は、各リストアイテムの間に出現させたリストアイテムを、ターゲットリスト９３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。

なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、出現させた新たなリストアイテムを消滅させてもよい。

このように、ＧＰＵ１１２が、ピンチアウト操作に応じて、ターゲットリスト９３中に新たなリストアイテムを徐々に出現させるので、ユーザはターゲットリスト９３に結合されるリストアイテムを予め確認することができる。

また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。

［３−２．リストの分離］
ＧＰＵ１１２は、ピンチイン操作に応じて、表示する単数のターゲットリストの所定数のリストアイテムを徐々に消滅させ、リストの分離を行ってもよい。ユーザは、ターゲットリスト中のリストアイテムが徐々に消滅するので、ターゲットリストから分離されるリストアイテムを予め確認することができる。

また、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、消滅させたリストアイテムを出現させてもよい。

［３−３．一覧表示］
上述した例では、単数リストの結合／分離によって、リストアイテム数が増減することを説明した。ここで、リストの結合によってリストアイテム数が増加した場合、画面外に追い出されるリストアイテムがある。

そこで、本実施形態によるＧＰＵ１１２は、リスト結合によってターゲットリストのリストアイテム数が増減した場合に、リストアイテムの表示サイズを拡大／縮小することで、全てのリストアイテムを画面内に表示する一覧表示を行ってもよい。ＧＰＵ１１２が一覧表示を行うことで、ユーザは、リスト結合により増加したリストアイテムを画面内で全て確認できる。ＧＰＵ１１２による一覧表示について、図２４から図２６を参照して説明する。図２４から図２６では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像をグリッドリスト形式で表示する。

図２４は、単数のリストを一覧表示する画面２０１を示す図である。図２４の画面２０１に示すように、ＧＰＵ１１２は、動画像データの２分毎のサムネイル画像を全て並べている。この場合に、ユーザ操作に応じてリスト結合を行う場合のアニメーションについて図２５および図２６を参照して説明する。

図２５は、リスト結合時のアニメーションの途中の画面２０３を示す図である。図２５に示すように、ＧＰＵ１１２は、各サムネイル画像を縮小しつつ、各サムネイル画像の間に、新たなサムネイル画像を徐々に出現させる。

図２６は、リスト結合完了時の画面２０５を示す図である。図２６の画面２０５に示すように、ＧＰＵ１１２は、リスト結合によりリストアイテム数が増加しても、全てのサムネイル画像を一画面に表示する。

以上説明した一覧表示は、単数のリストを例にして説明したが、ＧＰＵ１１２は、複数リストの結合時にも一覧表示の制御を行ってもよい。

＜４．動作処理＞
次に、本実施形態によるＧＰＵ１１２が、上述したピンチイン／アウト操作に応じてリストの結合／分離の表示制御を行う際の動作処理について説明する。上記図６および図９では、ＧＰＵ１１２が、ピンチイン／アウト操作を行なう２本の指の間隔ｄに応じてリストの結合／分離の表示制御を行う例を説明したが、本実施形態はこれに限定されない。例えば、ＧＰＵ１１２は、タッチ操作を行なう指の移動量や、指の移動速度に応じて、リストの結合／分離を行ってもよい。以下、ＧＰＵ１１２が、ピンチイン／アウト操作の移動量または移動速度に応じてリストの結合／分離を行う場合の動作処理について図２７を参照して説明する。

図２７は、ピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。図２７に示すように、ステップＳ１０２において、タッチパネル１６が２点タッチを検出すると、続くステップＳ１０４において、タッチパネル１６は、さらに２点タッチされた各操作位置の移動に基づいてピンチイン／アウト操作を検出する。タッチパネル１６は、ピンチイン／アウト操作を検出すると、検出結果を制御部１１に出力する。

次いで、ステップＳ１０６において、制御部１１のＧＰＵ１１２は、タッチパネル１１６により検出されたピンチイン／アウト操作に応じて、ディスプレイ１５に表示するリストの結合／分離のアニメーションを開始する。例えば、ＧＰＵ１１２は、ピンチイン／アウト操作に合わせて、タッチされているリストアイテムを移動させる。

次に、ステップＳ１０８において、タッチパネル１６により２点タッチによる操作が検出されている場合は、処理はステップＳ１１０に進む。次いで、ステップＳ１１０において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の移動量は、例えば図２８に示すように算出される。

図２８は、ピンチイン／アウト操作の移動量や速度の算出について例示する表である。図２８に示すように、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作により初期状態からリストアイテムがそれぞれ移動した距離の合計である。

また、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作による２点タッチ位置のそれぞれが移動した距離の合計であってもよい。

上記ステップＳ１１０において、ピンチイン／アウト操作の移動量が閾値を超えた場合、処理はステップＳ１１２に進む。次いで、ステップＳ１１２において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１０において、第１の閾値を超えた場合、ステップＳ１１２においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。

次いで、処理がステップＳ１０８に進み、さらにピンチイン／アウト操作がされ続け、ステップＳ１１０において、第２の閾値を超えた場合は、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作に応じて行う。

続いて、ステップＳ１０８に戻り、２点タッチが検出されなくなった場合について説明する。この場合は、処理はステップＳ１１４に進み、Ｓ１１４において、ＧＰＵ１１２は、ピンチイン／アウト操作の速度が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の速度は、例えば図２８に示すように、ピンチイン／アウト操作による各リストアイテムの移動速度の合計である。

上記ステップＳ１１４において、ピンチイン／アウト操作の移動速度が閾値を超えた場合、処理はステップＳ１１６に進む。次いで、ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１４において、第１の閾値を超えた場合、ステップＳ１１６においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。

次いで、処理がステップＳ１１４に戻り、速度がまだ残っている場合、再度ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作により移動するリストアイテムの速度に応じて行う。

一方、ステップＳ１１４において、速度が閾値を超えていない場合、処理はステップＳＳ１１８に進む。ステップＳ１１８において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。閾値を超えている場合、処理はステップＳ１２０に進む。

次いで、ステップＳ１２０において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ＧＰＵ１１２は、閾値を複数有し、ピンチイン／アウト操作の移動量がどの閾値を超えたかに応じて、リストの結合／分離の段階を制御してもよい。例えば、ピンチイン／アウト操作の移動量が閾値ａを超えていた場合は、サブリストを一つ結合、または分離によりサブリストを一つ生成する。また、ピンチイン／アウト操作の移動量が閾値ｂを超えていた場合は、サブリストを二つ結合、または分離によりサブリストを二つ生成する。

次いで、ステップＳ１２２において、ＧＰＵ１１２は、リストの結合／分離によるアニメーションを完了する。

＜５．まとめ＞
上述したように、本実施形態による情報処理装置１０によれば、複数のリストを画面に表示することで、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテムを予め確認することができる。

また、本実施形態による情報処理装置１０によれば、単数のリストを画面に表示した場合でも、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させることで、ユーザは、追加されるリストアイテムを、結合完了前に予め確認することができる。

また、ユーザ操作に応じて、ターゲットリスト２３から分離するリストアイテムが徐々に変化するので、ユーザは、リスト分離によりターゲットリスト２３から減少するリストアイテムを予め確認することができる。

また、ユーザは、リスト結合、分離時のアニメーションにより増減するリストアイテムを確認しつつ、途中でリスト結合、分離をキャンセルすることもできる。

また、ＧＰＵ１１２は、リスト結合によってリストアイテム数が増加した場合に、全てのリストアイテムを画面内に表示するよう制御することで、リストの一覧性を確保したまま、より詳細な情報を表示することができる。

以上、添付図面を参照しながら本開示の好適な実施形態について詳細に説明したが、本技術はかかる例に限定されない。本開示の技術分野における通常の知識を有する者であれば、特許請求の範囲に記載された技術的思想の範疇内において、各種の変更例または修正例に想到し得ることは明らかであり、これらについても、当然に本開示の技術的範囲に属するものと了解される。

例えば、上記［２−３．ユーザ操作］のピンチアウト操作に連動するリスト結合時のアニメーションについて図６を参照して説明したが、リスト結合時のアニメーションは図６に示す例に限られない。例えば、結合するサブリスト２５ａの各リストアイテムは、ターゲットリスト２３方向に移動開始すると略同時に徐々に拡大し、ターゲットリスト２３の各リストアイテム間への挿入が完了すると略同時に拡大を完了してもよい。このようなピンチアウト操作に連動するリスト結合時のアニメーションの変更例を図２９に示す。図２９の画面４４に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２は、徐々に拡大しながら移動する。そして、画面４６に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されると略同時に拡大が完了する。

また、上記実施形態では、ターゲットリスト２３、サブリスト２５ａ、およびサブリスト２５ｂを順に表示したが、ユーザ操作に応じて各リストを入れ替えてもよいし、全リストを移動させてもよい。

また、図１に示す情報処理装置１０は、スマートフォン、およびポータブルオーディオプレーヤーなどのモバイル端末により実現したが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、パーソナルコンピュータ（ＰＣ）により実現し、ユーザ操作に応じたリスト結合、分離のアニメーションを、ＰＣのＧＵＩ画面上に表示してもよい。

また、上述した実施形態による情報処理装置１０の各構成と同等の機能を発揮させるためのコンピュータプログラムも作成可能である。また、該コンピュータプログラムを記憶させた記憶媒体も提供される。記録媒体は、例えば、磁気ディスク、光ディスク、光磁気ディスク、フラッシュメモリなどである。また、上記のコンピュータプログラムは、記録媒体を用いずに、例えばネットワークを介して配信してもよい。

なお、本技術は以下のような構成も取ることができる。
（１）
ユーザ操作を検出する検出部と、
リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う表示制御部と、
を備える、情報処理装置。
（２）
前記表示制御部は、前記検出部により、複数の操作位置間の距離を拡げる動作が検出された場合、前記１のリスト中に新たなリストアイテムを徐々に出現させる表示を行う、前記（１）に記載の情報処理装置。
（３）
前記表示制御部は、前記検出部により、複数の操作位置間の距離を狭める動作が検出された場合、前記１のリスト中のリストアイテムを所定数徐々に消滅させる表示を行う、前記（１）または前記（２）に記載の情報処理装置。
（４）
前記表示制御部は、前記操作位置の移動量または移動速度に応じて、前記１のリスト中で出現または消滅させるリストアイテムの数を変更する、前記（３）または前記（４）に記載の情報処理装置。
（５）
前記表示制御部は、前記１のリスト中にリストアイテムが出現したことにより増加した場合に、前記リストアイテムの大きさを変化させ、前記１のリスト中の全てのリストアイテムを表示画面内に表示する、前記（１）から前記（４）のいずれかに記載の情報処理装置。
（６）
ユーザ操作を検出するステップと、
リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行うステップと、
を含む、情報処理方法。
（７）
ユーザ操作を検出する処理と、
リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う処理と、
をコンピュータに実行させる、プログラム。
（８）
前記検出する処理により、複数の操作位置間の距離を拡げる動作が検出された場合、前記１のリスト中に新たなリストアイテムを徐々に出現させる表示を行う処理をコンピュータに実行させる、前記（７）に記載のプログラム。
（９）
前記検出する処理により、複数の操作位置間の距離を狭める動作が検出された場合、前記１のリスト中のリストアイテムを所定数徐々に消滅させる表示を行う処理をコンピュータに実行させる、前記（７）または前記（８）に記載のプログラム。
（１０）
前記操作位置の移動量または移動速度に応じて、前記１のリスト中で出現または消滅させるリストアイテムの数を変更する処理をコンピュータに実行させる、前記（８）または（９）に記載のプログラム。
（１１）
前記１のリスト中にリストアイテムが出現したことにより増加した場合に、前記リストアイテムの大きさを変化させ、前記１のリスト中の全てのリストアイテムを表示画面内に表示する処理をコンピュータに実行させる、前記（７）から前記（１０）のいずれかに記載のプログラム。

１０ 情報処理装置
１１ 制御部
１２ ＲＡＭ
１３ 記憶媒体
１４ 表示処理部
１５ ディスプレイ
１６ タッチパネル
１７ 操作部
１８ 通信部
１１１ ＣＰＵ
１１２ ＧＰＵ

Claims (11)

1. ユーザ操作を検出する検出部と、
   リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う表示制御部と、
   を備える、情報処理装置。
2. 前記表示制御部は、前記検出部により、複数の操作位置間の距離を拡げる動作が検出された場合、前記１のリスト中に新たなリストアイテムを徐々に出現させる表示を行う、請求項１に記載の情報処理装置。
3. 前記表示制御部は、前記検出部により、複数の操作位置間の距離を狭める動作が検出された場合、前記１のリスト中のリストアイテムを所定数徐々に消滅させる表示を行う、請求項１に記載の情報処理装置。
4. 前記表示制御部は、前記操作位置の移動量または移動速度に応じて、前記１のリスト中で出現または消滅させるリストアイテムの数を変更する、請求項２または３に記載の情報処理装置。
5. 前記表示制御部は、前記１のリスト中にリストアイテムが出現したことにより増加した場合に、前記リストアイテムの大きさを変化させ、前記１のリスト中の全てのリストアイテムを表示画面内に表示する、請求項１に記載の情報処理装置。
6. ユーザ操作を検出するステップと、
   リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行うステップと、
   を含む、情報処理方法。
7. ユーザ操作を検出する処理と、
   リストアイテムから構成される１のリストを表示し、検出されたユーザ操作に応じて、前記１のリスト中に、新たなリストアイテムを徐々に出現させる表示を行う処理と、
   をコンピュータに実行させる、プログラム。
8. 前記検出する処理により、複数の操作位置間の距離を拡げる動作が検出された場合、前記１のリスト中に新たなリストアイテムを徐々に出現させる表示を行う処理をコンピュータに実行させる、請求項７に記載のプログラム。
9. 前記検出する処理により、複数の操作位置間の距離を狭める動作が検出された場合、前記１のリスト中のリストアイテムを所定数徐々に消滅させる表示を行う処理をコンピュータに実行させる、請求項７に記載のプログラム。
10. 前記操作位置の移動量または移動速度に応じて、前記１のリスト中で出現または消滅させるリストアイテムの数を変更する処理をコンピュータに実行させる、請求項８または９に記載のプログラム。
11. 前記１のリスト中にリストアイテムが出現したことにより増加した場合に、前記リストアイテムの大きさを変化させ、前記１のリスト中の全てのリストアイテムを表示画面内に表示する処理をコンピュータに実行させる、請求項７に記載のプログラム。

Images