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

Abstract

【課題】表示部にタッチする物体で選択用画像が隠れてしまうことを抑制すること。
【解決手段】本発明は、画面に物体がタッチすることにより選択可能な選択用画像２０を表示する表示部１５と、前記画面内の前記物体３２がタッチした位置２２を含む所定範囲２４内の前記選択用画像２０を前記所定範囲２４外に表示する表示制御部と、を具備する電子装置である。本発明によれば、画面に物体３２がタッチすることにより選択可能な選択用画像３０を所定範囲２４外に表示するため、選択用画像３０が物体３２により隠れてしまうことを抑制することができる。
【選択図】図２

Description

本発明は、電子装置、表示方法および表示プログラムに関する。本発明は、例えば、画面に物体がタッチすることにより選択可能な選択用画像を表示する電子装置、表示方法および表示プログラムに関する。

タッチパネルを備えた電子装置が多く用いられている。このような電子装置においては、タッチパネルの表示画面に選択可能な１または複数の選択用画像（例えばボタン）が表示されている。指等の接触体が選択用画像のうち１つに接触することにより、１つの選択用画像が選択される。例えば、選択用画像がリンクしているページを選択する画像である場合、選択用画像を選択することにより、選択用画像にリンクしたページを表示することができる。

特許文献１には、複数の選択肢の表示画面で選択された表示の部分の近傍位置を拡大表示する技術が開示されている。特許文献２には、タッチパネルスイッチを表示部とは異なる位置に配置することにより、選択項目を選択する場合に表示が指で隠れることを防止することが記載されている。

特開２００１−１０９５５７号公報 特開２００２−７７３５７号公報

タッチパネルを備えた表示部の表示画面に小さい選択用画像を表示した場合、タッチパネルをタッチする指等で選択用画像が隠れてしまう。例えば、指等で隠れるような複数の選択用画像が表示されている場合、指等がいずれの選択用画像をタッチするか、利用者が認識することができない。これを抑制するため特許文献２のような方法を用いると、選択項目を誤認する可能性がある。

本電子装置、表示方法および表示プログラムは、上記課題に鑑みなされたものであり、表示部にタッチする物体で選択用画像が隠れてしまうことを抑制することを目的とする。

本電子装置は、画面に物体がタッチすることにより選択可能な選択用画像を表示する表示部と、前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示する表示制御部と、を具備する。

本表示方法は、画面に物体がタッチすることにより選択可能な選択用画像を表示部に表示するステップと、前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示するステップと、を含む。

本表示プログラムは、コンピュータに、画面に物体がタッチすることにより選択可能な選択用画像を表示部に表示するステップと、前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示するステップと、を実行させる。

本電子装置、表示方法および表示プログラムによれば、画面に物体がタッチすることにより選択可能な選択用画像を所定範囲外に表示するため、画像が物体により隠れてしまうことを抑制することができる。

図１は、実施例1に係る携帯電話端末のブロック図である。 図２（ａ）および図２（ｂ）は、実施例１の原理を説明するための表示部の表示画面を示す図である。 図３は、実施例１の表示制御部の制御を示すフローチャートである。 図４は、図３のステップＳ１４のフローを示すフローチャートである。 図５は、表示部の表示画面を示す図である。 図６は、図３のステップＳ１６のフローを示すフローチャートである。 図７（ａ）および図７（ｂ）は、表示部の表示画面を示す図である。 図８は、図３のステップＳ１８のフローを示すフローチャートである。 図９は、表示部の表示画面を示す図である。

以下、図面を参照に、携帯電話端末を例とした表示方法および表示プログラムの実施例について説明する。

図１は、実施例1に係る携帯電話端末のブロック図である。図１のように、携帯電話端末１０は、ＣＰＵ（Central Processing Unit）１２、表示部１５、メモリ１６および無線部１７を備えている。ＣＰＵ１２は、表示部１５を制御する表示制御部として機能する。また、無線部１７の制御を行うことができる。表示部１５は、例えば液晶表示装置である画面表示部１３とタッチパネル１４とを備えており、例えばリンク先を選択するための選択用画像を表示する。利用者は、表示部１５の表示画面を指等の物体でタッチすることにより、選択用画像を選択し、所望のリンクのページを表示することが可能である。メモリ１６は、揮発性メモリや不揮発性メモリであり、選択用画像やその詳細情報を記憶する。無線部１７は、基地局との通信を行う。

