JP2016035776A - 情報表示装置、情報表示方法および情報表示プログラム - Google Patents

Abstract

【課題】ユーザビリティを向上させる情報表示装置、情報表示方法および情報表示プログラムを提供する。【解決手段】端末装置１００は、第１コンテンツを第１領域１１０内に表示し、第２コンテンツを第２領域１２０内に表示する表示部とを有する。利用者の指Ｆ１０により、第２コンテンツをスクロールさせる操作を受付けた場合は、第２領域内で第２コンテンツをスクロールさせるとともに、第１領域の広さと第２領域の広さとを第１状態から第２状態に変更する変更部とを有する。【選択図】図１

Description

本発明は、情報表示装置、情報表示方法および情報表示プログラムに関する。

従来、スマートフォンやタブレット型ＰＣ（Personal Computer）等のスマートデバイス、デスクトップ型のＰＣ等、任意の情報表示装置に様々な情報を表示させる技術が知られている。このような技術の一例として、情報表示装置が有する画面上に所定のコンテンツを表示させ、利用者の操作に応じて、コンテンツの表示態様を変更させる技術が知られている。例えば、利用者が画面上で指を横方向にスライドさせた場合は、指をスライドさせた領域に表示されたコンテンツをスクロールさせ、画面上で指を縦方向にスライドさせた場合は、指をスライドさせた領域に表示されたコンテンツの表示サイズを変更する技術が知られている。

国際公開第２０１０／０８７２０３号パンフレット 特開２００９−１８１５１０号公報

しかしながら、上記の従来技術では、ユーザビリティを向上させることが困難である。具体的には、上記の従来技術では、利用者が操作を行った領域のコンテンツに対して操作が反映されるに過ぎず、必ずしもユーザにとって見やすい表示態様であるとは限らないので、ユーザビリティが良いとは言えない。

本願は、上記に鑑みてなされたものであって、ユーザビリティを向上させる情報表示装置、情報表示プログラムおよび情報表示方法を提供することを目的とする。

本願に係る情報表示装置は、第１コンテンツを第１領域内に表示し、第２コンテンツを第２領域内に表示する表示部と、前記第２コンテンツをスクロールさせる操作を受付けた場合は、前記第２領域内で第２コンテンツをスクロールさせるとともに、前記第１領域の広さと前記第２領域の広さとを変更する変更部とを有することを特徴とする。

実施形態の一態様によれば、ユーザビリティを向上させることができる。

図１は、実施形態に係る表示処理の一例を示す図である。 図２は、実施形態に係る端末装置の構成例を示す図である。 図３は、実施形態に係る表示処理の他の例を示す図である。 図４は、実施形態に係る端末装置が実行する表示処理の流れの一例を示すフローチャートである。 図５は、実施形態に係る端末装置が第１コンテンツの表示サイズを拡大する処理の一例を説明する図である。 図６は、実施形態に係る端末装置が動画再生後に実行する処理の一例を説明する図である。 図７は、実施形態に係る端末装置の他の例を説明する図である。 図８は、実施形態にかかる端末装置が実行する変更処理の他の例を説明する図である。 図９は、実施形態に係る端末装置の機能を実現するコンピュータの一例を示すハードウェア構成図である。

以下に、本願に係る情報表示装置、情報表示方法、情報表示プログラムを実施するための形態（以下、「実施形態」と呼ぶ）について図面を参照しつつ詳細に説明する。なお、この実施形態により本願に係る情報表示装置、情報表示方法、情報表示プログラムが限定されるものではない。また、以下の各実施形態において同一の部位には同一の符号を付し、重複する説明は省略される。

〔１．表示処理〕
まず、図１を用いて、実施形態に係る情報表示装置の一例について説明する。図１は、実施形態に係る表示処理の一例を示す図である。図１では、情報表示装置の一例である端末装置１００によって、第１コンテンツと第２コンテンツとが表示される例を示す。

図１に示した端末装置１００は、スマートフォン等の携帯端末装置である。また、端末装置１００は、液晶ディスプレイ等の出力部１５０を有する。なお、端末装置１００には、タッチパネルが採用されているものとする。すなわち、端末装置１００の利用者は、指や専用ペンで出力部１５０の表示面をタッチすることにより各種操作を行う。

第１コンテンツは、静止画像、音楽、テキスト、動画像等のコンテンツであり、端末装置１００が表示するメインコンテンツを含むコンテンツである。例えば、図１に示す例では、端末装置１００は、第１コンテンツとして、アニメーション、映画、ニュース等、任意の動画像である動画コンテンツ１１１と、動画コンテンツ１１１の説明テキスト１１２とを領域１１０に表示する。例えば、端末装置１００は、動画コンテンツ１１１とともに、「○○シリーズ 第１話」といった動画コンテンツ１１１のタイトルと、「あと３日ＸＸＸＸ年Ｘ月Ｘ日まで」といった再生可能期間を示す情報とが含まれる説明テキスト１１２を表示する。なお、実施形態は、これに限定されるものではなく、例えば、説明テキスト１１２には、動画コンテンツ１１１のあらすじ等が含まれてもよい。

第２コンテンツは、第１コンテンツと同様に、静止画像、音楽、テキスト、動画像等のコンテンツである。例えば、端末装置１００は、動画コンテンツ１１１と関連する動画コンテンツのリスト１２１〜１２５を含む第２コンテンツを領域１２０に表示する。また、端末装置１００は、動画コンテンツのタイトル、再生時間、サムネイル画像等が含まれるリスト１２１〜１２５を表示する。

また、端末装置１００は、利用者の各種操作を検出すると、検出した各種操作に従って、第１コンテンツおよび第２コンテンツの表示態様を変更する。例えば、端末装置１００は、動画コンテンツ１１１が表示された領域を利用者が指Ｆ１０でタップした場合は、動画コンテンツの再生や一時停止を行う。また、端末装置１００は、リスト１２１が表示された領域を利用者が指Ｆ１０でタップした場合は、動画コンテンツ１１１の再生を停止し、リスト１２１と対応する動画コンテンツの再生を開始する。

また、端末装置１００は、初期状態において、第２コンテンツに含まれるリスト１２１〜１２５をすべて表示できない場合は、第２コンテンツのスクロール操作を受付ける。例えば、端末装置１００は、第２コンテンツが表示される領域１２０で、利用者の指Ｆ１０が下から上へと移動した場合は、第２コンテンツに含まれるリスト１２１〜１２５をスクロールさせ、表示されていなかったリストを表示する。

ここで、従来の端末装置は、初期状態において第２コンテンツが表示される領域１２０内で、リスト１２１〜１２５をスクロールさせるにすぎないので、視認性を向上させることができず、ユーザビリティを向上させることが難しかった。

そこで、端末装置１００は、以下の処理を実行する。まず、端末装置１００は、第１コンテンツに含まれる動画コンテンツ１１１と説明テキスト１１２とを領域１１０に表示し、第２コンテンツに含まれるリスト１２１〜１２５を領域１２０に表示する。また、端末装置１００は、第２コンテンツに対する操作を受付ける。例えば、端末装置１００は、領域１２０上で行われたスクロール操作を受付ける。

そして、端末装置１００は、利用者から受付けた操作に応じて、第２コンテンツの表示態様を変更するとともに、第１コンテンツの表示サイズを変更する。例えば、端末装置１００は、第２コンテンツ上で行われたスクロール操作等、第２コンテンツに対する操作を受付けた場合は、リスト１２１〜１２５の表示サイズを変更することなく、第２コンテンツが表示される領域１２０を拡大し、第１コンテンツが表示される領域１１０を縮小するとともに、動画コンテンツ１１１の表示サイズを縮小する。つまり、端末装置１００は、第２コンテンツが表示される領域１２０を拡大させるに伴い、領域１２０に表示されるリスト１２１〜１２５の件数を増大させる。

このように、端末装置１００は、第２コンテンツに対する操作に応じて、第１コンテンツと第２コンテンツとの表示サイズおよび表示領域をそれぞれ個別に変更する。また、端末装置１００は、利用者が操作しようとするコンテンツ、すなわち、利用者がより興味を有すると考えられるコンテンツが表示される領域を拡大し、他のコンテンツが表示される領域を縮小する。この結果、端末装置１００は、利用者が操作しようとするコンテンツの表示領域を広くできるので、ユーザビリティを向上させることができる。

以下、図１を用いて、端末装置１００が実行する第１コンテンツと第２コンテンツとの表示態様の一例について説明する。なお、以下の説明では、利用者の指Ｆ１０の操作により、端末装置１００が第１コンテンツと第２コンテンツとの表示態様を変化させる処理の一例について、図１の左から第１状態〜第４状態として説明する。なお、以下の説明では、第１コンテンツに動画コンテンツ１１１と説明テキスト１１２が含まれる例について説明するが、第１コンテンツには、動画コンテンツ１１１のみが含まれてもよい。また、以下の説明では、第２コンテンツにリスト１２１〜１２５が含まれる例について説明するが、第２コンテンツには、さらに複数のリストが含まれてもよい。

