JP7190718B1 - コンテンツ表示方法 - Google Patents

Abstract

【課題】会話などの第１コンテンツに関連する第２コンテンツを表示させるときの操作性を向上するコンテンツ表示方法を提供すること。
【解決手段】一実施形態のコンテンツ表示方法は、第１の方向に沿って所定の辺を備える所定の形状の表示器と、表示器に重ねて配置され、タッチ操作を受け付けるタッチパネルと、を備える表示装置のコンテンツ表示方法であって、表示器に、第１コンテンツを表示する第１ステップと、タッチパネルで、第１の方向に沿った第１タッチ操作を受け付ける第２ステップと、表示器において、第１コンテンツを第１の方向に沿って移動させるとともに、第１コンテンツに関連する第２コンテンツのインデックスを所定の辺の付近で、第１の方向に沿って移動させる第３ステップと、タッチパネルで、インデックスに対応する位置から始まり、第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける第４ステップと、表示器において、第２コンテンツを表示する第５ステップと、を備える。
【選択図】図５

Description

本開示は、コンテンツ表示方法に関する。

従来から、通信相手との会話ツールとしてメッセンジャーが利用されている。メッセンジャーは、各ユーザーが使用する端末から投稿したテキストや画像などが画面の縦方向に時系列で並んで表示されるため、リアルタイムに通信相手と会話を楽しむことができ、画面を縦の方向に指でなぞれば過去の会話も時系列を追ってすぐに確認することができるため、広く利用されている。

なお、メッセンジャーに関連した技術として、ユーザーが選択した広告主のブランドイメージを対話相手に送信する技術を開示したものがある（特許文献１）。また、メッセンジャーの機能でグループ内で画像を共有する技術を開示したものがある（特許文献２）。

特表２０１５－５２０４４６号公報 特開２０１９－１９２２５８号公報

本開示は、会話などの第１コンテンツに関連する第２コンテンツを表示させるときの操作性を向上するコンテンツ表示方法を提供することである。

本開示に係るコンテンツ表示方法の一態様は、第１の方向に沿って所定の辺を備える所定の形状の表示器と、前記表示器に重ねて配置され、タッチ操作を受け付けるタッチパネルと、を備える表示装置のコンテンツ表示方法であって、前記表示器に、第１コンテンツを表示する第１ステップと、前記タッチパネルで、前記第１の方向に沿った第１タッチ操作を受け付ける第２ステップと、前記表示器において、前記第１コンテンツを前記第１の方向に沿って移動させるとともに、前記第１コンテンツに関連する第２コンテンツのインデックスを前記所定の辺の付近で、前記第１の方向に沿って移動させる第３ステップと、前記タッチパネルで、前記インデックスに対応する位置から始まり、前記第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける第４ステップと、前記表示器において、前記第２コンテンツを表示する第５ステップと、を備えるコンテンツ表示方法であって、前記第２コンテンツのインデックスの大きさが動的に切り替わることを特徴とする。

本開示によれば、第１コンテンツに関連する第２コンテンツを表示させるときの操作性を向上することができる。

図１は、実施の形態に係るコンテンツ表示システムの概略構成の一例を示す図である。 図２は、実施の形態に係る端末のハードウェア構成の一例を示す図である。 図３は、実施の形態に係る端末の機能ブロックの構成の一例を示す図である。 図４は、実施の形態に係る端末の表示器における第２コンテンツの表示方法の一例を示す図である。 図５は、実施の形態に係る端末が表示器にコンテンツを表示する表示フローの手順の一例を示す図である。 図６は、実施の形態に係るインデックスの表示制御フローの一例を示す図である。 図７は、実施の形態に係る動的処理のフローの一例を示す図である。 図８は、実施の形態に係る動的処理の説明図である。 図９は、実施の形態に係る端末が表示画面にインデックスを配置する手順の一例を示すフロー図である。 図１０は、実施の形態に係るインデックスの配置方法の説明図（その１）である。 図１１は、実施の形態に係るインデックスの配置方法の説明図（その２）である。

以下に添付図面を参照しながら、本開示に係るコンテンツ表示方法の実施形態について詳細に説明する。

（実施の形態）
図１は、実施の形態に係るコンテンツ表示システムの概略構成の一例を示す図である。図１に示すコンテンツ表示システム１は、コンテンツを表示する端末１０およびサーバ２０を構成として含む。図１には端末１０を１つ示しているが、サーバ２０に接続する端末１０の数は１つに限らない。

端末１０は、コンテンツの表示が可能な表示器と、その表示器に重ねて配置されタッチ操作を受けるタッチパネルとを有する表示装置に相当するものである。端末１０の一例としてスマートフォンやタブレット端末などが利用可能である。

ユーザーは自身の端末１０でメッセンジャー機能をオンラインまたはオフラインで利用する。同じグループ内のユーザーとの間でオンラインでメッセンジャー機能を利用する場合には、各ユーザーは、移動通信システムの４Ｇや５Ｇなど、またはＷｉ－Ｆｉ（登録商標）などでインターネットに接続し、それぞれのユーザーの端末１０でメッセンジャー機能を起動して、他の複数のユーザーの端末１０とサーバ２０を介して文字（以下テキストとする）や画像など（第１コンテンツと言う）を送受信し合って共有する。

