JP2021182405A - 電子機器及びコンテンツ表示プログラム - Google Patents

Abstract

【課題】コンテンツが入れ子状に配置されたコンテンツをスクロールさせる操作を容易にする電子機器及びコンテンツ表示プログラムを提供する。【解決手段】電子機器は、表示手段、フォーカス設定手段、スクロール手段を有する。表示手段は、第１コンテンツを表示する第１エリアに、第２コンテンツを表示する第２エリアが入れ子状に設けられたコンテンツを表示させる。フォーカス設定手段は、予め決められたジェスチャ操作に応じて、第１コンテンツあるいは第２コンテンツにフォーカスを設定する。スクロール手段は、第１コンテンツにフォーカスが設定された場合に、表示手段におけるスクロール操作に応じて、第２エリアを含む第１エリアの第１コンテンツの全体をスクロールさせ、第２コンテンツにフォーカスが設定された場合に、表示手段におけるスクロール操作に応じて、第２エリアの第２コンテンツをスクロールさせる。【選択図】図３

Description

本発明の実施形態は、電子機器及びコンテンツ表示プログラムに関する。

近年、タッチパネルに対して指や専用ペンを用いて特定の入力操作（接触方法）を行う、または機器本体を振ったり傾けたりして機器内に設けられたセンサを反応させることで入力を行う、いわゆる「ジェスチャ」を行うことにより機器の動作を制御する機会が増加している。

例えば、タッチパネルを備えたスマートフォンでは、１画面中にコンテンツ全体を表示できない場合には、画面内に表示されたコンテンツをスワイプあるいはフリックと称されるジェスチャの操作によってスクロールさせて、コンテンツの表示対象とする範囲を変更することができる。

また、スクロール可能なコンテンツ（スクロールビューと称する場合がある）には、例えば縦スクロール可能なコンテンツ（親コンテンツ）に、さらに縦スクロールが可能な別のコンテンツ（子コンテンツ）が入れ子のように配置されているものがある。基本的に、ジェスチャによるスクロールは、ジェスチャの操作がされたエリアに表示されたコンテンツがスクロールの対象となる。従って、子コンテンツに対してジェスチャをすると、子コンテンツがスクロールされる。一方、親コンテンツに対してジェスチャがされると、子コンテンツを含む親コンテンツ全体がスクロールされる。従って、親コンテンツと子コンテンツの何れをスクロールさせるかに応じて、ジェスチャをスクロール対象とするコンテンツが表示されたエリアに対して行う必要がある。

しかしながら、コンテンツのデザイン上の都合などにより、親コンテンツの大部分の範囲に子コンテンツが設定されているために、子コンテンツ以外の親コンテンツのエリアが狭くなることがある。こうした場合、親コンテンツに対するスクロールのためのジェスチャをすることが困難となる。また、子コンテンツのエリアが極端に狭い場合には、子コンテンツに対するスクロールのためのジェスチャをすることが困難となる。

また、コンテンツが入れ子状に配置されたコンテンツの場合、子コンテンツへのジェスチャの操作により、子コンテンツを上方向（あるいは下方向）にスクロールさせて最下位（あるいは最上位）に到達させると、親コンテンツを上方向（あるいは下方向）にスクロールさせることができる。しかしながら、子コンテンツに対するジェスチャの操作により親コンテンツをスクロールさせようとすると、子スクロールを最下位あるいは最上位にまでスクロールしなければならない。従って、子コンテンツのエリアが大きい場合には、子コンテンツに対してジェスチャを繰り返して最下位あるいは最上位にまでスクロールをさせなければならず操作負担が大きい。

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

本発明が解決しようとする課題は、コンテンツが入れ子状に配置されたコンテンツをスクロールさせる操作を容易にすることが可能な電子機器及びコンテンツ表示プログラムを提供することである。

実施形態によれば、電子機器は、表示手段、フォーカス設定手段、スクロール手段を有する。表示手段は、第１コンテンツを表示する第１エリアに、第２コンテンツを表示する第２エリアが入れ子状に設けられたコンテンツを表示させる。フォーカス設定手段は、予め決められたジェスチャ操作に応じて、前記第１コンテンツあるいは前記第２コンテンツにフォーカスを設定する。スクロール手段は、予め決められたスクロール操作に応じて、前記スクロール操作の対象が前記第１エリア及び前記第２エリアの何れの場合も前記フォーカスが設定された前記第１コンテンツあるいは前記第２コンテンツをスクロールさせる。