まず、端末装置１００は、後述するコンテンツサーバ１０から、動画コンテンツ１１１と、説明テキスト１１２とを取得する。また、端末装置１００は、動画コンテンツ１１１と同じシリーズの動画コンテンツのリスト１２１〜１２５を取得する。そして、端末装置１００は、第１状態に示すように、表示画面のうち、領域１１０に動画コンテンツ１１１と説明テキスト１１２とを第１コンテンツとして表示し、残りの領域１２０に、リスト１２１〜１２５を含む第２コンテンツを表示する。ここで、端末装置１００は、領域１２０内にリスト１２１〜１２５をすべて表示できないので、初期状態においてはリスト１２１〜１２５のうち、リスト１２１およびリスト１２２のみを表示する。

ここで、端末装置１００は、第２コンテンツが表示される領域１２０において、利用者の指Ｆ１０により、第２コンテンツを上方向にスクロールさせる操作が行われた場合は、第２状態に示すように、第１コンテンツの表示サイズを変更するとともに、第２コンテンツを表示する領域の大きさを変更する。

詳細には、端末装置１００は、第２コンテンツに対する上方向のスクロール操作が行われた場合は、動画コンテンツ１１１の再生を継続しながら、第１コンテンツが表示される領域１１０を縮小するとともに、説明テキスト１１２の表示を消去し、動画コンテンツ１１１の表示サイズを縮小する。また、端末装置１００は、第２コンテンツに含まれるリスト１２１〜１２５の表示サイズを変更せずに、第２コンテンツが表示される領域１２０の大きさを拡大する。この結果、端末装置１００は、領域１２０内に、初期状態よりも多くの件数のリスト１２１〜１２３を表示することとなる。

また、端末装置１００は、第１コンテンツに含まれる画像と第２コンテンツに含まれる画像とが同程度の大きさになるまで、第１コンテンツの表示サイズを縮小させる。具体的には、端末装置１００は、第３状態に示すように、動画コンテンツ１１１の表示サイズと、第１コンテンツが表示される領域１１０とを所定の大きさまで縮小し、第２コンテンツが表示される領域１２０を所定の大きさまで拡大する。詳細には、端末装置１００は、動画コンテンツ１１１の再生を継続しながら、動画コンテンツ１１１の表示サイズをリスト１２１〜１２５に含まれるサムネイルと同程度まで縮小し、第１コンテンツが表示される領域１１０をリスト１２１〜１２５と同程度まで縮小する。

また、端末装置１００は、領域１１０内における動画コンテンツ１１１の配置位置をリスト１２１〜１２５に含まれるサムネイルとそろえる。また、端末装置１００は、領域１１０内にテキストを表示する場合は、かかるテキストの配置位置をリスト１２１〜１２５に含まれるテキストの配置位置とそろえる。この結果、端末装置１００は、第２コンテンツの視認性を向上させるとともに、画面全体における視認性を向上させることができる。

このように、端末装置１００は、利用者の指Ｆ１０が第２コンテンツのスクロール操作を行った場合は、動画コンテンツ１１１の再生を継続しつつ、動画コンテンツ１１１の表示サイズを縮小し、初期状態よりも大きい領域１２０内にリスト１２１〜１２５を表示する。この結果、端末装置１００は、動画コンテンツ１１１のオープニングシーン等、利用者の興味が薄い範囲を再生させながら、次に試聴する動画コンテンツを選択し、動画コンテンツ１１１の本編が開始された場合は、動画コンテンツ１１１の表示サイズを拡大するといった、いわゆるながら操作を容易にすることができるので、ユーザビリティを向上させることができる。

また、端末装置１００は、第３状態に示す表示態様において、利用者の指Ｆ１０により上方向のスクロール操作が行われた場合は、第２コンテンツが表示される領域１２０内で、リスト１２１〜１２５を上方向にスクロールさせる。このため、端末装置１００は、初期状態よりも広い領域１２０を用いた操作を提供することができる。

また、端末装置１００は、第３状態に示す表示態様において、利用者の指Ｆ１０により第２コンテンツを下方向にスクロールさせる操作が行われた場合は、第１コンテンツと第２コンテンツとの表示態様を初期状態に戻す操作を行う。

具体的には、端末装置１００は、領域１２０上で下方向のスクロール操作が行われた場合は、第４状態に示すように、領域１２０を第１状態と同じ大きさまで縮小し、領域１１０を第１状態と同じ大きさまで拡大する。また、端末装置１００は、動画コンテンツ１１１の表示サイズを元の大きさまで拡大し、説明テキスト１１２を表示する。この結果、端末装置１００は、利用者の興味が動画コンテンツ１１１に戻った場合は、直感的な操作で、動画コンテンツ１１１の表示サイズを拡大することができる。

なお、上述した例では、端末装置１００は、第２コンテンツに対する操作に応じて、動画コンテンツ１１１の表示サイズと、第２コンテンツが表示される領域１２０の大きさとを変更した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置１００は、第２コンテンツに対する操作に応じて、動画コンテンツ１１１と説明テキスト１１２との表示サイズを変更してもよい。

また、例えば、端末装置１００は、第１コンテンツに対する操作に応じて領域１２０や、第２コンテンツに含まれるリスト１２１〜１２５のサイズを変更してもよい。また、端末装置１００は、スクロール操作以外にも、タップ操作、ダブルタップ操作、複数の指を用いたピンチイン操作やピンチアウト操作に応じて、上述した処理を行ってもよい。例えば、端末装置１００は、領域１２０でピンチアウト操作が行われた場合は、領域１１０および動画コンテンツ１１１の表示サイズを縮小するとともに、領域１２０を拡大するとともに、領域１２０内に表示された第２コンテンツの表示サイズを拡大してもよい。

なお、端末装置１００が画面上の上方向に領域１１０を配置し、領域１２０を画面上の下方向に配置した際、領域１２０内に表示された第２コンテンツに対して上方向のスクロール操作が行われた場合は、スクロール操作が行われる方向と、領域１１０を縮小する方向および領域１２０を拡大する方向とが一致することとなる。このため、端末装置１００は、領域１２０上において、領域１２０を基準として領域１１０が配置された方向へのスクロール操作が行われた場合は、第１コンテンツの表示サイズを縮小し、領域１２０を拡大する。この結果、端末装置１００は、より直感的な操作手段を提供できるので、ユーザビリティをさらに向上させることができる。

以下、上記した表示処理を実現する端末装置１００の機能構成の一例について説明する。

〔２．端末装置１００の構成〕
次に、図２を用いて、実施形態に係る端末装置１００の構成について説明する。図２は、実施形態に係る端末装置の構成例を示す図である。図２に示すように、端末装置１００は、ネットワークＮを介して、各種コンテンツの配信を行うコンテンツサーバ１０とデータの送受信を行う。なお、図２に示す端末装置１００は、複数台のコンテンツサーバ１０とデータの送受信を行ってもよい。例えば、端末装置１００は、動画コンテンツ１１１とリスト１２１〜１２５を個別のコンテンツサーバから取得してもよい。

端末装置１００は、各種コンテンツを閲覧する利用者によって利用される情報処理装置である。例えば、端末装置１００は、スマートフォン等の携帯電話機や、タブレット端末や、ＰＤＡ（Personal Digital Assistant）や、デスクトップ型ＰＣ（Personal Computer）や、ノート型ＰＣ等である。端末装置１００は、利用者による操作にしたがって、コンテンツサーバ１０から第１コンテンツおよび第２コンテンツを取得し、取得した第１コンテンツおよび第２コンテンツを表示する。

コンテンツサーバ１０は、静止画像、音楽、テキスト、動画像等、任意のコンテンツの配信を行う情報処理装置である。例えば、コンテンツサーバ１０は、端末装置１００からコンテンツの検索キーワードを受信すると、受信した検索キーワードを用いて動画コンテンツの検索を行い、検索結果のリストを端末装置１００に送信する。そして、コンテンツサーバ１０は、端末装置１００から動画コンテンツ１１１の取得要求を受信すると、動画コンテンツ１１１のデータと動画コンテンツ１１１を説明する説明テキスト１１２とを第１コンテンツとして端末装置１００へ送信する。また、コンテンツサーバ１０は、動画コンテンツ１１１と同シリーズのコンテンツや、動画コンテンツ１１１を閲覧した他の利用者の閲覧履歴に基づくコンテンツのリストを第２コンテンツとして端末装置１００に送信する。

ここで、端末装置１００は、図２に示すように、通信部１３０、入力部１４０、出力部１５０、記憶部１６０、制御部１７０を有する。なお、端末装置１００の内部構成は、図２に示した構成に限られず、上述した表示処理を行う構成であれば他の構成であってもよい。

通信部１３０は、例えば、ＮＩＣ（Network Interface Card）等によって実現される。そして、通信部１３０は、ネットワークＮと有線または無線で接続され、コンテンツサーバ１０との間で情報の送受信を行う。

