特許 7562993 情報処理装置およびプログラム

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

(12)【公報種別】特許公報(B2)

(11)【特許番号】

(24)【登録日】2024-09-30

(45)【発行日】2024-10-08

(54)【発明の名称】情報処理装置およびプログラム

(51)【国際特許分類】

   G06F 3/0482 20130101AFI20241001BHJP

   G06F 3/0484 20220101ALI20241001BHJP

   G06F 3/0488 20220101ALI20241001BHJP

【ＦＩ】

G06F3/0482

G06F3/0484

G06F3/0488

【請求項の数】 6

(21)【出願番号】P 2020097399

(22)【出願日】2020-06-04

(65)【公開番号】P2021189987

(43)【公開日】2021-12-13

【審査請求日】2023-05-19

(73)【特許権者】

【識別番号】000005496

【氏名又は名称】富士フイルムビジネスイノベーション株式会社

(74)【代理人】

【識別番号】110001519

【氏名又は名称】弁理士法人太陽国際特許事務所

(74)【代理人】

【識別番号】110000039

【氏名又は名称】特許業務法人アイ・ピー・ウィン

(72)【発明者】

【氏名】坂口 勝俊

【審査官】遠藤 孝徳

(56)【参考文献】

【文献】特許第６２０６８５８（ＪＰ，Ｂ１）

【文献】特開２０１７－２１４９０（ＪＰ，Ａ）

【文献】特開２００４－２３４４２６（ＪＰ，Ａ）

【文献】米国特許第７４４４５９９（ＵＳ，Ｂ１）

【文献】特表２０１５－５２７６２６（ＪＰ，Ａ）

【文献】特開２０１４－７１６４１（ＪＰ，Ａ）

【文献】特開２００６－１６３９４８（ＪＰ，Ａ）

【文献】特開２０１３－７７２１１（ＪＰ，Ａ）

【文献】特許第５８０２８３０（ＪＰ，Ｂ２）

【文献】特開２０２０－４２７３０（ＪＰ，Ａ）

【文献】特許第５６７８９１３（ＪＰ，Ｂ２）

【文献】特許第６０５３３３２（ＪＰ，Ｂ２）

【文献】特許第６３９０２１３（ＪＰ，Ｂ２）

【文献】特開２０１８－４５４２１（ＪＰ，Ａ）

【文献】特開２０１８－３１９５０（ＪＰ，Ａ）

【文献】特開２０２０－１３３７１（ＪＰ，Ａ）

【文献】特開２０２０－８００４０（ＪＰ，Ａ）

(58)【調査した分野】(Int.Cl.，ＤＢ名)

Ｇ０６Ｆ ３／０４８ － ３／０４８９５

(57)【特許請求の範囲】

【請求項1】

メモリとプロセッサを備え、
前記プロセッサは、複数項目からなる一覧情報及び当該一覧情報の端部の領域に配されユーザの操作を受け付ける受付ボタンをユーザ操作に基づいて上下方向又は左右方向に移動させて、当該一覧情報及び当該受付ボタンにおける一部の領域を表示領域上に第１画像として表示するスクロール表示を行い、
前記表示領域のスクロール方向の端部に、表示されていなかった第２画像が表示されることにより、前記第１画像の少なくとも一部が視認不可能になる場合、前記第１画像のスクロール範囲の前記第２画像が表示される側に、前記第２画像のスクロール方向における幅分の領域を追加することにより、前記第１画像のスクロール範囲を変更する、
情報処理装置。

【請求項2】

前記第２画像は、前記第２画像に対するユーザの操作により消すことができない画像である請求項１記載の情報処理装置。

【請求項3】

前記第２画像は、自装置または他装置で発生したエラーを解消することで消すことができる画像である請求項２記載の情報処理装置。

【請求項4】

前記プロセッサは、前記第１画像とともに、前記表示領域に表示されている前記第１画像の前記スクロール範囲中における位置を示すスクロールバーを表示し、
前記第２画像を前記第１画像に重畳して表示する際に、前記スクロールバーの表示位置を変更する請求項１から３のいずれか１項に記載の情報処理装置。

【請求項5】