図２（ａ）および図２（ｂ）は、実施例１の原理を説明するための表示部の表示画面を示す図である。図２（ａ）のように、表示部１５に複数の選択用画像２０としてＡ〜Ｈが表示されている。選択用画像２０は、指３２等の物体がタッチすることにより選択可能な画像であり、例えばプラウザを用い表示された画面のリンク先を選択するための画像である。選択用画像２０としては、文字列、イメージ、これらの組み合わせがある。図２（ｂ）のように、指３２が表示画面にタッチすると、表示制御部は、指３２で隠れる表示画面に表示している選択用画像３０を、指３２で隠れる領域以外に表示させる。図２（ｂ）では、選択用画像３０としてＢ、Ｃ、ＦおよびＧを指３２の輪郭の外側に表示する。指３２が表示画面上をスライドし選択用画像３０の１つ（例えばＢ）を選択した状態で、指３２が表示画面から離れることにより、表示制御部は、この選択用画像３０（例えばＢ）が選択されたと判断する。

このように、指で表示画面上の選択用画像２０をタッチした際に、選択用画像が指の外側に移動するため、利用者は選択用画像３０を視認することができる。なお、選択用画像２０および３０がそれぞれ複数の場合を例に説明するが、選択用画像２０および３０はそれぞれ１つでもよい。

図３は、実施例１の表示制御部の制御を示すフローチャートである。表示プログラムは、ＣＰＵ１２やコンピュータに図３の処理を実行させる。図３のように、表示制御部は表示部１５に複数の選択用画像２０を表示する（ステップＳ１０）。表示制御部は、指３２がタッチしたか判断する（ステップＳ１２）。Ｎｏの場合、ステップＳ１２に戻る。Ｙｅｓの場合、表示制御部は、表示画面のうち指３２で隠れる所定範囲２４（図５参照）内の選択用画像２０を抽出する（ステップＳ１４）。詳細は、図４を用い後述する。表示制御部は、抽出された選択用画像３０を所定範囲２４外に表示する（ステップＳ１６）。詳細は図６を用い後述する。表示制御部は、選択用画像３０が選択されたかを判断する選択処理を行う（ステップＳ１８）。詳細は図８を用い後述する。

図４は、図３のステップＳ１４のフローを示すフローチャートである。図５は、表示部の表示画面を示す図である。図４のように、表示制御部は、タッチパネル１４より指３２のタッチ位置を取得する（ステップＳ４０）。図５のように、タッチパネル１４は指３２がタッチした位置２２の座標を出力する。この例では、タッチパネル１４が出力する位置２２は１点である。図４のように、表示制御部はθ＝０とする（ステップＳ４２）。例えば、図５において、位置２２を中心とし線２６からの角度をθとする。図４のように、表示制御部は、位置２２から所定距離ｒ間に存在する選択用画像２０があるかを判断する（ステップＳ４４）。Ｎｏの場合、ステップＳ４８に進む。Ｙｅｓの場合、位置２２から所定距離ｒ内の選択用画像２０の情報を取得する（ステップＳ４６）。選択用画像２０の情報としては、例えば、選択用画像２０に表示している文字列、イメージ、色、サイズ、リンク先ＵＲＬ、タッチ位置２２からの距離および角度θ等である。表示制御部は、角度θ＝θ＋Δθとする（ステップＳ４８）。表示制御部は、最後のθか判断する（ステップＳ５０）。すなわち、選択用画像２０の探索が３６０°終了したか判断する。Ｎｏの場合、ステップＳ４４に戻る。Ｙｅｓの場合、終了する。

