特開 2023-128260 グラフィカルユーザインタフェース制御装置

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】公開特許公報(A)

(11)【公開番号】P2023128260

(43)【公開日】2023-09-14

(54)【発明の名称】グラフィカルユーザインタフェース制御装置

(51)【国際特許分類】

   G06F 3/04847 20220101AFI20230907BHJP

   G06F 3/0488 20220101ALI20230907BHJP

【ＦＩ】

G06F3/0484 170

G06F3/0488

【審査請求】未請求

【請求項の数】4

【出願形態】ＯＬ

(21)【出願番号】P 2022032493

(22)【出願日】2022-03-03

(71)【出願人】

【識別番号】308036402

【氏名又は名称】株式会社ＪＶＣケンウッド

(74)【代理人】

【識別番号】100083806

【弁理士】

【氏名又は名称】三好 秀和

(74)【代理人】

【識別番号】100101247

【弁理士】

【氏名又は名称】高橋 俊一

(72)【発明者】

【氏名】渡辺 利佳子

(72)【発明者】

【氏名】権藤 真

【テーマコード（参考）】

5E555

【Ｆターム（参考）】

5E555AA22

5E555AA26

5E555BA05

5E555BA06

5E555BA36

5E555BB05

5E555BB06

5E555BB36

5E555BC08

5E555CA13

5E555CB07

5E555CB16

5E555CB40

5E555CC26

5E555DB22

5E555DB51

5E555DB56

5E555DC13

5E555DC61

5E555DD06

5E555EA11

5E555FA00

(57)【要約】

【課題】ＧＵＩにおけるドラッグ操作の操作量をユーザが把握しやすくする。
【解決手段】タッチパネル２０を有するグラフィカルユーザインタフェースの動作を制御する装置１１であって、第１処理部１２及び第２処理部１５を備える。第１処理部１２は、タッチパネル２０に表示された一次元方向に移動可能なスライダ４７～４９を、タッチパネル２０に接触して行われたスライダ４７～４９のタッチ操作に応じて移動させる。第２処理部１５は、スライダ４７～４９タッチ操作されている間、スライダ４７～４９からスライダ４７～４９の移動方向に対して直交する方向に離隔したタッチパネル２０上の位置に、マーカ５０を表示する。
【選択図】図３Ｂ

【特許請求の範囲】

【請求項1】

タッチパネルを有するグラフィカルユーザインタフェースの動作を制御する装置であって、
前記タッチパネルに表示された一次元方向に移動可能なスライダを、前記タッチパネルに接触して行われた前記スライダのタッチ操作に応じて移動させる第１処理部と、
前記スライダがタッチ操作されている間、前記スライダから前記スライダの移動方向に対して直交する方向に離隔した前記タッチパネル上の位置に、マーカを表示する第２処理部と、
を備えるグラフィカルユーザインタフェース制御装置。

【請求項2】

前記第１処理部は、複数の前記スライダを前記タッチパネルに表示させ、前記第２処理部は、タッチ操作された前記スライダに対応する前記マーカを、スライダ毎に異なる態様で前記タッチパネルに表示させる請求項１に記載のグラフィカルユーザインタフェース制御装置。

【請求項3】

前記第１処理部は、タッチ操作された前記スライダの移動領域の態様と、タッチ操作されていない前記スライダの移動領域の態様とを異ならせて、前記スライダに対応する前記移動領域を前記タッチパネルに表示させる請求項２に記載のグラフィカルユーザインタフェース制御装置。

【請求項4】

タッチ操作された前記スライダの操作内容を判別する判別部と、前記判別部が判別した前記操作内容に基づいて前記スライダのタッチ操作による移動が確定したか否かを判定する判定部とをさらに備え、前記第２処理部は、前記判定部の判定結果による前記スライダの移動の確定前と確定時とで異なる態様で、前記マーカを前記タッチパネルに表示させる請求項１～３のいずれか１項に記載のグラフィカルユーザインタフェース制御装置。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、グラフィカルユーザインタフェース（以下、「ＧＵＩ」と略記する。）制御装置に関する。

【背景技術】

【0002】

表示部の画面上にタッチパネルを配置したＧＵＩは、ユーザによる画面のタッチ操作をタッチパネルにより検出する。画面のタッチ操作をＧＵＩが検出すると、ＧＵＩを搭載した電子機器において、タッチ操作の内容に応じた処理が実行される。

【0003】