入力部１４０は、利用者から各種操作を受付ける入力装置である。例えば、入力部１４０は、キーボード、マウス、操作キー、タッチパネル等によって実現される。出力部１５０は、各種情報を表示するための表示装置である。例えば、出力部１５０は、液晶ディスプレイ等によって実現される。なお、入力部１４０にタッチパネルが採用される場合には、入力部１４０と出力部１５０とは一体化される。

記憶部１６０は、例えば、ＲＡＭ（Random Access Memory)、フラッシュメモリ（Flash Memory）等の半導体メモリ素子、または、ハードディスク、光ディスク等の記憶装置によって実現される。また、記憶部１６０は、再生アプリケーション１６１を記憶する。かかる再生アプリケーション１６１は、例えば、端末装置１００がネットワークＮ上のアプリケーションストア等からダウンロードし、記憶部１６０に格納されたプログラムであり、端末装置１００にコンテンツサーバ１０と連携して動画コンテンツ１１１等のコンテンツを再生させるアプリケーションである。

制御部１７０は、例えば、ＣＰＵ（Central Processing Unit）やＭＰＵ（Micro Processing Unit）等によって、端末装置１００内部の記憶装置に記憶されている各種プログラムがＲＡＭを作業領域として実行されることにより実現される。また、制御部１７０は、例えば、ＡＳＩＣ（Application Specific Integrated Circuit）やＦＰＧＡ（Field Programmable Gate Array）等の集積回路により実現される。

ここで、図２に示す例では、制御部１７０は、表示制御部１７１と操作制御部１７２と再生制御部１７３とを有する。

表示制御部１７１は、出力部１５０の画面上に任意の情報を表示する処理を実行する制御部であり、例えば、画面表示用のＡＰＩ（Application Programming Interface）である。例えば、表示制御部１７１は、再生制御部１７３による指示に応じて、第１コンテンツおよび第２コンテンツを表示する。また、表示制御部１７１は、再生制御部１７３による指示に応じて、第１コンテンツを表示する領域１１０の位置、大きさ、範囲、第１コンテンツの表示サイズ等、第１コンテンツの表示態様を変更する。また、表示制御部１７１は、再生制御部１７３による指示に応じて、第２コンテンツを表示する領域１２０の位置、大きさ、範囲、第２コンテンツの表示サイズ等、第２コンテンツの表示態様を変更する。

操作制御部１７２は、入力部１４０に対する利用者の操作を検出し、検出した操作に応じて、各種制御を実行する制御部であり、例えば、操作内容を取得するためのＡＰＩである。例えば、操作制御部１７２は、利用者の指Ｆ１０が画面上でスクロール操作を行った場合は、スクロール操作が行われた旨、スクロール操作が行われた領域、スクロールの大きさ等、操作の内容を再生制御部１７３に通知する。

再生制御部１７３は、ＣＰＵ、ＭＰＵ、ＡＳＩＣ、ＦＰＧＡ等により記憶部１６０に記憶された再生アプリケーション１６１が実行されることで実現される。図２に示す例では、再生制御部１７３は、取得部１７４、表示部１７５、受付部１７６、変更部１７７を有する。

取得部１７４は、利用者の操作に応じて、コンテンツサーバ１０から各種コンテンツを取得する。例えば、取得部１７４は、利用者が検索キーワードを入力すると、入力された検索キーワードをコンテンツサーバ１０に送信し、検索結果のリストを取得する。そして、取得部１７４は、検索結果を画面上に表示させる。

また、取得部１７４は、利用者が、検索結果に含まれるコンテンツの選択操作を行った場合は、選択されたコンテンツ、例えば、動画コンテンツ１１１の取得要求をコンテンツサーバ１０に送信し、動画コンテンツ１１１等の第１コンテンツおよび動画コンテンツ１１１と同シリーズの動画コンテンツのリスト１２１〜１２５等の第２コンテンツを取得する。

表示部１７５は、表示制御部１７１を用いて、各種コンテンツを画面上に表示する。例えば、表示部１７５は、取得部１７４が静止画像又は動画像を含む第１コンテンツおよび第２コンテンツを取得した場合は、第１コンテンツと第２コンテンツとを画面上に表示させるとともに、第１コンテンツに含まれる動画コンテンツ１１１の再生を行う。なお、表示部１７５は、第２コンテンツに複数のリスト１２１〜１２５が含まれる場合は、各リスト１２１〜１２５を所定の表示サイズで表示する。この結果、表示部１７５は、初期状態において、第２コンテンツに含まれるリスト１２１〜１２５のうち、領域１２０内に表示可能な数のリストのみを表示することとなる。

受付部１７６は、第２コンテンツに対する利用者の操作を受付ける。例えば、受付部１７６は、利用者が入力部１４０を介して入力した操作内容の通知を操作制御部１７２から受信する。かかる場合、受付部１７６は、第２コンテンツに対する上方向のスクロール操作または下方向のスクロール操作を検出する。そして、受付部１７６は、第２コンテンツに対する上方向のスクロール操作または下方向のスクロール操作を検出した場合は、第２コンテンツに対するスクロール操作を検出した旨と、スクロール方向とを変更部１７７に通知する。

変更部１７７は、利用者から受付けた操作に応じて、第２コンテンツの表示態様とともに、第１コンテンツの表示サイズを変更する。具体的には、変更部１７７は、受付部１７６が受付けた第２コンテンツに対する操作に応じて、第１コンテンツが表示される領域１１０と、第２コンテンツが表示される領域１２０とを変更する。例えば、変更部１７７は、受付部１７６により受付けられた操作に応じて、第２コンテンツが表示される領域１２０を拡大し、第１コンテンツの表示サイズと第１コンテンツが表示される領域１１０とを縮小する。すなわち、変更部１７７は、第２コンテンツが表示される領域１２０を拡大させるに従い、第２コンテンツが表示される領域１２０内に表示させるリスト１２１〜１２５の数を増大させる。

詳細な例を説明すると、変更部１７７は、受付部１７６が第２コンテンツに対する操作として、所定の方向へのスクロール操作、例えば、下方向のスクロール操作を受付けると、第１コンテンツに含まれる画像の表示サイズを第２コンテンツに含まれる画像の表示サイズと同程度まで縮小する。詳細には、変更部１７７は、領域１２０を拡大し、領域１１０を各リスト１２１〜１２５と同程度まで縮小する。さらに、変更部１７７は、動画コンテンツ１１１の表示サイズを各リスト１２１〜１２５に含まれるサムネイルと同程度まで縮小するとともに、説明テキスト１１２の表示を消去する。また、変更部１７７は、表示サイズを縮小した動画コンテンツ１１１を、領域１１０のうちリスト１２１〜１２５のサムネイルと同様の位置に配置する。

ここで、変更部１７７は、受付部１７６が他の操作を受付けた際に、第１コンテンツの表示サイズを縮小し、第２コンテンツの表示態様を変更してもよい。例えば、図１に示す例では、領域１２０内において各リスト１２１〜１２５が、画面の上方向から下方向へと並べて配置されていた。しかしながら、変更部１７７は、各リスト１２１〜１２５が画面の下方向から上方向へと並べて配置されていた場合は、第２コンテンツに対する上方向のスクロール操作が受付けられた際に、第１コンテンツの表示サイズを縮小し、第２コンテンツの表示態様を変更してもよい。

また、変更部１７７は、各リスト１２１〜１２５が画面左方向から右方向へと並べて配置されていた場合は、第２コンテンツに対する左方向のスクロール操作が受付けられた際に、第１コンテンツの表示サイズを縮小し、第２コンテンツの表示態様を変更してもよい。すなわち、変更部１７７は、第２コンテンツのうち領域１２０内に表示されていない領域が表示される方向に、第２コンテンツをスクロールさせる操作を受付けた場合は、第１コンテンツの表示サイズを縮小し、第２コンテンツの表示態様を変更すればよい。

また、変更部１７７は、第１コンテンツが表示される領域１１０を縮小させた状態、すなわち、図１に例示した第３状態においては、以下の処理を実行する。まず、変更部１７７は、受付部１７６が第２コンテンツに対する操作として、所定の方向とは逆の方向へのスクロール操作、例えば、上方向のスクロール操作を受付けた場合は、第１コンテンツの表示サイズと領域１１０とを拡大し、領域１２０を縮小する。例えば、変更部１７７は、領域１１０を初期状態の大きさまで拡大し、動画コンテンツ１１１の表示サイズを初期状態の大きさまで拡大する。また、変更部１７７は、領域１１０に説明テキスト１１２を再度表示し、各リスト１２１〜１２５の表示サイズを変更せずに、領域１２０の大きさを縮小する。

また、変更部１７７は、第１コンテンツが動画コンテンツ１１１等の動画像である場合は、動画像の再生を継続したままで、第１コンテンツの表示態様と第２コンテンツの表示態様とを変更する。すなわち、変更部１７７は、第２コンテンツに対する操作が受付けられた場合は、動画コンテンツ１１１の再生を継続しつつ、領域１１０、領域１２０、動画コンテンツ１１１の表示サイズを拡縮する。

なお、上述した変更部１７７の処理は、例えば、表示制御部１７１が有する機能を変更部１７７が呼び出し、上述した表示を行うように出力部１５０を制御することで実現されてもよい。