本実施形態の電子機器の構成を示すブロック図。 本実施形態における電子機器のタッチパネル２４に表示されるコンテンツの一例を示す図。 本実施形態におけるジェスチャ操作処理を示すフローチャート。 本実施形態におけるフォーカス切り替え処理（１）について示すフローチャート。 フォーカス切り替え処理（１）を説明するための図。 本実施形態におけるフォーカス切り替え処理（２）について示すフローチャート。 フォーカス切り替え処理（２）を説明するための図。 フォーカス切り替え処理（２）を説明するための図。 フォーカス切り替え処理（２）を説明するための図。 本実施形態におけるフォーカス切り替え処理（３）について示すフローチャート。 フォーカス切り替え処理（３）を説明するための図。 フォーカス切り替え処理（３）を説明するための図。 フォーカス切り替え処理（３）を説明するための図。

以下、本実施形態について、図面を参照しながら説明する。
図１は、本実施形態の電子機器１０の構成を示すブロック図である。電子機器１０は、例えばスマートフォン、携帯電話機、パーソナルコンピュータ（タブレット型、ノート型、デスクトップ型）、ナビゲーション装置、携帯型ゲーム装置、ＰＯＳ（Point Of Sales）端末、デジタル複合機（ＭＦＰ（Multi Function Peripheral））などによって実現することができる。以下の説明では、電子機器１０をスマートフォンと想定して説明する。電子機器１０は、内部に実装された記憶装置に記憶されたデータ、あるいはインターネット等を含むネットワーク１２を通じて受信されるデータ（Ｗｅｂコンテンツなど）をもとに、コンテンツを画面に表示することができる。

本実施形態の電子機器１０は、例えば縦スクロール可能なコンテンツ（親コンテンツ（第１コンテンツ））に、さらに縦スクロールが可能な別のコンテンツ（子コンテンツ（第２コンテンツ））が入れ子のように配置されたコンテンツのスクロール操作を容易にするコンテンツ（スクロールビュー）の操作方法を提供する。なお、スクロール方向は、縦方向に限らず横方向であっても良い。

図１に示すように、電子機器１０は、プロセッサ２１、メモリ２２、記憶装置２３、タッチパネル２４、センサ群２５、通信装置２６とを有し、それぞれが相互にバスを介して接続されている。

プロセッサ２１は、メモリ２２に記憶されたプログラムを実行することにより電子機器１０の全体を制御する。プロセッサ２１により実行されるプログラムにはＯＳ（Operating System）の他、各種のアプリケーションプログラム等を含む。アプリケーションプログラムには、例えば、ブラウザプログラムなどのコンテンツ表示プログラムなどが含まれる。

メモリ２２は、例えばＲＯＭ（Read Only Memory）及びＲＡＭ(Random Access Memory)を含み、プロセッサ２１により実行されるプログラムや各種データが記憶される。メモリ２２に記憶されたコンテンツ表示プログラムがプロセッサ２１により実行されることで、タッチパネル２４においてコンテンツが表示される。タッチパネル２４に表示されるコンテンツは、例えばＨＴＭＬ（Hypertext Transfer Protocol）やＸＨＴＭＬ（eXtensible HyperText Markup Language）等で記述されたＷｅｂコンテンツを含む。その他のデータ形式のコンテンツを対象とすることもできる。

記憶装置２３は、ハードディスクプログラムや各種データが記憶される。
タッチパネル２４は、液晶ディスプレイ（ＬＥＤ（Light Emitting Diode））などからなる表示装置と、表示装置の表示面に実装された接触感知センサなどからなる入力装置とにより構成される。なお、タッチパネル２４に実装される表示装置は、有機ＥＬ（Electro-Luminescence）ディスプレイなど他のディスプレイでも良い。また、タッチパネル２４に実装される入力装置は、接触感知センサに限らず、静電容量方式、光学方式、電磁誘導方式など、他の方式が用いられても良い。タッチパネル２４の入力装置は、例えば同時に複数箇所に対するタッチ操作を検出することができる、いわゆるマルチタッチを感知できるタッチセンサが設けられるものとする。なお、マルチタッチを感知できるタッチセンサに限定されない。

センサ群２５は、電子機器１０の状況を検出するための複数のセンサを含む。例えば、センサ群２５には、電子機器１０の本体への接触を検出する接触感知センサ、電子機器１０の本体の姿勢の変化（動き、姿勢）を検出する３軸加速度センサなどを含む。
通信装置２６は、プロセッサ２１の制御のもとで、ネットワーク１２を通じた外部機器との通信を制御する。

プロセッサ２１は、タッチパネル２４の操作面に対する指先やペンなどの入力操作を検出して、タッチパネル２４上でされたジェスチャ操作の種類及び位置を認識することができる。プロセッサ２１は、タッチパネル２４に対するジェスチャ操作として、例えば、タッチアンドホールドジェスチャ（長押し）、スワイプジェスチャ（一本の指またはペンでなぞる）、プレス（強く押す）、２本指ダブルタップ（２か所を同時に２回タップする）などを認識することができる。