特許文献１では、電子レンジのＧＵＩにおいて、食品の加熱に関する２つの要素の設定値を１回の動作で同時に入力する技術が提案されている。この提案は、２つの要素に対応する座標軸を有する直交座標系をＧＵＩの表示部に表示させ、ユーザが指でタッチした表示部上の点を直交座標系上で上下左右又は斜めに移動させて、両要素の設定値に対応する座標値の地点までドラッグ操作させるというものである。

【先行技術文献】

【特許文献】

【0004】

【特許文献1】特表２０１５－５９９２０号公報

【発明の概要】

【発明が解決しようとする課題】

【0005】

特許文献１の技術では、表示部のドラッグ操作中に、指等でタッチしている位置が指等の後ろに隠れて、ドラッグ操作の操作量をユーザが把握しにくくなる。特許文献１では、ドラッグ操作の操作量を把握しやすくする方法について言及されていない。

【0006】

本発明の目的は、ＧＵＩにおけるドラッグ操作の操作量をユーザが把握しやすくすることにある。

【課題を解決するための手段】

【0007】

上記目的を達成するため本発明の１つの態様に係るグラフィカルユーザインタフェース制御装置は、
タッチパネルを有するグラフィカルユーザインタフェースの動作を制御する装置であって、
前記タッチパネルに表示された一次元方向に移動可能なスライダを、前記タッチパネルに接触して行われた前記スライダのタッチ操作に応じて移動させる第１処理部と、
前記スライダがタッチ操作されている間、前記スライダから前記スライダの移動方向に対して直交する方向に離隔した前記タッチパネル上の位置に、マーカを表示する第２処理部と、
を備える。

【発明の効果】

【0008】

本発明によれば、ＧＵＩにおけるドラッグ操作の操作量をユーザが把握しやすくすることができる。

【図面の簡単な説明】

【0009】

【図1】図１は、本発明の第１実施形態に係るＧＵＩ制御装置を備えるユーザ端末装置の構成を示す図である。

【図2】図２は、図１の表示部を筐体の正面に配置したスマートフォンを示す図である。

【図3A】図３Ａは、図２のイコライザ設定画面上でユーザが指で高音のスライダをタッチ操作した状態を示す図である。

【図3B】図３Ｂは、図３Ａのスライダのタッチ操作によりイコライザ設定画面上に高音のスライダに対応するバーが表示された状態を示す図である。

【図3C】図３Ｃは、図３Ｂのスライダのドラッグ操作によりイコライザ設定画面上で高音のスライダ及びバーが移動した状態を示す図である。

【図3D】図３Ｄは、図３Ｃのスライダのドラッグ操作によるイコライザ設定画面上における高音のスライダの移動が確定した状態を示す図である。

【図3E】図３Ｅは、図３Ｃのスライダの移動が確定する前の保留期間における高音のスライダの微調整による移動の受け付け状態を示す図である。

【図4A】図４Ａは、図３Ａのスライダのタッチ操作によりイコライザ設定画面上に低音のスライダに対応するバーが表示された状態を示す図である。

【図4B】図４Ｂは、図３Ａのスライダのタッチ操作によりイコライザ設定画面上に中音のスライダに対応するバーが表示された状態を示す図である。

【図4C】図４Ｃは、図３Ａのスライダのタッチ操作によりイコライザ設定画面上の高音のスライダに対応する移動領域が着色して表示された状態を示す図である。

【図5】図５は、図２のイコライザ設定画面のリンクボタンがオンされて、ドラッグ操作された１つのスライダの移動に他の２つのスライダが連動して移動する状態を示す図である。

【図6】図６は、図２のイコライザ設定画面のスライダの移動方向を９０゜変更した場合を示す図である。

【図7】図７は、図３Ａのスライダのタッチ操作によりイコライザ設定画面上に高音のスライダに対応する位置マークが表示された状態を示す図である。

【図8】図８は、本発明の第２実施形態に係るＧＵＩ制御装置により、図１の表示部に音量設定画面が表示された状態を示す図である。

【図9A】図９Ａは、図８のスライダのタッチ操作により音量設定画面上に左チャンネルのスライダに対応するバーが表示された状態を示す図である。

【図9B】図９Ｂは、図８のスライダのタッチ操作により音量設定画面上に右チャンネルのスライダに対応するバーが表示された状態を示す図である。

【図10】図１０は、図８の音量設定画面のリンクボタンがオンされて、ドラッグ操作された右チャンネルのスライダの移動に左チャンネルのスライダが連動して移動する状態を示す図である。