〔３．他の表示例〕
ここで、初期状態において領域１２０内に第２コンテンツの全体が表示されている場合は、ユーザビリティを向上させるために領域１２０の大きさを拡大せずともよいと考えられる。そこで、変更部１７７は、初期状態において、第２コンテンツが表示される領域１２０内に第２コンテンツの全領域が表示されない場合は、第２コンテンツに対する操作に応じて、第２コンテンツの表示態様と第１コンテンツの表示サイズとを変更する。一方、変更部１７７は、初期状態において、第２コンテンツが表示される領域１２０内に第２コンテンツの全領域が表示される場合は、第２コンテンツの表示態様と第１コンテンツの表示サイズとの変更を行わない。

例えば、図３は、実施形態に係る表示処理の他の例を示す図である。例えば、図３に示す例では、端末装置１００は、動画コンテンツ１１１と説明テキスト１１２とを含む第１コンテンツを領域１１０に表示し、リスト１２１のみを含む第２コンテンツを領域１２０に表示する。すなわち、端末装置１００は、第１状態に示す例では、初期状態において第２コンテンツの全てを領域１２０内に表示する。

ここで、端末装置１００は、利用者の指Ｆ１０により第２コンテンツに対する上方向のスクロール操作を受付けた場合は、第２状態に示すように、第２コンテンツが表示される領域１２０を拡大し、第１コンテンツが表示される領域１１０を縮小するとともに、動画コンテンツ１１１を縮小し、説明テキスト１１２の表示を消去する。かかる処理は、図１に示した第３状態と同様の処理である。

しかしながら、図３に示す例では、初期状態において第２コンテンツの全体が領域１２０に表示されているため、領域１２０の大きさを拡大する必要がない。そこで、端末装置１００は、初期状態において第２コンテンツの全体が領域１２０に表示されている場合は、利用者の指Ｆ１０が画面に触れ、第２コンテンツに対するスクロール操作が行われている間、第１コンテンツと第２コンテンツとの表示態様を第２状態に示すように変更する。しかしながら、端末装置１００は、利用者の指Ｆ１０が画面から離れ、スクロール操作が終了した場合は、第１コンテンツと第２コンテンツとの表示態様を初期状態へと戻すバウンス表示を行う。この結果、端末装置１００は、コンテンツが表示されない空白領域の発生を防ぎ、コンテンツの視認性を向上させることができる。

〔４．端末装置１００の処理フロー〕
次に、図４を用いて、端末装置１００が実行する表示処理の手順について説明する。図４は、実施形態に係る端末装置が実行する表示処理の流れの一例を示すフローチャートである。

例えば、端末装置１００は、コンテンツサーバ１０から第１コンテンツと第２コンテンツとを取得すると、領域１１０に第１コンテンツを配置し、領域１２０の第２コンテンツを配置する（ステップＳ１０１）。ここで、初期状態における領域１１０の大きさと領域１２０の大きさとは、任意の設定が適用される。また、かかる大きさや端末装置１００の画面上における配置位置は、端末装置１００の地面に対する向き等に応じて変更されてもよい。

次に、端末装置１００は、領域１２０上で上方向のスクロール操作を検出したか否かを判定する（ステップＳ１０２）。すなわち、端末装置１００は、第２コンテンツに対する上方向のスクロール操作が行われたか否かを判定する。そして、端末装置１００は、領域１２０上で上方向のスクロール操作を検出した場合は（ステップＳ１０２：Ｙｅｓ）、領域１１０と動画コンテンツ１１１の表示サイズとを縮小し、領域１２０を拡大する（ステップＳ１０３）。この結果、端末装置１００は、利用者が操作を行おうとする第２コンテンツを初期状態よりも広い表示領域で表示させることができる。

また、端末装置１００は、領域１２０上で下方向のスクロール操作を検出したか否かを判定する（ステップＳ１０４）。すなわち、端末装置１００は、第２コンテンツに対する下方向のスクロール操作が行われたか否かを判定する。そして、端末装置１００は、領域１２０上で下方向のスクロール操作を検出した場合は（ステップＳ１０４：Ｙｅｓ）、領域１１０と動画コンテンツ１１１の表示サイズとを初期状態と同じ大きさまで拡大し、領域１２０を初期状態と同じ大きさまで縮小し（ステップＳ１０５）、処理を終了する。

一方、端末装置１００は、領域１２０上で上方向のスクロール操作を検出しなかった場合は（ステップＳ１０２：Ｎｏ）、ステップＳ１０３の実行をスキップする。また、端末装置１００は、領域１２０上で下方向のスクロール操作を検出しなかった場合は（ステップＳ１０４：Ｎｏ）、ステップＳ１０２を実行する。

〔５．変形例〕
上記した実施形態に係る端末装置１００は、上記実施形態以外にも種々の異なる形態にて実施されてよい。そこで、以下では、端末装置１００の他の実施形態について説明する。なお、以下に説明する端末装置１００が実行する変更処理は、図２に示した変更部１７７により実行されるものとする。

〔５−１．第１コンテンツの表示サイズ拡大について〕
上述した端末装置１００は、第１コンテンツに含まれる動画コンテンツ１１１の表示サイズを第２コンテンツのリスト１２１〜１２５に含まれるサムネイルと同程度まで縮小したが、実施形態は、これに限定されるものではない。すなわち、端末装置１００は、スクロール操作が行われた第２コンテンツを表示する領域１２０を拡大することができるのであれば、任意の縮尺で動画コンテンツ１１１の表示サイズを縮小してよい。

また、上述した端末装置１００は、第１コンテンツの表示サイズが縮小された状態で、第２コンテンツに対する下方向のスクロール操作を受付けた場合は、第１コンテンツの表示サイズと領域１１０とを拡大し、領域１２０を縮小した。しかしながら、実施形態は、これに限定されるものではない。例えば、領域１２０内に複数のリスト１２１〜１２５が表示されている場合、利用者は、スクロール操作の結果、領域１２０外に移動したリストを再確認するため、上方向のスクロールだけではなく、下方向のスクロールを所望する場合がある。かかる際に、領域１２０の大きさを縮小した場合は、ユーザビリティが悪化してしまう。

そこで、端末装置１００は、第１コンテンツの表示サイズが縮小された状態で、第２コンテンツに対する上方向又は下方向のスクロール操作を受付けた場合は、第１コンテンツの表示サイズと領域１１０とを拡大せずに、領域１２０内で第２コンテンツをスクロールさせる。そして、端末装置１００は、第１コンテンツの表示サイズが縮小された状態で、かかる第１コンテンツを選択する選択操作が検出された場合は、第１コンテンツの表示サイズと領域１１０とを拡大し、領域１２０を縮小してもよい。

例えば、図５は、実施形態に係る端末装置が第１コンテンツの表示サイズを拡大する処理の一例を説明する図である。例えば、図５に示す例では、端末装置１００は、図１に示した第３状態と同様に、表示サイズを縮小した動画コンテンツ１１１を、大きさを縮小した領域１１０に表示し、リスト１２１〜１２５を含む第２コンテンツを、大きさを拡大した領域１２０に表示する。かかる第１状態において、端末装置１００は、利用者の指Ｆ１０が領域１２０上でスクロール操作を行った場合は、第２コンテンツに含まれるリスト１２１〜１２５を領域１２０内で、スクロール操作が行われた方向にスクロールさせる。例えば、端末装置１００は、領域１２０上で下方向のスクロール操作が行われた場合は、領域１１０および領域１２０の大きさを変更せずに、領域１２０に表示されるリスト１２１〜１２５をスクロールさせる。

ここで、端末装置１００は、第２状態に示すように、利用者の指Ｆ１０が領域１１０上をタップした場合、すなわち、利用者が第１コンテンツを選択した場合は、第３状態に示すように第１コンテンツと第２コンテンツとの表示態様を初期状態に戻す。すなわち、端末装置１００は、第１コンテンツの表示サイズが縮小されている状態で第１コンテンツを選択する選択操作を検出した場合は、第１コンテンツの表示サイズと領域１１０とを拡大するとともに、領域１２０を縮小する。このため、端末装置１００は、利用者が第２コンテンツに興味を有する場合は、第２コンテンツが表示される領域を拡大させておき、利用者の興味が第１コンテンツに戻った場合は、第１コンテンツの表示サイズを拡大することができる。この結果、端末装置１００は、ユーザビリティを向上させることができる。

〔５−２．第２コンテンツに対するスクロール操作について〕
上述した端末装置１００は、第２コンテンツを上方向にスクロールさせるスクロール操作を受付けた際に、第１コンテンツの表示サイズを縮小し、第２コンテンツが表示される領域１２０を拡大する処理（以下、変更処理を記載する）を行った。しかしながら、実施形態は、これに限定されるものではない。

