JP2008084250A - 情報処理装置の表示方法 - Google Patents

Abstract

【課題】 多数の選択項目の中から素早く目的の選択項目を選択することができる情報処理装置の表示方法を提供することにある。
【解決手段】 情報処理装置１は、操作指示装置１４の操作指示に基づいて、表示装置１０の表示画面５０上にカーソル１３を表示し、操作指示装置１４の操作指示に基づいて、カーソル１３の座標位置に、特定の実行処理が割り当てられる複数のアイコン１０１が一方向に配列されるアイコン群１０２を表示し、カーソル１３近傍のアイコン群１０２の１つのアイコン１０１ａを拡大または強調して表示するとともに、当該アイコンを非表示とし、操作指示装置１４の特定方向への移動操作にともなって、アイコン１０１ａを順次移動させるとともに、順次移動するアイコン１０１ａの移動方向Ｘ１と対向する方向Ｘ２にアイコン群１０２を移動させる。
【選択図】 図１

Description

本発明は、多数のメニューの中から素早く目的の選択項目を選択することができる情報処理装置の表示方法に関する。

情報処理装置は、表示画面上に各種のアイコンを表示して、これらアイコンをクリック操作することにより、これらアイコンに割り当てられた処理を実行するものが一般的である。これらの技術で一般的なものは、複数の機能分野ボタンをウィンドウ画面の上辺や片側に配列し、これら機能分野ボタンをカーソルでクリック操作することによりサブウィンドウを表示し、このサブウィンドウに表示される複数のサブ機能ボタンの中から所望のサブ機能ボタンを選択することで、当該サブ機能ボタンに割り当てられた機能を実行することができる。

特開２００５−９２８８８号公報

前記従来例は、いずれも、独立したソフトとして、あるいは、独立したソフトの付属ソフトとして成り立っているものである。このため、これらのメニューを表示するためには、先ず、特定のソフトに関するウィンドウを表示する必要がある。更に、マウスなどの座標指示装置でカーソルを前記ウィンドウの辺に沿って移動させて目的の機能分野ボタンに合わせる必要がある。次に、この機能分野ボタンをクリック操作してサブウィンドウを開く操作が必要であり、更に、このサブウィンドウ内に配置される複数のサブ機能ボタンから目的のものを選んでクリック操作しなければならない。しかも、サブウィンドウ内に目的のサブ機能ボタンがない場合は、また、機能ボタンの選択から作業をしなければならない。

このように、このメニュー方式では、複数のステップを踏まないと、特定の機能を実行することができない。更に、表示画面上に表示される複数の機能分野ボタンにカーソルを合わせる必要があるから、座標指示装置の操作技術が必要である。これらの操作は、マウスを介して行うことが一般的であるが、マウスを操作するテーブル面がない場合や、携帯型の情報処理装置などで採用されるトラックパッドやトラックボールなどでは、カーソルを木目細かに操作しにくい課題がある。

そこで、この発明の目的とするころは、多数の選択項目の中から素早く目的の選択項目を選択することができる情報処理装置の表示方法を提供することにある。

本発明は、前記目的を達成するために、動作処理機能のメニューに関する画像情報を格納する記憶装置と、動作処理機能のメニューを表示する表示装置と、前記メニューの動作制御を指示する操作指示装置と、前記操作指示装置の指示に基づいて前記メニューの表示動作を制御する制御装置とを備えた情報処理装置の表示方法であって、前記操作指示装置の操作指示に基づいて、前記表示装置の表示画面上にカーソルを表示し、前記操作指示装置の操作指示に基づいて、カーソルの座標位置に、特定の実行処理が割り当てられる複数のアイコンが一方向に配列されるアイコン群を表示し、前記カーソル近傍の前記アイコン群の１つのアイコンを拡大または強調して表示するとともに、当該アイコンを非表示とし、前記操作指示装置の特定方向への移動操作にともなって、前記拡大または強調されるアイコンを順次移動させるとともに、順次移動する前記拡大または強調されるアイコンの移動方向と対向する方向に前記アイコン群を移動させる。

本発明によれば、一方向に配列された複数のアイコンの中から、操作指示装置の移動指示にともなって、拡大または強調表示される選択対象のアイコンが一方向に移動し、この移動にともなって、アイコン群全体が移動方向と逆方向に移動するので、表示画面中に多くのアイコンを表示することができるとともに、多数のアイコンの中から素早く目的のアイコンを選択することができる。

