JP2012181613A - 電子装置、表示方法、およびプログラム - Google Patents

Abstract

【課題】ディスプレイにタッチパネルを積層させたユーザインタフェースの操作性を向上させる。
【解決手段】例えば、ユーザが指をタッチパネル１１に接近させた状態で左側から選択肢領域４１に進入させると、ディスプレイ１２の画面４０は、同図Ｂに示されるように、音楽のジャンルに属する選択肢に対応するボタン４４だけに変更される。いまの場合、音楽のジャンルに属するロック、クラシック、およびジャズにそれぞれ対応するボタン４４だけに絞られて表示される。図４に示された第１の表示例によれば、ユーザの指の進入方向に応じて、表示するボタンの数を絞ることができるので、ユーザがボタンを押し易くなる。よって、ユーザの操作性を向上させることができる。本開示は、タッチパネルを備えた電子装置に適用できる。
【選択図】図４

Description

本開示は、電子装置、表示方法、およびプログラムに関し、特に、タッチパネルが積層して設けられたディスプレイにユーザインタフェースを表示させる場合に用いて好適な電子装置、表示方法、およびプログラムに関する。

従来、タッチパネルが積層されたディスプレイ上に、ユーザからの操作を受け付けるためのユーザインタフェースを表示するようにした様々な電子装置が存在する。具体的には、例えば、パーソナルコンピュータ、スマートフォン、カーナビゲーション装置、ATM(Automated teller machine)などに適用されている。

なお、タッチパネルには、ユーザの指などの接触を検知するだけでなく、ユーザの指などの接近を検知できるものが存在する（静電容量方式などのタッチパネル）。

ユーザの指などの接近を検知できるタッチパネルは、例えば、通常は画面上に地図を表示し、ユーザの指などが接近すると、画面上の所定の位置に操作入力用のボタンを表示するようにしたカーナビゲーション装置などへの利用が提案されている（特許文献１参照）。

特開２００２−３５８１６２号公報

タッチパネルが積層されたディスプレイを備える電子装置によれば、ユーザインタフェースを容易に変更することができる。例えば、選択肢として複数のボタンを表示させる場合、同時に表示させるボタンの数に応じてボタンのサイズを変えることなどができる。

ただし、同時に表示させるボタンの数が多い場合には、各ボタンのサイズを小さくしたり、ボタン間隔を狭めたりすることになり、このような場合、ユーザが自身の意図したボタンを選択（接触）できずに誤操作してしまうなど、操作性に支障が生じてしまうことがあった。

本開示はこのような状況に鑑みてなされたものであり、ディスプレイにタッチパネルを積層させたユーザインタフェースの操作性を向上させるようにするものである。

本開示の一側面である電子装置は、ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む操作画面を生成する生成部と、生成された前記操作画面を表示する表示部と、前記ユーザの指示部の前記表示部に対する接近を検知する検知部とを含み、前記生成部は、検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する。

前記生成部は、検知された前記指示部の接近位置の移動方向、または移動軌跡に基づいて、前記操作画面における前記ボタンの配置を変更することができる。

前記生成部は、検知された前記指示部の接近位置の移動方向に応じ、前記操作画面における複数のボタンを選抜することができる。

前記生成部は、前記指示部の接近位置の移動方向と、前記複数のボタンを選抜する際の選抜条件とを対応付けた情報を含む前記操作画面を生成することができる。

前記生成部は、検知された前記指示部の接近位置の移動方向と垂直な方向に、前記操作画面における複数のボタンの配列を変更することができる。

前記生成部は、検知された前記指示部の接近位置の移動軌跡に基づいて、前記操作画面における前記ボタンの配置を前記移動軌跡に沿って変更することができる。

前記生成部は、検知された前記指示部の接近位置を避けるように前記操作画面における前記ボタンの配置を変更することができる。

前記検知手段は、前記表示部に積層されて前記表示部に表示される前記操作画面を透過し、前記ユーザの指示部の前記表示部に対する接近を検知することができる。