例えば、端末装置１００は、第２コンテンツが表示された領域１２０におけるスクロール操作だけではなく、第１コンテンツが表示された領域１１０において上方向のスクロール操作が行われた際に、変更処理を実行してもよい。また、端末装置１００は、領域１１０において下方向のスクロール操作が行われた際に、第１コンテンツの表示サイズを拡大し、領域１２０の大きさを縮小させてもよい。すなわち、端末装置１００は、利用者から受付けた操作に応じて、第１コンテンツの表示サイズと第２コンテンツの表示態様とを変更すればよい。

また、端末装置１００は、第２コンテンツを選択する選択動作が行われた際に、変更処理を実行してもよい。また、端末装置１００は、第２コンテンツを上方向以外の方向にスクロールさせるスクロール操作を受付けた際に、変更処理を実行してもよい。例えば、端末装置１００は、領域１２０にリスト１２１〜１２５が横方向に配置されている場合は、第２コンテンツを上方向以外の方向にスクロールさせるスクロール操作を受付けた際に、変更処理を実行してもよい。

すなわち、端末装置１００は、初期状態において第２コンテンツのうち領域１２０に表示されていない範囲を表示させる方向へ第２コンテンツをスクロールさせる操作を受付けた場合に、変更処理を行えばよい。また、端末装置１００は、変更処理を行った後、すなわち、第１コンテンツの表示サイズが縮小された状態で、初期状態において第２コンテンツのうち領域１２０に表示されていない範囲を表示させる方向とは逆の方向のスクロール操作が行われた場合、若しくは、第１コンテンツを選択する操作が行われた場合は、第１コンテンツと第２コンテンツとの表示態様を初期状態に戻せばよい。

〔５−３．動画コンテンツ１１１について〕
上述した端末装置１００は、動画コンテンツ１１１の再生を継続しつつ、第１コンテンツと第２コンテンツとの表示態様を変更した。しかしながら、実施形態は、これに限定されるものではない。例えば、動画コンテンツ１１１の先頭部分には、広告部分が挿入される場合がある。そこで、端末装置１００は、領域１１０の大きさを拡大する際に、動画コンテンツ１１１を、再度先頭から再生してもよい。

例えば、端末装置１００は、動画コンテンツ１１１の再生を継続しつつ、利用者の操作に応じて、図１に示した第１状態〜第３状態に示す変更処理を実行する。そして、端末装置１００は、利用者の操作に応じて、第１コンテンツと第２コンテンツとの表示態様を第３状態から第４状態へと変更させた場合は、動画コンテンツ１１１を先頭から再度再生させてもよい。

なお、端末装置１００は、図１に示した第１状態〜第３状態に示す変更処理を実行する際、動画コンテンツ１１１の再生を一時停止してもよい。また、端末装置１００は、図１に示した第３状態において、動画コンテンツ１１１の再生が終了した場合は、第１コンテンツが表示される領域１１０を拡大し、利用者に対してリコメンドさせる動画のサムネイルを表示してもよい。

例えば、図６は、実施形態に係る端末装置が動画再生後に実行する処理の一例を説明する図である。例えば、端末装置１００は、利用者の操作に応じて変更処理を実行した場合は、図６中の第１状態に示すように、大きさが縮小された領域１１０に表示サイズが縮小された動画コンテンツ１１１を配置し、大きさが拡大された領域１２０内にリスト１２１〜１２５を表示する。ここで、図６に示す例では、領域１２０内に、動画コンテンツ１１１と同一シリーズの他の動画コンテンツを示すリスト１２１〜１２５が表示されるものとする。

ここで、端末装置１００は、図６に示す第１状態において、動画コンテンツ１１１の末尾まで再生が行われた場合、すなわち、動画コンテンツ１１１の再生が終了した場合は、第２状態に示すように、領域１１０を拡大し、領域１２０を縮小する。また、端末装置１００は、領域１１０内に、利用者に対してリコメンドする動画コンテンツのサムネイル１１３〜１１５を表示する。この結果、端末装置１００は、利用者に対し、リコメンドしたい動画コンテンツのサムネイル１１３〜１１５を大きな領域に表示することができるので、リコメンドの効果を向上させることができる。

例えば、端末装置１００は、動画コンテンツ１１１を再生した他の利用者が閲覧する他の動画コンテンツのサムネイルを領域１１０に表示する。この結果、端末装置１００は、領域１１０と領域１２０とに、それぞれ異なる観点で選択された動画コンテンツのサムネイルを表示する。また、端末装置１００は、図６に示す第２状態において、領域１１０上で利用者の指Ｆ１０が横方向にスクロール操作を行った場合は、スクロール操作に応じて、領域１１０内に表示するサムネイルをスクロールさせる。

ここで、図６に示す第２状態において、領域１２０上で利用者の指Ｆ１０が上方向にスクロール操作を行った場合は、利用者の興味が第２コンテンツ側にあると考えられる。このため、端末装置１００は、図６に示す第２状態において、領域１２０上で利用者の指Ｆ１０が上方向にスクロール操作を行った場合は、第３状態に示すように、領域１１０を縮小し、各サムネイル１１３〜１１５の大きさを縮小する。また、端末装置１００は、領域１２０を拡大し、リスト１２２〜１２５を表示する。この結果、端末装置１００は、動画コンテンツ１１１の次に利用者が再生を所望する動画コンテンツを容易に探させることができるので、ユーザビリティを向上できる。

なお、図６に示す例では、動画コンテンツ１１１を再生した他の利用者が閲覧する他の動画コンテンツのサムネイルを領域１１０に表示したが、実施例は、これに限定されるものではない。例えば、端末装置１００は、動画コンテンツのサムネイルに代えて、動画コンテンツ１１１と関連する広告を領域１１０内に表示してもよい。また、図６の領域１１０に表示されるサムネイルと、領域１２０に表示されるサムネイルとは、異なる関連性を有してもよい。例えば、端末装置１００は、再生が終了した動画コンテンツ１１１と同じ「○○シリーズ」の続編である第２話や第３話のサムネイルを領域１１０に表示し、「○○シリーズ」とは異なるシリーズの動画のサムネイル、例えば「××シリーズ」の第１話のサムネイルや、「△△シリーズ」の第１話のサムネイルを領域１２０に表示してもよい。

〔５−４．第２コンテンツについて〕
上述した端末装置１００は、第２コンテンツを上方向にスクロールさせるスクロール操作を受付けた際に、変更処理を実行した。また、端末装置１００は、初期状態において第２コンテンツの全体が領域１２０内に表示されている場合は、変更処理を実行しなかった。しかしながら、実施形態は、これに限定されるものではない。

例えば、コンテンツサーバ１０は、動画コンテンツ１１１と同一シリーズの動画コンテンツが無い場合に、動画コンテンツ１１１と同一シリーズの動画コンテンツに代えて、動画コンテンツ１１１と類似する動画コンテンツのリストを第２コンテンツとして端末装置１００に送信する場合がある。かかる場合、領域１２０に表示されるリスト１２１〜１２５は、利用者があまり興味を有さないとも考えられる。

そこで、端末装置１００は、第２コンテンツに第１コンテンツと関連するコンテンツが含まれる場合は、変更処理を実行し、第２コンテンツに第１コンテンツと関連するコンテンツが含まれない場合は、変更処理を行わない、若しくは、バウンス表示を行ってもよい。例えば、端末装置１００は、領域１２０内に表示されるリストに、動画コンテンツ１１１と同一シリーズの動画コンテンツのサムネイルやリストが含まれない場合は、第２コンテンツのスクロール操作が行われたとしても、変更処理を行わない、若しくは、バウンス表示を行う。

なお、端末装置１００は、第２コンテンツ内に含まれるリスト１２１〜１２５の数が所定の数よりも少ない場合は、変更処理を行わない、若しくは、バウンス表示を行ってもよい。例えば、端末装置１００は、第２コンテンツ内に含まれるリストが１０個未満である場合は、変更処理を行わない、若しくは、変更処理を行った後で、第１コンテンツの表示態様と第２コンテンツの表示態様とを初期状態に戻すバウンス表示を行ってもよい。また、かかるリストの数は、端末装置１００の種別や性能、動画コンテンツ１１１の長さ、画面の大きさ、リストに含まれるサムネイルやテキストのデザイン等に応じて動的に変更してもよい。また、端末装置１００は、動画コンテンツ１１１を試聴した利用者に対してリコメンドさせる動画コンテンツのサムネイルを含むリストを第２コンテンツとして表示してもよい。また、端末装置１００は、領域１２０を拡大させるに伴い、領域１２０に表示されるリスト１２１〜１２５の数を拡張することができるのであれば、領域１２０の拡大とともにリスト１２１〜１２５の表示サイズをある程度拡大してもよい。

〔５−５．端末装置１００について〕
上述した説明では、スマートフォン等の端末装置１００が実行する処理の一例について説明した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置１００は、タブレット端末等、スマートフォンよりも大型の画面を有する情報表示装置であってもよい。また、端末装置１００は、大型の画面を有する場合、他の表示態様により上述した変更処理を実行してもよい。

例えば、図７は、実施形態に係る端末装置の他の例を説明する図である。図７に示す端末装置２００は、スマートフォンよりも大型の画面を有するタブレット端末である。ここで、端末装置２００は、端末装置１００と同様の機能を発揮することができるものとする。