【発明を実施するための形態】

【0010】

以下、本発明の実施形態について、図面を参照して説明する。各図面を通じて同一あるいは同等の部位、又は構成要素には、同一の符号を付している。

【0011】

以下に示す実施形態は、この発明の技術的思想を具体化するための装置等を例示するものである。この発明の技術的思想は、各構成部品の材質、形状、構造、配置、機能等を下記のものに特定するものでない。

【0012】

［第１実施形態］
図１は、本発明の第１実施形態に係るＧＵＩ制御装置を備えるユーザ端末装置の構成を示す図である。図１のユーザ端末装置１は、例えば、スマートフォン、タブレット端末装置等の携帯端末によって構成することができる。ユーザ端末装置１は、携帯端末でなく据え置き型の端末装置でもよい。ユーザ端末装置１は、汎用のマイクロコントローラ１０及びタッチパネル２０を有している。

【0013】

マイクロコントローラ１０は、ＣＰＵ（Central Processing Unit ）及びメモリを備える。メモリは、ＲＯＭ（Read Only Memory）及びＲＡＭ（Random Access Memory）を含む。マイクロコントローラ１０は、メモリに記憶させたプログラムをＣＰＵが実行することで、複数の情報処理回路を仮想的に構築することができる。マイクロコントローラ１０は、複数の情報処理回路により、本実施形態のＧＵＩ制御装置１１を構成する。

【0014】

ＧＵＩ制御装置１１は、タッチパネル２０を有するＧＵＩの動作を制御する。タッチパネル２０は、ユーザインタフェース（以下、「ＵＩ」と略記する。）として用いられ、ユーザからの情報の入力を受け付け、あるいは、ユーザに対する情報の出力を行う。タッチパネル２０は、液晶パネルのような表示部２１と位置入力装置とを組み合わせて構成することができる。本実施形態のタッチパネル２０では、位置入力装置としてタッチパッド２３を用いている。タッチパッド２３は、タッチスクリーン、タッチ画面、又は接触画面等と呼称される場合もある。

【0015】

図１のユーザ端末装置１が、例えば、図２に示すスマートフォン３０である場合、タッチパネル２０の表示部２１は、スマートフォン３０のハウジング３１の正面に配置される。図２では、イコライザ設定画面４０が表示部２１に表示された状態を示している。イコライザ設定画面４０は、例えば、スマートフォン３０にインストールされた音楽再生用のモバイルアプリケーション（図示せず）を実行すると、表示部２１に表示される。

【0016】

モバイルアプリケーションは、スマートフォン、タブレットコンピュータ、その他携帯端末で動作するように設計・製作されたアプリケーションソフトウェアである。イコライザ設定画面４０は、スマートフォン３０にインストールされたネイティブアプリの実行時以外でも、例えば、インターネット上のクラウドサーバに構築したモバイル向けＷｅｂサイトのコンソール画面として、表示部２１にさせることができる。

【0017】

図２のイコライザ設定画面４０は、３つの調整部４１～４３を有している。各調整部４１～４３には、直線の移動領域４４～４６内を一次元方向に移動可能なスライダ４７～４９が表示される。図２の例では、上下方向が一次元方向に相当している。移動領域４４～４６及びスライダ４７～４９は、スライドボリュームをイラスト化したものである。スライドボリュームは、スライダを直線的にスライドさせて抵抗値を調整するポテンショメータの一種である。

【0018】

各調整部４１～４３には、低音、中音及び高音の３つの周波数帯域が割り当てられている。各周波数帯域には、同一の帯域幅の周波数が均等に割り当てられてもよく、異なる帯域幅の周波数が割り当てられてもよい。表示部２１に接触させた指等の物体で、各調整部４１～４３のスライダ４７～４９をドラッグ操作することで、再生する楽曲の音声信号の周波数特性を周波数帯域毎に調整することができる。周波数特性の調整分解能は、各周波数帯域で同じであってもよく異なってもよい。本実施形態では、周波数特性の調整分解能が各周波数帯域で同じであるものとする。周波数帯域によって周波数特性の調整分解能が異なる場合、移動領域４４～４６に付す目盛り又は移動領域４４～４６の長さが周波数帯域によって異なる。

【0019】