本開示の一側面である表示制御方法は、操作画面を生成する生成部と、生成された前記操作画面を表示する表示部と、ユーザの指示部の前記表示部に対する接近を検知する検知部とを備える電子装置の表示制御方法において、前記生成部による、ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む前記操作画面を生成する生成ステップと、検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する変更ステップとを含む。

本開示の一側面であるプログラムは、生成された操作画面を表示する表示部と、ユーザの指示部の前記表示部に対する接近を検知する検知部とを備えるコンピュータに、ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む前記操作画面を生成する生成ステップと、検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する変更ステップとを含む処理を実行させる。

本開示の一側面においては、ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む操作画面が生成され、検知されたユーザの指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置が変更される。

本開示の一側面によれば、ディスプレイにタッチパネルを積層させたユーザインタフェースの操作性を向上させることができる。

実施の形態である電子装置の構成例を示すブロック図である。 図１の制御部の機能ブロックを示す図である。 適応的ボタン表示処理を説明するフローチャートである。 適応的ボタン表示処理における第１の表示例を示す図である。 適応的ボタン表示処理における第２の表示例を示す図である。 適応的ボタン表示処理における第３の表示例を示す図である。 適応的ボタン表示処理における第４の表示例を示す図である。

以下、発明を実施するための最良の形態（以下、実施の形態と称する）について、図面を参照しながら詳細に説明する。
＜１．実施の形態＞
［電子装置の構成例］
図１は、実施の形態である電子装置の構成例を示している。この電子装置１０は、ディスプレイにタッチパネルを積層させたユーザインタフェースを備えるものであり、例えば、パーソナルコンピュータ、スマートフォン、デジタルスチルカメラ、デジタルビデオカメラ、ナビゲーション装置などに相当する。なお、もちろん、これら以外の電子装置に本発明を適用することも可能である。

電子装置１０は、バス１５を介して接続されているタッチパネル１１、ディスプレイ１２、記録部１３、および制御部１４から構成される。

タッチパネル１１は、ディスプレイ１２の画面表示を透過し、ユーザの指などの接触だけでなく接近（接触せずに所定の距離まで近づいたことを意味するものとする）も検知可能である。ここで、ユーザの指などとは、ユーザの指以外の生体部位やタッチパネル１１に対応したスタイラス（ペン状の指示棒）などを指す。以下、単にユーザの指と記載するが、指以外の生体部位やスタイラスを含むものとする。

タッチパネル１１には、例えば静電容量式のものを採用することができる。なお、ユーザの指の接触だけでなく接近も検知可能であれば、他の方式でも構わない。タッチパネル１１は、ユーザの指の接触や接近の検知結果を示す検知情報をバス１５を介して制御部１４に通知する。

ディスプレイ１２は、例えばLCD、有機ELディスプレイなどからなり、バス１５を介して制御部１４から供給される画面画像を表示する。記録部１３には、制御部１４にて実行される制御用プログラムが記録されている。また、記録部１３には、当該電子装置１０にて処理対象とする各種のコンテンツ（画像データ、オーディオデータ、ビデオデータ、アプリケーションプログラムなど）が記録される。

制御部１４は、記録部１３に記録されている制御用プログラムを実行することにより、電子装置１０の全体を制御する。

なお、上述した構成に追加して、ユーザインタフェースとなるハードウェアとしての押しボタンなどを設けるようにしてよい。

図２は、制御部１４が制御用プログラムを実行することにより実現される機能ブロックを示している。

操作判定部２１は、タッチパネル１１からの検知情報に基づき、ユーザの操作を判定する。具体的には、接近した座標の変化に基づいてディスプレイ１２の選択肢領域４１（図４）への進入の有無を判定したり、進入方向や移動軌跡を判定したりする。また、接触した座標を判定したりする。

画面画像生成部２２は、ディスプレイ１２に表示させるための画像（ユーザインタフェースとなるボタンなどを含む。以下、画面画像と称する）を生成し、生成した画面画像をバス１５を介してディスプレイ１２に供給する。また、画面画像生成部２２は、判別したユーザの操作に応じて、画面画像におけるボタンの位置をユーザが操作し易い位置に変更する（詳細は適用的ボタン表示処理として後述する）。実行部２３は、接触されたボタンに応じた処理を実行する。