サーバ２０は、メッセンジャー機能を有するサーバで、例えばクラウドなどに設けられる。サーバ２０は、同じグループの複数の端末１０からランダムに投稿される第１コンテンツを同じ時系列でグループ内の各端末１０に配信する。

なお、サーバ２０は、スポンサー３０からのスポンサー情報に基づき端末１０にそのスポンサー情報を配信する構成のものであってもよい。例えばスポンサー３０は、スーパーの事業主であり、事業主の端末からサーバ２０に店舗の情報を登録する。店舗の情報は、店舗の位置や、外観や、一定期間の特売情報などである。また、別途スポンサー用のサーバを設けて、スポンサー用のサーバに全国各地域の特売情報等のスポンサー情報を集約し、端末１０に該当するスポンサー情報をサーバ２０がスポンサーサーバに問い合わせるなどして自動取得するようにしてもよい。

図２は、端末１０のハードウェア構成の一例を示す図である。図２には、スマートフォン（またはタブレット）の基本的なハードウェア構成を示している。

図２に示す端末１０は、ＣＰＵ(Central Processing Unit)１０１、ＲＯＭ(Read Only Memory)１０２、およびＲＡＭ(Random Access Memory)１０３がバス２００に接続されたコンピュータである。さらに、バス２００に対し、ストレージ１０４、データＩ／Ｆ１０５、表示デバイス１０６、入力デバイス１０７、無線通信Ｉ／Ｆ１０８、撮像デバイス１０９、マイクロフォン１１０、スピーカ１１１、およびＧＮＳＳ部１１２が接続されている。

ＣＰＵ１０１は、ＲＯＭ１０２およびストレージ１０４に記憶されているプログラムを実行して端末１０全体を制御する。ＲＡＭ１０３は、ＣＰＵ１０１がワークエリアとして利用する。

ストレージ１０４は、ＣＰＵ１０１が実行するためのプログラムや各種データを格納する不揮発性の記憶媒体である。例えばストレージ１０４は、フラッシュメモリなどの不揮発性の半導体メモリである。

データＩ／Ｆ１０５は、外部機器や外部メモリとデータの入出力を行うＵＳＢやＢｌｕｅｔｏｏｔｈ（登録商標）といったインタフェースである。

表示デバイス１０６は、画面情報を表示するＬＣＤ（Liquid Crystal Display）や有機ＥＬ（Electro Luminescence）などの表示デバイスである。

入力デバイス１０７は、ユーザーによるキー操作やタッチ操作を受け付けるデバイスである。本実施の形態において入力デバイスは、表示デバイス１０６の画面に重ねて構成したタッチパネルを有する。タッチパネルは、表示デバイス１０６の画面に対するユーザーのタッチ位置を静電容量方式で検出することにより、ユーザーが画面に対して行ったタッチ操作を受け付ける。タッチパネルの方式は、静電容量方式の他に、電磁誘導方式、赤外線方式、抵抗膜方式、表面弾性波方式などであってもよい。

無線通信Ｉ／Ｆ１０８は、例えば５ＧやＷｉＦｉなどの無線通信Ｉ／Ｆであり、５Ｇの無線基地局またはＷｉＦｉのアクセスポイントなどと通信する。

撮像デバイス１０９は、ＣＣＤ（Charge-Coupled Device）やＣＭＯＳ（Complementary MOS）などの撮像センサを有し、撮像センサにより被写体を撮像し、その撮像画像をストレージ１０４や外部メモリに出力する。

マイクロフォン１１０は、音を電気信号で入力する。例えば通話時にユーザーの音声などを電気信号に変換して入力する。
スピーカ１１１は、音を出力する。例えば端末１０に登録されている音声ファイルを再生して出力したり、通話時の通話相手の音声信号を音に変換して出力したりする。

ＧＮＳＳ部１１２は、ＧＮＳＳ(Global Navigation Satellite System)で現在位置（座標情報）を取得する。

図３は、端末１０の機能ブロックの構成の一例を示す図である。図３に示すように、端末１０は、スマートフォンなどが基本機能として備え、表示制御部１１、操作受付部１２、記憶部１３、通信部１４、通話部１５、撮像制御部１６、位置情報取得部１７などを有する。さらに、本実施の形態に係るメッセンジャーの主な機能ブロックの構成として第１コンテンツ制御部２１、第２コンテンツ制御部２２、および第２コンテンツ抽出部２３を有する。

ＣＰＵ１０１はストレージ１０４などに記憶されている所定のプログラムを実行することによりこれらの各種機能を発揮する。ここではそれぞれをモジュールで示しているが、モジュール以外の形態であっても勿論よい。

表示制御部１１は、生成された画面情報を表示デバイス１０６へ出力する。

操作受付部１２は、タッチパネルが出力するタッチ位置信号を基に、ユーザーがタッチパネルに対して行ったタッチ操作を受け付ける。例えば、操作受付部１２は、ユーザーが画面の一点をタッチした場合、そのタッチ位置を受け付ける。また、操作受付部１２は、ユーザーが画面を指でなぞった場合、指が画面のどの方向に、どの量だけ移動したかを指のタッチ位置の移動から算出する。また、指をある一点に置いてから，特定の方向にはじくフリックと呼ばれるタッチ操作であれば、指をはじく方向と、その速度を算出する。