以上の処理により、図５のように、位置２２を中心とした半径ｒの円である所定範囲２４内の選択用画像２０としてＢ、Ｃ、ＦおよびＧが抽出される。ステップＳ４４において、抽出される選択用画像２０は、所定範囲２４に完全に含まれる選択用画像２０か否かで判断することができる。また、所定範囲２４に少なくとも一部が含まれる選択用画像２０かで判断することもできる。さらに、所定範囲２４に一定割合が含まれるか否かで判断することもできる。

図６は、図３のステップＳ１６のフローを示すフローチャートである。図７（ａ）および図７（ｂ）は、表示部の表示画面を示す図である。図６のように、表示制御部は、図４のフローで抽出された選択用画像２０（例えばＢ、Ｃ、ＦおよびＧ）の１つにつきステップＳ４６で取得した選択用画像２０の情報に基づき抽出された選択用画像２０の所定範囲２４外の移動位置を算出する（ステップＳ６０）。表示制御部は、ステップＳ６０で算出した移動位置に選択用画像３０を表示する（ステップＳ６２）。この際、選択用画像２０の情報に基づき表示する選択用画像３０の色や大きさを異ならせることができる。表示制御部は、最後の選択用画像３０かを判定する（ステップＳ６４）。Ｎｏの場合、表示制御部は、処理する選択用画像３０を次の選択用画像３０とする（ステップＳ６６）。ステップＳ６０に戻る、ステップＳ６４においてＹｅｓの場合終了する。

以上の処理により、図７（ａ）のように、選択用画像２０のうちＢ、Ｃ、Ｆ、Ｇが所定範囲２４の外に選択用画像３０として表示される。ここで、所定範囲２４を指３２の大きさ程度とすることにより、図２（ｂ）のように、選択用画像３０であるＢ、Ｃ、ＦおよびＧを指３２の外に表示することができる。

図６のステップＳ６０において、利用者が選択用画像３０を認識し易いように、表示制御部は、選択用画像２０の移動距離が短くなるように選択用画像３０の表示位置を決定することができる。また、図６のステップＳ６０において、図７（ｂ）のように、図２（ａ）において面積の大きい選択用画像２０（例えばＢおよびＧ）は、移動後において大きく表示することができる。このように、移動前の選択用画像２０の大きさに応じ移動後の選択用画像３０の大きさを決定することができる。移動しなかった選択用画像２０（例えば、Ａ、Ｄ、ＥおよびＨ）については、縮小し表示してもよい。また、非表示または透明にして表示してもよい。さらに表示位置を変更してもよい。

図８は、図３のステップＳ１８のフローを示すフローチャートである。図９は、表示部の表示画面を示す図である。図８のように、表示制御部は、タッチ位置が移動したか判断する（ステップＳ２０）。ここで、タッチ位置の移動は、指３２が表示画面にタッチした状態で移動することである。しかし、表示制御部は、指３２が表示画面から離れても所定時間以内であれば、タッチ状態で移動していると認識することができる。Ｎｏの場合、表示制御部は、指３２が表示画面から離れたか判断する（ステップＳ２２）。Ｎｏの場合ステップＳ２０に戻る。Ｙｅｓの場合、表示制御部は、選択用画像３０が選択されたか判断する（ステップＳ２４）。例えば、指３２が表示画面から離れた際に、タッチ位置がいずれかの選択用画像３０内の場合、表示制御部はこの選択用画像３０が選択されてと判断する。指３２が表示画像から離れた際に、タッチ位置がいずれの選択用画像３０内でもない場合、表示制御部はいずれの選択用画像３０も選択されなかったと判断する。

ステップＳ２４において、Ｙｅｓの場合、表示制御部は、選択された選択用画像３０にリンクするＵＲＬに遷移する（ステップＳ２６）。ステップＳ２４において、Ｎｏの場合、表示制御部は、図２（ａ）の元の画像を表示画面に表示する（ステップＳ２８）。ステップＳ２０においてＹｅｓの場合、表示制御部は、いずれかの選択用画像３０が選択されたか判断する（ステップＳ３０）。Ｙｅｓの場合、表示制御部は、選択された選択用画像３０を選択表示する（ステップＳ３２）。例えば、選択された選択用画像３０の色や字体を変える。その後、ステップＳ２０に戻る。ステップＳ３０において、Ｎｏの場合、表示制御部は、選択用画像３０を非選択表示する（ステップＳ３４）。例えば、選択用画像３０はそのままとする。その後、ステップＳ２０に戻る。