前記プロセッサは、前記表示領域に表示されている前記第１画像の前記スクロール範囲中における割合を、前記スクロールバーの大きさにより表し、
前記第２画像を前記第１画像に重畳して表示する際に、前記スクロールバーの大きさを変更する請求項４記載の情報処理装置。

【請求項6】

複数項目からなる一覧情報及び当該一覧情報の端部の領域に配されユーザの操作を受け付ける受付ボタンをユーザ操作に基づいて上下方向又は左右方向に移動させて、当該一覧情報及び当該受付ボタンにおける一部の領域を表示領域上に第１画像として表示するスクロール表示を行うステップと、
前記表示領域のスクロール方向の端部に、表示されていなかった第２画像が表示されることにより、前記第１画像の少なくとも一部が視認不可能になる場合、前記第１画像のスクロール範囲の前記第２画像が表示される側に、前記第２画像のスクロール方向における幅分の領域を追加することにより、前記第１画像のスクロール範囲を変更するステップと、
をコンピュータに実行させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、情報処理装置およびプログラムに関する。

【背景技術】

【0002】

特許文献１には、アイコン等の第１の画像上の少なくとも一部にバナー等の第２の画像が重なる重畳状態の場合に、第１の画像および第２の画像の少なくとも一方の表示位置を変更することにより、ユーザが第２の画像を選択しようとして誤って第１の画像を選択してしまうことを抑制するようにした画像形成装置が開示されている。

【先行技術文献】

【特許文献】

【0003】

【文献】特開２０１８－０４５４２１号公報

【発明の概要】

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

【0004】

本発明の目的は、選択可能な第１画像が表示されている表示領域に第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置およびプログラムを提供することである。

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

【0005】

［情報処理装置］
請求項１に係る本発明は、メモリとプロセッサを備え、
前記プロセッサは、複数項目からなる一覧情報及び当該一覧情報の端部の領域に配されユーザの操作を受け付ける受付ボタンをユーザ操作に基づいて上下方向又は左右方向に移動させて、当該一覧情報及び当該受付ボタンにおける一部の領域を表示領域上に第１画像として表示するスクロール表示を行い、前記表示領域のスクロール方向の端部に、表示されていなかった第２画像が表示されることにより、前記第１画像の少なくとも一部が視認不可能になる場合、前記第１画像のスクロール範囲の前記第２画像が表示される側に、前記第２画像のスクロール方向における幅分の領域を追加することにより、前記第１画像のスクロール範囲を変更する情報処理装置である。

【0006】

請求項２に係る本発明は、前記第２画像が、前記第２画像に対するユーザの操作により消すことができない画像である請求項１記載の情報処理装置である。

【0007】

請求項３に係る本発明は、前記第２画像が、自装置または他装置で発生したエラーを解消することで消すことができる画像である請求項２記載の情報処理装置である。

【0012】

請求項４に係る本発明は、前記プロセッサが、前記第１画像とともに、前記表示領域に表示されている前記第１画像の前記スクロール範囲中における位置を示すスクロールバーを表示し、
前記第２画像を前記第１画像に重畳して表示する際に、前記スクロールバーの表示位置を変更する請求項１から３のいずれか１項に記載の情報処理装置である。

【0013】

請求項５に係る本発明は、前記プロセッサが、前記表示領域に表示されている前記第１画像の前記スクロール範囲中における割合を、前記スクロールバーの大きさにより表し、
前記第２画像を前記第１画像に重畳して表示する際に、前記スクロールバーの大きさを変更する請求項４記載の情報処理装置である。

【0014】

［プログラム］
請求項６に係る本発明は、複数項目からなる一覧情報及び当該一覧情報の端部の領域に配されユーザの操作を受け付ける受付ボタンをユーザ操作に基づいて上下方向又は左右方向に移動させて、当該一覧情報及び当該受付ボタンにおける一部の領域を表示領域上に第１画像として表示するスクロール表示を行うステップと、
前記表示領域のスクロール方向の端部に、表示されていなかった第２画像が表示されることにより、前記第１画像の少なくとも一部が視認不可能になる場合、前記第１画像のスクロール範囲の前記第２画像が表示される側に、前記第２画像のスクロール方向における幅分の領域を追加することにより、前記第１画像のスクロール範囲を変更するステップと、
をコンピュータに実行させるためのプログラムである。