周波数帯域によって異なる目盛りを付す場合、各移動領域４４～４６の近傍に対応する周波数帯域の目盛りをそれぞれ付してもよい。あるいは、イコライザ設定画面４０に目盛りを１つだけ表示し、表示する目盛りの内容を、スライダ４７～４９のドラッグ操作による周波数特性の調整中の周波数帯域に応じた内容に随時切り替えてもよい。

【0020】

スライダ４７～４９のドラッグ操作は、例えば、タッチペン等の指以外の物体を表示部２１に接触させて行うこともできる。

【0021】

図１のタッチパッド２３は、表示部２１に接触させた指等による図２の表示部２１のタッチ操作を検出する。タッチパッド２３は、例えば、静電容量方式で表示部２１のタッチ操作を検出することができる。

【0022】

マイクロコントローラ１０は、ＧＵＩ制御装置１１を構成する複数の情報処理回路により、図１に示す第１処理部１２、タッチ検出部１３、第２処理部１５、判別部１７及び判定部１９を構成する。

【0023】

本実施形態では、上記した情報処理回路（１２，１３，１５，１７，１９）をマイクロコントローラ１０及びソフトウェアによって実現する例を示す。もちろん、専用のハードウェアを用意して、情報処理回路（１２，１３，１５，１７，１９）を構成することも可能である。また、複数の情報処理回路（１２，１３，１５，１７，１９）を個別のハードウェアにより構成してもよい。

【0024】

表示部２１には、図２の移動領域４４～４６内を移動するスライダ４７～４９を含むイコライザ設定画面４０が表示される。

【0025】

タッチ検出部１３は、表示部２１に接触させた指等によるスライダ４７～４９のタッチ操作を、図１のタッチパッド２３の出力に基づいて検出することができる。タッチ操作は、ドラッグ操作、タップ操作及びフリック操作を含むものとすることができる。ドラッグ操作は、画面に触れたまま画面をなぞる操作を意味する。タップ操作は、画面に触れたら直ぐに画面から離す操作、フリック操作は画面に触れたまま画面上で払う操作を意味する。

【0026】

図１の第１処理部１２は、タッチ検出部１３によって図２のスライダ４７～４９のタッチ操作が検出されると、検出されたタッチ操作に応じて、表示部２１に表示されたスライダ４７～４９を、移動領域４４～４６内で移動させることができる。

【0027】

図１の第２処理部１５は、タッチ検出部１３による図２のスライダ４７～４９のタッチ操作の検出中に、スライダ４７～４９からスライダ４７～４９の移動方向に対して直交する方向に離隔した位置に配置されるマーカを、タッチパネル２０上に表示させる。タッチパネル２０上に表示させるマーカの詳細は後述する。

【0028】

判別部１７は、図１のタッチ検出部１３が検出したタッチ操作による図２のスライダ４７～４９の操作内容を判別する。図１の判別部１７が判別する図２のスライダ４７～４９の操作内容は、スライダ４７～４９のタップ操作及びドラッグ操作を含むものとすることができる。

【0029】

図１の判定部１９は、判別部１７が判別した図２のスライダ４７～４９の操作内容に基づいて、スライダ４７～４９のドラッグ操作による移動領域４４～４６内での移動が確定したか否かを判定する。スライダ４７～４９の移動が確定したか否かの判定方法については後述する。

【0030】

イコライザ設定画面４０において、例えば、調整部４３のスライダ４９をユーザが指でドラッグ操作すると、図３Ａに示すように、指６０の後ろにスライダ４９が隠れて、ドラッグ操作により移動したスライダ４９の位置をユーザが把握しにくくなる。

【0031】

本実施形態では、スライダ４９のドラッグ操作の際に、イコライザ設定画面４０上でユーザがスライダ４９を指６０でタッチ操作すると、指６０によるスライダ４９のタッチ操作を図１のタッチ検出部１３が検出する。

【0032】

タッチ検出部１３がスライダ４９のタッチ操作を検出すると、第２処理部１５が、図３Ｂに示すように、イコライザ設定画面４０にマーカとしてのバー５０を表示する。図１の第２処理部１５による図３Ｂのバー５０の表示は、バー５０が点滅状態で表示される態様でもよく、バー５０が常時点灯状態で表示される態様でもよい。

【0033】

バー５０は、図１のタッチ検出部１３がタッチ操作を検出した図２のスライダ４９に対応する。図３Ｂのバー５０は、スライダ４９から、スライダ４９の移動方向に対して直交する方向に延在する。バー５０は指６０の幅Ｗよりも大きい長さを有している。バー５０の延在方向における両端は、スライダ４９から、スライダ４９の移動方向に対して直交する方向に離隔した、タッチパネル２０上のイコライザ設定画面４０の左右両端の位置に配置される。