［動作説明］
次に、電子装置１０による適応的ボタン表示処理について説明する。図３は、電子装置１０による適応的ボタン表示処理を説明するフローチャートである。

ステップＳ１において、画面画像生成部２２は、ユーザインタフェースの選択肢となるボタンを初期位置に配置した画面画像を生成し、バス１５を介してディスプレイ１２に供給する。ディスプレイ１２は、供給された画面画像を表示する。

ステップＳ２において、操作判定部２１は、タッチパネル１１からの検知情報に基づき、ユーザの指がタッチパネル１１に接近した状態でディスプレイ１２に表示されている全てのボタンを含む選択肢領域に進入したか否かを判定する。そして、進入したと判定するまで待機する。ユーザが指をディスプレイ１２の画面上に接近させると、選択肢領域に進入したと判定されて処理がステップＳ３に進められる。

ステップＳ３において、操作判定部２１は、タッチパネル１１からの検知情報に基づき、ユーザの指の移動方向を判定する。ステップＳ４において、画面画像生成部２２は、操作判定部２１で判定されたユーザの指の移動方向に応じ、画面画像におけるボタンの配置を変更する。すなわち、画面画像を更新してディスプレイ１２に供給する。これにより、ディスプレイ１２の画面におけるボタンの配置が変更される。

ステップＳ５において、操作判定部２１は、タッチパネル１１からの検知情報に基づき、ユーザの指がボタンにタッチしたか否か（実際には、タッチパネル１１に接触したか否か）を判定する。タッチしていないと判定された場合、処理はステップＳ２に戻されてそれ以降が繰り返される。

ユーザの指がボタンにタッチしたと判定された場合、処理はステップＳ６に進められる。ステップＳ６において、操作判定部２１は、ユーザの指が接触したタッチパネル１１上の座標を検出する。実行部２３は、検出されたタッチパネル１１上の座標に基づいて、ユーザによりタッチされたボタンを特定する。さらに、実行部２３は、タッチされたボタンに応じた処理を行う。以上で、適応的ボタン表示処理の説明を終了する。

次に、適応的ボタン表示処理における具体的な第１乃至第４の表示例について図４乃至図７を参照して説明する。

図４は、適応的ボタン表示処理における第１の表示例を示している。第１の表示例は、ユーザの指の進入方向に応じて、選択肢を選抜するようになされている。

初期段階において、ディスプレイ１２の画面４０には、例えば、同図Ａに示されるように、選択肢にそれぞれ対応する複数のボタン４２が配置されている。さらに、画面４０には、ユーザの指の進入方向を示す矢印４３と、それに応じて選択肢を選抜する条件となるジャンルなどが表示される。なお、選択肢領域４１については、ユーザからは不可視であるが視認できるようにしてもよい。

同図Ａの場合、選択肢として、音楽のジャンルに属するロック、クラシック、およびジャズ、スポーツのジャンルに属するテニス、野球、および水泳、並びに果実のジャンルに属するレモン、およびバナナにそれぞれ対応するボタン４２が表示されている。さらに、左側から進入する矢印４３−１とそれに対応するジャンルとして音楽の文字列が、下側から進入する矢印４３−２とそれに対応するスポーツジャンルとして音楽の文字列が、右側から進入する矢印４３−３とそれに対応するジャンルとして果実の文字列が表示されている。

例えば、ユーザが指をタッチパネル１１に接近させた状態で左側から選択肢領域４１に進入させると、ディスプレイ１２の画面４０は、同図Ｂに示されるように、音楽のジャンルに属する選択肢に対応するボタン４４だけに変更される。いまの場合、音楽のジャンルに属するロック、クラシック、およびジャズにそれぞれ対応するボタン４４だけに絞られて表示される。

