情報処理装置、情報処理方法およびプログラム
【課題】リストに追加されるリストアイテムをユーザに予め認識させることが可能な、情報処理装置、情報処理方法およびプログラムを提供する。
【解決手段】リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える。表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する。
【解決手段】リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える。表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する。
【発明の詳細な説明】
【技術分野】
【０００１】
本開示は、情報処理装置、情報処理方法およびプログラムに関する。
【背景技術】
【０００２】
近年、ユーザが操作可能な表示画面に複数のサムネイル画像を表示し、ユーザに選択させるＵＩ（ユーザインタフェース）が知られている。
【０００３】
例えば、動画像データを構成するシーンのうち所定の時間間隔毎のシーンからサムネイル画像を生成し、表示するＵＩが知られている。このようなＵＩは、ユーザに任意のサムネイル画像を選択させることで、ユーザが所望するシーンから動画像データを再生することができる。
【０００４】
なお、ＵＩに表示されるサムネイル画像の数は、動画像データから抜き出すシーンの時間間隔に応じて増減する。よって、例えば、ユーザがサムネイル画像の数を増やす操作を行なうことで、ＵＩは、さらに短い時間間隔のシーンによるサムネイル画像を表示する。サムネイル画像の数を増減するユーザ操作に関し、以下のような技術が知られている。
【０００５】
例えば、下記特許文献１に記載の表示装置は、動画像データのサムネイル画像に対してピンチアウト操作が行なわれると、さらに短い時間間隔のサムネイル画像を表示する。これにより、ユーザは各シーンのより詳しい内容を容易に確認することができる。
【先行技術文献】
【特許文献】
【０００６】
【特許文献１】特開２０１１−００３９７７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００７】
しかし、ＵＩに表示するサムネイル画像、アイコンなどのリストアイテムを、ユーザ操作に応じて増やす場合に、リストにどのようなリストアイテムが追加されるのか、ユーザが予め知ることは困難であった。
【０００８】
そこで、本開示では、リストに追加されるリストアイテムをユーザに予め認識させることが可能な、新規かつ改良された情報処理装置、情報処理方法およびプログラムを提案する。
【課題を解決するための手段】
【０００９】
本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える情報処理装置が提供される。
【００１０】
また、本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む情報処理方法が提供される。
【００１１】
また、本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させるプログラムが提供される。
【００１２】
（作用）
このように、本開示によれば、第１のリストに結合する第２のリストを表示し、ユーザ操作に応じて第２のリストを第１のリストに結合させる表示を行うことで、追加されるリストアイテムを結合完了前に予めユーザに認識させることができる。
【発明の効果】
【００１３】
以上説明したように本開示によれば、リストに追加されるリストアイテムをユーザに予め認識させることが可能である。
【図面の簡単な説明】
【００１４】
【図１】本開示による一実施形態の概要を説明するための図である。
【図２】本実施形態による情報処理装置の構成を示すブロック構成図である。
【図３】本実施形態による複数リストの表示例を示す図である。
【図４】本実施形態による複数リストの結合アニメーションを説明するための画面遷移図である。
【図５】本実施形態によるピンチアウト操作を説明するための図である。
【図６】本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図７】本実施形態による他のピンチアウト操作を説明するための図である。
【図８】本実施形態によるピンチイン操作を説明するための図である。
【図９】本実施形態によるピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。
【図１０】本実施形態によるドラッグ操作を説明するための図である。
【図１１】本実施形態によるドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図１２】本実施形態によるスケールアウトボタン、およびスケールインボタンを示す図である。
【図１３】本実施形態によるスライダーバーを示す図である。
【図１４】本実施形態による複数リストが縦に並ぶ表示例を示す図である。
【図１５】本実施形態による複数リストが重なる表示例を示す図である。
【図１６】本実施形態による複数のサムネイル画像から構成される複数のリストを表示する画面を示す図である。
【図１７】図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。
【図１８】図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。
【図１９】本実施形態による音楽データに関連する情報に基づいて生成された複数のリストを表示する画面を示す図である。
【図２０】図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。
【図２１】図１９に示す２つのサブリストがターゲットリストに結合された場合の結果を示す図である。
【図２２】本実施形態によるターゲットリストを表示する画面を示す図である。
【図２３】本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図２４】本実施形態による単数のリストを一覧表示する画面を示す図である。
【図２５】本実施形態によるリスト結合時のアニメーションの途中の画面を示す図である
【図２６】本実施形態によるリスト結合完了時の画面を示す図である。
【図２７】本実施形態によるピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。
【図２８】本実施形態によるピンチイン／アウト操作の移動量や速度の算出について例示する表である。
【図２９】ピンチアウト操作に連動するリスト結合時のアニメーションの変更例を説明するための画面遷移図である。
【発明を実施するための形態】
【００１５】
以下に添付図面を参照しながら、本開示の好適な実施の形態について詳細に説明する。なお、本明細書及び図面において、実質的に同一の機能構成を有する構成要素については、同一の符号を付することにより重複説明を省略する。
【００１６】
なお、説明は以下の順序で行うものとする。
１．本開示による一実施形態について
１−１．概要
１−２．基本構成
２．複数リストの結合／分離
２−１．複数リストの結合
２−２．リストの分離
２−３．ユーザ操作
２−４．複数リストの他の表示例
２−５．表示内容の変化
３．単数リストの結合／分離
４．動作処理
５．まとめ
【００１７】
ここで説明する本開示による技術は、上記項目の「１．本開示による一実施形態について」〜「４．動作処理」で説明するように、多様な形態で実施され得る。また、本開示の一実施形態による情報処理装置１０は、
（Ａ）リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部（ＧＰＵ１１２）を備える。
【００１８】
＜１．本開示による一実施形態について＞
［１−１．概要］
図１は、本開示による一実施形態の概要を説明するための図である。図１に示すように、本実施形態による情報処理装置１０は、ディスプレイ１５、およびディスプレイ１５と一体化したタッチパネル１６を備える。
【００１９】
情報処理装置１０は、ディスプレイ１５に、リストアイテム２１を有するリストを表示する。例えば情報処理装置１０は、図１に示すように、リストアイテム２１を有するターゲットリスト２３と、複数のサブリスト２５を表示する。サブリスト２５は、ターゲットリスト２３より詳細な情報を表示する。本実施形態では、ユーザ操作の対象となる一のリストとしてターゲットリスト２３を表示するが、サブリスト２５もユーザ操作の対象としてもよい。
【００２０】
また、情報処理装置１０は、ユーザが何らかの操作を行なった場合や、アプリケーションの内部状態が変化した場合に、リストの表示方法を変更する。より具体的には、情報処理装置１０は、タッチパネル１６により検出したユーザ操作に応じて、リストの結合／分離の表示制御を行う。リストの結合では、例えばサブリスト２５をターゲットリスト２３に徐々に近づけて結合させる。また、リストの分離では、例えばターゲットリスト２３から徐々に分離させたリストアイテム２１を並べて新たなサブリスト２５を生成する。
【００２１】
情報処理装置１０は、ディスプレイ１５に表示するリストを結合／分離する際に、各リストアイテムを表示画面上で徐々に変化させる制御を行う。これにより、ユーザは、リストの結合／分離が完了する前に、予めターゲットリスト２３に結合されるリストアイテムや、ターゲットリスト２３から分離されるリストアイテム２１を確認することができる。また、ユーザは、結合／分離するリストアイテム２１を確認しつつ、完了前に結合／分離の表示制御をキャンセルすることもできる。
【００２２】
なお、サブリスト２５は、ターゲットリスト２３の補助的位置付けであるので、上述したように、ターゲットリスト２３より詳細な情報を提示するリストアイテム２１が並べられて構成される。よって、リストの結合が行われると、ターゲットリスト２３が提示する情報はより詳細になる。リストの結合／分離による各リストの表示内容の変化については、後述する［２−５．表示内容の変化］において詳細に説明する。
【００２３】
以上、本開示の一実施形態による情報処理装置１０の概要について説明した。次に、本実施形態による情報処理装置１０の構成について図２を参照して説明する。
【００２４】
［１−２．基本構成］
図２は、本実施形態による情報処理装置１０の構成を示すブロック構成図である。図２に示すように、情報処理装置１０は、制御部１１、ＲＡＭ１２、記憶媒体１３、表示処理部１４、ディスプレイ１５、タッチパネル１６、操作部１７および通信部１８を備える。
【００２５】
制御部１１は、演算処理装置および制御装置として機能し、情報処理装置１０の各構成を制御する。より具体的には、図２に示すように、本実施形態による制御部１１は、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１１およびＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１２を備える。
【００２６】
ＣＰＵ１１１は、各種プログラムにしたがって、情報処理装置１０の各構成を制御する。また、ＣＰＵ１１１は、マイクロプロセッサであってもよい。
【００２７】
ＧＰＵ１１２は、ディスプレイ１５に表示する画像の生成や、ユーザ操作に応じた表示画面の変化などを行う表示制御部である。より具体的には、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを複数表示するよう表示制御する。また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテム２１を、第１のリストに結合させる表示制御を行う。
【００２８】
また、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを１つ表示するよう表示制御してもよい。この場合、ＧＰＵ１１２は、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させて結合するよう表示制御してもよい。
【００２９】
また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストからリストアイテム２１を徐々に分離させ、分離させたリストアイテム２１を並べて新たなリストを生成するよう表示制御してもよい。
【００３０】
ＧＰＵ１１２は、このようなリストの結合／分離の表示制御を、タッチパネル１６により検出されるユーザ操作に応じて行う。例えば、ＧＰＵ１１２は、ピンチアウト／イン操作が検出された場合、タッチパネル１６にタッチする２本の指の間隔の変化に応じて、リスト結合／分離の表示制御を行う。また、ＧＰＵ１１２は、タッチパネル１６にタッチした指の移動量や移動速度に応じて、リストの結合／分離の表示制御を行ってもよい。なお、ユーザ操作に応じたＧＰＵ１１２による表示制御については、＜２．複数リストの結合／分離＞〜＜４．動作処理＞において詳細に説明する。
【００３１】
ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）１２は、制御部１１の実行において使用するプログラムや、その実行において適宜変化するパラメータ等を一時記憶する。
【００３２】
記憶媒体１３は、制御部１１が使用するプログラムや演算パラメータ等を記憶する。また、記憶媒体１３は、動画像データ、音楽ファイルなどのコンテンツを記憶する。
【００３３】
なお、この記憶媒体１３は、例えば、Ｆｌａｓｈ ＲＯＭ（又はＦｌａｓｈ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）などの不揮発性メモリ、ハードディスクおよび円盤型磁性体ディスクなどの磁気ディスク、ＣＤ（Ｃｏｍｐａｃｔ Ｄｉｓｃ）、ＤＶＤ−Ｒ（Ｄｉｇｉｔａｌ Ｖｅｒｓａｔｉｌｅ Ｄｉｓｃ Ｒｅｃｏｒｄａｂｌｅ）およびＢＤ（Ｂｌｕ−Ｒａｙ Ｄｉｓｃ（登録商標））などの光ディスク、並びに、ＭＯ（Ｍａｇｎｅｔｏ Ｏｐｔｉｃａｌ）ディスクなどの記憶媒体であってもよい。
【００３４】
表示処理部１４は、ＧＰＵ１１２から出力された画像データを、ＧＰＵ１１２の表示制御に従ってディスプレイ１５に出力させる。
【００３５】
ディスプレイ１５は、表示処理部１４から入力された表示画面を出力する表示装置である。このディスプレイ１５は、例えば、液晶ディスプレイ（ＬＣＤ：Ｌｉｑｕｉｄ Ｃｒｙｓｔａｌ Ｄｉｓｐｌａｙ）、有機ＥＬ（Ｅｌｅｃｔｒｏｌｕｍｉｎｅｓｃｅｎｃｅ）ディスプレイなどの表示装置であってもよい。また、本実施形態によるディスプレイ１５は、例えばリストアイコン２１から構成されるリストを表示する。
【００３６】
タッチパネル１６は、画面へのユーザ操作を検出する検出部である。例えば、タッチパネル１６は、画面に接触したユーザの指などの操作体の位置（操作位置）を検出し、操作位置の経時変化からユーザ操作を検出する。タッチパネル１６が検出するユーザ操作は、例えばピンチアウト、ピンチイン、ドラッグ、フリック、タップ、ダブルタップなどが挙げられる。このタッチパネル１６は、ディスプレイ１５と一体的に設けられる。そして、タッチパネル１６は、検出したユーザ操作を制御部１１に出力する。なお、本実施形態ではタッチパネル１６を検出部の一例として挙げているが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、近接センサなど、非接触状態でユーザ操作を検出する検出部を用いてもよい。
【００３７】
操作部１７は、ユーザによる操作指示を受付け、その操作内容を制御部１１に出力する。この操作部１７は、ボタンおよびスイッチなど、物理的構成であってもよい。
【００３８】
通信部１８は、通信端末と通信を行うモジュールである。具体的には、通信部１８は、通信端末からデータを受信する受信部、および通信端末にデータを送信する送信部を備える。また、通信部１８は、Ｗｉ−ＦｉやＢｌｕｅｔｏｏｔｈなどの近距離無線通信によりデータの送受信を行ってもよい。
【００３９】
以上、本実施形態による情報処理装置１０の構成について詳細に説明した。続いて、情報処理装置１０のＧＰＵ１１２が行う表示制御について具体例を挙げて詳細に説明する。
【００４０】
＜２．複数リストの結合／分離＞
ＧＰＵ１１２は、上述したように、複数のリストを表示し、ユーザ操作に応じてサブリスト２５をターゲットリスト２３に結合、またはターゲットリスト２３からリストアイテム２１を分離させて、リストアイテム２１の表示数（リストの項目数）を増減させる。ここでは、複数リストの結合およびリストの分離について、順次図面を参照して説明する。
【００４１】
［２−１．複数リストの結合］
図３は、複数リストの表示例を示す図である。図３に示すように、ＧＰＵ１１２は、リストアイテム２１から構成されるターゲットリスト２３、および複数のサブリスト２５を表示する画面３１を、ディスプレイ１５に表示するよう制御する。
【００４２】
図３に示すように、ターゲットリスト２３のリストアイテム２１は、ターゲットリスト２３の上段に表示されるサブリスト２５ａのリストアイテム２１より大きく表示される。また、サブリスト２５ａのリストアイテム２１は、サブリスト２５ａの上段に表示されるサブリスト２５ｂのリストアイテム２１より大きく表示される。
【００４３】
このように複数のリストを表示している場合に、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５のリストアイテム２１を徐々にターゲットリスト２３に近づけ、結合させる表示制御を行う。リスト結合は、例えば図４に示すようなアニメーションを伴って行われる。
【００４４】
図４は、複数リストの結合アニメーションを説明するための画面遷移図である。図４の画面３３に示すように、ＧＰＵ１１２は、ターゲットリスト２３とサブリスト２５を表示する。そして、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は、画面３５に示すように、リスト結合の表示制御を行う。
【００４５】
具体的には、ＧＰＵ１１２は、画面３５に示すように、ターゲットリスト２３の各リストアイテムの間のスペースを広げ、サブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムの間のスペースにそれぞれ移動させる。このように、ターゲットリスト２３に結合するリストアイテムが、ターゲットリスト２３に向かって徐々に移動するので、ユーザは結合により増加するリストアイテムを結合完了前に確認することができる。また、この際、ＧＰＵ１１２は、画面３５に示すように、サブリスト２５ｂを徐々に一段下げ、サブリスト２５ｂのリストアイテムの大きさを調整する。
【００４６】
そして、画面３７に示すように、ＧＰＵ１１２は、サブリスト２５ａの各リストアイテムの大きさと位置を揃え、結合を完了する。結合後のターゲットリスト２３ｘは、結合前のターゲットリスト２３より情報量が増加する。
【００４７】
また、図４に示す例では、ＧＰＵ１１２は、サブリスト２５ａを結合したので、残ったサブリストを一段ずつ下げて表示される。よって、画面３７に示すように、新たにサブリスト２５ｃが出現する。
【００４８】
このように、本実施形態によるＧＰＵ１１２が、複数のリストを画面に表示し、ユーザ操作に応じて追加するリストの各リストアイテム２１を移動させることで、ユーザは、結合により増加するリストアイテム２１を、結合完了前に予め確認することができる。また、ＧＰＵ１１２は、段階ごとに詳細化したサブリスト２５を表示するが、詳細化の限界になった場合、表示するサブリスト２５の数は０になる。よって、ユーザは、直感的にこれ以上ターゲットリスト２３を詳細化することはできないと分かる。
【００４９】
以上、複数リストの結合について説明した。なお、上述した例では、ターゲットリスト２３にサブリスト２５ａが結合される場合を図示したが、本開示による複数リストの結合はこれに限定されない。例えば、ターゲットリスト２３に、サブリスト２５ａおよびサブリスト２５ｂといった複数段階のサブリストを結合させてもよい。
【００５０】
［２−２．リストの分離］
次に、リストの分離について説明する。ＧＰＵ１１２は、ユーザ操作に応じて、まずターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテム２１を並べて新たなサブリスト２５を生成し、リストの分離が完了する。
【００５１】
ＧＰＵ１１２は、このようなリストの分離アニメーションを、図４の画面３３から画面３７に示した結合アニメーションの逆の順序で行ってもよい。具体的には、ＧＰＵ１１２は、ターゲットリスト２３から分離するリストアイテム２１を徐々に小さくし、ターゲットリスト２３から離れるよう表示制御させる。そして、ＧＰＵ１１２は、分離したリストアイテム２１を並べて新たなサブリスト２５を生成する。
【００５２】
このように、本実施形態によるＧＰＵ１１２が、ターゲットリスト２３から分離するリストアイテム２１を徐々に表示変化させるので、ユーザは、分離により減少するリストアイテム２１を予め確認することができる。
【００５３】
以上、リストの分離について説明した。なお、ターゲットリスト２３から分離して新たに生成されるサブリスト２５は、一段階でもよいし、複数段階でもよい。
【００５４】
［２−３．ユーザ操作］
上述したリストの結合／分離は、各種ユーザ操作に連動して行われる。ユーザ操作は、例えばピンチアウト操作、ピンチイン操作、ドラッグ操作、フリック操作、タップ／ダブルタップ操作、およびボタン／バー操作が挙げられる。以下、ＧＰＵ１１２が、検出された各ユーザ操作に応じて行うリストの結合／分離について順次図面を参照して説明する。
【００５５】
（ピンチアウト操作）
ＧＰＵ１１２は、ピンチアウト操作が検出された場合、ピンチアウト操作に応じてリストの結合を行う。なお、ピンチアウト操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を拡げるタッチ操作のことである。以下、図５および図６を参照して具体的に説明する。
【００５６】
図５は、ユーザによるピンチアウト操作を説明するための図である。図５の画面３９に示すように、ターゲットリスト２３に対するピンチアウト操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。
【００５７】
図６は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図６の画面４１に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔ｄ１を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。
【００５８】
次に、画面４３に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２が自動的に移動してリストアイテムＡ２とリストアイテムＡ３の間に挿入される。このとき、サブリスト２５ａの他のリストアイテム、例えばリストアイテムＢ１およびリストアイテムＢ３も、同様にターゲットリスト２３の各リストアイテムの間にそれぞれ挿入される。なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、リストアイテムＢ２等を元の表示位置に戻すよう表示制御する。
【００５９】
そして、ＧＰＵ１１２は、図６の画面４５に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【００６０】
このように、ＧＰＵ１１２は、ピンチアウト操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。
【００６１】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【００６２】
なお、図６に示す例では、サブリスト２５が一つ結合される様子を説明したが、本実施形態のピンチアウト操作によるリスト結合はこれに限定されず、ＧＰＵ１１２は、ピンチアウト操作の大きさに応じて多段階の結合を行なってもよい。例えば、タッチ位置の間隔ｄ２がリストアイテムＢ２の２つ分の幅を超えた場合、ＧＰＵ１１２は、２段階の結合を行う。すなわち、ＧＰＵ１１２は、サブリスト２５ａおよびサブリスト２５ｂをターゲットリスト２３に結合させるよう表示制御する。
【００６３】
また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を拡げるピンチアウト操作を検出しているが、本実施形態によるピンチアウト操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチアウト操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを拡げる動きに応じて、リスト結合を行う。
【００６４】
ピンチアウト操作の検出位置の応用例について図７を参照して説明する。図７は、ユーザによる他のピンチアウト操作を説明するための図である。図７の画面４７に示すように、ユーザは任意の位置、例えば１のリストアイテム上で２本の指を拡げるピンチアウト操作を行う。すると、ＧＰＵ１１２は、拡げられた２本の指の間隔ｄ５の距離に応じて、リストの結合を行う。
【００６５】
（ピンチイン操作）
ＧＰＵ１１２は、ピンチイン操作が検出された場合、ピンチイン操作に応じてリストの分離を行う。なお、ピンチイン操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を狭めるタッチ操作のことである。以下、図８および図９を参照して
【００６６】
図８は、ユーザによるピンチイン操作を説明するための図である。図８の画面４９に示すように、ターゲットリスト２３に対するピンチイン操作が検出された場合、ＧＰＵ１１２はリスト分離を行う。
【００６７】
図９は、ピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。図９の画面５１に示すように、リストアイテムＡ２およびリストアイテムＡ４がそれぞれタッチされた状態でタッチ位置の間隔ｄ３を狭める操作（ピンチイン操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ４の表示位置をユーザによるタッチ位置に合わせて互いに近付くよう移動させる。また、ＧＰＵ１１２は、ピンチイン操作に応じてリストアイテムＡ３を徐々に縮小表示する。
【００６８】
次に、画面５３に示すように、タッチ位置の間隔ｄ４が閾値を超えると、ＧＰＵ１１２は、リストアイテムＡ３をターゲットリスト２３から移動して分離するよう表示制御する。このとき、ターゲットリスト２３の他のリストアイテム、例えばリストアイテムＡ１やリストアイテムＡ５などターゲットリスト２３に並ぶリストアイテムも一つおきに自動的に移動して分離する。なお、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、リストアイテムＡ３等を元の表示位置に戻すよう表示制御する。
【００６９】
そして、ＧＰＵ１１２は、図９の画面５５に示すように、ターゲットリスト２３から分離したリストアイテムＡ１、Ａ３、およびＡ５を並べて新たなサブリスト２５ｘを生成する。また、ＧＰＵ１１２は、画面５５に示すように、リストの分離によりリストアイテム数が減少したターゲットリスト２３ｘの各リストアイテムの表示位置を調整する。
【００７０】
このように、ＧＰＵ１１２は、ピンチイン操作に応じて、画面に表示したターゲットリスト２３から所定数のリストアイテムを分離し、分離した所定数のリストアイテムを並べて新たなサブリスト２５ｘを生成する。
【００７１】
ターゲットリスト２３から分離されるリストアイテムは徐々に縮小されるので、ユーザは分離完了前にどのリストアイテムが分離するかを予め確認することができる。
【００７２】
また、ユーザは、分離によりターゲットリスト２３から減少する情報を確認しつつ、リストの分離を途中でキャンセルすることができる。
【００７３】
なお、図９に示す例では、サブリスト２５ｘが一つ新たに生成される様子を説明したが、本実施形態のピンチイン操作によるリスト分離はこれに限定されず、ＧＰＵ１１２は、ピンチイン操作に応じて複数のサブリスト２５を新たに生成してもよい。例えば、タッチ位置の間隔ｄ３がリストアイテム２つ分の幅である場合にピンチイン操作が行なわれると、ＧＰＵ１１２は、新たに２つのサブリスト２５を生成する。
【００７４】
また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を狭めるピンチイン操作を検出しているが、本実施形態によるピンチイン操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチイン操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを狭める動きに応じて、リスト分離を行う。
【００７５】
（ドラッグ操作）
続いて、ＧＰＵ１１２がドラッグ操作に応じてリストの結合／分離を行う場合について説明する。なお、ドラッグ操作とは、１箇所をタッチしている状態で移動するタッチ操作のことである。以下、図１０および図１１を参照してドラッグ操作に連動するリスト結合について説明する。
【００７６】
図１０は、ユーザによるドラッグ操作を説明するための図である。図１０の画面５７に示すように、サブリスト２５ａのリストアイテムＢ２を、ターゲットリスト２３に移動させるドラッグ操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。
【００７７】
図１１は、ドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図１１の画面６１に示すように、ＧＰＵ１１２は、リストアイテムＢ２をドラッグ操作に合わせて下方に移動させ、また、操作対象のサブリスト２５ａの他のリストアイテムＢ１およびリストアイテムＢ３も下方に移動させる。また、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３に近付くにつれて、ターゲットリスト２３の各リストアイテムの間が拡がるよう表示制御する。
【００７８】
次に、図１１の画面６３に示すように、ユーザは、拡がったターゲットリスト２３の各リストアイテムの間にリストアイテムＢ２をドラッグし、タッチしていた指を離す。
【００７９】
ここで、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３内の所定の位置にドラッグされるまで、リスト結合のキャンセルを受け付けてもよい。例えば、ＧＰＵ１１２は、タッチした状態のままリストアイテムＢ２を上方に戻すドラッグ操作が検出されると、各リストアイテムの位置を元に戻すよう表示制御する。
【００８０】
そして、図１１の画面６５に示すように、ＧＰＵ１１２は、ターゲットリスト２３内にドラッグされたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【００８１】
このように、ＧＰＵ１１２は、ドラッグ操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。
【００８２】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【００８３】
以上、ドラッグ操作によるリストの結合について説明した。次にドラッグ操作によるリストの分離について説明する。
【００８４】
ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にドラッグする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にドラッグされる場合、リストアイテムＡ２を徐々に小さく表示する。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。
【００８５】
また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。
【００８６】
そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。
【００８７】
以上、ドラッグ操作によるリストの結合／分離について説明した。かかるリストの結合／分離は、ドラッグ操作により一のリストアイテムを移動させることにより行うが、ドラッグ操作に代わってフリック操作により一のリストアイテムを移動させてもよい。以下に、フリック操作に連動するリストの結合／分離について説明する。
【００８８】
（フリック操作）
フリック操作とは、１箇所をタッチしている状態から画面を軽く払うように指を動かすタッチ操作のことである。ＧＰＵ１１２は、フリック操作に応じてリストの結合／分離を行う。
【００８９】
フリック操作によるリスト結合時のアニメーションは、概ね図１１を参照して説明したドラッグ操作による結合時のアニメーションと同様である。例えば、サブリスト２５ａのリストアイテムＢ２が指でタッチされ下方に払う操作が検出された場合、ＧＰＵ１１２はサブリスト２５ａの各リストアイテムを下方に移動させる。また、ＧＰＵ１１２は、ターゲットリスト２３の各リストアイテムの間を拡げるよう表示制御する。
【００９０】
そして、拡げたターゲットリスト２３の各リストアイテム間にサブリスト２５ａの各リストアイテムがそれぞれ移動する。ＧＰＵ１１２は、移動したサブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムと同様の大きさに拡大させ、リスト結合が完了する。
【００９１】
なお、ＧＰＵ１１２は、ユーザのフリック速度に応じてリストアイテムＢ２を移動させるところ、フリック速度によってはリストアイテムＢ２がターゲットリスト２３内まで届かない場合もある。この場合、ＧＰＵ１１２は、各リストアイテムの表示位置を元の位置に戻すよう表示制御してもよい。
【００９２】
以上、フリック操作によるリストの結合について説明した。次にフリック操作によるリストの分離について説明する。
【００９３】
ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にフリックする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にフリックされる場合、リストアイテムＡ２を徐々に小さく表示しつつ上方に移動させる。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。
【００９４】
また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。
【００９５】
そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。
【００９６】
（タップ／ダブルタップ操作）
また、ＧＰＵ１１２は、リストの結合／分離をタップ／ダブルタップ操作に連動して行ってもよい。例えば、タップ／ダブルタップ操作されたサブリスト２５ａの各リストアイテムを、図４に示すようにターゲットリスト２３の各リストアイテム間に移動させて、リストの結合を完了する。
【００９７】
また、ターゲットリスト２３に対してタップ／ダブルタップ操作がされた場合、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを並べて新たなサブリストを生成し、リストの分離を完了する。
【００９８】
（ボタン／バー操作）
また、ＧＰＵ１１２は、リストの結合／分離を、ボタンやバーに対するユーザ操作に応じて行ってもよい。以下、図１２および図１３を参照して具体的に説明する。
【００９９】
図１２は、スケールアウトボタン２７、およびスケールインボタン２８を示す図である。図１２に示すスケールアウトボタン２７へのユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定のリストアイテムを分離し、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。
【０１００】
また、図１２に示すスケールインボタン２８へのユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。
【０１０１】
図１３は、スライダーバー２９を示す図である。図１３に示すスライダーバー２９のツマミを「−」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離する。そして、ＧＰＵ１１２は、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。
【０１０２】
また、図１３に示すスライダーバー２９のツマミを「＋」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。
【０１０３】
なお、ＧＰＵ１１２は、リストの結合／分離により変化するターゲットリスト２３の情報量を、スライダーバー２９のツマミが「−」に近付くほど減少させ、「＋」に近付くほど増加（詳細化）させる。
【０１０４】
以上、ユーザ操作に連動して行なわれる複数リストの結合／分離について詳細に説明した。続いて、このような複数リストの他の表示方法について説明する。
【０１０５】
［２−４．複数リストの他の表示例］
図１に示す例では、ＧＰＵ１１２は、横方向にリストアイテム２１を並べて構成される複数のリストを、段階的に縦方向に表示している。しかし、本実施形態による複数リストの表示方法は図１に示す例に限られない。以下、複数リストの他の表示例について図１４および図１５を参照して説明する。
【０１０６】
図１４は、複数リストが縦に並ぶ表示例を示す図である。図１４に示すように、ＧＰＵ１１２は、縦方向にリストアイテム２１を並べて構成される複数のリストを、段階的に横方向に表示する。この場合、例えばターゲットリスト２３に対してピンチアウト／イン操作が検出されると、ＧＰＵ１１２は、リストの結合／分離を行う。
【０１０７】
図１５は、複数リストが重なる表示例を示す図である。図１５の画面６９に示すように、ＧＰＵ１１２は、ターゲットリスト２３をサブリスト２５に重ねて表示する。ユーザは、ターゲットリスト２３の各リストアイテムの間に、サブリスト２５の各リストアイテムを確認することができる。
【０１０８】
このように表示するターゲットリスト２３に対してピンチアウト操作が検出されると、ＧＰＵ１１２は、図１５の画面７１に示すように、ピンチアウト操作に応じてターゲットリスト２３の各リストアイテムを横方向に移動させる。同時に、ＧＰＵ１１２は、サブリスト２５の各リストアイテムを徐々に拡大表示させる制御も行い、サブリスト２５が結合されたターゲットリスト２３ｘを表示する。
【０１０９】
［２−５．表示内容の変化］
次に、リストの結合／分離によりリストの表示内容がどのように変化するかについて説明する。上述したように、リストの結合が行われるとターゲットリスト２３のリストアイテム数が増加し、リストの分離が行われるとターゲットリスト２３のリストアイテム数が減少する。このようなリストアイテム数（情報量）の変化に応じたターゲットリスト２３の表示内容の変化について、以下具体例を挙げて詳細に説明する。
【０１１０】
（第１の例；情報の粒度）
第１の例として、ターゲットリスト２３のリストアイテム数が増加すると情報の粒度が細かくなり、リストアイテム数が減少すると情報の粒度が荒くなる。情報の粒度について、図１６から図１８を参照して具体的に説明する。図１６から図１８では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像を例として挙げる。
【０１１１】
図１６は、複数のサムネイル画像から構成される複数のリストを表示する画面７２を示す図である。図１６に示すように、ターゲットリスト７３は、動画像データの１分毎のシーンが並べられたリストである。
【０１１２】
また、図１６に示すように、サブリスト７５ａは、ターッゲットリスト７３の１分毎のシーンの間を補うシーンが１つずつ並べられたリストである。例えば、サブリスト７５ａには、ターゲットリスト７３の４：００のサムネイル画像と５：００のサムネイル画像の間を補助する４：３０のサムネイル画像、ターゲットリスト７３の５：００のサムネイル画像と６：００のサムネイル画像の間を補助する５：３０のサムネイル画像、およびターゲットリスト７３の６：００のサムネイル画像と７：００のサムネイル画像の間を補助する６：３０のサムネイル画像等が並べられる。
【０１１３】
また、図１６に示すように、サブリスト７５ｂは、サブリスト７５ａに並べられたシーンの間を補うシーンが２つずつ並べられたリストである。例えば、サブリスト７５ｂには、サブリスト７５ａの４：３０のサムネイル画像と５：３０のサムネイル画像の間を補助する４：４５および５:１５のサムネイル画像が並べられる。
【０１１４】
そして、図１６に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト７３にサブリスト７５ａが結合され、ターゲットリスト７３のリストアイテム数が増加する。図１６に示すターゲットリスト７３のリストアイテム数が増加した場合について図１７を参照して説明する。
【０１１５】
図１７は、図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図１７に示すターゲットリスト７３ｘは、図１６に示すターゲットリスト７３にサブリスト７５ａが結合されたものである。リスト結合によりターゲットリスト７３ｘのリストアイテム数は増加し、３０秒毎のサムネイル画像が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の粒度が細かくなる。
【０１１６】
図１８は、図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。図１８に示すターゲットリスト７３ｙは、図１６に示すターゲットリスト７３がリスト分離にされたものである。また、図１８に示すサブリスト７５ｘは、図１６に示すターゲットリスト７３から分離されたリストアイテムを並べて新たに生成されたサブリストである。リスト分離によりターゲットリスト７３ｙのリストアイテム数は減少し、２分毎のサムネイル画像が並べられる。このように、リスト分離によりリストアイテム数が減少すると、情報の粒度が荒くなる。
【０１１７】
（第２の例；情報の種類）
第２の例として、ターゲットリスト２３のリストアイテム数が増加すると、情報の種類が増え、リストアイテム数が減少すると情報の種類が減る。情報の種類について、図１９から図２１を参照して具体的に説明する。図１９から図２１では、リストアイテムとして音楽データに関連する情報の種類を例として挙げる。
【０１１８】
図１９は、音楽データに関連する情報に基づいて生成された複数のリストを表示する画面８１を示す図である。図１９に示すように、ターゲットリスト８３は、音楽アルバムのジャケット画像が並べられたリストである。
【０１１９】
また、サブリスト８３ａは、各音楽アルバムに収録されている曲名一覧が並べられたリストである。また、サブリスト８３ｂは、各曲の歌詞が並べられたリストである。
【０１２０】
そして、図１９に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト８３にサブリスト８５ａが結合され、ターゲットリスト８３のリストアイテム数が増加する。図１９に示すターゲットリスト８３のリストアイテム数が増加した場合について図２０を参照して説明する。
【０１２１】
図２０は、図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図２０に示すターゲットリスト８３ｘは、図１９に示すターゲットリスト８３にサブリスト８５ａが結合されたものである。リスト結合によりターゲットリスト８３ｘのリストアイテム数は増加し、音楽ジャケットの画像、および曲名一覧が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の種類が増える。
【０１２２】
なお、図２０に示すように、ＧＰＵ１１２は、ターゲットリスト８３ｘ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。
【０１２３】
図２１は、図１９に示す２つのサブリスト８５がターゲットリストに結合された場合の結果を示す図である。図２１に示すターゲットリスト８３ｙは、図１９に示すターゲットリスト８３に、サブリスト８５ａおよびサブリスト８５ｂがリスト結合にされたものである。リスト結合によりターゲットリスト８３ｙのリストアイテム数は増加し、音楽ジャケットの画像、曲名一覧、および各曲の歌詞が並べられる。このように、リスト結合によりリストアイテム数が増加する程、情報の種類が増える。
【０１２４】
なお、図２１に示す例においても、上述と同様に、ＧＰＵ１１２は、ターゲットリスト８３ｙ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。また、図２１に示すように、ＧＰＵ１１２は、サブリスト８５ａおよびサブリスト８５ｂの各リストアイテムの表示の大きさを変化させずに、ターゲットリスト８３に結合させてもよい。
【０１２５】
また、情報の種類は、図１９から図２１に挙げた音楽データに関連する情報の種類に限られない。例えば、情報の種類は、動画像データの各シーンのうち盛り上がり度に応じて段階的に種類分けしてもよい。具体的には、制御部１１により動画像データを予め解析し、ＧＰＵ１１２は、最も盛り上がったシーン毎のサムネイル画像を並べて第１のリストを生成する。そして、ＧＰＵ１１２は、リストの結合により、第１のリストに、次に盛り上がったシーンを追加していく。
【０１２６】
以上説明した複数リストの結合／分離に伴う表示内容の変化は、次に説明する＜３．単数リストの結合／分離＞においても同様である。
【０１２７】
＜３．単数リストの結合／分離＞
本実施形態によるＧＰＵ１１２は、上述したように、単数のリストを表示し、ユーザ操作に応じてリストの結合／分離を行ってもよい。ＧＰＵ１１２は、リストの結合を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を増加させる。
【０１２８】
また、ＧＰＵ１１２は、リストの分離を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を減少させ、単数のリストから分離したリストアイテムを並べて新たなサブリストを生成する。
【０１２９】
ここで、単数リストの結合／分離を指示するユーザ操作とは、［２−３．ユーザ操作］において説明したピンチアウト／イン操作、タップ／ダブルタップ操作、ボタン／バー操作などが挙げられる。以下に説明する具体的な単数リストの結合／分離の制御においては、ユーザ操作としてピンチアウト／イン操作を検出する場合を例として説明する。
【０１３０】
［３−１．単数リストの結合］
ＧＰＵ１１２は、リスト結合を指示するユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させ、リストアイテム数を増加させる。以下、図２２および図２３を参照して単数リストの結合について説明する。
【０１３１】
図２２は、ターゲットリスト９３を表示する画面９１を示す図である。図２２に示すように、ターゲットリスト９３のリストアイテムＡ２およびＡ３を２の指でタッチし、タッチしたままの状態で拡げるピンチアウト操作が検出される。すると、ＧＰＵ１１２は、ピンチアウト操作に応じてターゲットリスト９３のリスト結合を行う。
【０１３２】
図２３は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図２３の画面９５に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。
【０１３３】
次に、画面９７および画面９９に示すように、ピンチアウト操作により拡がるターゲットリスト９３の各リストアイテムの間に、新たなリストアイテムが徐々に出現する。
【０１３４】
そして、ＧＰＵ１１２は、各リストアイテムの間に出現させたリストアイテムを、ターゲットリスト９３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【０１３５】
なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、出現させた新たなリストアイテムを消滅させてもよい。
【０１３６】
このように、ＧＰＵ１１２が、ピンチアウト操作に応じて、ターゲットリスト９３中に新たなリストアイテムを徐々に出現させるので、ユーザはターゲットリスト９３に結合されるリストアイテムを予め確認することができる。
【０１３７】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【０１３８】
［３−２．リストの分離］
ＧＰＵ１１２は、ピンチイン操作に応じて、表示する単数のターゲットリストの所定数のリストアイテムを徐々に消滅させ、リストの分離を行ってもよい。ユーザは、ターゲットリスト中のリストアイテムが徐々に消滅するので、ターゲットリストから分離されるリストアイテムを予め確認することができる。
【０１３９】
また、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、消滅させたリストアイテムを出現させてもよい。
【０１４０】
［３−３．一覧表示］
上述した例では、単数リストの結合／分離によって、リストアイテム数が増減することを説明した。ここで、リストの結合によってリストアイテム数が増加した場合、画面外に追い出されるリストアイテムがある。
【０１４１】
そこで、本実施形態によるＧＰＵ１１２は、リスト結合によってターゲットリストのリストアイテム数が増減した場合に、リストアイテムの表示サイズを拡大／縮小することで、全てのリストアイテムを画面内に表示する一覧表示を行ってもよい。ＧＰＵ１１２が一覧表示を行うことで、ユーザは、リスト結合により増加したリストアイテムを画面内で全て確認できる。ＧＰＵ１１２による一覧表示について、図２４から図２６を参照して説明する。図２４から図２６では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像をグリッドリスト形式で表示する。
【０１４２】
図２４は、単数のリストを一覧表示する画面２０１を示す図である。図２４の画面２０１に示すように、ＧＰＵ１１２は、動画像データの２分毎のサムネイル画像を全て並べている。この場合に、ユーザ操作に応じてリスト結合を行う場合のアニメーションについて図２５および図２６を参照して説明する。
【０１４３】
図２５は、リスト結合時のアニメーションの途中の画面２０３を示す図である。図２５に示すように、ＧＰＵ１１２は、各サムネイル画像を縮小しつつ、各サムネイル画像の間に、新たなサムネイル画像を徐々に出現させる。
【０１４４】
図２６は、リスト結合完了時の画面２０５を示す図である。図２６の画面２０５に示すように、ＧＰＵ１１２は、リスト結合によりリストアイテム数が増加しても、全てのサムネイル画像を一画面に表示する。
【０１４５】
以上説明した一覧表示は、単数のリストを例にして説明したが、ＧＰＵ１１２は、複数リストの結合時にも一覧表示の制御を行ってもよい。
【０１４６】
＜４．動作処理＞
次に、本実施形態によるＧＰＵ１１２が、上述したピンチイン／アウト操作に応じてリストの結合／分離の表示制御を行う際の動作処理について説明する。上記図６および図９では、ＧＰＵ１１２が、ピンチイン／アウト操作を行なう２本の指の間隔ｄに応じてリストの結合／分離の表示制御を行う例を説明したが、本実施形態はこれに限定されない。例えば、ＧＰＵ１１２は、タッチ操作を行なう指の移動量や、指の移動速度に応じて、リストの結合／分離を行ってもよい。以下、ＧＰＵ１１２が、ピンチイン／アウト操作の移動量または移動速度に応じてリストの結合／分離を行う場合の動作処理について図２７を参照して説明する。
【０１４７】
図２７は、ピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。図２７に示すように、ステップＳ１０２において、タッチパネル１６が２点タッチを検出すると、続くステップＳ１０４において、タッチパネル１６は、さらに２点タッチされた各操作位置の移動に基づいてピンチイン／アウト操作を検出する。タッチパネル１６は、ピンチイン／アウト操作を検出すると、検出結果を制御部１１に出力する。
【０１４８】
次いで、ステップＳ１０６において、制御部１１のＧＰＵ１１２は、タッチパネル１１６により検出されたピンチイン／アウト操作に応じて、ディスプレイ１５に表示するリストの結合／分離のアニメーションを開始する。例えば、ＧＰＵ１１２は、ピンチイン／アウト操作に合わせて、タッチされているリストアイテムを移動させる。
【０１４９】
次に、ステップＳ１０８において、タッチパネル１６により２点タッチによる操作が検出されている場合は、処理はステップＳ１１０に進む。次いで、ステップＳ１１０において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の移動量は、例えば図２８に示すように算出される。
【０１５０】
図２８は、ピンチイン／アウト操作の移動量や速度の算出について例示する表である。図２８に示すように、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作により初期状態からリストアイテムがそれぞれ移動した距離の合計である。
【０１５１】
また、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作による２点タッチ位置のそれぞれが移動した距離の合計であってもよい。
【０１５２】
上記ステップＳ１１０において、ピンチイン／アウト操作の移動量が閾値を超えた場合、処理はステップＳ１１２に進む。次いで、ステップＳ１１２において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１０において、第１の閾値を超えた場合、ステップＳ１１２においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。
【０１５３】
次いで、処理がステップＳ１０８に進み、さらにピンチイン／アウト操作がされ続け、ステップＳ１１０において、第２の閾値を超えた場合は、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作に応じて行う。
【０１５４】
続いて、ステップＳ１０８に戻り、２点タッチが検出されなくなった場合について説明する。この場合は、処理はステップＳ１１４に進み、Ｓ１１４において、ＧＰＵ１１２は、ピンチイン／アウト操作の速度が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の速度は、例えば図２８に示すように、ピンチイン／アウト操作による各リストアイテムの移動速度の合計である。
【０１５５】
上記ステップＳ１１４において、ピンチイン／アウト操作の移動量が閾値を超えた場合、処理はステップＳ１１６に進む。次いで、ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１４において、第１の閾値を超えた場合、ステップＳ１１６においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。
【０１５６】
次いで、処理がステップＳ１１４に戻り、速度がまだ残っている場合、再度ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作により移動するリストアイテムの速度に応じて行う。
【０１５７】
一方、ステップＳ１１４において、速度が閾値を超えていない場合、処理はステップＳＳ８に進む。ステップＳ１１８において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。閾値を超えている場合、処理はステップＳ１２０に進む。
【０１５８】
次いで、ステップＳ１２０において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ＧＰＵ１１２は、閾値を複数有し、ピンチイン／アウト操作の移動量がどの閾値を超えたかに応じて、リストの結合／分離の段階を制御してもよい。例えば、ピンチイン／アウト操作の移動量が閾値ａを超えていた場合は、サブリストを一つ結合、または分離によりサブリストを一つ生成する。また、ピンチイン／アウト操作の移動量が閾値ｂを超えていた場合は、サブリストを二つ結合、または分離によりサブリストを二つ生成する。
【０１５９】
次いで、ステップＳ１２２において、ＧＰＵ１１２は、リストの結合／分離によるアニメーションを完了する。
【０１６０】
＜５．まとめ＞
上述したように、本実施形態による情報処理装置１０によれば、複数のリストを画面に表示することで、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテムを結合完了前に予め確認することができる。
【０１６１】
また、本実施形態による情報処理装置１０によれば、単数のリストを画面に表示した場合でも、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させることで、ユーザは、追加されるリストアイテムを、結合完了前に予め確認することができる。
【０１６２】
また、ユーザ操作に応じて、ターゲットリスト２３から分離するリストアイテムが徐々に変化するので、ユーザは、リスト分離によりターゲットリスト２３から減少するリストアイテムを予め確認することができる。
【０１６３】
また、ユーザは、リスト結合、分離時のアニメーションにより増減するリストアイテムを確認しつつ、途中でリスト結合、分離をキャンセルすることもできる。
【０１６４】
また、ＧＰＵ１１２は、リスト結合によってリストアイテム数が増加した場合に、全てのリストアイテムを画面内に表示するよう制御することで、リストの一覧性を確保したまま、より詳細な情報を表示することができる。
【０１６５】
以上、添付図面を参照しながら本開示の好適な実施形態について詳細に説明したが、本技術はかかる例に限定されない。本開示の技術分野における通常の知識を有する者であれば、特許請求の範囲に記載された技術的思想の範疇内において、各種の変更例または修正例に想到し得ることは明らかであり、これらについても、当然に本開示の技術的範囲に属するものと了解される。
【０１６６】
例えば、上記［２−３．ユーザ操作］のピンチアウト操作に連動するリスト結合時のアニメーションについて図６を参照して説明したが、リスト結合時のアニメーションは図６に示す例に限られない。例えば、結合するサブリスト２５ａの各リストアイテムは、ターゲットリスト２３方向に移動開始すると略同時に徐々に拡大し、ターゲットリスト２３の各リストアイテム間への挿入が完了すると略同時に拡大を完了してもよい。このようなピンチアウト操作に連動するリスト結合時のアニメーションの変更例を図２９に示す。図２９の画面４４に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２は、徐々に拡大しながら移動する。そして、画面４５に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されると略同時に拡大が完了する。
【０１６７】
また、上記実施形態では、ターゲットリスト２３、サブリスト２５ａ、およびサブリスト２５ｂを順に表示したが、ユーザ操作に応じて各リストを入れ替えてもよいし、全リストを移動させてもよい。
【０１６８】
また、図１に示す情報処理装置１０は、スマートフォン、およびポータブルオーディオプレーヤーなどのモバイル端末により実現したが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、パーソナルコンピュータ（ＰＣ）により実現し、ユーザ操作に応じたリスト結合、分離のアニメーションを、ＰＣのＧＵＩ画面上に表示してもよい。
【０１６９】
また、上述した実施形態による情報処理装置１０の各構成と同等の機能を発揮させるためのコンピュータプログラムも作成可能である。また、該コンピュータプログラムを記憶させた記憶媒体も提供される。記録媒体は、例えば、磁気ディスク、光ディスク、光磁気ディスク、フラッシュメモリなどである。また、上記のコンピュータプログラムは、記録媒体を用いずに、例えばネットワークを介して配信してもよい。
【０１７０】
なお、本技術は以下のような構成も取ることができる。
（１）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える、情報処理装置。
（２）
前記表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する、前記（１）に記載の情報処理装置。
（３）
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う、前記（１）または前記（２）に記載の情報処理装置。
（４）
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する、前記（１）または前記（２）に記載の情報処理装置。
（５）
前記表示制御部は、前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う、前記（１）から前記（４）のいずれかに記載の情報処理装置。
（６）
前記表示制御部は、前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する、前記（１）から前記（５）のいずれかに記載の情報処理装置。
（７）
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる、前記（１）から前記（６）のいずれかに記載の情報処理装置。
（８）
前記第２のリストのリストアイテムは、前記第１のリストのリストアイテムより小さく表示される、前記（１）から前記（７）のいずれかに記載の情報処理装置。
（９）
前記表示制御部は、前記第２のリストのリストアイテムが拡大しながら移動して前記第１のリストに結合する表示を行う、前記（８）に記載の情報処理装置。
（１０）
前記表示制御部は、前記第２のリストのリストアイテムが前記第１のリストまで移動してから拡大する結合表示を行う、前記（８）に記載の情報処理装置。
（１１）
前記表示制御部は、前記第２のリストのリストアイテムが大きさの変化なく移動して前記第１のリストに結合する表示を行う、前記（１）から前記（８）のいずれかに記載の情報処理装置。
（１２）
前記表示制御部は、前記ユーザによる複数の操作位置間の距離を狭める操作に応じて前記第１のリストの所定数のリストアイテムが縮小し、前記縮小したリストアイテムが移動して前記第１のリストから分離する表示を行い、さらに前記第１のリストから分離したリストアイテムを並べて新たなサブリストを表示する、前記（４）に記載の情報処理装置。
（１３）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む、情報処理方法。
（１４）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させる、プログラム。
（１５）
ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する処理をコンピュータに実行させる、前記（１４）に記載のプログラム。
（１６）
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う処理と、
をコンピュータに実行させる、前記（１４）または前記（１５）に記載のプログラム。
（１７）
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する処理と、
をコンピュータに実行させる、前記（１４）または前記（１５）に記載のプログラム。
（１８）
前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う処理をコンピュータに実行させる、前記（１４）から前記（１７）のいずれかに記載のプログラム。
（１９）
前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する処理をコンピュータに実行させる、前記（１４）から前記（１８）のいずれかに記載のプログラム。
（２０）
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる処理をコンピュータに実行させる、前記（１４）から前記（１９）のいずれかに記載のプログラム。
【符号の説明】
【０１７１】
１０ 情報処理装置
１１ 制御部
１２ ＲＡＭ
１３ 記憶媒体
１４ 表示処理部
１５ ディスプレイ
１６ タッチパネル
１７ 操作部
１８ 通信部
１１１ ＣＰＵ
１１２ ＧＰＵ
【技術分野】
【０００１】
本開示は、情報処理装置、情報処理方法およびプログラムに関する。
【背景技術】
【０００２】
近年、ユーザが操作可能な表示画面に複数のサムネイル画像を表示し、ユーザに選択させるＵＩ（ユーザインタフェース）が知られている。
【０００３】
例えば、動画像データを構成するシーンのうち所定の時間間隔毎のシーンからサムネイル画像を生成し、表示するＵＩが知られている。このようなＵＩは、ユーザに任意のサムネイル画像を選択させることで、ユーザが所望するシーンから動画像データを再生することができる。
【０００４】
なお、ＵＩに表示されるサムネイル画像の数は、動画像データから抜き出すシーンの時間間隔に応じて増減する。よって、例えば、ユーザがサムネイル画像の数を増やす操作を行なうことで、ＵＩは、さらに短い時間間隔のシーンによるサムネイル画像を表示する。サムネイル画像の数を増減するユーザ操作に関し、以下のような技術が知られている。
【０００５】
例えば、下記特許文献１に記載の表示装置は、動画像データのサムネイル画像に対してピンチアウト操作が行なわれると、さらに短い時間間隔のサムネイル画像を表示する。これにより、ユーザは各シーンのより詳しい内容を容易に確認することができる。
【先行技術文献】
【特許文献】
【０００６】
【特許文献１】特開２０１１−００３９７７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００７】
しかし、ＵＩに表示するサムネイル画像、アイコンなどのリストアイテムを、ユーザ操作に応じて増やす場合に、リストにどのようなリストアイテムが追加されるのか、ユーザが予め知ることは困難であった。
【０００８】
そこで、本開示では、リストに追加されるリストアイテムをユーザに予め認識させることが可能な、新規かつ改良された情報処理装置、情報処理方法およびプログラムを提案する。
【課題を解決するための手段】
【０００９】
本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える情報処理装置が提供される。
【００１０】
また、本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む情報処理方法が提供される。
【００１１】
また、本開示によれば、リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させるプログラムが提供される。
【００１２】
（作用）
このように、本開示によれば、第１のリストに結合する第２のリストを表示し、ユーザ操作に応じて第２のリストを第１のリストに結合させる表示を行うことで、追加されるリストアイテムを結合完了前に予めユーザに認識させることができる。
【発明の効果】
【００１３】
以上説明したように本開示によれば、リストに追加されるリストアイテムをユーザに予め認識させることが可能である。
【図面の簡単な説明】
【００１４】
【図１】本開示による一実施形態の概要を説明するための図である。
【図２】本実施形態による情報処理装置の構成を示すブロック構成図である。
【図３】本実施形態による複数リストの表示例を示す図である。
【図４】本実施形態による複数リストの結合アニメーションを説明するための画面遷移図である。
【図５】本実施形態によるピンチアウト操作を説明するための図である。
【図６】本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図７】本実施形態による他のピンチアウト操作を説明するための図である。
【図８】本実施形態によるピンチイン操作を説明するための図である。
【図９】本実施形態によるピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。
【図１０】本実施形態によるドラッグ操作を説明するための図である。
【図１１】本実施形態によるドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図１２】本実施形態によるスケールアウトボタン、およびスケールインボタンを示す図である。
【図１３】本実施形態によるスライダーバーを示す図である。
【図１４】本実施形態による複数リストが縦に並ぶ表示例を示す図である。
【図１５】本実施形態による複数リストが重なる表示例を示す図である。
【図１６】本実施形態による複数のサムネイル画像から構成される複数のリストを表示する画面を示す図である。
【図１７】図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。
【図１８】図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。
【図１９】本実施形態による音楽データに関連する情報に基づいて生成された複数のリストを表示する画面を示す図である。
【図２０】図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。
【図２１】図１９に示す２つのサブリストがターゲットリストに結合された場合の結果を示す図である。
【図２２】本実施形態によるターゲットリストを表示する画面を示す図である。
【図２３】本実施形態によるピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。
【図２４】本実施形態による単数のリストを一覧表示する画面を示す図である。
【図２５】本実施形態によるリスト結合時のアニメーションの途中の画面を示す図である
【図２６】本実施形態によるリスト結合完了時の画面を示す図である。
【図２７】本実施形態によるピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。
【図２８】本実施形態によるピンチイン／アウト操作の移動量や速度の算出について例示する表である。
【図２９】ピンチアウト操作に連動するリスト結合時のアニメーションの変更例を説明するための画面遷移図である。
【発明を実施するための形態】
【００１５】
以下に添付図面を参照しながら、本開示の好適な実施の形態について詳細に説明する。なお、本明細書及び図面において、実質的に同一の機能構成を有する構成要素については、同一の符号を付することにより重複説明を省略する。
【００１６】
なお、説明は以下の順序で行うものとする。
１．本開示による一実施形態について
１−１．概要
１−２．基本構成
２．複数リストの結合／分離
２−１．複数リストの結合
２−２．リストの分離
２−３．ユーザ操作
２−４．複数リストの他の表示例
２−５．表示内容の変化
３．単数リストの結合／分離
４．動作処理
５．まとめ
【００１７】
ここで説明する本開示による技術は、上記項目の「１．本開示による一実施形態について」〜「４．動作処理」で説明するように、多様な形態で実施され得る。また、本開示の一実施形態による情報処理装置１０は、
（Ａ）リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部（ＧＰＵ１１２）を備える。
【００１８】
＜１．本開示による一実施形態について＞
［１−１．概要］
図１は、本開示による一実施形態の概要を説明するための図である。図１に示すように、本実施形態による情報処理装置１０は、ディスプレイ１５、およびディスプレイ１５と一体化したタッチパネル１６を備える。
【００１９】
情報処理装置１０は、ディスプレイ１５に、リストアイテム２１を有するリストを表示する。例えば情報処理装置１０は、図１に示すように、リストアイテム２１を有するターゲットリスト２３と、複数のサブリスト２５を表示する。サブリスト２５は、ターゲットリスト２３より詳細な情報を表示する。本実施形態では、ユーザ操作の対象となる一のリストとしてターゲットリスト２３を表示するが、サブリスト２５もユーザ操作の対象としてもよい。
【００２０】
また、情報処理装置１０は、ユーザが何らかの操作を行なった場合や、アプリケーションの内部状態が変化した場合に、リストの表示方法を変更する。より具体的には、情報処理装置１０は、タッチパネル１６により検出したユーザ操作に応じて、リストの結合／分離の表示制御を行う。リストの結合では、例えばサブリスト２５をターゲットリスト２３に徐々に近づけて結合させる。また、リストの分離では、例えばターゲットリスト２３から徐々に分離させたリストアイテム２１を並べて新たなサブリスト２５を生成する。
【００２１】
情報処理装置１０は、ディスプレイ１５に表示するリストを結合／分離する際に、各リストアイテムを表示画面上で徐々に変化させる制御を行う。これにより、ユーザは、リストの結合／分離が完了する前に、予めターゲットリスト２３に結合されるリストアイテムや、ターゲットリスト２３から分離されるリストアイテム２１を確認することができる。また、ユーザは、結合／分離するリストアイテム２１を確認しつつ、完了前に結合／分離の表示制御をキャンセルすることもできる。
【００２２】
なお、サブリスト２５は、ターゲットリスト２３の補助的位置付けであるので、上述したように、ターゲットリスト２３より詳細な情報を提示するリストアイテム２１が並べられて構成される。よって、リストの結合が行われると、ターゲットリスト２３が提示する情報はより詳細になる。リストの結合／分離による各リストの表示内容の変化については、後述する［２−５．表示内容の変化］において詳細に説明する。
【００２３】
以上、本開示の一実施形態による情報処理装置１０の概要について説明した。次に、本実施形態による情報処理装置１０の構成について図２を参照して説明する。
【００２４】
［１−２．基本構成］
図２は、本実施形態による情報処理装置１０の構成を示すブロック構成図である。図２に示すように、情報処理装置１０は、制御部１１、ＲＡＭ１２、記憶媒体１３、表示処理部１４、ディスプレイ１５、タッチパネル１６、操作部１７および通信部１８を備える。
【００２５】
制御部１１は、演算処理装置および制御装置として機能し、情報処理装置１０の各構成を制御する。より具体的には、図２に示すように、本実施形態による制御部１１は、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１１およびＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）１１２を備える。
【００２６】
ＣＰＵ１１１は、各種プログラムにしたがって、情報処理装置１０の各構成を制御する。また、ＣＰＵ１１１は、マイクロプロセッサであってもよい。
【００２７】
ＧＰＵ１１２は、ディスプレイ１５に表示する画像の生成や、ユーザ操作に応じた表示画面の変化などを行う表示制御部である。より具体的には、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを複数表示するよう表示制御する。また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテム２１を、第１のリストに結合させる表示制御を行う。
【００２８】
また、ＧＰＵ１１２は、ディスプレイ１５にリストアイテム２１を並べたリストを１つ表示するよう表示制御してもよい。この場合、ＧＰＵ１１２は、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させて結合するよう表示制御してもよい。
【００２９】
また、ＧＰＵ１１２は、ユーザ操作に応じて、第１のリストからリストアイテム２１を徐々に分離させ、分離させたリストアイテム２１を並べて新たなリストを生成するよう表示制御してもよい。
【００３０】
ＧＰＵ１１２は、このようなリストの結合／分離の表示制御を、タッチパネル１６により検出されるユーザ操作に応じて行う。例えば、ＧＰＵ１１２は、ピンチアウト／イン操作が検出された場合、タッチパネル１６にタッチする２本の指の間隔の変化に応じて、リスト結合／分離の表示制御を行う。また、ＧＰＵ１１２は、タッチパネル１６にタッチした指の移動量や移動速度に応じて、リストの結合／分離の表示制御を行ってもよい。なお、ユーザ操作に応じたＧＰＵ１１２による表示制御については、＜２．複数リストの結合／分離＞〜＜４．動作処理＞において詳細に説明する。
【００３１】
ＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）１２は、制御部１１の実行において使用するプログラムや、その実行において適宜変化するパラメータ等を一時記憶する。
【００３２】
記憶媒体１３は、制御部１１が使用するプログラムや演算パラメータ等を記憶する。また、記憶媒体１３は、動画像データ、音楽ファイルなどのコンテンツを記憶する。
【００３３】
なお、この記憶媒体１３は、例えば、Ｆｌａｓｈ ＲＯＭ（又はＦｌａｓｈ Ｍｅｍｏｒｙ）、ＥＥＰＲＯＭ（Ｅｌｅｃｔｒｉｃａｌｌｙ Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ Ｒｅａｄ−Ｏｎｌｙ Ｍｅｍｏｒｙ）、ＥＰＲＯＭ（Ｅｒａｓａｂｌｅ Ｐｒｏｇｒａｍｍａｂｌｅ ＲＯＭ）などの不揮発性メモリ、ハードディスクおよび円盤型磁性体ディスクなどの磁気ディスク、ＣＤ（Ｃｏｍｐａｃｔ Ｄｉｓｃ）、ＤＶＤ−Ｒ（Ｄｉｇｉｔａｌ Ｖｅｒｓａｔｉｌｅ Ｄｉｓｃ Ｒｅｃｏｒｄａｂｌｅ）およびＢＤ（Ｂｌｕ−Ｒａｙ Ｄｉｓｃ（登録商標））などの光ディスク、並びに、ＭＯ（Ｍａｇｎｅｔｏ Ｏｐｔｉｃａｌ）ディスクなどの記憶媒体であってもよい。
【００３４】
表示処理部１４は、ＧＰＵ１１２から出力された画像データを、ＧＰＵ１１２の表示制御に従ってディスプレイ１５に出力させる。
【００３５】
ディスプレイ１５は、表示処理部１４から入力された表示画面を出力する表示装置である。このディスプレイ１５は、例えば、液晶ディスプレイ（ＬＣＤ：Ｌｉｑｕｉｄ Ｃｒｙｓｔａｌ Ｄｉｓｐｌａｙ）、有機ＥＬ（Ｅｌｅｃｔｒｏｌｕｍｉｎｅｓｃｅｎｃｅ）ディスプレイなどの表示装置であってもよい。また、本実施形態によるディスプレイ１５は、例えばリストアイコン２１から構成されるリストを表示する。
【００３６】
タッチパネル１６は、画面へのユーザ操作を検出する検出部である。例えば、タッチパネル１６は、画面に接触したユーザの指などの操作体の位置（操作位置）を検出し、操作位置の経時変化からユーザ操作を検出する。タッチパネル１６が検出するユーザ操作は、例えばピンチアウト、ピンチイン、ドラッグ、フリック、タップ、ダブルタップなどが挙げられる。このタッチパネル１６は、ディスプレイ１５と一体的に設けられる。そして、タッチパネル１６は、検出したユーザ操作を制御部１１に出力する。なお、本実施形態ではタッチパネル１６を検出部の一例として挙げているが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、近接センサなど、非接触状態でユーザ操作を検出する検出部を用いてもよい。
【００３７】
操作部１７は、ユーザによる操作指示を受付け、その操作内容を制御部１１に出力する。この操作部１７は、ボタンおよびスイッチなど、物理的構成であってもよい。
【００３８】
通信部１８は、通信端末と通信を行うモジュールである。具体的には、通信部１８は、通信端末からデータを受信する受信部、および通信端末にデータを送信する送信部を備える。また、通信部１８は、Ｗｉ−ＦｉやＢｌｕｅｔｏｏｔｈなどの近距離無線通信によりデータの送受信を行ってもよい。
【００３９】
以上、本実施形態による情報処理装置１０の構成について詳細に説明した。続いて、情報処理装置１０のＧＰＵ１１２が行う表示制御について具体例を挙げて詳細に説明する。
【００４０】
＜２．複数リストの結合／分離＞
ＧＰＵ１１２は、上述したように、複数のリストを表示し、ユーザ操作に応じてサブリスト２５をターゲットリスト２３に結合、またはターゲットリスト２３からリストアイテム２１を分離させて、リストアイテム２１の表示数（リストの項目数）を増減させる。ここでは、複数リストの結合およびリストの分離について、順次図面を参照して説明する。
【００４１】
［２−１．複数リストの結合］
図３は、複数リストの表示例を示す図である。図３に示すように、ＧＰＵ１１２は、リストアイテム２１から構成されるターゲットリスト２３、および複数のサブリスト２５を表示する画面３１を、ディスプレイ１５に表示するよう制御する。
【００４２】
図３に示すように、ターゲットリスト２３のリストアイテム２１は、ターゲットリスト２３の上段に表示されるサブリスト２５ａのリストアイテム２１より大きく表示される。また、サブリスト２５ａのリストアイテム２１は、サブリスト２５ａの上段に表示されるサブリスト２５ｂのリストアイテム２１より大きく表示される。
【００４３】
このように複数のリストを表示している場合に、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５のリストアイテム２１を徐々にターゲットリスト２３に近づけ、結合させる表示制御を行う。リスト結合は、例えば図４に示すようなアニメーションを伴って行われる。
【００４４】
図４は、複数リストの結合アニメーションを説明するための画面遷移図である。図４の画面３３に示すように、ＧＰＵ１１２は、ターゲットリスト２３とサブリスト２５を表示する。そして、リスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２は、画面３５に示すように、リスト結合の表示制御を行う。
【００４５】
具体的には、ＧＰＵ１１２は、画面３５に示すように、ターゲットリスト２３の各リストアイテムの間のスペースを広げ、サブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムの間のスペースにそれぞれ移動させる。このように、ターゲットリスト２３に結合するリストアイテムが、ターゲットリスト２３に向かって徐々に移動するので、ユーザは結合により増加するリストアイテムを結合完了前に確認することができる。また、この際、ＧＰＵ１１２は、画面３５に示すように、サブリスト２５ｂを徐々に一段下げ、サブリスト２５ｂのリストアイテムの大きさを調整する。
【００４６】
そして、画面３７に示すように、ＧＰＵ１１２は、サブリスト２５ａの各リストアイテムの大きさと位置を揃え、結合を完了する。結合後のターゲットリスト２３ｘは、結合前のターゲットリスト２３より情報量が増加する。
【００４７】
また、図４に示す例では、ＧＰＵ１１２は、サブリスト２５ａを結合したので、残ったサブリストを一段ずつ下げて表示される。よって、画面３７に示すように、新たにサブリスト２５ｃが出現する。
【００４８】
このように、本実施形態によるＧＰＵ１１２が、複数のリストを画面に表示し、ユーザ操作に応じて追加するリストの各リストアイテム２１を移動させることで、ユーザは、結合により増加するリストアイテム２１を、結合完了前に予め確認することができる。また、ＧＰＵ１１２は、段階ごとに詳細化したサブリスト２５を表示するが、詳細化の限界になった場合、表示するサブリスト２５の数は０になる。よって、ユーザは、直感的にこれ以上ターゲットリスト２３を詳細化することはできないと分かる。
【００４９】
以上、複数リストの結合について説明した。なお、上述した例では、ターゲットリスト２３にサブリスト２５ａが結合される場合を図示したが、本開示による複数リストの結合はこれに限定されない。例えば、ターゲットリスト２３に、サブリスト２５ａおよびサブリスト２５ｂといった複数段階のサブリストを結合させてもよい。
【００５０】
［２−２．リストの分離］
次に、リストの分離について説明する。ＧＰＵ１１２は、ユーザ操作に応じて、まずターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテム２１を並べて新たなサブリスト２５を生成し、リストの分離が完了する。
【００５１】
ＧＰＵ１１２は、このようなリストの分離アニメーションを、図４の画面３３から画面３７に示した結合アニメーションの逆の順序で行ってもよい。具体的には、ＧＰＵ１１２は、ターゲットリスト２３から分離するリストアイテム２１を徐々に小さくし、ターゲットリスト２３から離れるよう表示制御させる。そして、ＧＰＵ１１２は、分離したリストアイテム２１を並べて新たなサブリスト２５を生成する。
【００５２】
このように、本実施形態によるＧＰＵ１１２が、ターゲットリスト２３から分離するリストアイテム２１を徐々に表示変化させるので、ユーザは、分離により減少するリストアイテム２１を予め確認することができる。
【００５３】
以上、リストの分離について説明した。なお、ターゲットリスト２３から分離して新たに生成されるサブリスト２５は、一段階でもよいし、複数段階でもよい。
【００５４】
［２−３．ユーザ操作］
上述したリストの結合／分離は、各種ユーザ操作に連動して行われる。ユーザ操作は、例えばピンチアウト操作、ピンチイン操作、ドラッグ操作、フリック操作、タップ／ダブルタップ操作、およびボタン／バー操作が挙げられる。以下、ＧＰＵ１１２が、検出された各ユーザ操作に応じて行うリストの結合／分離について順次図面を参照して説明する。
【００５５】
（ピンチアウト操作）
ＧＰＵ１１２は、ピンチアウト操作が検出された場合、ピンチアウト操作に応じてリストの結合を行う。なお、ピンチアウト操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を拡げるタッチ操作のことである。以下、図５および図６を参照して具体的に説明する。
【００５６】
図５は、ユーザによるピンチアウト操作を説明するための図である。図５の画面３９に示すように、ターゲットリスト２３に対するピンチアウト操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。
【００５７】
図６は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図６の画面４１に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔ｄ１を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。
【００５８】
次に、画面４３に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２が自動的に移動してリストアイテムＡ２とリストアイテムＡ３の間に挿入される。このとき、サブリスト２５ａの他のリストアイテム、例えばリストアイテムＢ１およびリストアイテムＢ３も、同様にターゲットリスト２３の各リストアイテムの間にそれぞれ挿入される。なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、リストアイテムＢ２等を元の表示位置に戻すよう表示制御する。
【００５９】
そして、ＧＰＵ１１２は、図６の画面４５に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【００６０】
このように、ＧＰＵ１１２は、ピンチアウト操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。
【００６１】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【００６２】
なお、図６に示す例では、サブリスト２５が一つ結合される様子を説明したが、本実施形態のピンチアウト操作によるリスト結合はこれに限定されず、ＧＰＵ１１２は、ピンチアウト操作の大きさに応じて多段階の結合を行なってもよい。例えば、タッチ位置の間隔ｄ２がリストアイテムＢ２の２つ分の幅を超えた場合、ＧＰＵ１１２は、２段階の結合を行う。すなわち、ＧＰＵ１１２は、サブリスト２５ａおよびサブリスト２５ｂをターゲットリスト２３に結合させるよう表示制御する。
【００６３】
また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を拡げるピンチアウト操作を検出しているが、本実施形態によるピンチアウト操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチアウト操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを拡げる動きに応じて、リスト結合を行う。
【００６４】
ピンチアウト操作の検出位置の応用例について図７を参照して説明する。図７は、ユーザによる他のピンチアウト操作を説明するための図である。図７の画面４７に示すように、ユーザは任意の位置、例えば１のリストアイテム上で２本の指を拡げるピンチアウト操作を行う。すると、ＧＰＵ１１２は、拡げられた２本の指の間隔ｄ５の距離に応じて、リストの結合を行う。
【００６５】
（ピンチイン操作）
ＧＰＵ１１２は、ピンチイン操作が検出された場合、ピンチイン操作に応じてリストの分離を行う。なお、ピンチイン操作とは、２本の指で２箇所をタッチしている状態で、これら２本の指の間隔を狭めるタッチ操作のことである。以下、図８および図９を参照して
【００６６】
図８は、ユーザによるピンチイン操作を説明するための図である。図８の画面４９に示すように、ターゲットリスト２３に対するピンチイン操作が検出された場合、ＧＰＵ１１２はリスト分離を行う。
【００６７】
図９は、ピンチイン操作に連動するリスト分離時のアニメーションを説明するための画面遷移図である。図９の画面５１に示すように、リストアイテムＡ２およびリストアイテムＡ４がそれぞれタッチされた状態でタッチ位置の間隔ｄ３を狭める操作（ピンチイン操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ４の表示位置をユーザによるタッチ位置に合わせて互いに近付くよう移動させる。また、ＧＰＵ１１２は、ピンチイン操作に応じてリストアイテムＡ３を徐々に縮小表示する。
【００６８】
次に、画面５３に示すように、タッチ位置の間隔ｄ４が閾値を超えると、ＧＰＵ１１２は、リストアイテムＡ３をターゲットリスト２３から移動して分離するよう表示制御する。このとき、ターゲットリスト２３の他のリストアイテム、例えばリストアイテムＡ１やリストアイテムＡ５などターゲットリスト２３に並ぶリストアイテムも一つおきに自動的に移動して分離する。なお、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、リストアイテムＡ３等を元の表示位置に戻すよう表示制御する。
【００６９】
そして、ＧＰＵ１１２は、図９の画面５５に示すように、ターゲットリスト２３から分離したリストアイテムＡ１、Ａ３、およびＡ５を並べて新たなサブリスト２５ｘを生成する。また、ＧＰＵ１１２は、画面５５に示すように、リストの分離によりリストアイテム数が減少したターゲットリスト２３ｘの各リストアイテムの表示位置を調整する。
【００７０】
このように、ＧＰＵ１１２は、ピンチイン操作に応じて、画面に表示したターゲットリスト２３から所定数のリストアイテムを分離し、分離した所定数のリストアイテムを並べて新たなサブリスト２５ｘを生成する。
【００７１】
ターゲットリスト２３から分離されるリストアイテムは徐々に縮小されるので、ユーザは分離完了前にどのリストアイテムが分離するかを予め確認することができる。
【００７２】
また、ユーザは、分離によりターゲットリスト２３から減少する情報を確認しつつ、リストの分離を途中でキャンセルすることができる。
【００７３】
なお、図９に示す例では、サブリスト２５ｘが一つ新たに生成される様子を説明したが、本実施形態のピンチイン操作によるリスト分離はこれに限定されず、ＧＰＵ１１２は、ピンチイン操作に応じて複数のサブリスト２５を新たに生成してもよい。例えば、タッチ位置の間隔ｄ３がリストアイテム２つ分の幅である場合にピンチイン操作が行なわれると、ＧＰＵ１１２は、新たに２つのサブリスト２５を生成する。
【００７４】
また、上述した実施形態では、ターゲットリスト２３の２つのリストアイテムを２本の指でそれぞれタッチして、指の幅を狭めるピンチイン操作を検出しているが、本実施形態によるピンチイン操作の位置はこれに限られない。ＧＰＵ１１２は、画面内のどの位置でピンチイン操作が検出されても、タッチ位置の間隔ｄの幅や、タッチした状態のまま間隔ｄを狭める動きに応じて、リスト分離を行う。
【００７５】
（ドラッグ操作）
続いて、ＧＰＵ１１２がドラッグ操作に応じてリストの結合／分離を行う場合について説明する。なお、ドラッグ操作とは、１箇所をタッチしている状態で移動するタッチ操作のことである。以下、図１０および図１１を参照してドラッグ操作に連動するリスト結合について説明する。
【００７６】
図１０は、ユーザによるドラッグ操作を説明するための図である。図１０の画面５７に示すように、サブリスト２５ａのリストアイテムＢ２を、ターゲットリスト２３に移動させるドラッグ操作が検出された場合、ＧＰＵ１１２はリスト結合を行う。
【００７７】
図１１は、ドラッグ操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図１１の画面６１に示すように、ＧＰＵ１１２は、リストアイテムＢ２をドラッグ操作に合わせて下方に移動させ、また、操作対象のサブリスト２５ａの他のリストアイテムＢ１およびリストアイテムＢ３も下方に移動させる。また、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３に近付くにつれて、ターゲットリスト２３の各リストアイテムの間が拡がるよう表示制御する。
【００７８】
次に、図１１の画面６３に示すように、ユーザは、拡がったターゲットリスト２３の各リストアイテムの間にリストアイテムＢ２をドラッグし、タッチしていた指を離す。
【００７９】
ここで、ＧＰＵ１１２は、リストアイテムＢ２がターゲットリスト２３内の所定の位置にドラッグされるまで、リスト結合のキャンセルを受け付けてもよい。例えば、ＧＰＵ１１２は、タッチした状態のままリストアイテムＢ２を上方に戻すドラッグ操作が検出されると、各リストアイテムの位置を元に戻すよう表示制御する。
【００８０】
そして、図１１の画面６５に示すように、ＧＰＵ１１２は、ターゲットリスト２３内にドラッグされたリストアイテムＢ２を、ターゲットリスト２３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【００８１】
このように、ＧＰＵ１１２は、ドラッグ操作に応じて、画面に表示したサブリスト２５をターゲットリスト２３に結合し、ターゲットリスト２３の情報量を増加させる。画面には、結合されるサブリスト２５が表示されているので、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテム２１を予め確認することができる。
【００８２】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【００８３】
以上、ドラッグ操作によるリストの結合について説明した。次にドラッグ操作によるリストの分離について説明する。
【００８４】
ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にドラッグする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にドラッグされる場合、リストアイテムＡ２を徐々に小さく表示する。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。
【００８５】
また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。
【００８６】
そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。
【００８７】
以上、ドラッグ操作によるリストの結合／分離について説明した。かかるリストの結合／分離は、ドラッグ操作により一のリストアイテムを移動させることにより行うが、ドラッグ操作に代わってフリック操作により一のリストアイテムを移動させてもよい。以下に、フリック操作に連動するリストの結合／分離について説明する。
【００８８】
（フリック操作）
フリック操作とは、１箇所をタッチしている状態から画面を軽く払うように指を動かすタッチ操作のことである。ＧＰＵ１１２は、フリック操作に応じてリストの結合／分離を行う。
【００８９】
フリック操作によるリスト結合時のアニメーションは、概ね図１１を参照して説明したドラッグ操作による結合時のアニメーションと同様である。例えば、サブリスト２５ａのリストアイテムＢ２が指でタッチされ下方に払う操作が検出された場合、ＧＰＵ１１２はサブリスト２５ａの各リストアイテムを下方に移動させる。また、ＧＰＵ１１２は、ターゲットリスト２３の各リストアイテムの間を拡げるよう表示制御する。
【００９０】
そして、拡げたターゲットリスト２３の各リストアイテム間にサブリスト２５ａの各リストアイテムがそれぞれ移動する。ＧＰＵ１１２は、移動したサブリスト２５ａの各リストアイテムをターゲットリスト２３の各リストアイテムと同様の大きさに拡大させ、リスト結合が完了する。
【００９１】
なお、ＧＰＵ１１２は、ユーザのフリック速度に応じてリストアイテムＢ２を移動させるところ、フリック速度によってはリストアイテムＢ２がターゲットリスト２３内まで届かない場合もある。この場合、ＧＰＵ１１２は、各リストアイテムの表示位置を元の位置に戻すよう表示制御してもよい。
【００９２】
以上、フリック操作によるリストの結合について説明した。次にフリック操作によるリストの分離について説明する。
【００９３】
ＧＰＵ１１２は、ターゲットリスト２３のリストアイテムを上方にフリックする操作が検出された場合、リストの分離を行う。リスト分離時のアニメーションとしては、例えば、ＧＰＵ１１２は、リストアイテムＡ２が上方にフリックされる場合、リストアイテムＡ２を徐々に小さく表示しつつ上方に移動させる。また、ＧＰＵ１１２は、同時にターゲットリスト２３の他の分離されるリストアイテムＡも上方に移動させながら徐々に小さく表示する。
【００９４】
また、ＧＰＵ１１２は、リスト分離によりリストアイテム数が減少したターゲットリスト２３の残った各リストアイテムの間を狭めて整列させる。
【００９５】
そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを、ターゲットリスト２３の上に一列に並べて新たなサブリストを生成し、リスト分離が完了する。
【００９６】
（タップ／ダブルタップ操作）
また、ＧＰＵ１１２は、リストの結合／分離をタップ／ダブルタップ操作に連動して行ってもよい。例えば、タップ／ダブルタップ操作されたサブリスト２５ａの各リストアイテムを、図４に示すようにターゲットリスト２３の各リストアイテム間に移動させて、リストの結合を完了する。
【００９７】
また、ターゲットリスト２３に対してタップ／ダブルタップ操作がされた場合、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離し、ターゲットリスト２３の情報量を減少させる。そして、ＧＰＵ１１２は、ターゲットリスト２３から分離したリストアイテムを並べて新たなサブリストを生成し、リストの分離を完了する。
【００９８】
（ボタン／バー操作）
また、ＧＰＵ１１２は、リストの結合／分離を、ボタンやバーに対するユーザ操作に応じて行ってもよい。以下、図１２および図１３を参照して具体的に説明する。
【００９９】
図１２は、スケールアウトボタン２７、およびスケールインボタン２８を示す図である。図１２に示すスケールアウトボタン２７へのユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定のリストアイテムを分離し、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。
【０１００】
また、図１２に示すスケールインボタン２８へのユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。
【０１０１】
図１３は、スライダーバー２９を示す図である。図１３に示すスライダーバー２９のツマミを「−」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、ターゲットリスト２３から所定数のリストアイテムを分離する。そして、ＧＰＵ１１２は、分離したリストアイテムを並べて新たなサブリスト２５を生成し、リストの分離を完了する。
【０１０２】
また、図１３に示すスライダーバー２９のツマミを「＋」方向に移動させるユーザ操作が検出されると、ＧＰＵ１１２は、サブリスト２５の各リストアイテムをそれぞれターゲットリスト２３の各リストアイテム間に移動させて大きさを調整し、リストの結合を完了する。
【０１０３】
なお、ＧＰＵ１１２は、リストの結合／分離により変化するターゲットリスト２３の情報量を、スライダーバー２９のツマミが「−」に近付くほど減少させ、「＋」に近付くほど増加（詳細化）させる。
【０１０４】
以上、ユーザ操作に連動して行なわれる複数リストの結合／分離について詳細に説明した。続いて、このような複数リストの他の表示方法について説明する。
【０１０５】
［２−４．複数リストの他の表示例］
図１に示す例では、ＧＰＵ１１２は、横方向にリストアイテム２１を並べて構成される複数のリストを、段階的に縦方向に表示している。しかし、本実施形態による複数リストの表示方法は図１に示す例に限られない。以下、複数リストの他の表示例について図１４および図１５を参照して説明する。
【０１０６】
図１４は、複数リストが縦に並ぶ表示例を示す図である。図１４に示すように、ＧＰＵ１１２は、縦方向にリストアイテム２１を並べて構成される複数のリストを、段階的に横方向に表示する。この場合、例えばターゲットリスト２３に対してピンチアウト／イン操作が検出されると、ＧＰＵ１１２は、リストの結合／分離を行う。
【０１０７】
図１５は、複数リストが重なる表示例を示す図である。図１５の画面６９に示すように、ＧＰＵ１１２は、ターゲットリスト２３をサブリスト２５に重ねて表示する。ユーザは、ターゲットリスト２３の各リストアイテムの間に、サブリスト２５の各リストアイテムを確認することができる。
【０１０８】
このように表示するターゲットリスト２３に対してピンチアウト操作が検出されると、ＧＰＵ１１２は、図１５の画面７１に示すように、ピンチアウト操作に応じてターゲットリスト２３の各リストアイテムを横方向に移動させる。同時に、ＧＰＵ１１２は、サブリスト２５の各リストアイテムを徐々に拡大表示させる制御も行い、サブリスト２５が結合されたターゲットリスト２３ｘを表示する。
【０１０９】
［２−５．表示内容の変化］
次に、リストの結合／分離によりリストの表示内容がどのように変化するかについて説明する。上述したように、リストの結合が行われるとターゲットリスト２３のリストアイテム数が増加し、リストの分離が行われるとターゲットリスト２３のリストアイテム数が減少する。このようなリストアイテム数（情報量）の変化に応じたターゲットリスト２３の表示内容の変化について、以下具体例を挙げて詳細に説明する。
【０１１０】
（第１の例；情報の粒度）
第１の例として、ターゲットリスト２３のリストアイテム数が増加すると情報の粒度が細かくなり、リストアイテム数が減少すると情報の粒度が荒くなる。情報の粒度について、図１６から図１８を参照して具体的に説明する。図１６から図１８では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像を例として挙げる。
【０１１１】
図１６は、複数のサムネイル画像から構成される複数のリストを表示する画面７２を示す図である。図１６に示すように、ターゲットリスト７３は、動画像データの１分毎のシーンが並べられたリストである。
【０１１２】
また、図１６に示すように、サブリスト７５ａは、ターッゲットリスト７３の１分毎のシーンの間を補うシーンが１つずつ並べられたリストである。例えば、サブリスト７５ａには、ターゲットリスト７３の４：００のサムネイル画像と５：００のサムネイル画像の間を補助する４：３０のサムネイル画像、ターゲットリスト７３の５：００のサムネイル画像と６：００のサムネイル画像の間を補助する５：３０のサムネイル画像、およびターゲットリスト７３の６：００のサムネイル画像と７：００のサムネイル画像の間を補助する６：３０のサムネイル画像等が並べられる。
【０１１３】
また、図１６に示すように、サブリスト７５ｂは、サブリスト７５ａに並べられたシーンの間を補うシーンが２つずつ並べられたリストである。例えば、サブリスト７５ｂには、サブリスト７５ａの４：３０のサムネイル画像と５：３０のサムネイル画像の間を補助する４：４５および５:１５のサムネイル画像が並べられる。
【０１１４】
そして、図１６に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト７３にサブリスト７５ａが結合され、ターゲットリスト７３のリストアイテム数が増加する。図１６に示すターゲットリスト７３のリストアイテム数が増加した場合について図１７を参照して説明する。
【０１１５】
図１７は、図１６に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図１７に示すターゲットリスト７３ｘは、図１６に示すターゲットリスト７３にサブリスト７５ａが結合されたものである。リスト結合によりターゲットリスト７３ｘのリストアイテム数は増加し、３０秒毎のサムネイル画像が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の粒度が細かくなる。
【０１１６】
図１８は、図１６に示す複数のリストに対してリスト分離が行われた場合の結果を示す図である。図１８に示すターゲットリスト７３ｙは、図１６に示すターゲットリスト７３がリスト分離にされたものである。また、図１８に示すサブリスト７５ｘは、図１６に示すターゲットリスト７３から分離されたリストアイテムを並べて新たに生成されたサブリストである。リスト分離によりターゲットリスト７３ｙのリストアイテム数は減少し、２分毎のサムネイル画像が並べられる。このように、リスト分離によりリストアイテム数が減少すると、情報の粒度が荒くなる。
【０１１７】
（第２の例；情報の種類）
第２の例として、ターゲットリスト２３のリストアイテム数が増加すると、情報の種類が増え、リストアイテム数が減少すると情報の種類が減る。情報の種類について、図１９から図２１を参照して具体的に説明する。図１９から図２１では、リストアイテムとして音楽データに関連する情報の種類を例として挙げる。
【０１１８】
図１９は、音楽データに関連する情報に基づいて生成された複数のリストを表示する画面８１を示す図である。図１９に示すように、ターゲットリスト８３は、音楽アルバムのジャケット画像が並べられたリストである。
【０１１９】
また、サブリスト８３ａは、各音楽アルバムに収録されている曲名一覧が並べられたリストである。また、サブリスト８３ｂは、各曲の歌詞が並べられたリストである。
【０１２０】
そして、図１９に示す複数のリストに対してリスト結合を指示するユーザ操作が検出されると、ＧＰＵ１１２によりターゲットリスト８３にサブリスト８５ａが結合され、ターゲットリスト８３のリストアイテム数が増加する。図１９に示すターゲットリスト８３のリストアイテム数が増加した場合について図２０を参照して説明する。
【０１２１】
図２０は、図１９に示す複数のリストに対してリスト結合が行われた場合の結果を示す図である。図２０に示すターゲットリスト８３ｘは、図１９に示すターゲットリスト８３にサブリスト８５ａが結合されたものである。リスト結合によりターゲットリスト８３ｘのリストアイテム数は増加し、音楽ジャケットの画像、および曲名一覧が並べられる。このように、リスト結合によりリストアイテム数が増加すると、情報の種類が増える。
【０１２２】
なお、図２０に示すように、ＧＰＵ１１２は、ターゲットリスト８３ｘ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。
【０１２３】
図２１は、図１９に示す２つのサブリスト８５がターゲットリストに結合された場合の結果を示す図である。図２１に示すターゲットリスト８３ｙは、図１９に示すターゲットリスト８３に、サブリスト８５ａおよびサブリスト８５ｂがリスト結合にされたものである。リスト結合によりターゲットリスト８３ｙのリストアイテム数は増加し、音楽ジャケットの画像、曲名一覧、および各曲の歌詞が並べられる。このように、リスト結合によりリストアイテム数が増加する程、情報の種類が増える。
【０１２４】
なお、図２１に示す例においても、上述と同様に、ＧＰＵ１１２は、ターゲットリスト８３ｙ中の関連する情報（リストアイテム）ごとに背景を変化させてもよい。また、図２１に示すように、ＧＰＵ１１２は、サブリスト８５ａおよびサブリスト８５ｂの各リストアイテムの表示の大きさを変化させずに、ターゲットリスト８３に結合させてもよい。
【０１２５】
また、情報の種類は、図１９から図２１に挙げた音楽データに関連する情報の種類に限られない。例えば、情報の種類は、動画像データの各シーンのうち盛り上がり度に応じて段階的に種類分けしてもよい。具体的には、制御部１１により動画像データを予め解析し、ＧＰＵ１１２は、最も盛り上がったシーン毎のサムネイル画像を並べて第１のリストを生成する。そして、ＧＰＵ１１２は、リストの結合により、第１のリストに、次に盛り上がったシーンを追加していく。
【０１２６】
以上説明した複数リストの結合／分離に伴う表示内容の変化は、次に説明する＜３．単数リストの結合／分離＞においても同様である。
【０１２７】
＜３．単数リストの結合／分離＞
本実施形態によるＧＰＵ１１２は、上述したように、単数のリストを表示し、ユーザ操作に応じてリストの結合／分離を行ってもよい。ＧＰＵ１１２は、リストの結合を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を増加させる。
【０１２８】
また、ＧＰＵ１１２は、リストの分離を指示するユーザ操作に応じて、表示する単数のリストのリストアイテム数を減少させ、単数のリストから分離したリストアイテムを並べて新たなサブリストを生成する。
【０１２９】
ここで、単数リストの結合／分離を指示するユーザ操作とは、［２−３．ユーザ操作］において説明したピンチアウト／イン操作、タップ／ダブルタップ操作、ボタン／バー操作などが挙げられる。以下に説明する具体的な単数リストの結合／分離の制御においては、ユーザ操作としてピンチアウト／イン操作を検出する場合を例として説明する。
【０１３０】
［３−１．単数リストの結合］
ＧＰＵ１１２は、リスト結合を指示するユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させ、リストアイテム数を増加させる。以下、図２２および図２３を参照して単数リストの結合について説明する。
【０１３１】
図２２は、ターゲットリスト９３を表示する画面９１を示す図である。図２２に示すように、ターゲットリスト９３のリストアイテムＡ２およびＡ３を２の指でタッチし、タッチしたままの状態で拡げるピンチアウト操作が検出される。すると、ＧＰＵ１１２は、ピンチアウト操作に応じてターゲットリスト９３のリスト結合を行う。
【０１３２】
図２３は、ピンチアウト操作に連動するリスト結合時のアニメーションを説明するための画面遷移図である。図２３の画面９５に示すように、リストアイテムＡ２およびリストアイテムＡ３がそれぞれタッチされた状態でタッチ位置の間隔を拡げる操作（ピンチアウト操作）が行われる。ＧＰＵ１１２は、リストアイテムＡ２およびリストアイテムＡ３の表示位置をユーザによるタッチ位置に合わせて移動させる。
【０１３３】
次に、画面９７および画面９９に示すように、ピンチアウト操作により拡がるターゲットリスト９３の各リストアイテムの間に、新たなリストアイテムが徐々に出現する。
【０１３４】
そして、ＧＰＵ１１２は、各リストアイテムの間に出現させたリストアイテムを、ターゲットリスト９３の各リストアイテムと同様の大きさに拡大し、リスト結合を完了する。
【０１３５】
なお、ＧＰＵ１１２は、ピンチアウト操作を行なっていた２本の指のタッチ位置の間隔を狭める操作が検出された場合、リストの結合をキャンセルし、出現させた新たなリストアイテムを消滅させてもよい。
【０１３６】
このように、ＧＰＵ１１２が、ピンチアウト操作に応じて、ターゲットリスト９３中に新たなリストアイテムを徐々に出現させるので、ユーザはターゲットリスト９３に結合されるリストアイテムを予め確認することができる。
【０１３７】
また、ユーザは、結合により増加する情報を確認しつつ、リストの結合を途中でキャンセルすることができる。
【０１３８】
［３−２．リストの分離］
ＧＰＵ１１２は、ピンチイン操作に応じて、表示する単数のターゲットリストの所定数のリストアイテムを徐々に消滅させ、リストの分離を行ってもよい。ユーザは、ターゲットリスト中のリストアイテムが徐々に消滅するので、ターゲットリストから分離されるリストアイテムを予め確認することができる。
【０１３９】
また、ＧＰＵ１１２は、ピンチイン操作を行なっていた２本の指のタッチ位置の間隔を拡げる操作が検出された場合、リストの分離をキャンセルし、消滅させたリストアイテムを出現させてもよい。
【０１４０】
［３−３．一覧表示］
上述した例では、単数リストの結合／分離によって、リストアイテム数が増減することを説明した。ここで、リストの結合によってリストアイテム数が増加した場合、画面外に追い出されるリストアイテムがある。
【０１４１】
そこで、本実施形態によるＧＰＵ１１２は、リスト結合によってターゲットリストのリストアイテム数が増減した場合に、リストアイテムの表示サイズを拡大／縮小することで、全てのリストアイテムを画面内に表示する一覧表示を行ってもよい。ＧＰＵ１１２が一覧表示を行うことで、ユーザは、リスト結合により増加したリストアイテムを画面内で全て確認できる。ＧＰＵ１１２による一覧表示について、図２４から図２６を参照して説明する。図２４から図２６では、リストアイテムとして動画像データの一定時間毎のシーンから生成されたサムネイル画像をグリッドリスト形式で表示する。
【０１４２】
図２４は、単数のリストを一覧表示する画面２０１を示す図である。図２４の画面２０１に示すように、ＧＰＵ１１２は、動画像データの２分毎のサムネイル画像を全て並べている。この場合に、ユーザ操作に応じてリスト結合を行う場合のアニメーションについて図２５および図２６を参照して説明する。
【０１４３】
図２５は、リスト結合時のアニメーションの途中の画面２０３を示す図である。図２５に示すように、ＧＰＵ１１２は、各サムネイル画像を縮小しつつ、各サムネイル画像の間に、新たなサムネイル画像を徐々に出現させる。
【０１４４】
図２６は、リスト結合完了時の画面２０５を示す図である。図２６の画面２０５に示すように、ＧＰＵ１１２は、リスト結合によりリストアイテム数が増加しても、全てのサムネイル画像を一画面に表示する。
【０１４５】
以上説明した一覧表示は、単数のリストを例にして説明したが、ＧＰＵ１１２は、複数リストの結合時にも一覧表示の制御を行ってもよい。
【０１４６】
＜４．動作処理＞
次に、本実施形態によるＧＰＵ１１２が、上述したピンチイン／アウト操作に応じてリストの結合／分離の表示制御を行う際の動作処理について説明する。上記図６および図９では、ＧＰＵ１１２が、ピンチイン／アウト操作を行なう２本の指の間隔ｄに応じてリストの結合／分離の表示制御を行う例を説明したが、本実施形態はこれに限定されない。例えば、ＧＰＵ１１２は、タッチ操作を行なう指の移動量や、指の移動速度に応じて、リストの結合／分離を行ってもよい。以下、ＧＰＵ１１２が、ピンチイン／アウト操作の移動量または移動速度に応じてリストの結合／分離を行う場合の動作処理について図２７を参照して説明する。
【０１４７】
図２７は、ピンチイン／アウト操作に応じたリストの結合／分離の表示制御処理を示すフローチャートである。図２７に示すように、ステップＳ１０２において、タッチパネル１６が２点タッチを検出すると、続くステップＳ１０４において、タッチパネル１６は、さらに２点タッチされた各操作位置の移動に基づいてピンチイン／アウト操作を検出する。タッチパネル１６は、ピンチイン／アウト操作を検出すると、検出結果を制御部１１に出力する。
【０１４８】
次いで、ステップＳ１０６において、制御部１１のＧＰＵ１１２は、タッチパネル１１６により検出されたピンチイン／アウト操作に応じて、ディスプレイ１５に表示するリストの結合／分離のアニメーションを開始する。例えば、ＧＰＵ１１２は、ピンチイン／アウト操作に合わせて、タッチされているリストアイテムを移動させる。
【０１４９】
次に、ステップＳ１０８において、タッチパネル１６により２点タッチによる操作が検出されている場合は、処理はステップＳ１１０に進む。次いで、ステップＳ１１０において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の移動量は、例えば図２８に示すように算出される。
【０１５０】
図２８は、ピンチイン／アウト操作の移動量や速度の算出について例示する表である。図２８に示すように、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作により初期状態からリストアイテムがそれぞれ移動した距離の合計である。
【０１５１】
また、ピンチイン／アウト操作の移動量は、ピンチイン／アウト操作による２点タッチ位置のそれぞれが移動した距離の合計であってもよい。
【０１５２】
上記ステップＳ１１０において、ピンチイン／アウト操作の移動量が閾値を超えた場合、処理はステップＳ１１２に進む。次いで、ステップＳ１１２において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１０において、第１の閾値を超えた場合、ステップＳ１１２においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。
【０１５３】
次いで、処理がステップＳ１０８に進み、さらにピンチイン／アウト操作がされ続け、ステップＳ１１０において、第２の閾値を超えた場合は、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作に応じて行う。
【０１５４】
続いて、ステップＳ１０８に戻り、２点タッチが検出されなくなった場合について説明する。この場合は、処理はステップＳ１１４に進み、Ｓ１１４において、ＧＰＵ１１２は、ピンチイン／アウト操作の速度が閾値を超えているか否かを判断する。ここで用いられるピンチイン／アウト操作の速度は、例えば図２８に示すように、ピンチイン／アウト操作による各リストアイテムの移動速度の合計である。
【０１５５】
上記ステップＳ１１４において、ピンチイン／アウト操作の移動量が閾値を超えた場合、処理はステップＳ１１６に進む。次いで、ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ステップＳ１１４において、第１の閾値を超えた場合、ステップＳ１１６においてリストの結合／分離が１段階行われる。例えば、サブリストを一つ結合、または分離によりサブリストが一つ生成される。
【０１５６】
次いで、処理がステップＳ１１４に戻り、速度がまだ残っている場合、再度ステップＳ１１６において、ＧＰＵ１１２は、リストの結合／分離をもう１段階行う。例えば、ＧＰＵ１１２は、サブリストをさらに一つ結合、または分離によりサブリストをさらに一つ生成する。このようにして、ＧＰＵ１１２は、多段階のリストの結合／分離を、ピンチイン／アウト操作により移動するリストアイテムの速度に応じて行う。
【０１５７】
一方、ステップＳ１１４において、速度が閾値を超えていない場合、処理はステップＳＳ８に進む。ステップＳ１１８において、ＧＰＵ１１２は、ピンチイン／アウト操作の移動量が閾値を超えているか否かを判断する。閾値を超えている場合、処理はステップＳ１２０に進む。
【０１５８】
次いで、ステップＳ１２０において、ＧＰＵ１１２は、リストの結合／分離を行う。なお、ＧＰＵ１１２は、閾値を複数有し、ピンチイン／アウト操作の移動量がどの閾値を超えたかに応じて、リストの結合／分離の段階を制御してもよい。例えば、ピンチイン／アウト操作の移動量が閾値ａを超えていた場合は、サブリストを一つ結合、または分離によりサブリストを一つ生成する。また、ピンチイン／アウト操作の移動量が閾値ｂを超えていた場合は、サブリストを二つ結合、または分離によりサブリストを二つ生成する。
【０１５９】
次いで、ステップＳ１２２において、ＧＰＵ１１２は、リストの結合／分離によるアニメーションを完了する。
【０１６０】
＜５．まとめ＞
上述したように、本実施形態による情報処理装置１０によれば、複数のリストを画面に表示することで、ユーザは、ターゲットリスト２３に結合されるサブリスト２５のリストアイテムを結合完了前に予め確認することができる。
【０１６１】
また、本実施形態による情報処理装置１０によれば、単数のリストを画面に表示した場合でも、ユーザ操作に応じて、リスト中に新たなリストアイテムを徐々に出現させることで、ユーザは、追加されるリストアイテムを、結合完了前に予め確認することができる。
【０１６２】
また、ユーザ操作に応じて、ターゲットリスト２３から分離するリストアイテムが徐々に変化するので、ユーザは、リスト分離によりターゲットリスト２３から減少するリストアイテムを予め確認することができる。
【０１６３】
また、ユーザは、リスト結合、分離時のアニメーションにより増減するリストアイテムを確認しつつ、途中でリスト結合、分離をキャンセルすることもできる。
【０１６４】
また、ＧＰＵ１１２は、リスト結合によってリストアイテム数が増加した場合に、全てのリストアイテムを画面内に表示するよう制御することで、リストの一覧性を確保したまま、より詳細な情報を表示することができる。
【０１６５】
以上、添付図面を参照しながら本開示の好適な実施形態について詳細に説明したが、本技術はかかる例に限定されない。本開示の技術分野における通常の知識を有する者であれば、特許請求の範囲に記載された技術的思想の範疇内において、各種の変更例または修正例に想到し得ることは明らかであり、これらについても、当然に本開示の技術的範囲に属するものと了解される。
【０１６６】
例えば、上記［２−３．ユーザ操作］のピンチアウト操作に連動するリスト結合時のアニメーションについて図６を参照して説明したが、リスト結合時のアニメーションは図６に示す例に限られない。例えば、結合するサブリスト２５ａの各リストアイテムは、ターゲットリスト２３方向に移動開始すると略同時に徐々に拡大し、ターゲットリスト２３の各リストアイテム間への挿入が完了すると略同時に拡大を完了してもよい。このようなピンチアウト操作に連動するリスト結合時のアニメーションの変更例を図２９に示す。図２９の画面４４に示すように、タッチ位置の間隔ｄ２が閾値を超えると、サブリスト２５ａのリストアイテムＢ２は、徐々に拡大しながら移動する。そして、画面４５に示すように、リストアイテムＡ２とリストアイテムＡ３の間に挿入されると略同時に拡大が完了する。
【０１６７】
また、上記実施形態では、ターゲットリスト２３、サブリスト２５ａ、およびサブリスト２５ｂを順に表示したが、ユーザ操作に応じて各リストを入れ替えてもよいし、全リストを移動させてもよい。
【０１６８】
また、図１に示す情報処理装置１０は、スマートフォン、およびポータブルオーディオプレーヤーなどのモバイル端末により実現したが、本開示による情報処理装置１０はこれに限定されない。例えば、情報処理装置１０は、パーソナルコンピュータ（ＰＣ）により実現し、ユーザ操作に応じたリスト結合、分離のアニメーションを、ＰＣのＧＵＩ画面上に表示してもよい。
【０１６９】
また、上述した実施形態による情報処理装置１０の各構成と同等の機能を発揮させるためのコンピュータプログラムも作成可能である。また、該コンピュータプログラムを記憶させた記憶媒体も提供される。記録媒体は、例えば、磁気ディスク、光ディスク、光磁気ディスク、フラッシュメモリなどである。また、上記のコンピュータプログラムは、記録媒体を用いずに、例えばネットワークを介して配信してもよい。
【０１７０】
なお、本技術は以下のような構成も取ることができる。
（１）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える、情報処理装置。
（２）
前記表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する、前記（１）に記載の情報処理装置。
（３）
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う、前記（１）または前記（２）に記載の情報処理装置。
（４）
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する、前記（１）または前記（２）に記載の情報処理装置。
（５）
前記表示制御部は、前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う、前記（１）から前記（４）のいずれかに記載の情報処理装置。
（６）
前記表示制御部は、前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する、前記（１）から前記（５）のいずれかに記載の情報処理装置。
（７）
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる、前記（１）から前記（６）のいずれかに記載の情報処理装置。
（８）
前記第２のリストのリストアイテムは、前記第１のリストのリストアイテムより小さく表示される、前記（１）から前記（７）のいずれかに記載の情報処理装置。
（９）
前記表示制御部は、前記第２のリストのリストアイテムが拡大しながら移動して前記第１のリストに結合する表示を行う、前記（８）に記載の情報処理装置。
（１０）
前記表示制御部は、前記第２のリストのリストアイテムが前記第１のリストまで移動してから拡大する結合表示を行う、前記（８）に記載の情報処理装置。
（１１）
前記表示制御部は、前記第２のリストのリストアイテムが大きさの変化なく移動して前記第１のリストに結合する表示を行う、前記（１）から前記（８）のいずれかに記載の情報処理装置。
（１２）
前記表示制御部は、前記ユーザによる複数の操作位置間の距離を狭める操作に応じて前記第１のリストの所定数のリストアイテムが縮小し、前記縮小したリストアイテムが移動して前記第１のリストから分離する表示を行い、さらに前記第１のリストから分離したリストアイテムを並べて新たなサブリストを表示する、前記（４）に記載の情報処理装置。
（１３）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む、情報処理方法。
（１４）
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させる、プログラム。
（１５）
ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する処理をコンピュータに実行させる、前記（１４）に記載のプログラム。
（１６）
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う処理と、
をコンピュータに実行させる、前記（１４）または前記（１５）に記載のプログラム。
（１７）
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する処理と、
をコンピュータに実行させる、前記（１４）または前記（１５）に記載のプログラム。
（１８）
前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う処理をコンピュータに実行させる、前記（１４）から前記（１７）のいずれかに記載のプログラム。
（１９）
前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する処理をコンピュータに実行させる、前記（１４）から前記（１８）のいずれかに記載のプログラム。
（２０）
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる処理をコンピュータに実行させる、前記（１４）から前記（１９）のいずれかに記載のプログラム。
【符号の説明】
【０１７１】
１０ 情報処理装置
１１ 制御部
１２ ＲＡＭ
１３ 記憶媒体
１４ 表示処理部
１５ ディスプレイ
１６ タッチパネル
１７ 操作部
１８ 通信部
１１１ ＣＰＵ
１１２ ＧＰＵ
【特許請求の範囲】
【請求項１】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える、情報処理装置。
【請求項２】
前記表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する、請求項１に記載の情報処理装置。
【請求項３】
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項４】
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する、請求項１に記載の情報処理装置。
【請求項５】
前記表示制御部は、前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項６】
前記表示制御部は、前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する、請求項１に記載の情報処理装置。
【請求項７】
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる、請求項１に記載の情報処理装置。
【請求項８】
前記第２のリストのリストアイテムは、前記第１のリストのリストアイテムより小さく表示される、請求項１に記載の情報処理装置。
【請求項９】
前記表示制御部は、前記第２のリストのリストアイテムが拡大しながら移動して前記第１のリストに結合する表示を行う、請求項８に記載の情報処理装置。
【請求項１０】
前記表示制御部は、前記第２のリストのリストアイテムが前記第１のリストまで移動してから拡大する結合表示を行う、請求項８に記載の情報処理装置。
【請求項１１】
前記表示制御部は、前記第２のリストのリストアイテムが大きさの変化なく移動して前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項１２】
前記表示制御部は、前記ユーザによる複数の操作位置間の距離を狭める操作に応じて前記第１のリストの所定数のリストアイテムが縮小し、前記縮小したリストアイテムが移動して前記第１のリストから分離する表示を行い、さらに前記第１のリストから分離したリストアイテムを並べて新たなサブリストを表示する、請求項４に記載の情報処理装置。
【請求項１３】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む、情報処理方法。
【請求項１４】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させる、プログラム。
【請求項１５】
ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１６】
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う処理と、
をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１７】
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する処理と、
をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１８】
前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１９】
前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項２０】
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う表示制御部を備える、情報処理装置。
【請求項２】
前記表示制御部は、ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する、請求項１に記載の情報処理装置。
【請求項３】
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項４】
前記情報処理装置は、
ユーザ操作を検出する検出部を備え、
前記表示制御部は、前記検出部により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する、請求項１に記載の情報処理装置。
【請求項５】
前記表示制御部は、前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項６】
前記表示制御部は、前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する、請求項１に記載の情報処理装置。
【請求項７】
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる、請求項１に記載の情報処理装置。
【請求項８】
前記第２のリストのリストアイテムは、前記第１のリストのリストアイテムより小さく表示される、請求項１に記載の情報処理装置。
【請求項９】
前記表示制御部は、前記第２のリストのリストアイテムが拡大しながら移動して前記第１のリストに結合する表示を行う、請求項８に記載の情報処理装置。
【請求項１０】
前記表示制御部は、前記第２のリストのリストアイテムが前記第１のリストまで移動してから拡大する結合表示を行う、請求項８に記載の情報処理装置。
【請求項１１】
前記表示制御部は、前記第２のリストのリストアイテムが大きさの変化なく移動して前記第１のリストに結合する表示を行う、請求項１に記載の情報処理装置。
【請求項１２】
前記表示制御部は、前記ユーザによる複数の操作位置間の距離を狭める操作に応じて前記第１のリストの所定数のリストアイテムが縮小し、前記縮小したリストアイテムが移動して前記第１のリストから分離する表示を行い、さらに前記第１のリストから分離したリストアイテムを並べて新たなサブリストを表示する、請求項４に記載の情報処理装置。
【請求項１３】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行うステップを含む、情報処理方法。
【請求項１４】
リストアイテムから構成される複数のリストを表示し、ユーザ操作に応じて、第１のリストのサブリストである第２のリストのリストアイテムを前記第１のリストに結合させる表示を行う処理をコンピュータに実行させる、プログラム。
【請求項１５】
ユーザ操作に応じて、前記第１のリストから所定数のリストアイテムが分離する表示を行い、前記分離した所定数のリストアイテムから構成される新たなサブリストを表示する処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１６】
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を拡げる操作が検出された場合、前記第２のリストを前記第１のリストに結合する表示を行う処理と、
をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１７】
ユーザ操作を検出する処理と、
前記検出する処理により、ユーザによる複数の操作位置間の距離を狭める操作が検出された場合、前記第１のリストからリストアイテムを分離して新たなサブリストを表示する処理と、
をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１８】
前記第２のリストのリストアイテムが、ユーザによるドラッグ操作によって前記第１のリスト中に移動されると、前記第２のリストを前記第１のリストに結合する表示を行う処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項１９】
前記操作位置の移動量または移動速度に応じて、結合させるサブリストの数、または新たに生成するサブリストの数を変更する処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【請求項２０】
前記第２のリストが前記第１のリストに結合され、前記第１のリストを構成するリストアイテム数が増えるほど、前記第１のリストが表示する情報がより細かくなる処理をコンピュータに実行させる、請求項１４に記載のプログラム。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図１３】
【図１４】
【図１５】
【図１６】
【図１７】
【図１８】
【図１９】
【図２０】
【図２１】
【図２２】
【図２３】
【図２４】
【図２５】
【図２６】
【図２７】
【図２８】
【図２９】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図１１】
【図１２】
【図１３】
【図１４】
【図１５】
【図１６】
【図１７】
【図１８】
【図１９】
【図２０】
【図２１】
【図２２】
【図２３】
【図２４】
【図２５】
【図２６】
【図２７】
【図２８】
【図２９】
【公開番号】特開２０１３−３３３３０（Ｐ２０１３−３３３３０Ａ）
【公開日】平成２５年２月１４日（２０１３．２．１４）
【国際特許分類】
【出願番号】特願２０１１−１６８２６２（Ｐ２０１１−１６８２６２）
【出願日】平成２３年８月１日（２０１１．８．１）
【公序良俗違反の表示】
（特許庁注：以下のものは登録商標）
１．Ｂｌｕｅｔｏｏｔｈ
【出願人】（０００００２１８５）ソニー株式会社 (34,172)
【Ｆターム（参考）】
【公開日】平成２５年２月１４日（２０１３．２．１４）
【国際特許分類】
【出願日】平成２３年８月１日（２０１１．８．１）
【公序良俗違反の表示】
（特許庁注：以下のものは登録商標）
１．Ｂｌｕｅｔｏｏｔｈ
【出願人】（０００００２１８５）ソニー株式会社 (34,172)
【Ｆターム（参考）】
[ Back to top ]