また、プロセッサ２１は、センサ群２５の３軸加速度センサによる計測値をもとに、電子機器１０の機器本体の姿勢を変化させるジェスチャ操作を認識することができる。例えば、プロセッサ２１は、後述するフォーカスされたコンテンツを切り替えるための機器本体の姿勢を変化させるジェスチャ操作として、例えばシェイク操作（機器本体を振る）を認識することができる。なお、シェイク操作としては、例えば、機器本体を振る際の方向や向きが何れでも良い操作の他、機器本体の一方の端部（例えば上端部）を奥方向に向けて振る操作、その逆の機器本体の他方の端部（例えば下端部）を手前に向けて振る操作を認識できるものとする。なお、シェイク操作の他、センサ群２５により検知可能な他の機器本体の姿勢を変化させるジェスチャ操作を認識できるようにしても良い。

本実施形態における電子機器１０では、プロセッサ２１により認識可能な何れかのジェスチャ操作が、フォーカスされたコンテンツを切り替えるためのジェスチャ操作として予め設定される。

図２には、本実施形態における電子機器１０のタッチパネル２４に表示されるコンテンツの一例を示す図である。
図２に示すコンテンツ２４Ａは、上下方向にスクロール可能なコンテンツ（スクロールビューと記載することがある）である。コンテンツ２４Ａを表示するエリアの右横辺にはスクロールバー２４Ａａが設けられている。スクロールバー２４Ａａのスライダ２４Ａｂを上下方向に移動させる操作をすることで、コンテンツ２４Ａを上下方向にスクロールさせることができる。コンテンツ２４Ｂは、コンテンツ２４Ａを表示するエリアに入れ子状に設けられたエリアに表示される。コンテンツ２４Ｂを表示するエリアの右横辺にはスクロールバー２４Ｂａが設けられている。スクロールバー２４Ｂａのスライダ２４Ｂｂを上下方向に移動させる操作をすることで、コンテンツ２４Ｂを上下方向にスクロールさせることができる。

コンテンツ２４Ａとコンテンツ２４Ｂは親子の関係にあり、コンテンツ２４Ａが親コンテンツ、コンテンツ２４Ｂが子コンテンツに相当する。コンテンツ２４Ａとコンテンツ２４Ｂの何れにもフォーカスが設定可能であり、フォーカスが設定されたコンテンツがスクロール操作に応じたスクロールの対象となる。デフォルトではコンテンツ２４Ａにフォーカスが設定され、コンテンツ２４Ａとコンテンツ２４Ｂに対して同時にフォーカスが設定されることはない。なお、プロセッサ２１は、フォーカスが設定されたコンテンツについては、エリア枠に特定の色により着色するなどして目視で判断しやすく表示させるものとする。

次に、本実施形態における電子機器１０のコンテンツ（スクロールビュー）の操作方法の制御処理について説明する。
まず、本実施形態におけるジェスチャ操作処理について、図３に示すフローチャートを参照しながら説明する。

プロセッサ２１は、タッチパネル２４に対する入力操作、あるいはセンサ群２５により検出された機器本体の姿勢を変化させる操作がジェスチャ操作であるか認識する。ジェスチャ操作ではない場合には（ＡＣＴ１，ＮＯ）、プロセッサ２１は、操作に対する処理を実行しない。一方、ジェスチャ操作である場合には（ＡＣＴ１、ＹＥＳ）プロセッサ２１は、ジェスチャ操作が予め決められたフォーカス切り替えのためのジェスチャ操作であるか判別する。

プロセッサ２１は、認識されたジェスチャ操作がフォーカス切り替えの指示である場合（ＡＣＴ２、ＹＥＳ）、フォーカス切り替え処理を実行する（ＡＣＴ３）。フォーカス切り替え処理では、現在のフォーカスが設定されたコンテンツと、ジェスチャ操作の内容に応じて、コンテンツ２４Ａあるいはコンテンツ２４Ｂにフォーカスを設定する。フォーカス切り替え処理の詳細については後述する。

一方、プロセッサ２１は、ジェスチャ操作がフォーカス切り替え指示ではない場合（ＡＣＴ２、ＮＯ）、コンテンツのスクロールを指示するスクロール操作であるかを判別する。

ここで、スクロールを指示するスクロール操作でないと判別される場合（ＡＣＴ４、ＮＯ）、プロセッサ２１は、スクロールとは関係しない他の処理に対する入力操作として判別して、入力操作に応じた他の処理を実行する。

一方、スクロールを指示するスクロール操作であると判別される場合（ＡＣＴ４、ＹＥＳ）、プロセッサ２１は、現在のフォーカスが設定されたコンテンツがスクロール可能である場合（ＡＣＴ５、ＹＥＳ）、このコンテンツをスクロール操作に応じてスクロールさせる（ＡＣＴ６）。