以上の処理により、図９のように、指３２が表示画面にタッチした状態でタッチ位置が位置２２から経路４０を通り移動し位置４２に至る。位置４２は選択用画像３０のうちＢに含まれているため、選択用画像３０のうちＢはステップＳ３２のように選択表示となる。この状態で、指３２が表示画面から離れると、ステップＳ２６のように選択用画面３０のうちＢのリンク先に遷移する。一方、指３２が表示画面にタッチした状態でタッチ位置が位置２２から経路４４を通り移動し位置４６に至る。位置４６はいずれの選択用画像３０にも含まれていないため、全ての選択用画像３０はステップＳ３４のように非選択表示である。この状態で、指が表示画面から離れると、ステップＳ２８のように図２（ａ）の画像に戻る。

実施例１によれば、図６および図７（ａ）のように、表示部１５の表示画面内の指３２等の物体がタッチした位置２２を含む所定範囲２４内の選択用画像２０を所定範囲外に選択用画像３０として表示する。これにより、選択用画像２０が指３２により隠れてしまうことを抑制し、利用者は容易に選択用画像３０を選択することができる。所定範囲２４は、物体に応じ決定することができる。例えば、所定範囲２４の大きさは、人の平均的な指の大きさや比較的大きい人の指の大きさから予め決定しておくことができる。このように、所定範囲２４の大きさは物体の大きさに応じ決定することができる。また、表示画面にタッチする物体が指以外の場合、物体の大きさに応じ所定範囲２４の大きさおよび形状を決定することができる。

また、図８のステップＳ２４のように、表示制御部は、指３２等の物体が所定範囲２４外に表示された選択用画像３０のうち一つの選択用画像３０（例えばＢ）に移動し画面から離れた場合、物体が移動した選択用画像３０（例えばＢ）を選択することが好ましい。これにより、利用者は、容易に選択用画像３０を選択することができる。

さらに、図８のステップＳ２８のように、表示制御部は、画面から指３２等の物体が離れた場合、所定範囲２４外に表示された選択用画像３０を、所定範囲２４内に表示することが好ましい。これにより、図２（ａ）の元の画面に戻ることができる。

さらに、複数の選択用画像３０には、それぞれリンク先が対応しており、図８のステップＳ２６のように表示制御部は、選択された選択用画像３０（例えばＢ）に対応するリンク先に遷移することが好ましい。これにより、利用者は簡単にリンク先への遷移することができる。なお、実施例１では、選択用画像２０および３０としてリンク先を選択する画像を例に説明しているが、選択用画像はその他の選択のための画像でもよい。

タッチパネル１４で検出されるタッチ位置は、物体（例えば指３２）の先端の中心付近である。そこで、図７（ａ）のように、所定範囲２４を、タッチ位置２２を中心とし物体（例えば指３２）の先端の半径程度の半径を有する円とすることが好ましい。これにより、指３２等の物体で隠れる選択用画像２０を利用者がより視認しやすくすることができる。なお、タッチパネル１４で検出されるタッチ位置は複数でもよく、所定範囲２４は、複数のタッチ位置の少なくとも１つを含んでいればよい。

また、図７（ａ）のように、表示制御部は、所定範囲２４外に表示する選択用画像３０を所定範囲２４の輪郭に沿って表示することが好ましい。これにより、利用者はより選択用画像３０を視認しやすくなる。

さらに、図２（ｂ）のように、例えな物体が指３２の場合等、物体の下側は視認し難い。そこで、表示制御部は、所定範囲２４外に表示する選択用画像３０を所定範囲２４の上側に表示し、下側には表示しないことが好ましい。