以下、図１から図５を参照して、この発明に係る情報処理装置のメニュー表示方法を詳細に説明する。図１は情報処理装置の概略構成を示す装置ブロック図である。図２は選択されるアイコンの移動とアイコン群の移動の相関関係を説明する表示画面図である。図３はスライドメニューのアニメーションの動作概念図であり、図３（ａ）は表示画面図、図３（ｂ）は拡大表示の動作概念図である。図４はスライドメニューの動作フロー図である。図５はアニメーション表示の表示形態図である。なお、同一の部位や方向などは同一符号を持って示し、重複した説明を省略する。

先ず、図１を参照して、この実施の形態に係る情報処理装置の概略構成を説明する。図１において、この実施の形態に係るスライドメニューの表示方法は、極く一般的な情報処理装置１に適用することができる。例えば、図１には、その代表的な情報処理装置の装置ブロック図を示している。この情報処理装置１は、各種の情報を表示することが可能な表示装置１０と、各種の動作プログラムや表示装置１０に表示する画面情報などの情報を格納した記憶装置１１と、文字情報の入力や詳細な操作指示を入力することが可能なキーボード１２と、表示装置１０に表示されるカーソル１３やスライドメニュー１００の操作指示を行う操作指示装置（マウス）１４と、この情報処理装置１の動作を統括的に制御する制御部１５とを含んで構成される。この実施の形態では、出力装置としての図示しないプリンタや、他の機器との接続やインターネットとの接続を可能とする通信装置などを備えることができる。この実施の形態では、スライドメニュー１００の操作に基づいて、動作する処理部１６が接続されている。

また、この実施の形態では、操作指示装置として、左右一対の操作ボタンを備えた一般的な座標指示装置であるマウス１４を用いる。しかし、これに限定されるものでははく、トラックボールやジョイステック、あるいは、キーボード１２などに備えられる上下左右キーでの操作でも良い。

この実施の形態では、記憶装置１１に表示装置１０で表示する各種のプログラムの動作処理機能のメニューに関する画像情報を格納している。制御部１５は、各種のプログラムを立ち上げると、マウス１４の操作を受け付けて、表示装置１０の表示画面５０に、カーソル１３と動作処理機能のメニュー１００を表示させる。

そして、この実施の形態の大きな特徴は、メニュー１００を、多数の選択項目の中から素早く目的の選択項目を選択することができるスライドメニューとした点にある。このスライドメニュー１００は、特定の実行処理が割り当てられる複数のアイコン１０１が一方向に配列されるアイコン群１０２であり、マウス１４の操作指示に基づいて、カーソル１３の座標位置に表示される。このスライドメニュー１００が表示されると、カーソル１３が非表示となり、この代わりに、このカーソル１３の近傍のアイコン１０１ａが選択状態となって拡大表示される。そして、この選択されるアイコン１０１ａは、マウス１４の移動操作により、アイコン群１０２の配列方向に移動することができる。この際、制御部１５は、選択されるアイコン１０１ａの移動方向矢印Ｘ１と対向する方向（逆方向）Ｘ２にアイコン群１０２を移動させる。

即ち、この実施の形態では、マウス１４の移動指示にともなって、一列に配列された複数のアイコン１０１から構成されるアイコン群１０２に対して、拡大表示される選択対象のアイコン１０１ａが一方の方向Ｘ１に移動し、この移動にともなって、アイコン群１０２全体が移動方向Ｘ１と逆方向Ｘ２に移動するので、表示画面５０の中に多くのアイコン１０１を表示することができるとともに、多数のアイコン１０１の中から素早く目的のアイコンを選択することができる。

また、この実施の形態の他の大きな特徴は、拡大表示するアイコン１０１ａが、その移動にともなって、徐々に大きくなり、そして徐々に小さくなるようにアニメーション表示される。このアニメーション表示によれば、現在選択されているアイコン１０１ａを容易に識別できるとともに、選択されるアイコン１０１ａの移動速度を把握できたり、選択されるアイコン１０１ａの切り替わりを把握しやすくすることができる。

この実施の形態では、現在選択されているアイコンを拡大表示するようにしているが、アイコンの線の太さを太くしたり、スポット表示のように明るさを強くしたりするような強調表示でもよい。この際のアニメーションは、線の太さや明るさを変化させればよい。