図７中の第１状態に示すように、端末装置２００は、初期状態において、領域１１０に動画コンテンツ１１１と説明テキスト１１２と動画コンテンツ１１１に対するコメント１１６とを含む第１コンテンツを表示し、領域１２０に複数のリストを含む第２コンテンツを表示する。ここで、端末装置２００は、領域１２０上でスクロール操作を検出した場合は、変更処理を実行する。

詳細には、端末装置２００は、図７の第２状態に示すように、領域１１０を縮小し領域１２０を拡大する。また、端末装置２００は、動画コンテンツの表示サイズを縮小する。ここで、端末装置２００は、説明テキスト１１２やコメント１１６の表示サイズを変更してもよく、テキストの折り返し地点を変更する等といった表示態様を変更してもよい。また、端末装置２００は、図７の第２状態に示すように、各動画コンテンツの異なる再生位置から取得されるサムネイルを並べて表示してもよい。かかる表示を行った場合、端末装置２００は、利用者が再生を所望する動画コンテンツを容易に選択させることができる。

また、端末装置２００は、図７の第１状態に示す状態において、説明テキスト１１２を両者が選択した場合は、図７の第３状態に示すように、コメント１１６の表示を消去し、コメント１１６の表示が消去された範囲に説明テキスト１１２の全文を表示してもよい。かかる表示を行った場合は、端末装置２００は、利用者が説明テキスト１１２に興味を有する場合に、説明テキスト１１２が表示される領域を広げることができるので、ユーザビリティを向上させることができる。

〔５−６．端末装置１００の向きについて〕
上述した例では、端末装置１００は、領域１２０上において、領域１２０を基準として領域１１０が配置された方向へのスクロール操作が行われた場合は、変更処理を行った。しかしながら、実施形態は、これに限定されるものではない。例えば、図８は、実施形態にかかる端末装置が実行する変更処理の他の例を説明する図である。例えば、図８に示す例では、端末装置１００は、横方向に倒して用いられている。かかる場合、図８の第１状態に示すように、端末装置１００は、領域１１０内に動画コンテンツ１１１を表示し、領域１２０内に動画コンテンツ１１１と関連する動画のサムネイルのみを表示する。

ここで、端末装置１００は、領域１２０上でサムネイルをスクロールさせるスクロール操作を受付けた場合は、図８中の第２状態に示すように、領域１１０を縮小し、動画コンテンツ１１１の表示サイズを縮小する。また、端末装置１００は、動画コンテンツ１１１の表示サイズ縮小により生じた領域１１０の空き領域に、説明テキスト１１２を表示する。また、端末装置１００は、領域１２０を拡大し、各動画コンテンツのサムネイルとともに、各動画コンテンツのタイトル等を表示する。すなわち、端末装置１００は、領域１２０内にリスト１２１〜１２５を表示する。

このように、端末装置１００は、変更処理の契機となるスクロール操作の方向と、第１コンテンツの表示サイズを縮小する方向、領域１１０を縮小する方向、領域１２０を縮小する方向を一致させずともよい。

〔５−７．変更処理の継続〕
上述した端末装置１００は、第２コンテンツに対するスクロール操作に応じて、変更処理を行った。ここで、端末装置１００は、利用者が実際にスクロール操作を行っている間、変更処理を実行してもよい。例えば、端末装置１００は、図１に示す第１状態において、第２コンテンツに対するスクロール操作が行われている間、表示態様を第２状態から第３状態へと遷移させる。そして、端末装置１００は、表示態様が第２状態から第３状態へと遷移する途中で、スクロール操作が終了した場合は、表示態様を第１状態へと戻してもよい。

また、端末装置１００は、スクロール操作が行われた場合は、表示態様が第１状態から第３状態へと遷移する途中でスクロール操作が終了したとしても、表示態様を第３状態まで遷移させてもよい。また、端末装置１００は、いわゆる慣性スクロールにより、第２コンテンツがスクロールし続ける間表示態様を第１状態から第３状態へと遷移させてもよい。

〔５−８．リスト１２１〜１２５について〕
例えば、端末装置１００は、連続して再生を行う動画コンテンツの再生リストに、動画コンテンツを追加するお気に入りボタンをリスト１２１〜１２５内に表示し、利用者がお気に入りボタンを選択した場合は、対応する動画コンテンツを再生リストに追加してもよい。かかる表示を行った場合、端末装置１００は、動画コンテンツ１１１を再生させながら連続して閲覧する動画コンテンツを選択する操作を容易にすることができるので、ユーザビリティをさらに向上させることができる。

また、端末装置１００は、リスト１２１〜１２５に配置されたサムネイルに利用者の指Ｆ１０が触れた場合は、かかるサムネイルが表示された範囲内で、対応する動画コンテンツの再生を行ってもよい。また、端末装置１００は、利用者の指Ｆ１０がサムネイル上でスクロール操作を行った場合は、表示されていたサムネイルを、同一の動画コンテンツから取得した他のサムネイルに切り替えてもよい。かかる表示を行った場合、端末装置１００は、動画コンテンツ１１１を再生させながら続けて閲覧する動画コンテンツを選択する操作を容易にすることができるので、ユーザビリティをさらに向上させることができる。

また、端末装置１００は、動画コンテンツ１１１と同一シリーズの動画コンテンツを示すリスト１２１〜１２５に代えて、動画コンテンツ１１１を閲覧した利用者に対してリコメンドさせる動画コンテンツのリストを表示してもよい。

〔５−９．再生アプリケーション１６１について〕
上述した端末装置１００は、コンテンツサーバ１０が配信する動画コンテンツ１１１を閲覧するための再生アプリケーション１６１を実行することで、上述した変更処理を実行した。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置１００は、動画配信サイトのメインページ、写真を閲覧サイト、ブログ、ツイート等を表示する際に上述した変更処理を行ってもよい。また、端末装置１００は、ブラウザに上述した変更処理を実行させてもよい。

例えば、コンテンツサーバ１０は、上述した再生制御部１７３と同様の処理を端末装置１００に実行させるための制御プログラムを記憶する。かかる制御プログラムは、例えばＪａｖａＳｃｒｉｐｔ（登録商標）やＣＳＳ（Cascading Style Sheets）等のスクリプト言語により記述さる。そして、コンテンツサーバ１０は、ＨＴＭＬ（Hyper Text Markup Language）により記述されたＨＴＭＬファイルや、ＸＭＬ（Extensible Markup Language）により記述されたＸＭＬファイル等、端末装置１００に対して配信されるウェブページに制御プログラムを含め、端末装置１００に配信する。

かかる場合、端末装置１００は、ウェブページ内に含まれる制御プログラムを実行することで、再生制御部１７３と同様の機能を発揮する。すなわち、端末装置１００は、ブラウザ上で動画コンテンツ１１１とリスト１２１〜１２５が表示されている際に、利用者がリスト１２１〜１２５上でスクロール操作を行った場合は、動画コンテンツ１１１の表示サイズを縮小し、リスト１２１〜１２５を表示する領域１２０の大きさを拡大してもよい。

〔５−１０．変更処理が適用されるコンテンツについて〕
上述した実施形態では、端末装置１００は、利用者が動画コンテンツ１１１を含む第１コンテンツと、リスト１２１〜１２５を含む第２コンテンツとを閲覧する際に、利用者の操作に応じて、変更処理を行った。しかしながら、実施形態は、これに限定されるものではない。例えば、端末装置１００は、検索サイト、ポータルサイト、ブログ等のウェブページを表示する際に上述した処理を行ってもよい。

例えば、端末装置１００は、任意の第１コンテンツを領域１１０に表示するとともに、サムネイル画像を含まない複数のニュース等を第２コンテンツとして領域１２０に表示してもよい。また、端末装置１００は、ニュース記事へのリンクが設定された複数のタイトル表示を第２コンテンツとして領域１２０に表示してもよい。かかる場合、端末装置１００は、利用者が第２コンテンツをスクロールさせた際、領域１２０を拡大し、広い画面でニュース本文や、タイトル表示を閲覧させることができる。

また、端末装置１００は、初期状態または拡大した状態で領域１２０に表示されたタイトル表示を利用者が選択した場合は、リンク先となるニュース記事を第１コンテンツとして領域１１０に表示してもよい。また、端末装置１００は、リンク先となるニュース記事を新たな第２コンテンツとして領域１２０に表示してもよい。かかる場合、端末装置１００は、戻るボタンが選択された場合等、所定の操作が行われた際に、複数のタイトル表示を領域１２０に表示するといった初期画面に戻るといった表示態様を提供してもよい。
かかる場合、端末装置１００は、利用者が第２コンテンツをスクロールさせた際、領域１２０を拡大し、広い画面でニュースを閲覧させることができる。

また、例えば、端末装置１００は、静止画又は動画等の広告コンテンツを第１コンテンツとして表示してもよい。かかる場合、端末装置１００は、利用者の操作に応じて、広告コンテンツの表示サイズを縮小し、第２コンテンツが表示される領域１２０を拡大させる。この結果、端末装置１００は、ユーザビリティを損なうことなく、広告をながら見させながら第２コンテンツに対する操作を容易にすることができる。また、端末装置１００は、広告に対する心証を損なうことなく、広告コンテンツを利用者に閲覧させることができる。