記憶部１３は、指定先にデータを記憶したり、指定先から、記憶したデータを読み出したりする。記憶部１３は、例えば画像や、メッセンジャーでやり取りしたグループ毎の過去の会話などの第１コンテンツ情報や、行動履歴情報など指定席に保存する。指定先は例えばストレージ１０４である。画像は、撮像デバイス１０９で撮った画像や、外部メモリなどの画像である。一例として写真画像とする。行動履歴情報は、ＧＮＳＳ部１１２から位置情報や時間情報などを取得して保存した行動履歴情報である。行動履歴情報に気温や温度や天候などの情報を含めてもよい。

通信部１４は、無線通信Ｉ／Ｆ１０８を介してアクセスポイントまたは無線基地局に接続して、サーバ２０などと通信する。

通話部１５は、無線通信Ｉ／Ｆ１０８を介して相手端末と通話する。

撮像制御部１６は、撮像デバイス１０９により画像を撮像する。

位置情報取得部１７は、ＧＮＳＳ部１１２から現在位置の情報や時間情報を取得する。

第１コンテンツ制御部２１は、メッセンジャーの表示を制御する。例えば、第１コンテンツ制御部２１は、メッセンジャーの表示画面に表示するテキストや画像などの第１コンテンツや、テキストの入力キーなどの表示を制御する。第１コンテンツ制御部２１は、メッセンジャーの表示画面において第１コンテンツの表示を第１の方向に移動して、空いた領域に新たな投稿を加えたり、ユーザーがスクロール操作を行うと第１コンテンツの表示を第１の方向に移動したりする制御を行う。

第２コンテンツ制御部２２は、表示画面に対する第２コンテンツの表示を制御する。例えば、第２コンテンツ制御部２２は、第１コンテンツを表示する表示画面において、第２コンテンツであるインデックスの表示や、そのインデックスと結び付く画像への切り替え表示を行う。インデックスの表示や、そのインデックスと結び付く画像への切り替えは、第１コンテンツの表示画面とは別のレイヤーで実施し、表示制御部１１に対して第１コンテンツを表示する表示画面に第２コンテンツの表示内容を合成した画面情報を出力する。なお、第２コンテンツは、インデックスや画像に限られるものではなく、その他の形態のものでも勿論よい。

第２コンテンツ抽出部２３は、第１コンテンツ制御部２１が取得して表示するメッセンジャーの会話の内容から話題を特定し、特定した話題と、特定した話題に関連する関連情報を抽出する。この例では第２コンテンツであるインデックスや画像が関連情報となる。

図４は、端末１０の表示器における第２コンテンツの表示方法の一例を示す図である。図４に示す表示器１０００および画面１００１は長方形であり、一例として長辺が縦になる縦置きの使用状態を示している。スマートフォンやタブレット端末では、加速度センサなどで端末１０の上下の向きを認識することができるため、端末１０を縦置きから横置きに向きを変えることにより端末１０に対して画面１００１の表示内容が９０°反転してユーザーに対し正立した向きになり、横置きでの使用も可能になる。この例では、説明を分かり易くするために、一例として縦置きでの例を示している。

図４に示す表示器１０００は、長方形の表示画面１００１を有し、長辺が縦になる向き（ユーザーに正立する向き）で使用されている。表示画面１００１には、第２コンテンツ（インデックスＭ）の方が第１コンテンツの表示情報（吹き出しｋ1など）よりも優先して表示される。なお、第２コンテンツのインデックスＭや画像Ｂ以外の背景領域は、透明レイヤーになるので、インデックスＭや画像Ｂ以外の背景領域には第１コンテンツの情報、つまり縦方向に整列された吹き出しｋ1のような複数の投稿（会話の内容）が表示されたままになる。

図４では、図４（ａ）の表示画面１００１において第１コンテンツの情報としてスイカの話題が流れている。表示画面１００１において、上から下に会話が流れ、下の会話の内容の方が新しく、古いものは順に上に移動する。この表示画面１００１に示すタイミングでは、ユーザー同士がメッセンジャーでスイカの話題をしているので、バックグラウンドで第２コンテンツ抽出部２３がメッセンジャーの会話の内容（テキスト）を解析することにより、話題が「スイカ」であることを特定することができる。図４（ａ）～図４（ｃ）を参照し、話題となっている「スイカ」を例に第２コンテンツの表示方法を説明する。

図４（ａ）の表示画面１００１では、メッセンジャーの表示情報に第２コンテンツとしてインデックスＭ（Ｍ１、Ｍ２、Ｍ３、Ｍ４）を挿入している。インデックスＭの形態は任意であるが、ここでは一例として三角形の形状のインデックスを付けている。三角形状に限らず四角や丸などのその他の形状や記号などであってもよい。

インデックスＭは、端末１０の本人に対し会話の中で話題となっている関連情報を知らせるために、本人側の投稿領域の空きスペースに配置することが望ましい。例えば表示画面１００１の左側の辺に沿って本人の投稿が並ぶ設定となっている場合には、左側の辺に沿って会話の空きスペースにインデックスＭ、図４（ａ）に示す例ではインデックスＭ１、またはインデックスＭ２を配置する。