また、この実施の形態の他の大きな特徴は、前記選択されるアイコン１０１ａの移動速度と、逆方向に移動するアイコン群１０２の速度を同調させた点にある。これにより、選択されているアイコンの移動速度を把握しやすくすることができる。

以下、図２から図４を参照して、このスライドメニューを更に詳細に説明する。

先ず、図２を参照して、選択されるアイコンの移動と、この移動方向と逆方向（対向する方向）に移動するアイコン群の移動制御を説明する。

図２において、この実施の形態のアイコン群１０２は、特定の実行処理が割り当てられる複数のアイコン１０１が横方向に１０個配列された事例を示している。しかし、このアイコン群１０２の全てのアイコン１０１が表示画面５０に表示されるのではなく、常に、その一部が表示される。即ち、表示画面５０に実質的に表示されるのは、アイコンＡからアイコンＥの５つのアイコンの並びであり、この表示画面５０からはみ出るアイコンＦからアイコンＪは仮想的に表示されている。ここで、図２（ａ）の状態は、アイコン群１０２の左端が表示画面５０の左端に位置するように表示され、この状態では、アイコンＡが選択された状態となって、このアイコンＡが拡張表示される。

この実施の形態では、このアイコン群１０２は、選択されるアイコン１０１ａの移動にともなって、このアイコン１０１ａの移動方向Ｘ１と逆の方向、即ち、矢印Ｘ２で示すように、表示画面５０に対して、右から左に向かって移動し、図２（ｂ）の状態を経て最終的には図２（ｃ）に示すように、アイコン群１０２の右端のアイコンＪが表示画面５０の右端に位置するように移動する。

一方、選択状態にあるアイコン１０１は、矢印Ｘ１で示すように、表示画面５０の左端に位置する図２（ａ）の状態から、図２（ｂ）の状態を経て、表示画面５０の右端に位置する図２（ｃ）の状態まで移動する。

つまり、この実施の形態では、選択されるアイコン１０１ａが表示画面５０の左端から右端に移動する間に、左右方向に配列されるアイコン群１０２の左端が表示画面５０の左端部に位置する状態から、アイコン群１０２の右端が表示画面５０の右端部に位置する状態まで移動するように、制御部１５が制御する。

したがって、図２（ａ）に示すように、アイコン群１０２の左端が表示画面５０の左端に位置する状態では、左端に位置するアイコンＡが選択状態となって拡張表示される。また、図２（ｂ）に示すように、アイコン群１０２の中央のアイコンが表示画面５０の中央に位置する状態では、アイコン群１０２の中央に位置するアイコンが選択状態となって拡張表示される。更に、図２（ｃ）に示すように、アイコン群１０２の右端が表示画面５０の右側端部に位置する状態では、右端に位置するアイコンＪが選択状態となって拡張表示される。

このような、アイコン群１０２の動きと選択されるアイコン１０１ａとを連携させることにより、アイコン群１０２を構成する全てのアイコンを選択することができる。

また、前記したように、この実施の形態では、選択されたアイコン１０１ａが表示画面５０を横断するまでの間に、アイコン群１０２の全てを表示することになるので、アイコン群１０２を構成するアイコン１０１の数が増えると、選択されたアイコン１０１ａとアイコン群１０２の相対速度が速くなったり、選択されるアイコン１０１ａの感度が高くなって、選択されるアイコン１０１ａが早く切り替わることとなる。したがって、選択されるアイコン１０１ａの切り替えの感度は、表示画面５０の大きさとアイコン１０１の個数を考慮して決定する。

しかし、表示画面５０の横幅に対してあまり多くのアイコン１０１を配列すると、選択の感度が高くなって、カーソル１３を移動させるとすぐに切り替わってしまい、使いづらい課題もある。そこで、アイコン１０１の個数の増加に対してカーソル１３の移動量を多くすることで、同様な切り替えの感度を得ることができる。例えば、選択されるアイコン１０１ａの切り替え感度を同じにしようとする場合、アイコン１０１を１０個とする時のカーソル１３の移動量を１とすると、アイコン１０１を２０個とする場合は、カーソル１３の移動量を２倍にするとよい。これらは、設定によったり、あるいは予め設定される切り替え感度に基づいてアイコン１０１の個数により制御部１５が自動的に、カーソル１３の移動量を決定する。

次に、図３を参照してアイコン群１０２の拡大表示のアニメーションについて説明する。