また例えば、ユーザが指をタッチパネル１１に接近させた状態で右側から選択肢領域４１に進入させると、ディスプレイ１２の画面４０は、同図Ｃに示されるように、果実のジャンルに属する選択肢に対応するボタン４５だけに変更される。いまの場合、果実のジャンルに属するレモン、およびバナナにそれぞれ対応するボタン４５だけに絞られて表示される。

また、図示は省略するが、ユーザが指をタッチパネル１１に接近させた状態で下側から選択肢領域４１に進入させると、ディスプレイ１２の画面４０は、スポーツのジャンルに属するテニス、野球、および水泳にそれぞれ対応するボタンだけに変更される。

なお、同図Ｂまたは同図Ｃに示されるように、ボタン４４，４５のサイズと間隔を、同図Ａのボタン３２のそれよりも拡大するようにしてもよい。

図４に示された第１の表示例によれば、ユーザの指の進入方向に応じて、表示するボタンの数を絞ることができるので、ユーザがボタンを押し易くなる。よって、ユーザの操作性を向上させることができる。

図５は、適応的ボタン表示処理における第２の表示例を示している。第２の表示例は、ユーザの指の進入方向に応じて、選択肢となるボタンの配置の方向を変更するようになされている。

初期段階において、ディスプレイ１２の画面５０には、例えば、同図Ａに示されるように、選択肢にそれぞれ対応する複数のボタン５１がマトリクス状に配置されている。

同図Ａの場合、４つの選択肢にそれぞれ対応するＡ，Ｂ，Ｃ，Ｄのボタン５１が２×２のマトリクス状に配置されている。

例えば、ユーザが指をタッチパネル１１に接近させた状態で左側から選択肢領域４１に進入させると、同図Ｂに示されるように、画面５０の複数のボタン５１の配置がその進入方向に対して垂直な方向、すなわち、上下方向に変更される。なお、ユーザが指をタッチパネル１１に接近させた状態で右側から選択肢領域４１に進入させた場合も同様である。

また例えば、ユーザが指をタッチパネル１１に接近させた状態で下側から選択肢領域４１に進入させると、同図Ｃに示されるように、画面５０の複数のボタン５１の配置がその進入方向に対して垂直な方向、すなわち、左右方向に変更される。なお、ユーザが指をタッチパネル１１に接近させた状態で上側から選択肢領域４１に進入させた場合も同様である。

図５に示された第２の表示例によれば、ユーザの指の進入方向に対して垂直にボタンの配置を変更するので、ボタンがマトリクス状に配置されている場合に比較して、ユーザがボタンを押し易くなる。よって、ユーザの操作性を向上させることができる。

図６は、適応的ボタン表示処理における第３の表示例を示している。第３の表示例は、ユーザの指の移動軌跡に応じて、選択肢となるボタンの配置の方向を変更するようになされている。

初期段階において、ディスプレイ１２の画面６０には、例えば、同図Ａに示されるように、選択肢にそれぞれ対応する複数のボタン６１が重畳して配置されている。

同図Ａの場合、４つの選択肢にそれぞれ対応するＡ，Ｂ，Ｃ，Ｄのボタン６１が重畳して配置されている。

例えば、ユーザが指をタッチパネル１１に接近させた状態で右下から左上方向に選択肢領域４１を移動させると、同図Ｂに示されるように、画面６０の複数のボタン６１の配置がその移動軌跡に沿って変更される。

同様に、ユーザが指をタッチパネル１１に接近させた状態で中央下から右上方向に選択肢領域４１を移動させると、同図Ｃに示されるように、画面６０の複数のボタン６１の配置がその移動軌跡に沿って変更される。

図６に示された第３の表示例によれば、ユーザは指を移動させることによりボタンの配置を任意に変更することができるのでボタンを押し易くなる。よって、ユーザの操作性を向上させることができる。

図７は、適応的ボタン表示処理における第４の表示例を示している。第４の表示例は、ユーザの指の位置に応じて、選択肢となるボタンの配置の方向を変更するようになされている。

初期段階において、ディスプレイ１２の画面７０には、同図Ａに示されるように、背景の画像に重畳して選択肢にそれぞれ対応する複数のボタン７２がマトリクス状に配置されている。