【0034】

図２のスライダ４９のドラッグ操作を図１のタッチ検出部１３が検出すると、第１処理部１２が、図２のイコライザ設定画面４０に表示されるスライダ４９の位置を、移動領域４６内で図３Ｂに示す位置から図３Ｃに示す位置に移動させる。スライダ４９の移動に合わせて、図１の第２処理部１５が表示させる図３Ｂのバー５０も、図３Ｃに示す位置に移動する。

【0035】

スライダ４９のドラッグ操作を図１のタッチ検出部１３が検出しなくなると、判定部１９が、図３Ｃの位置でドラッグ操作によるスライダ４９の移動が確定したと判定する。スライダ４９の移動が確定したと図１の判定部１９が判定すると、第１処理部１２が、イコライザ設定画面４０に表示されるスライダ４９の位置を、図３Ｃの位置で固定させる。スライダ４９の移動が確定したと図１の判定部１９が判定すると、図１の第２処理部１５が図３Ｃのバー５０の表示を終了させる。

【0036】

図１の第２処理部１５は、判定部１９の判定結果に基づいて、図３Ｃのバー５０の表示を終了させるスライダ４９の移動の確定時に、スライダ４９の移動の確定前と異なる態様でバー５０を表示させた後、バー５０の表示を終了させてもよい。

【0037】

スライダ４９の移動中にバー５０が点滅状態で表示される場合、スライダ４９の移動の確定時におけるバー５０の表示は、例えば、バー５０が常時点灯状態で表示される態様とすることができる。バー５０の常時点灯状態での表示は、図３Ｄに示すように、バー５０の点滅状態での表示における点灯期間中よりも明るさを強くして行ってもよい。

【0038】

スライダ４９の移動が確定する前の移動中にバー５０が常時点灯状態で表示される場合、スライダ４９の移動の確定時におけるバー５０の表示は、例えば、スライダ４９の移動の確定前よりも強い明るさによる常時点灯状態の態様で行うことができる。

【0039】

図１の判定部１９が、図２のスライダ４９の移動が確定したと判定するのは、図２のスライダ４９のドラッグ操作を図１のタッチ検出部１３が検出しなくなった時点でなくてもよい。

【0040】

例えば、タッチ検出部１３が、図２のスライダ４９のドラッグ操作を検出しなくなった後、保留期間が経過するまでスライダ４９のタッチ操作を検出しなかった場合に、スライダ４９の移動が確定したと図１の判定部１９が判定するようにしてもよい。

【0041】

上述した保留期間の間、スライダ４９の微調整による移動を受け付ける構成としてもよい。スライダ４９の微調整による移動は、例えば、図３Ｅに示すように、イコライザ設定画面４０のバー５０よりも上側又は下側の領域のタップ操作で受け付けることができる。

【0042】

図１のタッチ検出部１３が、保留期間において、図３Ｅのイコライザ設定画面４０のバー５０よりも上側又は下側の領域のタップ操作を検出した場合、図１の第２処理部１５は、図３Ｅのバー５０を微小ピッチずつ移動させる。バー５０よりも上側の領域がタップ操作された場合は、バー５０が微小ピッチずつ上側に移動し、バー５０よりも下側の領域がタップ操作された場合は、バー５０が微小ピッチずつ下側に移動する。

【0043】

上述した保留期間の間、図１の第２処理部１５は、図３Ｅのバー５０の上下に、微調整マーク５１を表示させて、微調整によるスライダ４９の移動を受け付けていることをユーザに報知してもよい。

【0044】

図１の判定部１９が、図２のスライダ４９の移動が確定したと判定するのは、タッチ検出部１３が、図２のスライダ４９のドラッグ操作を検出しなくなった後、例えば、図３Ｅのイコライザ設定画面４０のダブルタップ操作を検出した時点としてもよい。ダブルタップ操作は、画面を短時間に２回連続してタップする操作を意味する。

【0045】

以上に、ユーザが指６０で高音に対応する調整部４３のスライダ４９をドラッグ操作する場合について説明した。低音及び中音に対応する調整部４１，４２のスライダ４７，４８のドラッグ操作の際にも、指６０によるタッチ操作を図１のタッチ検出部１３が検出すると、第２処理部１５は、マーカとしてのバー５０をイコライザ設定画面４０に表示させる。