例えば、コンテンツ２４Ｂにフォーカスが設定されている場合に、コンテンツ２４Ｂが表示範囲外にある場合にはスクロール不可と判別される。また、フォーカスが設定されたコンテンツが最上位（あるいは最下位）までスクロールされた状態において、さらに上方向（あるいは下方向）にスクロールさせるスクロール操作が入力された場合には、スクロール不可と判別される。

ここでは、スクロール操作として、例えば縦スワイプジェスチャ（一本の指またはペンでタッチパネル２４の操作面を縦になぞる操作）が用いられるものとする。プロセッサ２１は、縦スワイプジェスチャの操作量に応じて、フォーカスが設定されたコンテンツをスクロールさせる。

本実施形態の電子機器１０では、縦スワイプジェスチャ操作の対象が、コンテンツ２４Ａが表示されたエリアあるいはコンテンツ２４Ｂが表示されたエリアの何れの場合も、予め決められたスクロール操作（縦スワイプジェスチャ）に応じて、フォーカスが設定されたコンテンツをスクロールさせる。すなわち、必ずしもスクロールさせるコンテンツが表示されたエリアに対して、縦スワイプジェスチャ操作をする必要がない。また、スクロールのためのジェスチャ操作を変える必要もない。

従って、例えば図２に示すコンテンツ２４Ａの大部分の範囲にコンテンツ２４Ｂが設定されているために、コンテンツ２４Ｂ以外のコンテンツ２４Ａのエリアが狭く、コンテンツ２４Ａのエリアに対してスクロールのためのジェスチャをすることが困難であっても、コンテンツ２４Ｂのエリアに対する操作によりコンテンツ２４Ａをスクロールさせることができる。また、コンテンツ２４Ｂのエリアが極端に狭く、コンテンツ２４Ｂのエリアに対するスクロールのためのジェスチャをすることが困難であっても、コンテンツ２４Ａのエリアに対する操作によりコンテンツ２４Ｂをスクロールさせることができる。

以下、フォーカス切り替えのためのジェスチャ操作が、タッチパネル２４に対する入力操作の場合と、センサ群２５により検出された機器本体の姿勢を変化させる操作の場合のそれぞれのフォーカス切り替え処理について説明する。

まず、フォーカス切り替えのためのジェスチャ操作がタッチパネル２４に対する入力操作の場合のフォーカス切り替え処理（１）について、図４に示すフローチャートを参照しながら説明する。図５は、フォーカス切り替え処理（１）を説明するための図である。

プロセッサ２１は、フォーカス切り替えのためのジェスチャ操作として、例えば、予め決められたタッチアンドホールドジェスチャ（長押し）を検出した場合、このジェスチャ操作がされた場所に表示されていたコンテンツを検索する。ここで、ジェスチャ操作がされたエリアに表示されたコンテンツにフォーカスが設定されている場合（ＡＣＴ１１、ＹＥＳ）、プロセッサ２１は、このコンテンツに対して親コンテンツがあるかを検索する。

ここで、親コンテンツがない場合（ＡＣＴ１２、ＮＯ）、プロセッサ２１は、フォーカスの切り替えを行わない。一方、親コンテンツがある場合（ＡＣＴ１２、ＹＥＳ）、プロセッサ２１は、親コンテンツにフォーカスを切り替える（ＡＣＴ１３）。

すなわち、図５（Ａ１）に示すように、フォーカス（Ｆ）が設定されているコンテンツ２４Ａのエリアに対して、フォーカス切り替えのためのジェスチャ操作がされた場合（Ｊ）、図５（Ａ２）に示すように、フォーカスの切り替えが行われずに、コンテンツ２４Ａに対してフォーカスが設定されたままとなる。

一方、図５（Ｂ１）に示すように、フォーカス（Ｆ）が設定されているコンテンツ２４Ｂのエリアに対して、フォーカス切り替えのためのジェスチャ操作がされた場合（Ｊ）、図５（Ｂ２）に示すように、親コンテンツであるコンテンツ２４Ａにフォーカスが切り替えられる。すなわち、コンテンツ２４Ｂに表示されたコンテンツをスクロールしながら閲覧中において、コンテンツ２４Ｂのエリアに対してコンテンツ切り替えの操作をすることで、コンテンツ２４Ａに対してフォーカスを切り替えることができる。前述したように、プロセッサ２１は、スクロール操作が何れのコンテンツのエリアに対してされた場合であっても、フォーカスが設定されたコンテンツをスクロールする。従って、コンテンツ２４Ｂのエリアに対する操作によってフォーカスを切り替えた後、引き続きコンテンツ２４Ｂのエリアに対するスクロール操作によって、コンテンツ２４Ａをスクロールさせることができる。なお、コンテンツ２４Ａのエリアに対するスクロール操作によっても、当然ながらコンテンツ２４Ａをスクロールさせることができる。

なお、フォーカス切り替えのためのジェスチャ操作がされたエリアに表示されたコンテンツにフォーカスが設定されていない場合（ＡＣＴ１１、ＮＯ）、プロセッサ２１は、ジェスチャ操作がされたコンテンツにフォーカスを切り替える（ＡＣＴ１４）。