同図Ａの場合、背景にはオブジェクト７１が含まれ、それに重畳して被写体７１Ａ乃至Ｐのボタン７２が４×４のマトリクス状に配置されている。

例えば、ユーザが指をオブジェクト７１に近づけると、同図Ｂまたは同図Ｃに示されるように、画面７０の複数のボタン７２の配置が指を避けるように変更される。

図７に示された第４の表示例によれば、ユーザは指を移動させることにより表示されているボタンを排除することができる。したがって、背景のオブジェクト７１を視認し易くすることができる。また、オブジェクト７１を確認した上でボタン押すことができる。よって、ユーザの操作性を向上させることができる。

とこるで、上述した一連の処理は、ハードウェアにより実行することもできるし、ソフトウェアにより実行することもできる。

なお、コンピュータが実行するプログラムは、本明細書で説明する順序に沿って時系列に処理が行われるプログラムであってもよいし、並列に、あるいは呼び出しが行われたとき等の必要なタイミングで処理が行われるプログラムであってもよい。

また、プログラムは、１台のコンピュータにより処理されるものであってもよいし、複数のコンピュータによって分散処理されるものであってもよい。さらに、プログラムは、遠方のコンピュータに転送されて実行されるものであってもよい。

なお、本開示の実施の形態は、上述した実施の形態に限定されるものではなく、本発明の要旨を逸脱しない範囲において種々の変更が可能である。

１０ 電子装置， １１ タッチパネル， １２ ディスプレイ， １３ 記録部， １４ 制御部， ２１ 操作判定部， ２２ 画面画像生成部， ２３ 実行部， ４１ 選択肢領域

Claims (10)

1. ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む操作画面を生成する生成部と、
   生成された前記操作画面を表示する表示部と、
   前記ユーザの指示部の前記表示部に対する接近を検知する検知部と
   を含み、
   前記生成部は、検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する
   電子装置。
2. 前記生成部は、検知された前記指示部の接近位置の移動方向、または移動軌跡に基づいて、前記操作画面における前記ボタンの配置を変更する
   請求項１に記載の電子装置。
3. 前記生成部は、検知された前記指示部の接近位置の移動方向に応じ、前記操作画面における複数のボタンを選抜する
   請求項２に記載の電子装置。
4. 前記生成部は、前記指示部の接近位置の移動方向と、前記複数のボタンを選抜する際の選抜条件とを対応付けた情報を含む前記操作画面を生成する
   請求項３に記載の電子装置。
5. 前記生成部は、検知された前記指示部の接近位置の移動方向と垂直な方向に、前記操作画面における複数のボタンの配列を変更する
   請求項２に記載の電子装置。
6. 前記生成部は、検知された前記指示部の接近位置の移動軌跡に基づいて、前記操作画面における前記ボタンの配置を前記移動軌跡に沿って変更する
   請求項２に記載の電子装置。
7. 前記生成部は、検知された前記指示部の接近位置を避けるように前記操作画面における前記ボタンの配置を変更する
   請求項１に記載の電子装置。
8. 前記検知手段は、前記表示部に積層されて前記表示部に表示される前記操作画面を透過し、生成された前記操作画面を表示する
   請求項１に記載の電子装置。
9. 操作画面を生成する生成部と、
   生成された前記操作画面を表示する表示部と、
   ユーザの指示部の前記表示部に対する接近を検知する検知部と
   を備える電子装置の表示制御方法において、
   前記生成部による、
   ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む前記操作画面を生成する生成ステップと、
   検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する変更ステップと
   を含む表示制御方法。
10. 生成された操作画面を表示する表示部と、
    ユーザの指示部の前記表示部に対する接近を検知する検知部と
    を備えるコンピュータに、
    ユーザに選択させる複数の選択肢にそれぞれ対応するボタンを含む前記操作画面を生成する生成ステップと、
    検知された前記指示部の接近位置に基づいて、前記操作画面における前記ボタンの配置を変更する変更ステップと
    を含む処理を実行させるプログラム。

Images