なお、インデックスＭは、辺（この例では長辺）の付近に配置することが望ましい。インデックスは、話題となっているものが一目で分かるように、話題がスイカであればインデックスＭ２に示すようにスイカを示すアイコンを使用する。スイカだけでなく他に話題になっているものがあれは、スイカのインデックスと、その他の話題のインデックスとを同じ画面に異なる配置で表示する（インデックスＭ１、Ｍ２）。話題が３つ以上あれば、それぞれのインデックスを異なる配置で表示する。

また、インデックスＭの配置は、本人側としたが、これに限定するものではない。本人側の投稿領域に空きスペースがない場合は、インデックスｍ１、ｍ２を配置したように、相手側の投稿領域つまり表示画面１００１の左側の辺に対向する右側の辺に沿って会話の空きスペースに配置してもよい。また、左側の辺と右側の辺の両方に配置してもよい。

また、空きスペースがない場合には、メッセンジャーの第１コンテンツの表示内容を投稿間隔を空けるなどの操作をして、インデックスＭ分の空きスペースを設けてもよい。

また、インデックスＭはアイコンに限定されない。第２コンテンツとして表示させる画像Ｂの一部（角部）をインデックスＭとして表示させてもよい。この場合、インデックスＭは、特に表示画面１００１の左側の辺に接して配置されることが望ましい。

ここで、ユーザーが画面１００１をタッチして辺に沿った方向（第１の方向）に指Ａをなぞる或いはフリックすると、第１タッチ操作として検知され、その方向に第１コンテンツと共にインデックスＭも移動する。例えば、これまでの会話内容を確認したい場合に、画面１００１を指Ａで上から下に第１方向に沿ってフリックすると、画面１００１上方に隠れている過去の会話と過去のインデックスＭとが共に下に移動し、画面１００１内に表示される。このように第１の方向に沿った第１タッチ操作の向きと、第１の方向に沿った第１コンテンツ（時系列に並んだ各投稿）の移動の向きと、第１の方向に沿ったインデックスＭの移動の向きとを同じにする。

次に、図４（ａ）のインデックスＭ２をユーザーが指Ａでタッチして、辺に沿った方向（第１の方向）とは異なる第２の後方にフリックする操作（第２タッチ操作）を行う。すると、第２タッチ操作が検知され、図４（ｂ）に示すようにインデックスＭ２に対応する画像Ｂが表示画面１００１内にスライドインして、図４（ｃ）に示すように表示画面１００１の全画面に表示される。この例は、スイカのアイコンであるが、スイカに関連のある過去の写真画像の角部をインデックスＭ２として使用した場合は、ユーザーが角部をフリックしたときに、角部画像から画像Ｂ全体が徐々に表示される。勿論、インデックスがアイコンであれば、アイコンに対応付けられている画像Ｂがスライドインする。なお、スライドインの方法は一例であり、インデックスＭをフリックした後の画像Ｂの全画面表示の方法は適宜設定してよい。

また、表示画面１００１に表示されるインデックスＭは、話題の量に応じて大きさや滞留時間を設定している。例えば、会話が進むと上方向へ会話の流れと共にインデックスＭも移動するが、表示画面１００１内にまだ残っているときでも、話題にならなくなってきたときはアイコンを小さくしたり、表示画面１００１からアイコンを消したりする。インデックスＭ１は大きいアイコンの例で、インデックスＭ２は小さいアンコンの例である。また、話題の量が多い場合には、会話が流れる上方向へ会話の流れてと共に移動させずに、その場に滞留させてもよい。

図５は、端末１０が表示器１０００にコンテンツを表示する表示フローの手順の一例を示す図である。端末１０は、メッセンジャー機能が起動された後、表示器１０００の表示画面１００１にメッセンジャーの入力画面を表示し、第１コンテンツの入力を受け付けるなどして表示画面１００１に第１コンテンツを表示する（ステップＳ１）。第１コンテンツは、ユーザーが入力した第１コンテンツと、通信相手が入力した第１コンテンツとを時系列で表示画面１００１に表示する。表示領域には制限があるため、第１コンテンツの入力がある度に、表示を更新し、直近に入力された第１コンテンツから時系列に遡って所定の範囲までの会話等の内容を表示画面１００１に表示する。また、本実施の形態では、会話の内容から話題になっていることを特定し、特定した話題のインデックスＭを空きスペースに表示する。ここでは一例として、ユーザーの投稿が表示器１０００の画面１００１の縦の辺に時系列で並び、画面１００１の縦の辺の付近にインデックスＭが付加されるものとして説明する。

ユーザーは、指Ａで画面１００１を縦の辺に沿った方向（第１の方向）になぞると、端末１０がタッチパネルで第１の方向に沿った第１タッチ操作を受け付ける（ステップＳ２）。

すると、端末１０は、表示画面１００１において、第１コンテンツを第１の方向に沿って移動させるとともに、第１コンテンツに関連するインデックスＭを所定の辺の付近で、前記第１の方向に沿って移動させる（ステップＳ３）。

次にユーザーが指Ａで画面１００１のインデックスＭを、第１の方向と異なった第２の方向になぞる若しくはフリックすると（ステップＳ４：Ｙｅｓ）、端末１０が、タッチパネルで、そのインデックスＭに対応する位置から始まり、第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける（ステップＳ５）。

端末１０は、第２タッチ操作を受け付けると、表示画面１００１において、第２コンテンツを表示する（ステップＳ６）。この場合の第２コンテンツは、インデックスＭではなく、インデックスＭの対応付けられた画像Ｂなどの写真画像などである。