さらに、利用者がより視認しやすいように、表示制御部は、所定範囲２４外に表示する選択用画像３０を、所定範囲２４内の選択用画像２０より大きく表示することが好ましい。

選択用画像２０が複数の場合、指等により複数の選択用画像２０が隠れてしまうと、利用者は、選択用画像２０を視認することが難しい。よって、指等で隠れる選択用画像２０が複数の場合に、実施例１を用いることにより、より効果を発揮することができる。

実施例１においては、電子装置として携帯電話端末を例に説明したが、他の電子装置でもよい。携帯電話端末のように携帯電子装置は、選択用画像２０が小さく、指３２等の物体に隠れてしまい易い。よって、利用者の視認性を高めるため、実施例１のような方法を用いることが特に有効である。

以上、本発明の実施例について詳述したが、本発明は係る特定の実施例に限定されるものではなく、特許請求の範囲に記載された本発明の要旨の範囲内において、種々の変形・変更が可能である。

以上、実施例１を含む実施形態に関し、さらに、以下に付記を開示する。

付記１：
画面に物体がタッチすることにより選択可能な選択用画像を表示する表示部と、
前記画面内の前記物体がタッチした位置を含む所定範囲内に表示された前記選択用画像を前記所定範囲外に表示する表示制御部と、
を具備することを特徴とする電子装置。

付記２：
前記表示制御部は、前記物体が前記所定範囲外に表示された選択用画像に移動し前記画面から離れた場合、前記物体が移動した選択用画像を選択することを特徴とする付記１記載の電子装置。

付記３：
前記表示制御部は、前記画面から前記物体が離れた場合、前記所定範囲外に表示された選択用画像を、前記所定範囲内に表示することを特徴とする付記１または２記載の電子装置。

付記４：前記画像には、リンク先が対応しており、
前記表示制御部は、前記選択された選択用画像に対応するリンク先に遷移することを特徴とする付記３記載の電子装置。

付記５：
前記表示制御部は、前記所定範囲外に表示する選択用画像を前記所定範囲の輪郭に沿って表示することを特徴とする付記１から４のいずれか一項記載の電子装置。

付記６：
前記所定範囲は、前記物体がタッチした位置を中心とした円の範囲であることを特徴とする付記１から５のいずれか一項記載の電子装置。

付記７：
前記表示制御部は、前記所定範囲外に表示する選択用画像を、前記所定範囲内に表示された選択用画像より大きく表示することを特徴とする付記１から６のいずれか一項記載の電子装置。

付記８：
画面に物体がタッチすることにより選択可能な選択用画像を表示部に表示するステップと、
前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示するステップと、
を含むことを特徴とする表示方法。

１０ 携帯電話端末
１２ 制御部
１３ 画面表示部
１４ タッチパネル
１５ 表示部
１６ メモリ
２０ 選択用画像
２２ タッチ位置
２４ 所定範囲

Claims (5)

1. 画面に物体がタッチすることにより選択可能な選択用画像を表示する表示部と、
   前記画面内の前記物体がタッチした位置を含む所定範囲内に表示された前記選択用画像を前記所定範囲外に表示する表示制御部と、
   を具備することを特徴とする電子装置。
2. 前記表示制御部は、前記物体が前記所定範囲外に表示された選択用画像に移動し前記画面から離れた場合、前記物体が移動した選択用画像を選択することを特徴とする請求項１記載の電子装置。
3. 前記表示制御部は、前記画面から前記物体が離れた場合、前記所定範囲外に表示された選択用画像を、前記所定範囲内に表示することを特徴とする請求項１または２記載の電子装置。
4. 画面に物体がタッチすることにより選択可能な選択用画像を表示部に表示するステップと、
   前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示するステップと、
   を含むことを特徴とする表示方法。
5. コンピュータに、
   画面に物体がタッチすることにより選択可能な画像を表示部に表示するステップと、
   前記画面内の前記物体がタッチした位置を含む所定範囲内の選択用画像を前記所定範囲外に表示するステップと、
   を実行させることを特徴とする表示プログラム。

Images