【発明の効果】

【0015】

請求項１に係る本発明によれば、選択可能な第１画像が表示されている表示領域に第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。
また、請求項１に係る本発明によれば、複数項目からなる一覧情報をスクロール表示する第１画像の表示領域の端部に、第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。
また、請求項１に係る本発明によれば、複数項目からなる一覧情報をスクロール表示する第１画像の表示領域の端部に、第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。
また、請求項１に係る本発明によれば、複数項目からなる一覧情報をスクロール表示する第１画像の表示領域の端部に受付ボタンが配置されていて、この第１画像の表示領域の端部に第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像に配置されている受付ボタンを視認し、選択するための操作が可能な情報処理装置を提供することができる。

【0016】

請求項２に係る本発明によれば、選択可能な第１画像が表示されている表示領域に、ユーザの操作により消すことができない第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。

【0017】

請求項３に係る本発明によれば、選択可能な第１画像が表示されている表示領域に、発生したエラーが解消されるまで消すことができない第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。

【0022】

請求項４に係る本発明によれば、第１画像の表示領域の端部に第２画像が重畳して表示
されている場合に、ユーザは、第１画像の端部の領域を第２画像と重畳しないような位置
までスクロール操作を行うことが可能であることを知ることが可能となる。

【0023】

請求項５に係る本発明によれば、第１画像の表示領域の端部に第２画像が重畳して表示
されている場合に、ユーザは、第１画像の端部の領域を第２画像と重畳しないような位置
までスクロール操作を行うことが可能であることを知ることが可能となる。

【0024】

請求項６に係る本発明によれば、選択可能な第１画像が表示されている表示領域に第２
画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、
選択するための操作が可能なプログラムを提供することができる。
また、請求項６に係る本発明によれば、複数項目からなる一覧情報をスクロール表示す
る第１画像の表示領域の端部に、第２画像を重畳して表示する場合であっても、第２画像
は表示させたまま第１画像を視認し、選択するための操作が可能なプログラムを提供する
ことができる。
また、請求項６に係る本発明によれば、複数項目からなる一覧情報をスクロール表示する第１画像の表示領域の端部に、第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像を視認し、選択するための操作が可能な情報処理装置を提供することができる。
また、請求項６に係る本発明によれば、複数項目からなる一覧情報をスクロール表示する第１画像の表示領域の端部に受付ボタンが配置されていて、この第１画像の表示領域の端部に第２画像を重畳して表示する場合であっても、第２画像は表示させたまま第１画像に配置されている受付ボタンを視認し、選択するための操作が可能な情報処理装置を提供することができる。

【図面の簡単な説明】

【0025】

【図1】本発明の一実施形態の情報処理システムのシステム構成を示す図である。

【図2】本発明の一実施形態における携帯端末１０のハードウェア構成を示すブロック図である。

【図3】本発明の一実施形態における携帯端末１０の機能構成を示すブロック図である。

【図4】携帯端末１０の表示画面上に表示される操作画面の一例を示す図である。

【図5】図４に示した操作画面上にバナー画像５２が表示された場合の一例を示す図である。

【図6】バナー画像５２が操作ボタン５１を覆うように表示されている状態において、ユーザが操作画面上の一部をタップしてスクロール操作を行う様子を示す図である。

【図7】バナー画像５２が操作ボタン５１を覆うように表示されている状態において、ユーザが操作画面上の一部をタップしてスクロール操作を行う様子を示す図である。

【図8】ユーザの操作により、操作ボタン５１がバナー画像５２とは重ならない位置にまで移動した際の様子を示す図である。

【図9】スクロールする操作画面例を示す図である。

【図10】スクロール表示が行われる際のスクロール範囲と表示領域との関係を説明するための図である。

【図11】スクロール表示が行われる操作画面上にバナー画像６２が表示された場合の一例を示す図である。

【図12】スクロールする操作画面上にバナー画像６２を重畳して表示する際の制御部３４の動作を説明するためのフローチャートである。