なお、ステップＳ３の次に、ユーザーがインデックスＭを第２の方向になぞる若しくはフリックするといういずれの操作もせずに第１の方向になぞった場合は（ステップＳ４：Ｎｏ）、ステップＳ２から手順を繰り返す。

端末１０は、ステップＳ６で画像Ｂ（写真画像）を表示後、次の操作を受け付けると、画像Ｂ（写真画像）の表示を終了し、次の操作に基づく表示を行う（ステップＳ７）。次の操作は、例えば画像Ｂ（写真画像）を閉じる操作である。画像Ｂ（写真画像）を閉じる操作は、画面情報として設けた閉じるボタンのタッチ操作で受け付けてもよいし、第２タッチ操作の方向とは反対の方向へのフリック等の操作により受け付けてもよい。このような操作がある場合は、画像Ｂ（写真画像）の表示を終了して第１コンテンツとインデックスＭの表示画面に戻る。この後は、ステップＳ２に戻り、終了操作を受け付けた場合は画面を閉じてホーム画面に戻る。

なお、一例では第２コンテンツとして話題に関連するインデックスと写真画像を表示しているが、端末１０の位置の地域と話題とが共に該当するスポンサーのインデックスを付けて表示させてもよい。例えば話題が「スイカ」の場合、スポンサー３０から提供された近所のスーパーのスイカの特売情報などをサーバ２０から受信してインデックスとして付加する。インデックスは写真画像に付加してもよい。ステップＳ７において次の操作としてスポンサーのインデックスのタッチ操作を受け付けた場合、スポンサーのインデックスに紐づけたスポンサー情報を表示する。スポンサー情報は、例えばスーパーの位置を示す地図情報であったり、割引クーポンであったり、任意に設定してよい。

また、スポンサー情報の表示方法は、写真画像と同様にフリックなどの操作によりスライドインするなどの方法を適用してよい。

（インデックスＭの表示制御フロー）
図６は、インデックスＭの表示制御フローの一例を示す図である。端末１０（第２コンテンツ抽出部２３）は、まず、メッセンジャーで会話されている内容を分析する（ステップＳ１１）。端末１０は、例えばメッセンジャーの起動後に、会話の最初から順にテキストを解析し、直近の会話で出現するワードの中で特にヒット率が高いワードを話題として特定する。

さらに、端末１０（第２コンテンツ抽出部２３）は、特定した話題に関連する関連コンテンツが有るかを判定する（ステップＳ１２）。関連コンテンツの形態は、特に限定しないが、ここでは一例として画像データとし、主に端末１０に保存されたユーザーの写真画像を対象とする。

端末１０（第２コンテンツ抽出部２３）は、記憶部１３から該当する写真画像を抽出する。写真が話題に該当するかどうかは、写真の管理情報（ファイル名、タイトル、日時など）を基に判定してもよいし、写真画像そのものから判定してもよい。例えば第２コンテンツ抽出部２３は判定に機械学習を行わせた学習済みモデルを使用することができる。学習済みモデルに写真画像を入力し、予め学習させたワードを出力させる。例えば「スイカ」の画像を学習させておき、「スイカ」の画像が含まれる写真画像があると「スイカ」の一致率を出力する。

端末１０（第２コンテンツ抽出部２３）は、特定した話題に関連する関連コンテンツが無い場合（ステップＳ１２：Ｎｏ）、ステップＳ１に戻り、順次更新される会話の内容を分析し、直近の会話で出現するワードの中で特にヒット率が高いワードを話題として特定する。なお、ステップＳ１２でＮｏ判定となった話題は、一定期間、例えばメッセンジャーを閉じるまでの期間、除外の対象としてよい。

端末１０（第２コンテンツ抽出部２３）は、特定した話題に関連する関連コンテンツが有る場合（ステップＳ１２：Ｙｅｓ）、関連コンテンツは有効期限切れか、若しくは関連切れではないかを判定する（ステップＳ１３）。そして、端末１０（第２コンテンツ制御部２２）は、関連コンテンツが有効期限切れの場合に、若しくは関連切れの場合に（ステップＳ１３：Ｙｅｓ）、対象の関連コンテンツを非表示とする（ステップＳ１４）。

また、端末１０（第２コンテンツ制御部２２）は、関連コンテンツが有効で関連切れではない場合（ステップＳ１３：Ｎｏ）、対象の関連コンテンツのインデックスＭ（アイコンなど）を動的処理して表示する（ステップＳ１５）。

ここで、関連切れとは、会話が進んだり、メッセンジャーを第１タッチ操作で上下にスクロールしたりした際に、表示中の会話の内容が関連コンテンツと紐づかない状態を指す。このため、ステップＳ１４とステップＳ１５では、スイカの話題ではスイカのインデックスＭ２を表示するが、会話がさらに進んで画面からスイカの話題が消えたとき、スイカのインデックスＭ２を非表示とする。また、上下スクロール等で過去のスイカの話題を再表示したときは、スイカのインデックスＭ２を再表示する。

ステップＳ１５においてインデックスＭを動的処理し、例えば縮小したアイコンを表示する。なお、インデックスＭの表示方法は、この方法に限らず適宜決めてよい。

次に、端末１０（第１コンテンツ制御部２１）は、関連コンテンツに関する会話つまり話題のワードを強調表示する（ステップＳ１６）。強調表示は、話題のワードを他のテキストとは異なる色や大きさなどで表示する。