すなわち、図５（Ｃ１）に示すように、フォーカス（Ｆ）が設定されていないコンテンツ２４Ｂのエリアに対して、フォーカス切り替えのためのジェスチャ操作がされた場合（Ｊ）、図５（Ｃ２）に示すように、コンテンツ２４Ｂにフォーカスを切り替える。また、図５（Ｄ１）に示すように、フォーカス（Ｆ）が設定されていないコンテンツ２４Ａのエリアに対して、フォーカス切り替えのためのジェスチャ操作がされた場合（Ｊ）、図５（Ｄ１）に示すように、コンテンツ２４Ａにフォーカスを切り替える。つまり、フォーカスが設定されていないコンテンツのエリアに対して、フォーカス切り替えジェスチャ操作をすることで、ジェスチャ操作の対象としたコンテンツにフォーカスを切り替えることができる。

なお、前述した説明では、タッチパネル２４に対するフォーカス切り替えのためのジェスチャ操作として、タッチアンドホールドジェスチャ（長押し）を例にしているが、プレス（強く押す）、２本指ダブルタップ（２か所を同時に２回タップする）など、他のジェスチャ操作を用いることも可能である。

次に、フォーカス切り替えのためのジェスチャ操作が機器本体の姿勢を変化させる操作の場合のフォーカス切り替え処理（２）について、図６に示すフローチャートを参照しながら説明する。図７は、フォーカス切り替え処理（２）を説明するための図である。

プロセッサ２１は、フォーカス切り替えのためのジェスチャ操作として、例えば、予め決められたシェイクジェスチャ（機器本体を振る操作）を検出した場合、現在のフォーカスが設定されたコンテンツに対して親コンテンツがあるかを検索する。

ここで、親コンテンツがない場合（ＡＣＴ２１、ＮＯ）、プロセッサ２１は、子コンテンツが表示中の場合（ＡＣＴ２３、ＹＥＳ）、表示中の例えば最上部の子コンテンツにフォーカスを切り替える（ＡＣＴ２４）。なお、プロセッサ２１は、表示中の子コンテンツがない場合には（ＡＣＴ２３、ＮＯ）、フォーカスの切り替えを行わない。一方、親コンテンツがある場合（ＡＣＴ２１、ＹＥＳ）、プロセッサ２１は、親コンテンツにフォーカスを切り替える（ＡＣＴ２２）。

すなわち、図７（Ａ１）に示すように、コンテンツ２４Ａにフォーカス（Ｆ）が設定されている状態において、フォーカス切り替えのためのジェスチャ操作（シェイク）がされた場合（Ｓ）、図７（Ａ２）に示すように、コンテンツ２４Ｂが表示中であれば、コンテンツ２４Ｂにフォーカスを切り替える。

一方、図７（Ｂ１）に示すように、コンテンツ２４Ｂにフォーカス（Ｆ）が設定されている状態において、フォーカス切り替えのためのジェスチャ操作（シェイク）がされた場合（Ｓ）、図７（Ｂ２）に示すように、コンテンツ２４Ｂには親コンテンツであるコンテンツ２４Ａがあるため、コンテンツ２４Ａにフォーカスを切り替える。すなわち、フォーカス切り替えのためのシェイクジェスチャをすることで、親子関係にあるコンテンツに対して、交互にフォーカスを切り替えることができる。

なお、子コンテンツが表示中でない状態とは、例えば図８（Ａ）に示す状態がある。図８（Ａ）は、コンテンツ２４Ａのコンテンツ２４Ｂが設けられたエリアが、コンテンツ２４Ａがスクロールされることで表示範囲外のコンテンツ２４ＡＳに含まれている状態に相当する。

また、子コンテンツが表示中とする状態とは、図７（Ａ１）（Ａ２）に示すように、コンテンツ２４Ｂの全体が表示されている状態だけでなく、図８（Ｂ）に示すように、コンテンツ２４Ｂを表示するエリアの一部が表示されている状態を含むものとする。従って、図８（Ｂ）の状態でフォーカス切り替えのためのシェイクジェスチャがされた場合、コンテンツ２４Ｂにフォーカスを切り替える。なお、図７（Ａ１）（Ａ２）に示すように、コンテンツ２４Ｂの全体が表示されている状態の場合のみフォーカスを切り替えるようにしても良い。

最上部の子コンテンツとは、例えば図９（Ａ）に示すように、コンテンツ２４Ａに複数の子コンテンツ（コンテンツ２４Ｂ、コンテンツ２４Ｃ）が設定されている場合、例えば上に表示されているコンテンツ２４Ｂにフォーカスを切り替える。なお、コンテンツ２４Ａが上方向にスクロールされ、コンテンツ２４Ｂが表示範囲から外れて、コンテンツ２４Ｃが表示されている場合には、コンテンツ２４Ｃにフォーカスを切り替える。