図３（ａ）は表示画面５０に表示されるアイコン群１０２を示し、現在、アイコンＡからアイコンＥの５個のアイコン１０１が表示されている状態を示している。そして、アイコンＣが拡大表示され、矢印Ｘ１にしたがって右側から左側に移動している状態である。この状態では、アイコン群１０２は、選択されるアイコン１０１ａの移動方向と逆方向に移動するので、矢印Ｘ２にしたがって左側から右側に向かって移動することとなる。

この実施の形態では、選択されるアイコンは移動にともなって、その大きさが徐々大きくなり、所定の大きさを過ぎると徐々に小さくなるようにアイコン１０１の形態が変化するようにアニメーション表示される。このアニメーション動作を図３（ｂ）で説明する。

図３（ｂ）において、横軸がアイコン群１０２の配列を示し、縦軸がアイコン１０１の大きさを示している。つまり、下線が標準の大きさを示し、上線が最大の大きさを示している。この実施の形態では、非表示のカーソル１３が移動することによって選択されるアイコン１０１ａが拡大表示されるので、この非表示のカーソル１３が移動することによって、次々と、移動方向のアイコン１０１が拡張し、そして所定の大きさに達すると元の標準の大きさに戻る。

具体的には、非表示のカーソル１３が矢印Ｘ１方向（右側から左側）に移動するので、下線上の大きさを備えたアイコンＣが徐々に拡大し、上線の大きさに達すると徐々に小さくなって元の標準の大きさとなり、次に、下線上の大きさを備えたアイコンＢが徐々に拡大し、上線の大きさに達すると徐々に小さくなって元の標準の大きさとなるように、順に移動方向のアイコンが形態を変化させる。

この実施の形態では、制御部１５は、拡大表示されるアイコン１０１ａが選択状態であると判断する。つまり、アイコン１０１の横幅の範囲内に非表示のカーソル１３が位置すると選択状態であると判定する。このアイコン１０１の横幅は、選択されるアイコン１０１ａの移動方向と、この移動方向と逆方向の移動方向の相対的な関係で決定される。

次に、図４を参照して、スライドメニューの動作フローを説明する。図４において、制御部１５は、スライドメニュー１００の動作プログラムが起動すると、マウス１４の左ボタンがクリックされたか否かを監視している（ステップ２００）。左ボタンがクリックされると、制御部１５は、クリックされた表示画面５０の座標位置にスライドメニュー１００を表示する（ステップ２０２）。この実施の形態では、横方向に配列されるスライドメニュー１００としているので、Ｙ座標（縦位置）はスライドメニュー１００の上下方向の位置を示すこととなる。また、Ｘ座標（横位置）は、選択されるアイコン１０１の位置を示している。

ここで、図２で説明したように、選択状態のアイコン１０１ａが決定されると、アイコン群１０２の左右方向の位置も決定される。また、制御部１５は、スライドメニュー１００を表示するとカーソル１３を非表示とする。また、制御部１５は、カーソル１３を非表示とすると、カーソル１３のＹ座標を無視してＸ座標のみ監視する。これにより、カーソル１３の位置が左右方向に配列される帯状のアイコン群１０２から上下方向にずれても、アイコン１０１の選択に支障をきたすことがない。しかし、カーソル１３を表示状態のまましておくと、このカーソル１３と選択状態のアイコン１０１ａのＹ座標のずれが気になるので、この実施の形態では、カーソル１３を非表示としている。

制御部１５は、スライドメニュー１００が表示されると、マウス１４の左ボタンがダブルクリックされたか否かを監視している（ステップ２０４）。マウス１４の左ボタンがダブルクリックされると、制御部１５は、選択状態にあるアイコン１０１ａに割り当てられている処理を記憶装置１１から呼び出して実行し（ステップ２１４）、スライドメニュー１００を閉じてもとの状態とする（ステップ２１６）。

一方、制御部１５は、カーソル１３の左右方向の移動を監視し（ステップ２０６）、ダブルクリックされないでカーソル１３が左右どちらかに移動した場合、選択状態にある拡大表示されるアイコン１０１ａを縮小表示させ（ステップ２０８）、当該選択状態にあるアイコン１０１ａの範囲を超えたかを判定し（ステップ２１０）、超えた場合、カーソル１３の移動方向にあるアイコン１０１を拡大表示し（ステップ２１２）、ステップ２０４に戻す。