端末１０は、メッセンジャーの起動後からメッセンジャーが終了するまでステップＳ１１～ステップＳ１６を繰り返す。繰り返すタイミングは、任意に設定してよいが、一例としては、会話が進んだり、メッセンジャーを第１タッチ操作で上下にスクロールしたりするタイミングで、繰り返す。

なお、ここでは、関連コンテンツとして写真画像を例に説明したが、スポンサー情報がある場合は、スポンサー情報も含まれる。サーバ２０から話題に該当するスポンサーからのスポンサー情報（割引情報等）を取得した場合には、その情報についても判定する。

ステップＳ１３の有効期限切れは、主にスポンサー情報が有効期限切れのことであり、例えば第２コンテンツとして「スイカ」に紐づけるスポンサー情報の候補が、割引期限が切れたクーポン情報であったとき、スポンサー情報は有効期限切れであるため、非表示とする。非表示する関連コンテンツは、スポンサー情報のみでもよいし、スポンサー情報と紐づく写真画像つまり、インデックスそのものについても非表示にしてよい。

どのスポンサー情報と紐づけるかは、端末１０の行動履歴情報や、スイカなどの話題などに基づいて行う。紐づけは、例えば端末１０がサーバ２０に問い合わせて行ってもよいし、サーバ２０が端末１０の地域と話題とを基に、話題と該当するスポンサー情報とを紐づけて端末１０に送信してもよい。

（ヒット率）
図７は、ステップＳ１５の動的処理のフローの一例を示す図である。図８は、動的処理の説明図である。以下、図７および図８を参照して動的処理について説明する。

話題は会話の内容によってリアルタイムに変化するため、最新の話題のヒット率に合わせて、表示方法と滞留時間とを動的に変更する。例えば会話が進むにつれて、話題となっている「スイカ」の出現回数は変化していく。最初は「スイカ」の出現回数が少なかったが、徐々に増加して話題となり、その話題で盛り上がると、出現回数が最大の条件を満たす。その後、別の話題に移り変わっていくと、「スイカ」の出現回数が徐々に減り、最終的には、その話題はなくなる。この話題の盛り上がりに応じて「スイカ」のインデックスＭの表示方法を動的に変更する処理が動的処理である。一例として、図８に示すように段階的な条件を設けて「話題」の盛り上がりを判断し、盛り上がりに応じてインデックスＭの表示を動的に変更する。

図８には、「＃１」から「＃４」の４段階に条件を分けたときの動的表示の設定を示している。「＃４」が「スイカ」の出現回数が少ない場合で「スイカ」のワードのヒット率を０％から４０％に設定している。「＃３」、「＃２」の順でヒット率を高く設定し、「＃１」で「スイカ」のワードのヒット率が最も高く８０％から１００％に設定している。

ヒット率が高ければ高いほど、話題の盛り上がりを表すので、「スイカ」のインデックスＭ２、この例では「スイカ」のアイコンを小から中、中から大に拡大して表示する。そして、ヒット率が最も高い８０％から１００％の「＃１」では「スイカ」のアイコンを動かす設定に変更する。

また、表示したアイコンの滞留時間も変更する。滞留時間は、表示画面に表示する時間である。例えば、＃３で表示された中の大きさのアイコンは１０秒間表示されるが、会話はリアルタイムに進むため、会話が進んでも「スイカ」の話題がそれ以上盛り上がらない場合は、１０秒後に小の大きさのアイコンに縮小され、その後も話題が盛り上がらなければ５秒後に非表示となる。一方、「スイカ」の話題が盛り上がっていくと、＃４から＃３、＃３から＃２となり、アイコンが拡大されて大きくなり、滞留時間も長く設定される。そして、＃１になると、３０秒が設定され、表示画面において会話が流れて行く、つまり最新の会話が追加され古い会話が上に移動していっても、アイコンは、「大＋動」の設定により、会話と共に流れずに、その場に３０秒留まる。

なお、アイコンの表示途中でヒット率が減少し、条件＃２～＃４のいずれかに変更される場合は、そのタイミングで滞留時間も変更する。一例としては「スイカ」が話題として特定されたタイミングをｔとすると以下の通りである。

ｔ＝０秒：ヒット率２０％では、表示条件＃４（残り時間５秒）

ｔ＝１秒：ヒット率２０％では、表示条件＃４（残り時間４秒）

ｔ＝２秒：ヒット率６０％では、表示条件＃３（残り時間１０秒）、このとき滞留時間をリセットする。

ｔ＝１０秒：ヒット率６５％では、表示条件＃２（残り時間７秒）

ｔ＝１１秒：ヒット率５５％では、表示条件＃３（残り時間６秒）、滞留時間は短い方をセットする。

図７に示すように、端末１０は、まず、関連コンテンツの表示条件を判断し（ステップＳ２１）、ヒット率が変化したかを判定する（ステップＳ２２）。端末１０は、現在の表示が＃１～＃４のどれに該当するかを判断する。そして、会話から分析により特定した「スイカ」の話題の最新のヒット率が変化し、表示条件が変わるときに、ステップＳ２２（Ｙｅｓ）と判定する。表示条件が変わるかどうかは、図８のテーブルの設定から判定する。