また、例えば図９（Ｂ）に示すように、コンテンツ２４Ｂとコンテンツ２４Ｃが横方向に配置されている場合には、例えば最も左側に配置されたコンテンツ２４Ｂを最上部の子コンテンツとしてフォーカスを切り替える。なお、最も右側に配置されたコンテンツ２４Ｂを最上部の子コンテンツとしてフォーカスを切り替えるように予め設定されていても良い。

このように、機器本体の姿勢を変化させるジェスチャ操作によってフォーカスを切り替えることができる。従って、ジェスチャ操作によってフォーカスを切り替えた後、前述したように、親コンテンツ（コンテンツ２４Ａ）あるいは子コンテンツ（コンテンツ２４Ｂ，２４Ｃ）の何れのエリアに対するスクロール操作であっても、フォーカスが設定されたコンテンツをスクロールさせることができる。

なお、前述したフォーカス切り替え処理（２）では、フォーカス切り替えのためのジェスチャ操作として、機器本体を振る際の方向や向きが何れでも良いシェイク操作を対象としているが、予め決められた方向へのシェイク操作を検出して、シェイク操作の方向に応じたフォーカス切り替えをしても良い。例えば、機器本体の一方の端部（例えば上端部）を奥方向に向けて振るシェイク操作と、その逆の機器本体の他方の端部（例えば下端部）を手前に向けて振るシェイク操作に応じたフォーカス切り替えをすることも可能である。

図１０は、シェイク操作の方向に応じたフォーカス切り替えをするフォーカス切り替え処理（３）のフローチャート、図１１は、フォーカス切り替え処理（３）を説明するための図である。

プロセッサ２１は、例えば機器本体を手前方向に向けて振る（機器本体の下端方向に振る）シェイクジェスチャ（以下、手前方向シェイクジェスチャと称する）を検出した場合（ＡＣＴ３１、ＹＥＳ）、現在のフォーカスが設定されたコンテンツに対して親コンテンツがあるかを検索する。親コンテンツがある場合（ＡＣＴ３２、ＹＥＳ）、プロセッサ２１は、親コンテンツにフォーカスを切り替える（ＡＣＴ３３）。一方、親コンテンツがない場合（ＡＣＴ３１、ＮＯ）、プロセッサ２１は、コンテンツの切り替えをしない。

また、プロセッサ２１は、例えば機器本体を奥方向に向けて振る（機器本体の上端方向に振る）シェイクジェスチャ（以下、奥方向シェイクジェスチャと称する）を検出した場合（ＡＣＴ３１、ＮＯ）、現在のフォーカスが設定されたコンテンツに対して子コンテンツが表示中であるか判別する。子コンテンツが表示中の場合には（ＡＣＴ３４、ＹＥＳ）、プロセッサ２１は、子コンテンツにフォーカスを切り替える（ＡＣＴ３５）。一方、子コンテンツがない場合（ＡＣＴ３４、ＮＯ）、プロセッサ２１は、コンテンツの切り替えをしない。

すなわち、図１１（Ａ）に示すように、コンテンツ２４Ａにフォーカスが設定されている状態おいて、奥方向シェイクジェスチャ（ＳＦ）がされた場合、図１１（Ｂ）に示すように、子コンテンツであるコンテンツ２４Ｂにフォーカスを切り替える。なお、図１１（Ｂ）に示す状態において、奥方向シェイクジェスチャ（ＳＦ）がされた場合には、フォーカスの切り替えをしない。

また、図１１（Ｂ）に示すように、コンテンツ２４Ｂにフォーカスが設定されている状態おいて、手前方向シェイクジェスチャ（ＳＢ）がされた場合、図１１（Ａ）に示すように、親コンテンツであるコンテンツ２４Ａにフォーカスを切り替える。なお、図１１（Ａ）に示す状態において、手前方向シェイクジェスチャ（ＳＢ）がされた場合には、フォーカスの切り替えをしない。

このように、フォーカスを切り替えるための異なるジェスチャ操作（奥方向シェイクジェスチャ、手前方向シェイクジェスチャ）に応じて、フォーカスを切り替えることができる。このため、現在のフォーカスが何れのコンテンツに設定されているかを把握していなくても、ジェスチャ操作を変えることで、親コンテンツあるいは子コンテンツにフォーカスを切り替えることができる。

なお、図１１に示す例では、親コンテンツとするコンテンツ２４Ａのエリアに１つの子コンテンツとするコンテンツ２４Ｂが設けられた例を示しているが、例えば図１２に示すように、コンテンツ２４Ｂのエリアにさらに下位のコンテンツ（孫コンテンツ）とするコンテンツ２４Ｄが設けられる場合がある。こうした場合に、直接、入れ子の関係にない上位のコンテンツ（親コンテンツ）と下位のコンテンツ（孫コンテンツ）との間で、異なるジェスチャ操作（奥方向シェイクジェスチャ、手前方向シェイクジェスチャ）によりフォーカスを切り替えるようにしても良い。