【0046】

各スライダ４７～４９に対応するバー５０は、図１のタッチ検出部１３がタッチ操作を検出したスライダ４７～４９毎に異なる態様で表示部２１に表示させてもよい。バー５０の態様をスライダ４７～４９毎に変えることで、どの周波数帯域のスライダ４７～４９がタッチ操作されているかを、表示部２１に表示されるバー５０の態様によってユーザに認識させることができる。

【0047】

バー５０の態様は、例えば、バー５０の色を変えることで異ならせることができる。図１のタッチ検出部１３がタッチ操作を検出したスライダ４７～４９毎にバー５０の色を変える場合、バー５０は、低音、中音及び高音の各周波数帯域によって異なる色で表示部２１に表示されることになる。バー５０の色をスライダ４７～４９毎に変える代わりに、バー５０の明るさ又は点滅速度をスライダ４７～４９毎に変える等、色以外の要素によってバー５０の態様を変えてもよい。

【0048】

図１の第２処理部１５は、各スライダ４７～４９に対応する移動領域４４～４６を、対応するスライダ４７～４９のタッチ操作をタッチ検出部１３が検出しているか否かによって態様を異ならせて、表示部２１に表示させてもよい。タッチ検出部１３の検出状態によって移動領域４４～４６の表示態様を異ならせることで、どの周波数帯域のスライダ４７～４９がタッチ操作されているかを、移動領域４４～４６の表示態様によってユーザに認識させることができる。

【0049】

移動領域４４～４６の表示態様は、例えば、移動領域４４～４６の色、明るさ等を変えることで異ならせることができる。図４Ａ～図４Ｃは、バー５０及び移動領域４４～４６の態様を色により変える場合の例を示している。図４Ａ～図４Ｃでは、バー５０の色の違いを線種によって表し、移動領域４４～４６の色の違いをハッチの有無及びハッチの種類によって表している。

【0050】

イコライザ設定画面４０は、図５に示すように、調整部４１～４３の下方にリンクボタン５２を有していてもよい。図１の第１処理部１２は、図５のリンクボタン５２がタッチ操作によりオンされた場合に、イコライザ設定画面４０に表示されるスライダ４７～４９を連動して移動させることができる。

【0051】

スライダ４７～４９を連動して移動させる場合、図１の第１処理部１２は、図５のイコライザ設定画面４０に表示されるスライダ４７～４９のうちドラッグ操作された１つのスライダの移動に連動して、ドラッグ操作されていない他の２つのスライダを移動させる。

【0052】

図１の第１処理部１２は、連動して移動させる２つのスライダを、ドラッグ操作された１つのスライダと同じ移動量だけ移動させてもよい。第１処理部１２は、ドラッグ操作された１つのスライダの移動量に関係なく、１つのスライダの移動後の位置に対応するバランスのよい位置に、連動する２つのスライダを移動させてもよい。

【0053】

ドラッグ操作された１つのスライダの移動に連動させて他の２つのスライダを移動させる場合、図１の第２処理部１５は、他の２つのスライダに対応するバー５０をイコライザ設定画面４０に表示させてもよい。

【0054】

他の２つのスライダに対応するバー５０の表示は、例えば、図５に示すように、ドラッグ操作された１つのスライダに対応するバー５０と異なる線種で行うことができる。図１の第２処理部１５は、ドラッグ操作された１つのスライダに対応するバー５０と異なる色で、他の２つのスライダに対応するバー５０を表示してもよく、他の２つのスライダに対応するバー５０を点滅させて表示してもよい。

【0055】

図１の第２処理部１５は、ドラッグ操作された１つのスライダに対応するバー５０を、連動して移動させる他の２つのスライダに対応するバー５０と異なる態様で表示させてもよい。異なる態様でのバー５０の表示は、バー５０の色の違い、線種の違い等によって実現させることができる。

【0056】

図１の第１処理部１２は、図６に示すように、イコライザ設定画面４０におけるスライダ４７～４９の移動方向を９０゜変更してもよい。

【0057】

本実施形態のＧＵＩ制御装置１１によれば、ドラッグ操作する指６０の後ろにスライダ４７～４９が隠れても、指６０の幅Ｗよりも大きい長さでスライダ４９の移動方向と直交する方向に延在するバー５０の表示で、スライダ４９の移動方向の位置を把握できる。

【0058】