端末１０は、ヒット率が変化した場合（ステップＳ２２：Ｙｅｓ）、関連コンテンツの表示条件を変更し（ステップＳ２３）、変更後の表示条件に従い、関連コンテンツを表示する（ステップＳ２４）。

また、端末１０は、ヒット率が変化していない場合は（ステップＳ２２：Ｎｏ）、関連コンテンツの表示条件を変更せずに、そのままの表示条件に従い関連コンテンツを表示する（ステップＳ２４）。

（インデックスＭの配置方法）
図９は、端末１０（第２コンテンツ制御部２２）が表示画面にインデックスを配置する手順の一例を示すフロー図である。図１０および図１１はインデックスの配置方法の説明図である。図９の配置の手順を図１０と図１１を参照しながら説明する。

端末１０は、まず、表示画面の左側に空きスペースが有るかを判定し（ステップＳ３１）、表示画面の左側に空きスペースが有る場合に（ステップＳ３１：Ｙｅｓ）、表示画面の左側の空きスペースにインデックスを表示する（ステップＳ３２）。図１０に示す画面例では、左側に空きスペースがあるため、空きスペースにインデックスを配置する。

端末１０は、表示画面の左側に空きスペースがない場合（ステップＳ３１：Ｎｏ）、表示画面の右に空きスペースが有るかを判定し（ステップＳ３３）、表示画面の右側に空きスペースが有る場合に（ステップＳ３３：Ｙｅｓ）、表示画面の右側の空きスペースにインデックスを表示する（ステップＳ３４）。図１０に示す画面で、左側に空きスペースがない場合には、右の空きスペースにインデックスを配置する。

端末１０は、表示画面の右側に空きスペースがない場合（ステップＳ３３：Ｎｏ）、表示画面の左側に空きスペースを設けてインデックスを表示する（ステップＳ３５）。

図１１には、端末１１が表示画面の左側に空きスペースを設けてインデックスを表示する例を示している。図１０に示す画面の例では、対応する箇所に空きスペースがない。そこで、図１０に示すように、メッセンジャーの会話の間隔を空けるなどして空きスペースを設けてインデックスを配置する。

なお、端末１０にユーザーと対話するエージェント機能をもたせ、本実施の形態にかかるメッセンジャー機能と連携させてもよい。例えば、ユーザーがエージェントに話しかけて食べ物を聞くと、メッセンジャー機能で「スイカ」の話題が抽出されている場合は、「スイカを用意されてはいかがですか」とエージェントが音声で答えるようにする。

本実施の形態にかかるコンテンツ表示システムでは、メッセンジャー上の会話内容を分析し、関連するコンテンツをメッセンジャー上の会話の空きスペースにインデックスを付けて表示すると共に、そのインデックスを会話が流れる方向とは異なる方向へフリックするだけで、メッセンジャー上で関連コンテンツの詳細が確認可能になるので、操作性が向上する。また、インデックスをアイコン表示し、話題の盛り上がりに応じてアイコンの大きさを動的に変化させるため、視認性も向上する。

また、従来は、広告を表示する場合、位置情報を利用した地域ターゲティング広告、閲覧履歴を利用した行動ターゲティング広告等があるが、これらの広告はユーザー視点ではなくスポンサー視点で一方的に送られてくるだけである。しかし、本実施の形態では、広告に紐づかないコンテンツでユーザーの興味関心を向上させると共に、スポンサー視点ではなくユーザー視点の広告表示が可能である。

上述の実施の形態においては、各構成要素に用いる「・・・部」という表記は、「・・・回路（circuitry）」、「・・・アッセンブリ」、「・・・デバイス」、「・・・ユニット」、又は、「・・・モジュール」といった他の表記に置換されてもよい。

本開示はソフトウェア、ハードウェア、又は、ハードウェアと連携したソフトウェアで実現することが可能である。

なお、本開示は、システム、装置、方法、集積回路、コンピュータープログラム、または、記録媒体で実現されてもよく、システム、装置、方法、集積回路、コンピュータープログラムおよび記録媒体の任意な組み合わせで実現されてもよい。また、プログラム製品は、コンピュータープログラムが記録されたコンピュータが読み取り可能な媒体である。

また、一部の手順またはすべての手順を記録したプログラムを、記録媒体に記録して提供したり、ＲＯＭ（Read Only Memory）に格納してコンピュータ構成の情報処理装置として提供したり、あるいは、ネットワークを介してプログラムをダウンロードし、コンピュータで実行することもできる。コンピュータのＣＰＵ（Central Processing Unit）は、プログラムを読み込んで実行することにより、処理を実施する。

以上、図面を参照しながら実施の形態について説明したが、本開示はかかる例に限定されない。当業者であれば、特許請求の範囲に記載された範疇において、各種の変更例又は修正例に想到し得ることも明らかである。そのような変更例又は修正例についても、本開示の技術的範囲に属するものと解される。また、本開示の趣旨を逸脱しない範囲において、実施の形態における各構成要素は任意に組み合わされてよい。

１ コンテンツ表示システム
１０ 端末
１１ 表示制御部
１２ 操作受付部
１３ 記憶部
１４ 通信部
１５ 通話部
１６ 撮像制御部
１７ 位置情報取得部
２０ サーバ
２１ 第１コンテンツ制御部
２２ 第２コンテンツ制御部
２３ 第２コンテンツ抽出部
３０ スポンサー
１０６ 表示デバイス
１０７ 入力デバイス