例えば、図１２（Ａ）に示すように、上位のコンテンツ２４Ａにフォーカスが設定されている状態おいて、奥方向シェイクジェスチャ（ＳＦ）がされた場合、直接入れ子の関係にあるコンテンツ２４Ｂではなく、図１２（Ｂ）に示すように、さらに下位のコンテンツであるコンテンツ２４Ｄにフォーカスを切り替える。なお、図１２（Ｂ）に示す状態において、奥方向シェイクジェスチャ（ＳＦ）がされた場合には、フォーカスの切り替えをしない。

また、図１２（Ｂ）に示すように、下位のコンテンツ２４Ｄにフォーカスが設定されている状態おいて、手前方向シェイクジェスチャ（ＳＢ）がされた場合、直接入れ子の関係にあるコンテンツ２４Ｂではなく、図１２（Ａ）に示すように、さらに上位のコンテンツであるコンテンツ２４Ａにフォーカスを切り替える。なお、図１２（Ａ）に示す状態において、手前方向シェイクジェスチャ（ＳＢ）がされた場合には、フォーカスの切り替えをしない。

なお、前述した説明では、親子孫の３階層で入れ子の関係にあるコンテンツを例にして、上位のコンテンツ（親コンテンツ）と下位のコンテンツ（孫コンテンツ）との間でフォーカスの切り替えをしている。本実施形態の電子機器１０は、さらに４階層以上で入れ子の関係にあるコンテンツの場合に、任意の上位と下位のコンテンツの組み合わせ間でフォーカスを切り替えるようにしても良い。
また、図１２では、上位／下位の関係にある入れ子状に設けられたコンテンツの場合を例にしているが、例えば１つの親コンテンツに複数の子コンテンツが入れ子状に設けられている場合に適用して、ジェスチャ操作に応じて複数の子コンテンツの間でフォーカスを切り替えるようにしても良い。この場合、フォーカス切り替えのための複数の異なるジェスチャ操作に応じて、それぞれのジェスチャ操作に対応する何れかの子コンテンツにフォーカスを切り替えるようにしても良い。

このように、異なるジェスチャ操作によって、ジェスチャ操作に応じた何れかのコンテンツに、直接的にフォーカスを切り替えることができる。従って、複数の入れ子状に設けられたコンテンツが設けられている場合でも、ジェスチャ操作によって簡単によって任意のコンテンツにフォーカスを切り替えることができる。

さらに、図１３（Ａ）（Ｂ）（Ｃ）に示すように、複数のコンテンツが階層的に入れ子状に設定されたコンテンツに対して、ジェスチャ操作に応じて段階的にフォーカスを切り替えるようにしても良い。例えば、図１３（Ａ）に示すように、最上位のコンテンツ２４Ａにフォーカスが設定されている状態おいて、奥方向シェイクジェスチャ（ＳＦ）がされた場合、図１３（Ｂ）に示すように、コンテンツ２４Ａの下位コンテンツであるコンテンツ２４Ｂにフォーカスを切り替える。さらに、奥方向シェイクジェスチャ（ＳＦ）がされた場合、図１３（Ｃ）に示すように、コンテンツ２４Ｂの下位コンテンツである最下位のコンテンツ２４Ｄにフォーカスを切り替える。

また、図１３（Ｃ）に示すように、最下位のコンテンツ２４Ｄにフォーカスが設定されている状態おいて、手前方向シェイクジェスチャ（ＳＢ）がされた場合、図１３（Ｂ）に示すように、コンテンツ２４Ｄの上位コンテンツであるコンテンツ２４Ｂにフォーカスを切り替える。さらに、手前方向シェイクジェスチャ（ＳＢ）がされた場合、図１３（Ａ）に示すように、最上位のコンテンツ２４Ａにフォーカスを切り替える。

このように、複数のコンテンツが階層的に入れ子状に設けられていても、コンテンツ切り替えのジェスチャ操作に応じて、上位コンテンツ方向あるいは下位コンテンツ方向に、順番にフォーカスを切り替えることができる。従って、ジェスチャ操作に応じて何れのコンテンツにフォーカスが切り替えられるか把握し易くなり、フォーカス切り替えを容易にすることができる。

なお、前述した説明では、フォーカス切り替えのためのジェスチャ操作としてシェイクジェスチャを例にしているが、センサ群２５により検知可能な機器本体の姿勢を変化させる操作であれば、他のジェスチャ操作を用いることも可能である。

また、前述したフォーカス切り替え処理（１）（２）（３）は、何れか１つを実施しても良いし、何れかを組み合わせて実施しても良い。