〔５−１１．その他の操作〕
なお、端末装置１００は、スクロール操作やタップ操作以外の操作を受付けた際に、変更処理を実行してもよい。例えば、端末装置１００は、第１コンテンツに対するスクロール操作に応じて、変更処理を行ってもよい。また、端末装置１００は、第１コンテンツや第２コンテンツに対するスクロール操作に限らず、画面上の任意の位置で行われた操作に応じて、変更処理を行ってもよい。また、端末装置１００は、フリック操作、スワイプ操作、ダブルタップ操作等に応じて、変更処理を行ってもよい。また、端末装置１００は、利用者が端末装置１００を所定の方向に傾けた場合や、端末装置１００を所定の方向に振った際に、変更処理を行ってもよい。

また、端末装置１００は、画面上における操作だけではなく、例えば、電源ボタンや音量ボタン等、物理的な入力装置を有する場合は、かかる入力装置を介して行われた任意の操作に応じて、変更処理を実行してもよい。具体的な例を挙げると、端末装置１００は、音量を上げるボタンが押下された場合は、第１コンテンツの表示サイズを縮小するとともに、領域１２０を拡大し、音量を下げるボタンが押下された場合は、第１コンテンツの表示サイズを拡大するとともに、領域１２０を縮小してもよい。すなわち、端末装置１００は、表示画面上における任意の操作だけではなく、物理的なボタンやジェスチャー等を用いた任意の操作に応じて、変更処理を行ってよい。

〔５−１２．その他〕
また、上記実施形態において説明した各処理のうち、自動的に行われるものとして説明した処理の全部または一部を手動的に行うこともでき、あるいは、手動的に行われるものとして説明した処理の全部または一部を公知の方法で自動的に行うこともできる。この他、上記文書中や図面中で示した処理手順、具体的名称、各種のデータやパラメータを含む情報については、特記する場合を除いて任意に変更することができる。例えば、各図に示した各種情報は、図示した情報に限られない。

また、図示した各装置の各構成要素は機能概念的なものであり、必ずしも物理的に図示の如く構成されていることを要しない。すなわち、各装置の分散・統合の具体的形態は図示のものに限られず、その全部または一部を、各種の負荷や使用状況などに応じて、任意の単位で機能的または物理的に分散・統合して構成することができる。例えば、図２に示した表示制御部１７１、表示部１７５、変更部１７７の機能は統合されてもよく、操作制御部１７２、取得部１７４、受付部１７６の機能も、統合されてもよい。

また、上記してきた各実施形態は、処理内容を矛盾させない範囲で適宜組み合わせることが可能である。

〔５−１３．プログラム〕
また、上記してきた実施形態に係る端末装置１００は、例えば図９に示すような構成のコンピュータ１０００によって実現される。以下、端末装置１００の機能を実行するコンピュータ１０００について説明する。図９は、実施形態に係る端末装置の機能を実現するコンピュータの一例を示すハードウェア構成図である。コンピュータ１０００は、ＣＰＵ１１００、ＲＡＭ１２００、ＲＯＭ１３００、ＨＤＤ１４００、通信インターフェイス（Ｉ／Ｆ）１５００、入出力インターフェイス（Ｉ／Ｆ）１６００、およびメディアインターフェイス（Ｉ／Ｆ）１７００を有する。

ＣＰＵ１１００は、ＲＯＭ１３００またはＨＤＤ１４００に格納されたプログラムに基づいて動作し、各部の制御を行う。ＲＯＭ１３００は、コンピュータ１０００の起動時にＣＰＵ１１００によって実行されるブートプログラムや、コンピュータ１０００のハードウェアに依存するプログラム等を格納する。

ＨＤＤ１４００は、ＣＰＵ１１００によって実行されるプログラム、および、係るプログラムによって使用されるデータ等を格納する。通信インターフェイス１５００は、ネットワークＮを介して他の機器からデータを受信してＣＰＵ１１００へ送り、ＣＰＵ１１００が生成したデータを他の機器へ送信する。

ＣＰＵ１１００は、入出力インターフェイス１６００を介して、ディスプレイやプリンタ等の出力装置、および、キーボードやマウス等の入力装置を制御する。ＣＰＵ１１００は、入出力インターフェイス１６００を介して、入力装置からデータを取得する。また、ＣＰＵ１１００は、入出力インターフェイス１６００を介して、生成したデータを出力装置へ出力する。

メディアインターフェイス１７００は、記録媒体１８００に格納されたプログラムまたはデータを読み取り、ＲＡＭ１２００を介してＣＰＵ１１００に提供する。ＣＰＵ１１００は、係るプログラムを、メディアインターフェイス１７００を介して記録媒体１８００からＲＡＭ１２００上にロードし、ロードしたプログラムを実行する。記録媒体１８００は、例えばＤＶＤ（Digital Versatile Disc）、ＰＤ（Phase change rewritable Disk）等の光学記録媒体、ＭＯ（Magneto-Optical disk）等の光磁気記録媒体、テープ媒体、磁気記録媒体、または半導体メモリ等である。

例えば、コンピュータ１０００が実施形態に係る端末装置１００として機能する場合、コンピュータ１０００のＣＰＵ１１００は、ＲＡＭ１２００上にロードされたプログラムを実行することにより、制御部１７０の機能を実現する。また、ＨＤＤ１４００には、記憶部１６０内のデータ、例えば再生アプリケーション１６１が格納される。コンピュータ１０００のＣＰＵ１１００は、これらのプログラムを記録媒体１８００から読み取って実行するが、他の例として、他の装置からこれらのプログラムを取得してもよい。

〔６．効果〕
上述したように、端末装置１００は、第１コンテンツと第２コンテンツとを表示するとともに、利用者から受付けた操作に応じて、第２コンテンツの表示態様とともに第１コンテンツの表示サイズを変更する。このように、端末装置１００は、利用者の操作に応じて、コンテンツの表示態様を変更するので、ユーザビリティを向上させることができる。

また、端末装置１００は、第２コンテンツに対する操作に応じて、第２コンテンツの表示態様とともに第１コンテンツの表示サイズを変更する。このため、端末装置１００は、利用者が興味を有すると予測されるコンテンツをより視認しやすい表示態様で表示させることができるので、ユーザビリティを向上させることができる。

また、端末装置１００は、受付けられた操作に応じて、第１コンテンツが表示される領域１１０と、第２コンテンツが表示される領域１２０とを変更する。すなわち、端末装置１００は、利用者がユーザの操作に応じて、例えば、コンテンツを表示する領域の拡縮を行えるので、コンテンツの視認性を高める結果、ユーザビリティを向上させることができる。

また、端末装置１００は、受付けられた操作に応じて、第２コンテンツが表示される領域１２０を拡大し、第１コンテンツの表示サイズと第１コンテンツが表示される領域１１０とを縮小する。すなわち、端末装置１００は、利用者が操作を行う第２コンテンツの表示領域を拡大する。この結果、端末装置１００は、第１コンテンツを見ながら第２コンテンツを操作するながら操作を容易に行わせることができるので、ユーザビリティを向上させることができる。

また、端末装置１００は、第２コンテンツを所定の方向にスクロールさせる操作を受付けた場合は、第１コンテンツの表示サイズと第１コンテンツが表示される領域１１０とを縮小させ、第２コンテンツが表示される領域１２０を拡大する。このため、端末装置１００は、第１コンテンツを閲覧しながら第２コンテンツをスクロール操作するながら操作を容易に行わせることができるので、ユーザビリティを向上させることができる。

また、端末装置１００は、初期状態において第２コンテンツが表示されていない領域を表示させる方向へ、第２コンテンツをスクロールさせる操作を受付けた場合は、第１コンテンツの表示サイズと第１コンテンツが表示される領域１１０とを縮小させ、第２コンテンツが表示される領域１２０を拡大する。このため、端末装置１００は、自然な操作で変更処理を開始するので、ユーザビリティを向上させることができる。

また、端末装置１００は、複数のリスト１２１〜１２５を含む第２コンテンツを表示する。そして、端末装置１００は、第２コンテンツが表示される領域１２０を拡大させるに従い、領域１２０内に表示させるリスト１２１〜１２５の件数を増大させる。このため、端末装置１００は、第１コンテンツよりも第２コンテンツに含まれるリスト１２１〜１２５に対して利用者が興味を有する場合は、第２コンテンツに含まれるリスト１２１〜１２５の表示件数を増大させるので、操作性を改善し、ユーザビリティを向上させることができる。

また、端末装置１００は、静止画像又は動画像等の画像を含む第１コンテンツおよび第２コンテンツを表示する。そして、端末装置１００は、第１コンテンツに含まれる画像の表示サイズを、第２コンテンツに含まれる画像の表示サイズと同程度まで縮小させる。このため、端末装置１００は、第１コンテンツの表示サイズを縮小した際に、第１コンテンツの表示態様と第２コンテンツの表示態様とを揃えることができるので、画面上の視認性を改善する結果、ユーザビリティを向上させることができる。