Claims (12)

1. 第１の方向に沿って所定の辺を備える所定の形状の表示器と、
   前記表示器に重ねて配置され、タッチ操作を受け付けるタッチパネルと、を備える表示装置のコンテンツ表示方法であって、
   前記表示器に、第１コンテンツを表示する第１ステップと、
   前記タッチパネルで、前記第１の方向に沿った第１タッチ操作を受け付ける第２ステップと、
   前記表示器において、前記第１コンテンツを前記第１の方向に沿って移動させるとともに、前記第１コンテンツに関連する第２コンテンツのインデックスを前記所定の辺の付近で、前記第１の方向に沿って移動させる第３ステップと、
   前記タッチパネルで、前記インデックスに対応する位置から始まり、前記第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける第４ステップと、
   前記表示器において、前記第２コンテンツを表示する第５ステップと、を備えるコンテンツ表示方法であって、
   前記第２コンテンツのインデックスの大きさが動的に切り替わる、
   コンテンツ表示方法。
2. 第１の方向に沿って所定の辺を備える所定の形状の表示器と、
   前記表示器に重ねて配置され、タッチ操作を受け付けるタッチパネルと、を備える表示装置のコンテンツ表示方法であって、
   前記表示器に、第１コンテンツを表示する第１ステップと、
   前記タッチパネルで、前記第１の方向に沿った第１タッチ操作を受け付ける第２ステップと、
   前記表示器において、前記第１コンテンツを前記第１の方向に沿って移動させるとともに、前記第１コンテンツに関連する第２コンテンツのインデックスを前記所定の辺の付近で、前記第１の方向に沿って移動させる第３ステップと、
   前記タッチパネルで、前記インデックスに対応する位置から始まり、前記第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける第４ステップと、
   前記表示器において、前記第２コンテンツを表示する第５ステップと、を備えるコンテンツ表示方法であって、
   前記第２コンテンツのインデックスの滞留時間が異なる、
   コンテンツ表示方法。
3. 第１の方向に沿って所定の辺を備える所定の形状の表示器と、
   前記表示器に重ねて配置され、タッチ操作を受け付けるタッチパネルと、を備える表示装置のコンテンツ表示方法であって、
   前記表示器に、第１コンテンツを表示する第１ステップと、
   前記タッチパネルで、前記第１の方向に沿った第１タッチ操作を受け付ける第２ステップと、
   前記表示器において、前記第１コンテンツを前記第１の方向に沿って移動させるとともに、前記第１コンテンツに関連する第２コンテンツのインデックスを前記所定の辺の付近で、前記第１の方向に沿って移動させる第３ステップと、
   前記タッチパネルで、前記インデックスに対応する位置から始まり、前記第１の方向と異なった第２の方向に沿った第２タッチ操作を受け付ける第４ステップと、
   前記表示器において、前記第２コンテンツを表示する第５ステップと、を備えるコンテンツ表示方法であって、
   前記第２コンテンツのインデックスは、有効期限切れまたは関連切れの場合に非表示となる、
   コンテンツ表示方法。
4. 請求項１から請求項３のいずれか１項に記載のコンテンツ表示方法であって、
   前記第１の方向に沿った前記第１タッチ操作の向きと、前記第１の方向に沿った前記第１コンテンツの移動の向きと、前記第１の方向に沿った前記インデックスの移動の向きと、は同じである、
   コンテンツ表示方法。
5. 請求項１から請求項４のいずれか１項に記載のコンテンツ表示方法であって、
   前記インデックスは、前記表示器よりも小さい、
   コンテンツ表示方法。
6. 請求項１から請求項５のいずれか１項に記載のコンテンツ表示方法であって、
   前記インデックスは、三角の形状である、
   コンテンツ表示方法。
7. 請求項１から請求項６のいずれか１項に記載のコンテンツ表示方法であって、
   前記インデックスは、前記所定の辺に接して配置される、
   コンテンツ表示方法。
8. 請求項１から請求項７のいずれか１項に記載のコンテンツ表示方法であって、
   前記所定の辺は、第１辺と、前記第１辺と対向する第２辺から構成され、
   前記インデックスは、前記第１辺の付近及び／又は前記第２辺の付近に表示される、
   コンテンツ表示方法。
9. 請求項１から請求項８のいずれか１項に記載のコンテンツ表示方法であって、
   前記表示器の前記所定の形状は、長方形であって、
   前記所定の辺は、前記長方形の長辺である、
   コンテンツ表示方法。
10. 請求項１から請求項９のいずれか１項に記載のコンテンツ表示方法であって、
    前記第１コンテンツは、少なくとも文字を含み、
    前記第２コンテンツは、少なくとも画像を含む、
    コンテンツ表示方法。
11. 請求項１０に記載のコンテンツ表示方法であって、更に、
    前記タッチパネルで、前記第１コンテンツの前記文字の入力を受け付ける第６ステップを備える、
    コンテンツ表示方法。
12. 請求項１から請求項１１のいずれか１項に記載のコンテンツ表示方法であって、
    前記第２コンテンツのインデックスは、前記第１の方向に沿った第１タッチ操作により再表示される前記第１コンテンツに基づき再表示される、
    コンテンツ表示方法。

Images