【図13】バナー画像６２が重畳されていない状態のスクロール範囲を示す図である。

【図14】バナー画像６２が重畳されている状態のスクロール範囲を示す図である。

【図15】スクロール範囲が変更された携帯端末１０における操作画面例を示す図である。

【図16】ユーザが操作画面をタッチして下方向にスクロール操作を行うことにより操作画面がさらに移動する様子を示す図である。

【図17】操作ボタン６１がバナー画像６２とは重ならない位置にまで移動した際の様子を示す図である。

【図18】ホールド状態によりスクロール操作が可能となる場合の操作例を説明するための図である。

【図19】ホールド状態によりスクロール操作が可能となる場合の操作例を説明するための図である。

【図20】表示要素間に依存関係がある場合の操作画面例を示す図である。

【図21】バナー画像８３が表示されて変更ボタン８１が隠れてしまった状態を示す図である。

【図22】変更ボタン８１を移動するようなスクロール操作を行ったことによりプリセットボタン８２が表示領域外となってしまい表示されなくなる様子を示す図である。

【図23】操作画面の各表示要素を縮小した場合の操作画面例を示す図である。

【図24】プリセットボタン８２の表示位置を変更した場合の操作画面例を示す図である。

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

【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】

なお、スクロールバー７０の表示とスクロール可能範囲はかならずしも一致している必要はなく、スクロールバー７０の大きさ及び位置が、表示領域のスクロール範囲における割合や位置とずれていても良い。つまり、スクロールバー７０が最上部にある場合でも、バナー画像６２が重畳表示された状態であれば、バナー画像６２の縦幅分だけさらに下方向にスクロール操作可能となっていても良い。

【0080】

そして、スクロール範囲が変更されたことにより、図１５に示すように、ユーザが操作画面をタッチして下方向にスクロール操作を行うと、操作画面が図１６に示すようにさらに移動する。その結果、図１７に示すように、操作ボタン６１は、バナー画像６２とは重ならない位置にまで移動する。そのため、ユーザは、バナー画像６２が表示されたままの状態において、操作ボタン６１を視認することが可能となるとともに、この操作ボタン６１を操作することができるようになる。

【0081】

なお、図１５～図１７では、フリック操作と呼ばれる通常のスクロール操作により操作画面がさらに下方にスクロールする場合について説明したが、スクロール範囲が変更されて通常よりも広い範囲でスクロール操作を可能とする場合には、通常の操作とは異なる操作によりスクロール表示を行うようにしても良い。

【0082】

例えば、ユーザが操作画面上にタッチして、数秒間以上その状態を継続してホールド状態になった場合に、スクロール操作を可能とするようなことも可能である。

【0083】

このようにホールド状態によりスクロール操作が可能となる場合の操作例を図１８、図１９に示す。

【0084】

図１８に示す操作画面では、フリック操作と呼ばれる通常のスクロール操作では画面のスクロールが行われないが、ユーザがタップ状態を一定期間以上継続して、図１９に示すようにホールド状態に移行した場合にスクロール操作が可能となっている。

【0085】

なお、上記で説明した実施形態では、バナー画像６２が操作画面上に表示されたことにより、通常のスクロール範囲を拡張してバナー画像６２に重畳した表示要素をバナー画像６２と重ならない位置まで移動できるようにしている。

【0086】

しかし、操作画面上に表示される複数の表示要素間に依存関係がある場合、このように通常のスクロール範囲を変更すると、問題が発生する場合がある。

【0087】

ここで、複数の表示要素間に依存関係があるとは、ある表示要素と他の表示要素とを連携して操作する必要がある場合を意味する。つまり、ある表示要素を選択してから、他の表示要素を操作することにより、特定の処理が実行されるような関係が存在することを意味している。

【0088】

このような表示要素間に依存関係がある場合の具体例について図２０～図２４を参照して説明する。

【0089】

図２０に示した操作画面例では、変更ボタン８１とプリセットボタン８２との間に依存関係があるものとして説明する。具体的には、プリセットボタン８２を選択してから変更ボタン８１を押下することにより入力処理が開始するというように、変更ボタン８１とプリセットボタン８２とを連携して操作することによりある特定の処理が実行されるものとして説明する。