図１の第２処理部１５は、各スライダ４７～４９に対応するバー５０に代えて、位置マークをマーカとしてイコライザ設定画面４０に表示させてもよい。図７は、図１のタッチ検出部１３が指６０によるタッチ操作を検出した図２のスライダ４９に対応する位置マーク７０を、第２処理部１５がイコライザ設定画面４０にマーカとして表示させた場合を示している。

【0059】

位置マーク７０は、スライダ４９から、スライダ４９の移動方向に対して直交する方向に離隔した、調整部４１～４３の外側の箇所に配置される。スライダ４９と位置マーク７０との離隔方向における間隔は、スライダ４９をタッチ操作する指６０の幅Ｗよりも長い。図１の第２処理部１５は、イコライザ設定画面４０に表示する図７の位置マーク７０を、スライダ４９のドラッグ操作による移動に合わせて移動させる。

【0060】

第２処理部１５がイコライザ設定画面４０に位置マーク７０を表示させる場合は、ドラッグ操作する指６０の後ろにスライダ４９が隠れても、指６０の幅Ｗよりも外側に配置される位置マーク７０の表示で、スライダ４９の移動方向の位置を把握できる。

【0061】

［第２実施形態］
第２実施形態のユーザ端末装置１は、第１実施形態と同じく、図１に示す汎用のマイクロコントローラ１０及びタッチパネル２０を有している。マイクロコントローラ１０は、メモリに記憶させたプログラムをＣＰＵが実行することで仮想的に構築する複数の情報処理回路により、本実施形態のＧＵＩ制御装置１１を構成する。マイクロコントローラ１０は、ＧＵＩ制御装置１１を構成する複数の情報処理回路により、第１処理部１２、タッチ検出部１３、第２処理部１５、判別部１７及び判定部１９を構成する。

【0062】

第２実施形態のタッチパネル２０の表示部２１には、図８の音量設定画面８０が表示される。音量設定画面８０は、左右のチャンネルのイヤホン音量に対応する２つの調整部８１，８２を有している。各調整部８１，８２には、スライドボリュームをイラスト化した、直線の移動領域８３，８４、移動領域８３，８４内を一次元方向に移動可能なスライダ８５，８６及びリンクボタン８７が表示される。図８の例では、上下方向が一次元方向に相当している。

【0063】

各調整部８１，８２のスライダ８５，８６を、表示部２１に接触した指等の物体でドラッグ操作することで、再生する楽曲の音量をチャンネル毎に調整することができる。スライダ８５，８６のドラッグ操作は、例えば、タッチペン等の指以外の物体を表示部２１に接触させて行うこともできる。

【0064】

第２実施形態のタッチ検出部１３は、表示部２１に接触させた指等によるスライダ８５，８６のタッチ操作を、図１のタッチパッド２３の出力に基づいて検出することができる。

【0065】

第２実施形態の第１処理部１２は、タッチ操作部１３によって図８のスライダ８５，８６のタッチ操作が検出されると、検出されたタッチ操作に応じて、表示部２１に表示されたスライダ８５，８６を、移動領域８３，８４内で移動させることができる。

【0066】

第２実施形態の第２処理部１５は、タッチ検出部１３による図８のスライダ８５，８６のタッチ操作の検出中に、マーカを音量設定画面８０に表示させる。マーカは、スライダ８５，８６からスライダ８５，８６の移動方向に対して直交する方向に離隔した、タッチパネル２０上の位置に配置される。

【0067】

本実施形態では、例えば、スライダ８５，８６のドラッグ操作の際に、音量設定画面８０上でユーザがスライダ８５，８６を指でタッチ操作すると、指によるスライダ８５，８６のタッチ操作をタッチ検出部１３が検出する。

【0068】

タッチ検出部１３がスライダ８５，８６のタッチ操作を検出すると、第２処理部１５が、図９Ａ及び図９Ｂに示すように、音量設定画面８０にマーカとしてのバー９０を表示する。図９Ａは、左チャンネルのスライダ８５のタッチ操作により、音量設定画面８０上にスライダ８５に対応するバー９０が表示された状態を示す。図９Ｂは、右チャンネルのスライダ８６のタッチ操作により、音量設定画面８０上にスライダ８６に対応するバー９０が表示された状態を示す。

【0069】

第２実施形態の第２処理部１５による図９Ａ及び図９Ｂのバー９０の表示は、第１実施形態のイコライザ設定画面４０におけるバー５０の表示と同様の態様で行うことができる。