本発明のいくつかの実施形態を説明したが、これらの実施形態は、例として提示したものであり、発明の範囲を限定することは意図していない。これら新規な実施形態は、その他の様々な形態で実施されることが可能であり、発明の要旨を逸脱しない範囲で、種々の省略、置き換え、変更を行うことができる。これら実施形態やその変形は、発明の範囲や要旨に含まれるとともに、特許請求の範囲に記載された発明とその均等の範囲に含まれる。

また、前述した実施の形態において記載した処理は、コンピュータに実行させることのできるプログラムとして、例えば磁気ディスク（フレキシブルディスク、ハードディスク等）、光ディスク（ＣＤ−ＲＯＭ、ＤＶＤ等）、半導体メモリなどの記録媒体に書き込んで各種装置に提供することができる。また、通信媒体により伝送して各種装置に提供することも可能である。コンピュータは、記録媒体に記録されたプログラムを読み込み、または通信媒体を介してプログラムを受信し、このプログラムによって動作が制御されることにより、上述した処理を実行する。

１０…電子機器、１２…ネットワーク、２１…プロセッサ、２２…メモリ、２３記憶装置、２４…タッチパネル、２５…センサ群、２６…通信装置。

実施形態によれば、電子機器は、操作検出手段、表示手段、フォーカス設定手段、スクロール手段を有する。操作検出手段は、操作を検出する。表示手段は、第１コンテンツを表示する第１エリアに、第２コンテンツを表示する第２エリアが入れ子状に設けられたコンテンツを表示する。フォーカス設定手段は、予め決められた入力操作に応じて、前記第１コンテンツあるいは前記第２コンテンツにフォーカスを設定する。スクロール手段は、前記第１コンテンツにフォーカスが設定された場合に、前記表示手段におけるスクロール操作に応じて、前記第２エリアを含む前記第１エリアの前記第１コンテンツの全体をスクロールさせ、前記第２コンテンツにフォーカスが設定された場合に、前記表示手段におけるスクロール操作に応じて、前記第２エリアの前記第２コンテンツをスクロールさせる。

Claims (6)

1. 第１コンテンツを表示する第１エリアに、第２コンテンツを表示する第２エリアが入れ子状に設けられたコンテンツを表示させる表示手段と、
   予め決められたジェスチャ操作に応じて、前記第１コンテンツあるいは前記第２コンテンツにフォーカスを設定するフォーカス設定手段と、
   予め決められたスクロール操作に応じて、前記スクロール操作の対象が前記第１エリア及び前記第２エリアの何れの場合も前記フォーカスが設定された前記第１コンテンツあるいは前記第２コンテンツをスクロールさせるスクロール手段とを有する電子機器。
2. タッチパネルをさらに有し、
   前記フォーカス設定手段は、前記タッチパネルに対する入力操作をもとに前記ジェスチャ操作を検出する請求項１記載の電子機器。
3. 前記フォーカス設定手段は、
   フォーカスが設定された前記第２コンテンツに対応する前記第２エリアに対して前記ジェスチャ操作がされたことを検出した場合、前記第１コンテンツにフォーカスを設定し、
   フォーカスが設定されていない前記第１コンテンツに対応する前記第１エリアに対して前記ジェスチャ操作がされたことを検出した場合に、前記第１コンテンツにフォーカスを設定し、
   フォーカスが設定されていない前記第２コンテンツに対応する前記第２エリアに対して前記ジェスチャ操作がされたことを検出した場合に、前記第２コンテンツにフォーカスを設定する請求項２記載の電子機器。
4. 機器本体の姿勢の変化を検出するセンサをさらに有し、
   前記フォーカス設定手段は、前記センサによる前記機器本体の姿勢の変化をもとに前記ジェスチャ操作を検出する請求項１記載の電子機器。
5. 前記フォーカス設定手段は、
   前記第２コンテンツにフォーカスが設定されている状態において、前記ジェスチャ操作を検出した場合、前記第１コンテンツにフォーカスを設定し、
   前記第１コンテンツにフォーカスが設定されている状態において、前記ジェスチャ操作を検出した場合、前記第２コンテンツにフォーカスを設定する請求項４記載の電子機器。
6. コンピュータを、
   第１コンテンツを表示する第１エリアに、第２コンテンツを表示する第２エリアが入れ子状に設けられたコンテンツを表示させる表示手段と、
   予め決められたジェスチャ操作に応じて、前記第１コンテンツあるいは前記第２コンテンツにフォーカスを設定するフォーカス設定手段と、
   予め決められたスクロール操作に応じて、前記スクロール操作の対象が前記第１エリア及び前記第２エリアの何れの場合も前記フォーカスが設定された前記第１コンテンツあるいは前記第２コンテンツをスクロールさせるスクロール手段として機能させるためのコンテンツ表示プログラム。

Images