【0090】

このような操作画面上においてバナー画像８３が表示されて変更ボタン８１が隠れてしまった状態を図２１に示す。図２１に示した操作画面では、変更ボタン８１上にバナー画像８３が重畳された状態となっていて、変更ボタン８１を操作することができなくなっている。

【0091】

ここで、上記で説明したような方法によってスクロール範囲をバナー画像８３の縦幅分だけ拡張した場合の操作画面例を図２２に示す。図２２に示す操作画面例では、操作画面をさらに下方にスクロールさせて変更ボタン８１をバナー画像８３に隠されない位置まで移動することが可能である。しかし、変更ボタン８１を移動するようなスクロール操作を行ったことによりプリセットボタン８２が表示領域外となってしまい表示されなくなってしまっている。

【0092】

このように依存関係にある２つの表示要素、つまり変更ボタン８１とプリセットボタン８２が常に同時に表示されるように表示領域の大きさや変更ボタン８１及びプリセットボタン８２の配置位置を設定されているにもかかわらず、スクロール範囲が変化したことにより変更ボタン８１とプリセットボタン８２が同時に表示されないような状態となってしまう可能性がある。

【0093】

そして、このように依存関係にある２つの表示要素が同時に表示されなくなると、ユーザ操作の視覚性が低下し、操作性が悪化してしまうことになる。

【0094】

そこで、複数の表示要素間に依存関係がある場合には、スクロール範囲を変更することにより複数の表示要素が同時に表示されないような可能性がある場合には、表示要素を縮小して表示するようにする。具体的には、図２３に示すように、操作画面の各表示要素を縮小して、バナー画像８３と重畳しないような位置まで変更ボタン８１を移動させた場合でも、プリセットボタン８２が表示領域内に残るようにする。

【0095】

または、表示要素を並び替えて表示することにより、複数の表示要素が同時に表示されなくなるのを防ぐようにしても良い。具体的には、スクロール範囲を変更することにより複数の表示要素が同時に表示されないような可能性がある場合に、図２４に示すようにプリセットボタン８２の表示位置を変更して、バナー画像８３と重畳しないような位置まで変更ボタン８１を移動させた場合でも、プリセットボタン８２が表示領域内に残るようにする。

【0096】

上記各実施形態において、プロセッサとは広義的なプロセッサを指し、汎用的なプロセッサ（例えばＣＰＵ：Central Processing Unit、等）や、専用のプロセッサ（例えばＧＰＵ：Graphics Processing Unit、ＡＳＩＣ：Application Specific Integrated Circuit、ＦＰＧＡ：Field Programmable Gate Array、プログラマブル論理デバイス等）を含むものである。

【0097】

また上記各実施形態におけるプロセッサの動作は、１つのプロセッサによって成すのみでなく、物理的に離れた位置に存在する複数のプロセッサが協働して成すものであってもよい。また、プロセッサの各動作の順序は上記各実施形態において記載した順序のみに限定されるものではなく、適宜変更してもよい。

【0098】

[変形例]
上記実施形態では、スマートフォン等の携帯端末の操作画面上にバナー画像を表示する場合を用いて説明したが、本発明はこれに限定されるものではなく、画像形成装置、パーソナルコンピュータ等の各種情報処理装置の操作画面上にバナー画像のような通知画像を重畳して表示するような場合でも同様に本発明を適用することができるものである。

【符号の説明】

【0099】

１０ 携帯端末
１１ ＣＰＵ
１２ メモリ
１３ 記憶装置
１４ 通信インタフェース
１５ ユーザインタフェース装置
１６ 制御バス
２０ サーバ装置
３０ 無線ＬＡＮターミナル
３１ 操作入力部
３２ 表示部
３３ データ送受信部
３４ 制御部
３５ データ格納部
４０ インターネット
５１ 操作ボタン
５２ バナー画像
５３ 画像
６１ 操作ボタン
６２ バナー画像
７０ スクロールバー
８１ 変更ボタン
８２ プリセットボタン
８３ バナー画像

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】

【図19】

【図20】

【図21】

【図22】

【図23】

【図24】