【0070】

第２実施形態の判別部１７は、タッチ検出部１３が検出したタッチ操作による図８のスライダ８５，８６の操作内容を判別する。第２実施形態の判別部１７が判別する図８のスライダ８５，８６の操作内容は、スライダ８５，８６のタップ操作及びドラッグ操作を含むものとすることができる。

【0071】

第２実施形態の判定部１９は、判別部１７が判別した図８のスライダ８５，８６の操作内容に基づいて、スライダ８５，８６のドラッグ操作による移動領域８３，８４内での移動が確定したか否かを判定する。スライダ８５，８６の移動が確定したか否かは、第１実施形態の判定部１９によるスライダ４７～４９の移動が確定したか否かの判定と同様の方法で行うことができる。

【0072】

第２実施形態の第１処理部１２は、図８のリンクボタン８７がタッチ操作によりオンされた場合に、音量設定画面８０に表示される２つのスライダ８５，８６を連動して移動させてもよい。２つのスライダ８５，８６を連動して移動させる場合、第２実施形態の第１処理部１２は、２つのスライダ８５，８６のうちドラッグ操作された１つのスライダの移動に連動して、ドラッグ操作されていない他の１つのスライダを移動させる。

【0073】

第２実施形態の第１処理部１２は、スライダ８５，８６のうちドラッグ操作されていない１つのスライダを、ドラッグ操作された１つのスライダと同じ移動量だけ移動させてもよい。第１処理部１２は、スライダ８５，８６のうちドラッグ操作されていない１つのスライダを、ドラッグ操作された１つのスライダの移動後の位置に対応するバランスのよい位置に移動させてもよい。

【0074】

２つのスライダ８５，８６を連動させて移動させる場合、第２実施形態の第２処理部１５は、ドラッグ操作されていないスライダに対応するバー９０を音量設定画面８０に表示させてもよい。ドラッグ操作されていないスライダに対応するバー９０の表示は、第１実施形態におけるスライダ４７～４９を連動させて移動させる場合と同様に行うことができる。図１０では、右チャンネルのスライダ８６のタッチ操作により、スライダ８６に対応するバー９０に加えて、左チャンネルのスライダ８５に対応するバー９０が音量設定画面８０上に表示された場合を示している。

【0075】

第２実施形態の第２処理部１５は、各スライダ８５，８６に対応する移動領域８３，８４を、対応するスライダ８５，８６のタッチ操作をタッチ検出部１３が検出しているか否かによって色を異ならせて、表示部２１に表示させてもよい。

【0076】

第２実施形態のＧＵＩ制御装置１１でも、ドラッグ操作する指６０の後ろにスライダ８５，８６が隠れた場合に、指６０の幅Ｗよりも大きい長さでスライダ４９の移動方向と直交する方向に延在するバー９０の表示で、スライダ４９の移動方向の位置を把握できる。

【0077】

第２実施形態のＧＵＩ制御装置１１においても、第２処理部１５は、バー９０に代えて、第１実施形態における図７の位置マーク７０と同様のマークを、図８の音量設定画面８０にマーカとして表示させてもよい。第２実施形態のＧＵＩ制御装置１１においても、第１処理部１２は、音量設定画面８０におけるスライダ８５，８６の移動方向を９０゜変更してもよい。

【0078】

上述した各実施形態では、スライダ４７～４９，８５，８６が２つ以上存在する場合について説明した。本発明は、スライダが単一である場合にも適用可能である。本発明は、各実施形態で説明したイコライザ、左右のチャンネルのイヤホン音量の各アプリケーションソフトウェアのＧＵＩに限らず、例えば、複数の音源からの音声を調整して混合するミキサーのアプリケーションソフトウェア等のＧＵＩにも適用可能である。

【符号の説明】

【0079】

１０ マイクロコントローラ
１１ グラフィカルユーザインタフェース（ＧＵＩ）制御装置
１２ 第１処理部
１５ 第２処理部
１７ 判別部
１９ 判定部
２０ タッチパネル
４４～４６，８３，８４ 移動領域
４７～４９，８５，８６ スライダ
５０，９０ バー（マーカ）
６０ 指
７０ 位置マーク（マーカ）

【図1】

【図2】

【図3A】

【図3B】

【図3C】

【図3D】

【図3E】

【図4A】

【図4B】

【図4C】

【図5】

【図6】

【図7】

【図8】

【図9A】

【図9B】

【図10】