また、端末装置１００は、１コンテンツが表示される領域１１０を縮小させた状態で、第２コンテンツを所定の方向とは逆の方向にスクロールさせる操作を受付けた場合は、第１コンテンツの表示サイズと領域１１０とを拡大させ、領域１２０を縮小する。このため、端末装置１００は、利用者の興味が第１コンテンツに戻った際に、第１コンテンツの表示サイズを拡大できるので、ユーザビリティを向上させることができる。

また、端末装置１００は、領域１１０を縮小させた状態で、第１コンテンツを選択する操作を受付けた場合は、第１コンテンツの表示サイズと領域１１０とを拡大させ、領域１２０を縮小させる。このため、端末装置１００は、領域１１０を縮小させた際に、領域１２０に表示された第２コンテンツのスクロール操作を受付けることができるので、ユーザビリティを向上させることができる。

また、端末装置１００は、第１コンテンツが動画像である場合は、第１コンテンツの表示サイズを拡大させた際に、動画像の先頭から再生を再開させる。このため、端末装置１００は、例えば、動画像の先頭に広告等、利用者に閲覧させたい情報が含まれる場合は、かかる情報を利用者に対して確実に提示できる。

また、端末装置１００は、初期状態において、領域１２０内に第２コンテンツの全領域が表示されない場合は、受付けられた操作に応じて変更処理を実行し、初期状態において、領域１２０内に第２コンテンツの全領域が表示されている場合は、受付けられた操作に応じて変更処理を実行しない。このため、端末装置１００は、コンテンツが表示されない空白領域の発生を防ぎ、コンテンツの視認性を向上させることができる。

また、端末装置１００は、第２コンテンツに第１コンテンツに関連するコンテンツが含まれる場合は、受付けられた操作に応じて変更処理を実行し、第２コンテンツに第１コンテンツに関連するコンテンツが含まれない場合は、受付けられた操作に応じて変更処理を実行しない。このため、端末装置１００は、動画コンテンツ１１１と関連する動画コンテンツのリストが無い旨を、操作中の利用者に気づかせることができるので、ユーザビリティをさらに向上させることができる。

また、端末装置１００は、第１コンテンツが動画像である場合は、動画像の再生を継続したままで、変更処理を実行する。このため、端末装置１００は、再生される動画像を閲覧しながら、第２コンテンツの操作を行う等のながら操作を実現することができるので、ユーザビリティを向上させることができる。

以上、本願の実施形態のいくつかを図面に基づいて詳細に説明したが、これらは例示であり、発明の開示の欄に記載の態様を始めとして、当業者の知識に基づいて種々の変形、改良を施した他の形態で本発明を実施することが可能である。

また、上記してきた「部（section、module、unit）」は、「手段」や「回路」などに読み替えることができる。例えば、配信部は、配信手段や配信回路に読み替えることができる。

１０ コンテンツサーバ
１００ 端末装置
１１０、１２０ 領域
１１１ 動画コンテンツ
１１２ 説明テキスト
１１３〜１１５ サムネイル
１２１〜１２５ リスト
１３０ 通信部
１４０ 入力部
１５０ 出力部
１６０ 記憶部
１６１ 再生アプリケーション
１７０ 制御部
１７１ 表示制御部
１７２ 操作制御部
１７３ 再生制御部
１７４ 取得部
１７５ 表示部
１７６ 受付部
１７７ 変更部

Claims (16)

1. 第１コンテンツを第１領域内に表示し、第２コンテンツを第２領域内に表示する表示部と、
   前記第２コンテンツをスクロールさせる操作を受付けた場合は、前記第２領域内で第２コンテンツをスクロールさせるとともに、前記第１領域の広さと前記第２領域の広さとを変更する変更部と
   を有することを特徴とする情報表示装置。
2. 前記変更部は、利用者から受付けた操作に応じて、前記第２領域の広さを拡大し、前記第１領域の広さを縮小する
   ことを特徴とする請求項１に記載の情報表示装置。
3. 前記変更部は、前記第１領域の広さを縮小させるとともに、前記第１コンテンツの表示サイズを縮小させる
   ことを特徴とする請求項１または２に記載の情報表示装置。
4. 前記変更部は、利用者から受付けた操作に応じて、前記第１領域の広さを拡大し、前記第２領域の広さを縮小する
   ことを特徴とする請求項１〜３のいずれか１つに記載の情報表示装置。
5. 前記表示部は、複数のリストを含む第２コンテンツを表示し、
   前記変更部は、前記第２領域の広さを拡大させるに伴い、当該第２領域内に表示される前記リストの件数を増大させる
   ことを特徴とする請求項１〜４のいずれか１つに記載の情報表示装置。
6. 前記表示部は、画像を含む第１コンテンツおよび第２コンテンツを表示し、
   前記変更部は、前記第１コンテンツに含まれる前記画像の表示サイズを、前記第２コンテンツに含まれる前記画像の表示サイズと略同じサイズに縮小させる
   ことを特徴とする請求項１〜５のいずれか１つに記載の情報表示装置。
7. 前記変更部は、前記第２コンテンツを所定の方向にスクロールさせる操作を受付けた場合は、前記第１領域の広さを縮小させ、前記第２コンテンツが表示される領域の広さを拡大する
   ことを特徴とする請求項１〜６のいずれか１つに記載の情報表示装置。
8. 前記変更部は、前記所定の方向として、初期状態において前記第２コンテンツが表示されていない領域を表示させる方向へ、前記第２コンテンツをスクロールさせる操作を受付けた場合は、前記第１領域の広さを縮小させ、前記第２領域の広さを拡大する
   ことを特徴とする請求項７に記載の情報表示装置。
9. 前記変更部は、前記第１領域の広さを縮小させた状態で、前記第２コンテンツを前記所定の方向とは逆の方向にスクロールさせる操作を受付けた場合は、前記第１コンテンツに含まれるコンテンツの表示サイズと当該第１領域の広さとを拡大させ、前記第２領域の広さを縮小する
   ことを特徴とする請求項７または８に記載の情報表示装置。
10. 前記変更部は、前記第１コンテンツに含まれるコンテンツを縮小させた状態で、前記第１コンテンツを選択する操作を受付けた場合は、当該第１コンテンツに含まれるコンテンツの表示サイズと前記第１領域の広さとを拡大させ、前記第２領域の広さを縮小させる
    ことを特徴とする請求項１〜９のいずれか１つに記載の情報表示装置。
11. 前記変更部は、前記第１コンテンツに含まれるコンテンツが動画像である場合は、前記第１コンテンツの表示サイズを拡大させた際に、当該動画像の先頭から再生を再開させる
    ことを特徴とする請求項９または１０に記載の情報表示装置。
12. 前記変更部は、初期状態において、前記第２領域内に当該第２コンテンツの全領域が表示される場合は、前記第２コンテンツの表示態様と前記第１コンテンツに含まれるコンテンツの表示サイズとを変更してから、前記第２コンテンツの表示態様と前記第１コンテンツに含まれるコンテンツの表示サイズとを元に戻す
    ことを特徴とする請求項１〜１１のいずれか１つに記載の情報表示装置。
13. 前記変更部は、前記第２コンテンツに前記第１コンテンツに関連するコンテンツが含まれる場合は、利用者から受付けた操作に応じて、前記第２コンテンツの表示態様と前記第１コンテンツに含まれるコンテンツの表示サイズとを変更し、前記第２コンテンツに前記第１コンテンツに関連するコンテンツが含まれない場合は、前記第２コンテンツの表示態様と前記第１コンテンツに含まれるコンテンツの表示サイズとを変更してから、前記第２コンテンツの表示態様と前記第１コンテンツに含まれるコンテンツの表示サイズとを元に戻す
    ことを特徴とする請求項１〜１２のいずれか１つに記載の情報表示装置。
14. 前記変更部は、前記第１コンテンツに含まれるコンテンツが動画像である場合は、当該動画像の再生を継続したままで、当該第１コンテンツの表示態様と前記第２コンテンツの表示態様とを変更する
    ことを特徴とする請求項１〜１３のいずれか１つに記載の情報表示装置。
15. 任意のコンテンツを表示する情報表示装置が実行する情報表示方法であって、
    第１コンテンツを第１領域内に表示し、第２コンテンツを第２領域内に表示する表示工程と、
    前記第２コンテンツをスクロールさせる操作を受付けた場合は、前記第２領域内で第２コンテンツをスクロールさせるとともに、前記第１領域の広さと前記第２領域の広さとを変更する変更工程と
    を含むことを特徴とする情報表示方法。
16. コンピュータに、
    第１コンテンツを第１領域内に表示し、第２コンテンツを第２領域内に表示する表示手順と、
    前記第２コンテンツをスクロールさせる操作を受付けた場合は、前記第２領域内で第２コンテンツをスクロールさせるとともに、前記第１領域の広さと前記第２領域の広さとを変更する変更手順と
    を実行させることを特徴とする情報表示プログラム。

Images