次に、図５を参照して、アイコンの拡大表示の図形変化を説明する。この実施の形態では、アイコン１０１の種類、例えば、機能や分野毎にアイコン１０１の形状を異なるようにしている。これにより、アイコンに付された文字だけでなく形状でも識別をしやすくしている。

この実施の形態では、複数のアイコン１０１を左右方向に配列するので、各アイコン１０１は同じ大きさの矩形状のボタン形状とし、それぞれの拡張形状を変えることで、前記識別を良好にしている。

図５（ａ）に示す例は、矩形状のボタン内に小さな矩形の色彩枠を設け、この色彩枠が拡張時にボタン全体を覆う形態としている。

図５（ｂ）に示す例は、矩形状のボタンの上下に拡張部を付加し、この拡張部が拡張時に大きくなる形態としている。

図５（ｃ）に示す例は、矩形状のボタン内に小さな円形の色彩枠を設け、この色彩枠が拡張時にボタン全体を覆う形態としている。

この実施の形態では、前記拡張時の形態の変化とともに、アイコン１０１に付された文字を拡張表示することで、選択するアイコン１０１の識別を容易にしている。このようにすることにより、使用者は、横方向に配列されるアイコン１０１を横方向に動く虫眼鏡を介して見ているようになるので、アイコン群１０２や表示画面５０全体を把握しつつ、目的のアイコン１０１ａにスポットを当てるように選択することができる。

また、前記実施の形態では、表示画面５０におけるカーソル１３の座標位置でスライドメニュー１００の位置が決定されると説明した。特に、Ｙ座標の位置はスライドメニュー１００のＹ軸方向（高さ方向）の位置であり、Ｘ座標はアイコン群１０２の左右方向の位置と選択状態にあるアイコンを決定する。しかし、この実施の形態では、図示しない初期画面の設定により、先に操作したスライドメニュー１００を呼び出して、先の作業の続きを継続操作することもできる。

つまり、図４のステップ２１６において、選択されたアイコンに割り当てられた処理を実行してスライドメニュー１００を閉じる際に、制御部１５が、この処理時のＸ軸座標を記憶装置１１に記憶させる。そして、ステップ２０２において、クリックされた位置にスライドメニュー１００を表示する際に、この制御部１５は、クリックされたＸ座標とＹ座標の内、Ｘ座標については、記憶意装置１１に記憶されたＸ座標を呼び出して修正してスライドメニュー１００を表示する。これにより、先の操作時の終了時の続きから操作を継続することができる。もちろん、記憶装置１１にＸＹ座標を記憶させておき、クリックされた座標位置に関係なく、先に操作した座標位置、あるいは、予め定められた位置にスライドメニュー１００を表示するようにしてもよい。

情報処理装置の概略構成を示す装置ブロック図である。 選択されるアイコンの移動とアイコン群の移動の相関関係を説明する表示画面図である。 スライドメニューのアニメーションの動作概念図である。 スライドメニューの動作フロー図である。 アニメーション表示の表示形態図である。

符号の説明

１…情報処理装置、１０…表示装置、１１…記憶装置、１２…キーボード、１３…カーソル、１４…マウス、１５…制御部、１６…処理部、５０…表示画面、１００…スライドメニュー、１０１…アイコン、１０２…アイコン群、Ｘ１…選択されたアイコンの移動方向、Ｘ２…アイコン群の移動方向。

Claims (1)

1. 動作処理機能のメニューに関する画像情報を格納する記憶装置と、動作処理機能のメニューを表示する表示装置と、前記メニューの動作制御を指示する操作指示装置と、前記操作指示装置の指示に基づいて前記メニューの表示動作を制御する制御装置とを備えた情報処理装置の表示方法であって、
   前記操作指示装置の操作指示に基づいて、前記表示装置の表示画面上にカーソルを表示し、
   前記操作指示装置の操作指示に基づいて、カーソルの座標位置に、特定の実行処理が割り当てられる複数のアイコンが一方向に配列されるアイコン群を表示し、
   前記カーソル近傍の前記アイコン群の１つのアイコンを拡大または強調して表示するとともに、当該アイコンを非表示とし、
   前記操作指示装置の特定方向への移動操作にともなって、前記拡大または強調されるアイコンを順次移動させるとともに、順次移動する前記拡大または強調されるアイコンの移動方向と対向する方向に前記アイコン群を移動させる
   ことを特徴とする情報処理装置の表示方法。
   

Images