(57)【要約】      （修正有）【課題】多様な操作を行うことができるとともに所望のアイコンを簡単に探すことができる画面上の操作表示の表示方法を提供する。【解決手段】ディスプレイ２上に複数のアイコンを表示させる方法であって、複数の誘導アイコンに対してアクションアイコンがグループ分けされて用意されており、第１誘導アイコン５Ａのグループのアクションアイコン７Ａ…を表示させるとともに、次の誘導アイコン５Ｂを表示させる工程と、次の誘導アイコン５Ｂのグループのアクションアイコンを表示させる工程と、を備えた。【選択図】図４
2016149098.tif 000002
【特許請求の範囲】
【請求項１】
画面上に複数のアイコンを表示させる方法であって、
複数の誘導アイコンに対してアクションアイコンがグループ分けされて用意されており、
一の前記誘導アイコンのグループの前記アクションアイコンを表示させるとともに、次の前記誘導アイコンを表示させる工程と、
次の誘導アイコンのグループのアクションアイコンを表示させる工程と、
を備えることを特徴とする画面上の操作表示の表示方法。
【請求項２】
前記次の誘導アイコンのグループのアクションアイコンが表示されている際に、該次の誘導アイコンのグループのアクションアイコンの以前に表示されたアクションアイコンの少なくとも一部を非表示とする工程を備えることを特徴とする請求項１に記載の画面上の操作表示の表示方法。
【請求項３】
前記以前に表示されたアクションアイコンの少なくとも一部を非表示とする工程において、以前に表示された誘導アイコンの表示を残すことを特徴とする請求項２に記載の画面上の操作表示の表示方法。
【請求項４】
各誘導アイコンのグループのアクションアイコンは、該誘導アイコンを起点として、その近傍に所定の配置パターンで表示されるようになっていることを特徴とする請求項１ないし３のいずれかに記載の画面上の操作表示の表示方法。
【請求項５】
前記次の誘導アイコンのグループのアクションアイコンを表示させる工程において、更に次の誘導アイコンが表示されるようになっており、該更に次の誘導アイコンが、前記一の誘導アイコンと前記次の誘導アイコンとを結んだ直線の延長線上に表示されることを特徴とする請求項１ないし４のいずれかに記載の画面上の操作表示の表示方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、電子機器の画面上において各種操作を行う操作表示の表示方法に関する。
【背景技術】
【０００２】
一般的に、スマートフォン等の電子機器の画面上には、端末のＣＰＵで処理された画像が表示されており、この画像の一部には、端末の操作を行う操作表示が含まれている。操作表示は主に複数のアイコンよりなり、適宜アイコンを選択して各種操作を行えるようになっている（例えば、特許文献１参照）。
【０００３】
また、上述したような一般的なスマートフォンを用いて例えばＷＥＢブラウジングを行う場合、図１３に示されるように、スマートフォン０１の画面０２上には各ＷＥＢサイトを構成する表示０３の下に前記操作表示０４がそれぞれ帯状に表示される。そして、操作表示０４にはＷＥＢブラウジング時における前のページに戻るアイコン、次のページに進むアイコン、ブックマークに登録するアイコン等の各種アイコンが横並びに表示されている。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２０１３−４７９１９号公報（第４頁、第４図）
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかしながら、図１３に示されるようなスマートフォン０１の画面０２は小さく、ＷＥＢサイトを構成する表示０３が大部分を占めることとなるため、操作表示０４内に表示できるアイコンの数が限られるため、多様な操作を行うことができなかった。また、仮に表示するアイコンの数を増やしたとすると、ＷＥＢサイトを構成する表示０３が見えづらくなるばかりか、数あるアイコンの中から所望するアイコンを探し出すことが煩雑となる。
【０００６】
本発明は、このような問題点に着目してなされたもので、多様な操作を行うことができるとともに所望のアイコンを簡単に探すことができる画面上の操作表示の表示方法を提供することを目的とする。
【課題を解決するための手段】
【０００７】
前記課題を解決するために、本発明の画面上の操作表示の表示方法は、
画面上に複数のアイコンを表示させる方法であって、
複数の誘導アイコンに対してアクションアイコンがグループ分けされて用意されており、
一の前記誘導アイコンのグループの前記アクションアイコンを表示させるとともに、次の前記誘導アイコンを表示させる工程と、
次の誘導アイコンのグループのアクションアイコンを表示させる工程と、
を備えることを特徴としている。
この特徴によれば、複数のグループに分けてアクションアイコンを段階的に表示させるため、一度に表示する数を少なくでき、所望のアクションアイコンを簡単に探すことができる。
【０００８】
前記次の誘導アイコンのグループのアクションアイコンが表示されている際に、該次の誘導アイコンのグループのアクションアイコンの以前に表示されたアクションアイコンの少なくとも一部を非表示とする工程を備えることを特徴としている。
この特徴によれば、以前に表示されていたアクションアイコンの少なくとも一部を非表示とすることで、次の誘導アイコンのグループのアクションアイコンを有効に表示させることができる。
【０００９】
前記以前に表示されたアクションアイコンの少なくとも一部を非表示とする工程において、以前に表示された誘導アイコンの表示を残すことを特徴としている。
この特徴によれば、使用者は、以前に表示されていた誘導アイコンの表示を基に、それまでにいくつの誘導アイコンのグループが表示され確認したかを判断でき、所望するアイコンを探しやすい。
【００１０】
各誘導アイコンのグループのアクションアイコンは、該誘導アイコンを起点として、その近傍に所定の配置パターンで表示されるようになっていることを特徴としている。
この特徴によれば、使用者は誘導アイコンとアクションアイコンとの配置関係を予測して素早く操作を行うことができる。
【００１１】
前記次の誘導アイコンのグループのアクションアイコンを表示させる工程において、更に次の誘導アイコンが表示されるようになっており、該更に次の誘導アイコンが、前記一の誘導アイコンと前記次の誘導アイコンとを結んだ直線の延長線上に表示されることを特徴としている。
この特徴によれば、誘導アイコンが直線状に連続して表示されていくため、操作を単純化して素早く簡単に操作を行うことができる。
【図面の簡単な説明】
【００１２】
【図１】実施例１における画面上の操作表示の表示方法が適用されるスマートフォンを示す図である。
【図２】タッチパネルの操作表示における初期画面を示す図である。
【図３】ＷＥＢサイトを構成する表示が表示された状態を示す図である。
【図４】第１誘導アイコンに接触し、複数のアクションアイコンが表示された状態を示す図である。
【図５】第２誘導アイコンに接触し、複数のアクションアイコンが表示された状態を示す図である。
【図６】第３誘導アイコンに接触し、複数のアクションアイコンが表示された状態を示す図である。
【図７】アクションアイコンに接触し、アクションアイコンに対応する画面が表示された状態を示す図である。
【図８】フリック操作によりタッチパネルの操作表示を操作した様子を示す図である。
【図９】実施例２におけるタッチパネルの操作表示及びＷＥＢサイトを構成する表示がタブレット端末の画面上に表示された状態を示す図である。
【図１０】第１誘導アイコンが表示された状態を示す図である。
【図１１】第１誘導アイコンに接触し、複数のアクションアイコンが表示された状態を示す図である。
【図１２】第２誘導アイコンに接触し、複数のアクションアイコンが表示された状態を示す図である。
【図１３】従来例を示す図である。
【発明を実施するための形態】
【００１３】
本発明に係る画面上の操作表示の表示方法を実施するための形態を実施例に基づいて以下に説明する。
【実施例１】
【００１４】
実施例１に係る画面上の操作表示の表示方法につき、図１から図８を参照して説明する。図１の符号１は、タッチパネル式の表示装置を備えたスマートフォンである。尚、本発明のタッチパネルの操作表示は、スマートフォンに限らず、例えばタブレット端末、パソコン、プリンター等の様々な電子機器に利用することができる。
【００１５】
スマートフォン１は、タッチパネル式の表示装置であるディスプレイ２と、このディスプレイ２の下に設けられた押しボタン３とを有している。ディスプレイ２は、スマートフォン１本体内に内蔵されたＣＰＵ（図示略）と接続され、ＣＰＵで処理された画像が表示されるようになっており、ディスプレイ２（画面）に接触（以下タップという）することで種々の操作情報がＣＰＵに送信されるようになっている。
【００１６】
スマートフォン１は、インストールされたオペレーションシステム上で稼働する複数のアプリケーションを備えている。本実施例において、タッチパネルの操作表示は、ＷＥＢブラウジング時に利用されるアプリケーション、所謂ブラウザアプリ上での操作表示を例に取り説明する。
【００１７】
ブラウザアプリが起動されると、図２に示されるように、初期画面では、ＷＥＢサイトの閲覧画面を操作する操作表示であるタブバー４及び第１誘導アイコン５Ａが表示される。タブバー４はディスプレイ２の下端側に複数のタブ４ａ，４ｂ，…が隣接することで帯状に構成されている。第１誘導アイコン５Ａは、後述するジェスチャ表示の一つである。
【００１８】
図３に示されるように、使用者は、予めＷＥＢサイトのＵＲＬが登録されたタブをタブバー４内から選択するか、若しくは後述するジェスチャ表示からＵＲＬを入力する画面を呼び出す等して所望するＷＥＢサイトを表示する。ＷＥＢサイトから送られてくるデータはＣＰＵで処理され、ＷＥＢサイトを構成する表示６がタブバー４の上方のディスプレイ２に表示される。
【００１９】
続いて、ジェスチャ表示の動作について説明する。ジェスチャ表示とは、「前のページに戻る」アイコン７Ｃ１、「次のページに進む」アイコン７Ｃ２（図８参照）等のブラウザアプリにおける操作が割り振られた各種アクションアイコン７，７，…及び、これらアクションアイコンを展開表示するための誘導アイコン（第１誘導アイコン５Ａ，第２誘導アイコン５Ｂ，第３誘導アイコン５Ｃ）等の表示である。これらジェスチャ表示が使用者によってタップ若しくはフリックにより操作されることにより、その操作がＣＰＵで処理され、各種アクションアイコンに対応する各種画面がスマートフォンの記憶媒体（図示略）よりディスプレイ２上に呼び出されるようになっている。また、各種アクションアイコンは、複数の誘導アイコンにそれぞれグループ分けされて紐付けされて記憶媒体内に記憶されている。
【００２０】
図３に示されるように、第１誘導アイコン５Ａは、表示されたＷＥＢサイトを構成する表示６の表側に重なって表示される。第１誘導アイコン５Ａは、円形のアイコン本体１５に、１点から上方向へ複数点に枝分かれする図形１６が描かれて構成されており、上方に向けて各種アクションアイコンが展開されることを表している。
【００２１】
また、第１誘導アイコン５Ａは、全体が半透明となっており、裏側のＷＥＢサイトを構成する表示６が透けて目視可能となっている。更に、第１誘導アイコン５Ａは、押しボタン３の鉛直方向略真上に表示されるようになっている。
【００２２】
ディスプレイ２の略下端に表示される第１誘導アイコン５Ａがタップされると、図４に示されるように、第１誘導アイコン５Ａの周囲に扇状に第１グループの各種アクションアイコン７Ａ，７Ａ，…と、第２誘導アイコン５Ｂとが表示される。第２誘導アイコン５Ｂは、第１誘導アイコン５Ａの鉛直方向真上に表示されるようになっている。
【００２３】
また、第１誘導アイコン５Ａ及び第１グループの各種アクションアイコン７Ａ，７Ａ，…の周辺には、半円状の誤操作防止領域８が半透明で表示され、第１誘導アイコン５Ａ、第１グループの各種アクションアイコン７Ａ，７Ａ，…及び誤操作防止領域８内での接触（タップ操作及びフリック操作）は、ジェスチャ表示側の操作が優先されるようになっている。そのため、第１誘導アイコン５Ａ、第１グループの各種アクションアイコン７Ａ，７Ａ，…及び誤操作防止領域８とＷＥＢサイトを構成する表示６内における別ページへのリンク等が適用されている領域が重なっている場合でも、誤操作によりＷＥＢサイトを構成する表示６が別ページに切り替わってしまうことがない。
【００２４】
第２誘導アイコン５Ｂがタップされると、図５に示すように、第１誘導アイコン５Ａ及び第２誘導アイコン５Ｂがディスプレイ２上に表示されたまま、第２誘導アイコン５Ｂの周囲に、円形に第２グループの各種アクションアイコン７Ｂ，７Ｂ，…と、第３誘導アイコン５Ｃとが表示される。この第２グループの各種アクションアイコン７Ｂ，７Ｂ，…は、第１グループの各種アクションアイコン７Ａ，７Ａ，…とは全て異なる種類のアクションアイコンである。また、第３誘導アイコン５Ｃは、第２誘導アイコン５Ｂの鉛直方向真上に表示されるようになっている。
【００２５】
第１誘導アイコン５Ａがタップされると、第１グループの各種アクションアイコン７Ａ，７Ａ，…の表示に戻る。第２誘導アイコン５Ｂが再度タップされると、第１誘導アイコン５Ａ以外の全てのジェスチャ表示が非表示となる。
【００２６】
第３誘導アイコン５Ｃがタップされると、図６に示すように、第１誘導アイコン５Ａ、第２誘導アイコン５Ｂ及び第３誘導アイコン５Ｃがディスプレイ２上に表示されたまま、第３誘導アイコン５Ｂの周囲に、円形に第３グループの各種アクションアイコン７Ｃ，７Ｃ，…が表示される。この第３グループの各種アクションアイコン７Ｃ，７Ｃ，…は、第１グループの各種アクションアイコン７Ａ，７Ａ，…及び第２グループの各種アクションアイコン７Ｂ，７Ｂ，…とは全て異なる種類のアクションアイコンである。このように、以前に表示されていた第１誘導アイコン５Ａ、第２誘導アイコン５Ｂを表示しておくことで、それまでにいくつのグループが表示され確認したかを判断できる。
【００２７】
アクションアイコン７Ｃ，７Ｃ，…から「ブックマークに登録」アイコン７Ｃ３がタップされると、ＷＥＢサイトを構成する表示６及び第３グループの各種アクションアイコン７Ｃ，７Ｃ，…の表示に代わり、図７に示されるようなブックマーク登録画面９が表示されるようになっている。
【００２８】
第２誘導アイコン５Ｂが再度タップされると、第２グループの各種アクションアイコン７Ｂ，７Ｂ，…の表示に戻り、第１誘導アイコン５Ａがタップされると、第１グループの各種アクションアイコン７Ａ，７Ａ，…の表示に戻る。第３誘導アイコン５Ｃが再度タップされると、第１誘導アイコン５Ａ以外の全てのジェスチャ表示が非表示となる。
【００２９】
また、第１誘導アイコン５Ａ、第２誘導アイコン５Ｂ、第３誘導アイコン５Ｃが、全て直線状に連続して表示されていくため、指の移動を単純化して素早く簡単に操作を行うことができる。更に、押しボタン３、第１誘導アイコン５Ａ、第２誘導アイコン５Ｂ、第３誘導アイコン５Ｃも直線状に位置するようになっているため、押しボタン３から連続する指の移動で滑らかにジェスチャ表示の操作が可能である。
【００３０】
また、ジェスチャ表示の操作は、上記したタップ操作に限らず、ディスプレイ２上で指を離さず連続的になぞるように操作するフリック操作での操作も可能である。図８に示されるように、第３グループの各種アクションアイコン７Ｃ，７Ｃ，…のうち、左上に位置する「ブックマークに登録」アイコン７Ｃ３を選択したい場合は、矢印に示すような軌跡でフリック操作することで、素早く所望の「ブックマークに登録」アイコン７Ｃ３を選択可能である。
【００３１】
上記したように、複数のアクションアイコンを、複数のグループ（第１グループ，第２グループ，第３グループ）に分けて管理しておき、これら複数のアクションアイコンをグループ毎に段階的に表示させるため、一度に表示するアクションアイコンの数を少なくでき、所望のアクションアイコンを簡単に探すことができるとともに、画面上に表示されたＷＥＢサイトを構成する表示６の閲覧の邪魔にならない。
【００３２】
また、第１グループ，第２グループ，第３グループでは、それぞれアクションアイコンが各誘導アイコンを中心として略同径の円形状及び扇状で表示されるため、使用者は各誘導アイコンとアクションアイコンとの配置関係を予測して素早く操作を行うことができる。
【００３３】
また、押しボタン３に近い位置に第１誘導アイコン５Ａが表示されるため、アクションアイコン７Ａ，７Ａ，…及び第２誘導アイコン５Ｂを選択するための指の移動を最小限にすることができる。
【００３４】
尚、ＷＥＢサイトの閲覧時における操作を必要としない場合、例えば、ＷＥＢサイトを構成する表示６を上下にスクロールする等して、単純にＷＥＢサイトを構成する表示６を閲覧している際には、第１誘導アイコン５Ａは、完全に非表示となっていてもよい。この場合、例えば再度操作が必要となったときには、押しボタン３の鉛直方向真上の所定箇所をタップすることで第１誘導アイコン５Ａが半透明で表示されるようにしてもよい。
【００３５】
また、ジェスチャ表示が最後にタップ操作またはフリック操作されてから一定時間経過後に、表示されていた一部の若しくは全てのジェスチャ表示が非表示となるようにしてもよい。
【００３６】
尚、一般にスマートフォン等の携帯端末は内蔵されたジャイロセンサ等により天地が判断されることから縦向き及び横向きを選択的して利用でき、ブラウザアプリはこの情報を利用することで、縦横の表示範囲及び表示の向きを調整してＷＥＢサイトを構成する表示６及び操作表示が表示できるようになっている。
【実施例２】
【００３７】
次に、実施例２に係るタッチパネルの操作表示につき、図９から図１２を参照して説明する。尚、前記実施例と同一構成で重複する構成の説明を省略する。
【００３８】
図９は、スマートフォンより一般的に画面の大きいタブレット端末１０である。本実施例では、タブレット端末１０は横向き、すなわち押しボタン３０をディスプレイ２０の左に位置させた状態で利用される場合を例に取り説明する。
【００３９】
ブラウザアプリ起動後、使用者が所望するＷＥＢサイトを表示した状態においては、図９に示されるように、ＷＥＢサイトを構成する表示６０と操作表示であるタブバー４０とがディスプレイ２０上に表示されている。タブバー４０は、ディスプレイ２０の左端側に複数のタブが縦方向に並んで構成されている。
【００４０】
ＷＥＢサイトを表示した状態では、誘導アイコンは非表示となっており、図９に示されるように、ＷＥＢサイトを構成する表示６０の空白部分（別ページへのリンク等が適用されていない領域等）がタップされることで、タップした場所（接触位置）に第１誘導アイコン５０Ａが半透明で表示される（図１０参照）。
【００４１】
第１誘導アイコン５０Ａがタップされると、図１１に示されるように、第１誘導アイコン５０Ａの周囲に円形に第１グループの各種アクションアイコン７０Ａ，７０Ａ，…と、第２誘導アイコン５０Ｂとが表示される。
【００４２】
第２誘導アイコン５０Ｂがタップされると、図１２に示されるように、第２誘導アイコン５０Ｂの周囲に円形に第２グループの各種アクションアイコン７０Ｂ，７０Ｂ，…と、第３誘導アイコン５０Ｃと、第４誘導アイコン５０Ｄとが表示される。第３誘導アイコン５０Ｃと第４誘導アイコン５０Ｄとは、第２誘導アイコン５０Ｂの右側に、第２誘導アイコン５０Ｂを中心として水平方向に対称にそれぞれ表示される。
【００４３】
詳しくは図示しないが、第３誘導アイコン５０Ｃと第４誘導アイコン５０Ｄとには、それぞれどのグループにも含まれないアクションアイコンが紐付けされている。
【００４４】
以上、本発明の実施例を図面により説明してきたが、具体的な構成はこれら実施例に限られるものではなく、本発明の要旨を逸脱しない範囲における変更や追加があっても本発明に含まれる。
【００４５】
例えば、前記実施例１では、複数のアクションアイコンが第３グループまでグループ分けされている場合を例に取り説明したが、いくつにグループ分けされていてもよい。また、各グループにより、表示されるアクションアイコンの数も１つ以上であればその数は限定されない。
【００４６】
また、実施例２にて示したように、各グループのアクションアイコンの表示時に共に表示される誘導アイコンの数も１つ以上であればその数は限定されない。
【００４７】
また、前記実施例では、誘導アイコンが全て同形状で説明されているが、これに限らず、例えば、それぞれの誘導アイコンを表現する色や図形やイラストや文字、もしくはこれらを組み合わせたものを個別に用意する等することで、各誘導アイコンを見分け易くしてもよい。
【００４８】
また、アクションアイコンの配置パターンは、誘導アイコンを中心として周囲に展開する円形状や扇状に限らず、例えば、誘導アイコンから離れた位置に表示されてもよいし、アクションアイコン同士がバラバラに表示されてもよい。
【００４９】
また、前記実施例では、各グループに紐付けられたアクションアイコンが、他のグループに紐付けられたアクションアイコンとは全て異なる種類となるように説明されているが、これに限らず、例えば、紐付けられたアクションアイコンのうち一つ以上、他のグループには紐付けられていない種類のアクションアイコンを有していれば、他のグループと重複するアクションアイコンが紐付けられていてもよい。
【００５０】
また、実施例に示した画面上の操作表示の表示方法は、タッチパネルを有したスマートフォンやタブレット端末上で動作するブラウザアプリを例に取り説明したが、これに限らず、例えば、タッチパネルを備えないパソコン等の電子機器上に表示され、マウスによって誘導アイコンやアクションアイコンが操作される態様でもよいし、ブラウザアプリ以外のアプリケーションやユーザーインターフェースに利用されてもよい。
【符号の説明】
【００５１】
１                スマートフォン
２                ディスプレイ
３                押しボタン
４                タブバー
５Ａ              第１誘導アイコン
５Ｂ              第２誘導アイコン
５Ｃ              第３誘導アイコン
６                ＷＥＢサイトを構成する表示
７，７，…        アクションアイコン
８                誤操作防止領域
９                ブックマーク登録画面
１０              タブレット端末
【図１】
2016149098.tif 000003
【図２】
2016149098.tif 000004
【図３】
2016149098.tif 000005
【図４】
2016149098.tif 000006
【図５】
2016149098.tif 000007
【図６】
2016149098.tif 000008
【図７】
2016149098.tif 000009
【図８】
2016149098.tif 000010
【図９】
2016149098.tif 000011
【図１０】
2016149098.tif 000012
【図１１】
2016149098.tif 000013
【図１２】
2016149098.tif 000014
【図１３】
2016149098.tif 000015