JP2021009742A - Screen information processor, and control method and control program for the same - Google Patents
Screen information processor, and control method and control program for the same Download PDFInfo
- Publication number
- JP2021009742A JP2021009742A JP2020182103A JP2020182103A JP2021009742A JP 2021009742 A JP2021009742 A JP 2021009742A JP 2020182103 A JP2020182103 A JP 2020182103A JP 2020182103 A JP2020182103 A JP 2020182103A JP 2021009742 A JP2021009742 A JP 2021009742A
- Authority
- JP
- Japan
- Prior art keywords
- area
- screen information
- arranging
- lowest
- information processing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims description 19
- 238000012217 deletion Methods 0.000 claims description 40
- 230000037430 deletion Effects 0.000 claims description 40
- 230000010365 information processing Effects 0.000 claims description 22
- 230000008859 change Effects 0.000 claims description 6
- 230000004044 response Effects 0.000 claims description 4
- 230000006870 function Effects 0.000 description 14
- 230000008569 process Effects 0.000 description 9
- 238000001514 detection method Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000008685 targeting Effects 0.000 description 6
- 230000004913 activation Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
Images
Abstract
Description
本発明は、グラフィカルユーザインタフェースに基づく相互作用技術に関する。
本発明は、特に、タッチ入力画面に選択メニューを表示させ当該選択メニューを介して選択を受け付ける技術に関する。
The present invention relates to an interaction technique based on a graphical user interface.
The present invention particularly relates to a technique for displaying a selection menu on a touch input screen and accepting selection via the selection menu.
タッチパネルに対するスライド操作の軌跡に沿って複数のアイコンを含む選択メニューを表示させる仕組みが知られている(例えば、特許文献1参照)。
特許文献1に記載の表示処理装置は、選択メニュー内のいずれかのアイコンがタップされた場合に、上記軌跡の形状に相似する軌跡を自動的に形成し、タップされたアイコンに対応する機能のサブ機能に対応する複数のアイコンを含む新たな選択メニューを当該新たな軌跡に沿って配置する(同文献の図6参照)。
A mechanism for displaying a selection menu including a plurality of icons along a trajectory of a slide operation on a touch panel is known (see, for example, Patent Document 1).
The display processing device described in Patent Document 1 has a function of automatically forming a locus similar to the shape of the locus when any icon in the selection menu is tapped, and corresponding to the tapped icon. A new selection menu including a plurality of icons corresponding to the sub-functions is arranged along the new trajectory (see FIG. 6 of the same document).
特許文献1に記載の表示処理装置は、サブ機能に対応するアイコンを表示させる新たな選択メニューを画面内に自動的に配置する。そのため、当初の選択メニューが空きスペースに配置されたとしても、新たな選択メニューが意図しない位置に配置されてしまう可能性がある。 The display processing device described in Patent Document 1 automatically arranges a new selection menu for displaying an icon corresponding to a sub-function on the screen. Therefore, even if the original selection menu is placed in the empty space, the new selection menu may be placed in an unintended position.
本発明が解決しようとする課題は、画面内の空きスペースを有効に活用しユーザに効率よく選択操作を行わせることである。 The problem to be solved by the present invention is to make effective use of the empty space in the screen so that the user can efficiently perform the selection operation.
〔A〕上記課題を解決するため、本発明の一態様である「画面情報処理装置」は、上位領域に部分的に重畳するスライド操作の軌跡に沿うように下位領域を配置する領域配置手段と、前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置手段と、を備える。
〔B〕上記課題を解決するため、本発明の一態様である「画面情報処理装置の制御方法」は、上位領域に部分的に重畳するスライド操作の軌跡に沿うように下位領域を配置する領域配置ステップと、前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置ステップと、を含む。
〔C〕上記課題を解決するため、本発明の一態様である「制御プログラム」は、上位領域に部分的に重畳するスライド操作の軌跡に沿うように下位領域を配置する領域配置機能と、前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置機能と、を画面情報処理装置のコンピュータに実現させる。
〔D〕上記課題を解決するため、本発明の一態様である「コンピュータ読取り可能な記録媒体」に記録される制御プログラムは、上位領域に部分的に重畳するスライド操作の軌跡に沿うように下位領域を配置する領域配置機能と、前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置機能と、を画面情報処理装置のコンピュータに実現させる。
[A] In order to solve the above problems, the "screen information processing apparatus" which is one aspect of the present invention is an area arranging means for arranging a lower area along a trajectory of a slide operation partially superimposed on the upper area. , An element arranging means for arranging a related element associated with a superposed element overlapping the lower region in the upper region in the lower region.
[B] In order to solve the above problems, the "control method of the screen information processing apparatus" which is one aspect of the present invention is a region in which a lower region is arranged so as to follow a trajectory of a slide operation partially superimposed on the upper region. It includes a placement step and an element placement step of placing a related element associated with a superposed element that overlaps the lower region in the upper region in the lower region.
[C] In order to solve the above problems, the "control program" which is one aspect of the present invention includes an area arrangement function of arranging a lower area along a locus of a slide operation partially superimposed on an upper area, and the above-mentioned area arrangement function. The computer of the screen information processing apparatus realizes an element arrangement function of arranging the related elements associated with the superposed element overlapping the lower area in the upper area in the lower area.
[D] In order to solve the above problems, the control program recorded on the "computer-readable recording medium" which is one aspect of the present invention is lower so as to follow the trajectory of the slide operation partially superimposed on the upper region. The computer of the screen information processing apparatus realizes an area arrangement function for arranging an area and an element arrangement function for arranging a related element associated with a superposed element overlapping the lower area in the upper area in the lower area. ..
上記〔A〕の「画面情報処理装置」には、下記の技術的限定を加えてもよい。また、同様の技術的限定を、上記〔B〕の「制御方法」,上記〔C〕の「制御プログラム」及び上記〔D〕の「記録媒体」が記録する制御プログラムに加えてもよい。
・前記上位領域に要素を配置する前記要素配置手段が、該上位領域に配置される要素の組合せと並び順の少なくともいずれかを、該上位領域を対象とする更新指示操作に応じて変更する。
・前記領域配置手段が、前記下位領域に部分的に重畳する新たなスライド操作の軌跡に沿うようにさらに下位領域を配置し、前記要素配置手段が、前記更新指示操作の対象が最下位領域の直近の上位領域である場合に限り、該直近の上位領域に配置される要素の組合せと並び順の少なくともいずれかを変更する。
・前記要素配置手段が、前記更新指示操作により前記重畳要素が変更される度に、前記最下位領域に配置される要素を該変更後の重畳要素に関連付けられた関連要素に変更する。
・前記要素配置手段が、関連要素の有無を識別可能な特定形態の要素を配置する。
・前記要素配置手段が、新たな下位領域を表示させるスライド操作が開始されてから終了されるまでの間に限り、最下位領域内の要素を前記特定形態の要素に変更する。
・前記領域配置手段が、最下位領域の削除を指示する削除指示操作に応じて該最下位領域を削除する。
・前記要素配置手段が、前記削除指示操作に対応する削除指示要素を最下位領域にさらに配置するとともに、最下位領域でなくなった領域内の該削除指示要素を消去し又は無効化する。
・前記要素配置手段が、前記削除指示操作に対応する削除指示要素を最下位領域にさらに配置し、前記領域配置手段が、最下位領域でなくなった領域内の該削除指示要素に対する削除指示操作に応じて該領域と該領域に対して新たに配置された最下位領域の両方を削除する。
The following technical limitation may be added to the "screen information processing apparatus" of the above [A]. Further, the same technical limitation may be added to the control program recorded by the "control method" of the above [B], the "control program" of the above [C], and the "recording medium" of the above [D].
-The element arranging means for arranging the elements in the upper area changes at least one of the combination and the order of the elements arranged in the upper area according to the update instruction operation for the upper area.
-The area arranging means further arranges a lower area along the trajectory of a new slide operation partially superimposed on the lower area, and the element arranging means targets the lowermost area for the update instruction operation. Only in the case of the latest upper region, at least one of the combination and the arrangement order of the elements arranged in the latest upper region is changed.
-Every time the superimposed element is changed by the update instruction operation, the element arranging means changes the element arranged in the lowest level region to the related element associated with the changed superimposed element.
-The element arranging means arranges an element having a specific form capable of identifying the presence or absence of a related element.
-The element arranging means changes the element in the lowest area to the element of the specific form only from the start to the end of the slide operation for displaying the new lower area.
-The area arranging means deletes the lowest area in response to a deletion instruction operation instructing the deletion of the lowest area.
-The element arranging means further arranges the deletion instruction element corresponding to the deletion instruction operation in the lowest area, and erases or invalidates the deletion instruction element in the area that is no longer the lowest area.
-The element arranging means further arranges the deletion instruction element corresponding to the deletion instruction operation in the lowest area, and the area arrangement means performs the deletion instruction operation for the deletion instruction element in the area that is no longer the lowest area. Accordingly, both the region and the lowest region newly allocated to the region are deleted.
本明細書では、下記のように用語を用いる。
・「上位領域」とは、基準とする領域より相対的に上位の領域をいう。
・「下位領域」とは、基準とする領域より相対的に下位の領域をいう。
・「最上位領域」とは、全ての領域の中で相対的に最上位の領域をいう。
・「最下位領域」とは、全ての領域の中で相対的に最下位の領域をいう。
・「直近の上位領域」とは、ある領域より相対的に1階層だけ上位の領域をいう。
・「直近の下位領域」とは、ある領域より相対的に1階層だけ下位の領域をいう。
In this specification, terms are used as follows.
-"Upper area" means an area that is relatively higher than the reference area.
-"Lower area" means an area that is relatively lower than the reference area.
-The "top-level area" means the relatively highest-level area among all areas.
-The "lowest area" means the relatively lowest area among all areas.
-The "most recent upper area" means an area that is one level higher than a certain area.
-The "most recent lower area" means an area that is one level lower than a certain area.
本発明に係る画面情報処理装置は、上位領域に部分的に重畳するスライド操作の軌跡に沿うように配置される下位領域に当該上位領域内の重畳要素に関連付けられた関連要素を配置する。つまり、上位領域内の要素に関連する関連要素が配置される下位領域が、画面内においてユーザが意図する位置にユーザが意図する形態で配置される。
よって、本発明によれば、画面内の空きスペースを有効に活用しユーザに効率よく選択操作を行わせることが可能になる。
The screen information processing apparatus according to the present invention arranges related elements associated with overlapping elements in the upper region in a lower region arranged along a locus of a slide operation partially superimposed on the upper region. That is, the lower area in which the related elements related to the elements in the upper area are arranged is arranged in the position intended by the user on the screen in the form intended by the user.
Therefore, according to the present invention, it is possible to effectively utilize the empty space in the screen and allow the user to efficiently perform the selection operation.
[1.実施形態]
[1−1.概要]
本実施形態は、タッチ入力画面に選択メニューを表示させ当該選択メニューを介して選択操作を受け付ける画面情報処理装置に関する。
本実施形態に係る画面情報処理装置は、画面内の空きスペースを有効に活用しユーザに効率よく選択操作を行わせるため、上位領域内の要素に関連する関連要素が配置される下位領域が、画面内においてユーザが意図する位置にユーザが意図する形態で配置されるように構成されている。
[1. Embodiment]
[1-1. Overview]
The present embodiment relates to a screen information processing device that displays a selection menu on a touch input screen and accepts a selection operation via the selection menu.
In the screen information processing device according to the present embodiment, in order to effectively utilize the empty space in the screen and allow the user to efficiently perform the selection operation, the lower area in which the related elements related to the elements in the upper area are arranged is set. It is configured to be arranged in the form intended by the user at the position intended by the user on the screen.
[1−2.画面情報処理装置]
図1は、画面情報の更新例を示す。
本実施形態に係る画面情報処理装置(例えば、ユーザ端末10)は、上位領域110に部分的に重畳するスライド操作の軌跡120に沿うように下位領域130を配置する領域配置手段(例えば、領域配置部441)と、上位領域110内の下位領域130と重畳する重畳要素111に関連付けられた関連要素を下位領域130に配置する要素配置手段(例えば、要素配置部442)と、を備える。
[1-2. Screen information processing device]
FIG. 1 shows an example of updating screen information.
The screen information processing device (for example, the user terminal 10) according to the present embodiment is an area arranging means (for example, an area arranging means) for arranging the
[2.実施例]
[2−1.概要]
本実施例は、タッチ入力画面に選択メニューを表示させ当該選択メニューに対するタッチ操作により選択操作を受け付けるユーザ端末に関する。
ユーザ端末は、画面内の空きスペースを有効に活用しユーザに効率よく選択操作を行わせるため、上位領域内の要素に関連する関連要素が配置される下位領域が、画面内においてユーザが意図する位置にユーザが意図する形態で配置されるように構成されている。
[2. Example]
[2-1. Overview]
The present embodiment relates to a user terminal that displays a selection menu on a touch input screen and accepts a selection operation by touching the selection menu.
In order for the user terminal to effectively utilize the empty space on the screen and allow the user to efficiently perform the selection operation, the lower area in which the related elements related to the elements in the upper area are arranged is intended by the user in the screen. It is configured to be placed at the position in the form intended by the user.
図2は、画面情報の更新例を示す。
ユーザ端末10は、スライド操作の軌跡210に沿うように領域220を配置し、領域220に部分的に重畳するスライド操作の軌跡230に沿うように領域240を配置し、領域240に部分的に重畳するスライド操作の軌跡250に沿うように領域260を配置する。
また、ユーザ端末10は、領域220内の領域240と重畳する重畳要素221に関連付けられた関連要素を領域240に配置し、領域240内の領域260と重畳する重畳要素241に関連付けられた関連要素を領域260に配置する。
FIG. 2 shows an example of updating screen information.
The
Further, the
[2−2.ユーザ端末]
ユーザ端末10は、所定のプログラム(例えば、ゲームプログラム)がインストールされたユーザ装置(コンピュータ)である。
本実施例では、ユーザ装置として、プログラムをインストール可能な汎用の携帯装置(例えば、携帯電話,スマートフォン(smartphone),タブレット(tablet)端末,タブレットPC(personal computer),ウェアラブルデバイス(wearable device)など)や汎用の処理装置(例えば、PC(personal computer)など)を用いることができる。
[2-2. User terminal]
The
In this embodiment, as a user device, a general-purpose portable device on which a program can be installed (for example, a mobile phone, a smartphone (smartphone), a tablet (tablet) terminal, a tablet PC (personal computer), a wearable device, etc.) Or a general-purpose processing device (for example, a PC (personal computer)) can be used.
[2−2−1.ハードウェア的機能]
図3は、ユーザ装置のハードウェア的機能構成例を示す。
典型的なユーザ装置は、制御処理部を構成するMPU(Micro-Processing Unit)311と、主記憶部を構成するRAM(Random Access Memory)321と、補助記憶部を構成するROM(Read Only Memory)322及びEEPROM(Electrically Erasable Programmable Read-Only Memory)323と、入力部及び表示部を構成するタッチパネルディスプレイ331と、音声出力部を構成するスピーカ332と、通信制御部を構成するNIC(Network Interface Controller)341及び無線LAN(Local Area Network)チップ342と、を少なくとも有する。
[2-2-1. Hardware function]
FIG. 3 shows an example of a hardware functional configuration of a user device.
A typical user device is an MPU (Micro-Processing Unit) 311 that constitutes a control processing unit, a RAM (Random Access Memory) 321 that constitutes a main storage unit, and a ROM (Read Only Memory) that constitutes an auxiliary storage unit. 322 and EEPROM (Electrically Erasable Programmable Read-Only Memory) 323,
RAM321と、ROM322と、EEPROM323と、タッチパネルディスプレイ331と、スピーカ332と、NIC341と、無線LANチップ342とは、バスラインを介してMPU311と接続される。
MPU311は、(1)ROM322又はEEPROM323に記憶されたプログラムをRAM321上に読み込み、(2)プログラムの指示に従ってタッチパネルディスプレイ331とEEPROM323とNIC341と無線LANチップ342との少なくともいずれかからデータを取得し、(3)取得したデータをプログラムに規定される手順で演算・加工した上で、(4)演算済み・加工済みのデータをEEPROM323とタッチパネルディスプレイ331とスピーカ332とNIC341と無線LANチップ342との少なくともいずれかに提供する。
The
The MPU311 (1) reads the program stored in the
[2−2−2.ソフトウェア的機能]
図4は、ユーザ端末のソフトウェア的機能構成例を示す。
図4に例示されるように、ユーザ端末10は、表示部410と、検出部420と、入力解析部430と、配置部440と、表示制御部450と、記憶部460と、を含む。配置部440は、領域配置部441と要素配置部442を含む。
表示部410及び検出部420は、タッチパネルディスプレイ331を含んで構成される。記憶部460は、EEPROM323を含んで構成される。その他の機能は、MPU311を含んで構成される。
[2-2-2. Software function]
FIG. 4 shows an example of software-like functional configuration of a user terminal.
As illustrated in FIG. 4, the
The
ユーザ端末10のソフトウェア的機能は、ユーザ装置向けOS(Operating System)と当該OS上で動作するプログラムとがユーザ装置にそれぞれインストールされることにより実現される。
ユーザ装置にインストールされるべきOSは、出荷当初からユーザ装置にインストールされているのが一般的である。また、ユーザ装置にインストールされるべきプログラムは、通信ネットワークを介し搬送波に重畳させてユーザ装置に供給されるのが一般的である。なお、当該OSや当該プログラムは、CD(Compact Disc),DVD(Digital Versatile Disk),MOディスク(Magneto-Optical disk),フラッシュメモリ(flash memory)などの記録媒体に記録された状態で配布され当該記録媒体からユーザ装置に読み込まれてもよい。
The software function of the
The OS to be installed on the user device is generally installed on the user device from the beginning of shipment. Further, the program to be installed in the user device is generally supplied to the user device by superimposing it on a carrier wave via a communication network. The OS and the program are distributed in a state of being recorded on a recording medium such as a CD (Compact Disc), a DVD (Digital Versatile Disk), an MO disk (Magneto-Optical disk), or a flash memory. It may be read from the recording medium into the user device.
表示部410は、表示制御部450による制御の下で、ディスプレイに選択メニューを表示する。検出部420は、タッチパネルに対する指又はタッチペンの接触位置を検出する。
入力解析部430は、検出部420により検出される接触位置からユーザ操作の軌跡を特定する。配置部440は、領域や要素が表示部410のディスプレイに配置されるよう表示制御部450に指示する。表示制御部450は、表示部410を制御する。記憶部460は、選択メニューに関するデータを記憶する。
The
The
領域配置部441は、次のように領域を配置・削除する。
・スライド操作の軌跡に沿うように各領域を配置する。特に、直近の上位領域に部分的に重畳するスライド操作の軌跡に沿うように下位領域を配置する。
・領域の削除を指示する削除指示操作に応じて当該領域を削除する。本実施例では、領域内に配置される削除指示要素を対象とする削除指示操作に応じて、当該領域を削除する。
The
-Arrange each area along the trajectory of the slide operation. In particular, the lower region is arranged so as to follow the trajectory of the slide operation partially superimposed on the nearest upper region.
-Instruct to delete the area Delete the area according to the deletion instruction operation. In this embodiment, the area is deleted in response to the deletion instruction operation targeting the deletion instruction element arranged in the area.
要素配置部442は、次のように要素を配置・削除する。
・各領域のサイズに応じた数の要素を「表示優先度」が高い順に選択し、「表示優先度」の順に並べて当該領域に配置する。特に、上位領域内の下位領域と重畳する重畳要素に関連付けられた関連要素を下位領域に配置する。
・最下位領域及び最下位領域の直近の上位領域に配置される要素の組合せと並び順の少なくともいずれかを、当該直近の上位領域を対象とする更新指示操作に応じて変更する。本実施例では、最下位領域及び最下位領域の直近の上位領域を対象とするスライド操作を更新指示操作として入力し、当該更新指示操作に応じて当該領域内に表示される要素をスクロールさせる。
・直近の上位領域内の最下位領域に重畳する重畳要素が変更される度に、最下位領域に配置される要素を当該変更後の重畳要素に関連付けられた関連要素に変更する。例えば、他の要素を配置する場合と同様に、最下位領域のサイズに応じた数の関連要素を「表示優先度」が高い順に選択し、「表示優先度」の順に並べて最下位領域に配置するとよい。
The
-Select a number of elements according to the size of each area in descending order of "display priority", and arrange them in the order of "display priority" in the area. In particular, the related element associated with the superposed element that overlaps with the lower region in the upper region is arranged in the lower region.
-At least one of the combination and the order of the elements arranged in the lowest-level area and the nearest higher-level area of the lowest-level area is changed according to the update instruction operation for the latest upper-level area. In this embodiment, a slide operation targeting the lowest region and the immediate higher region of the lowest region is input as an update instruction operation, and the elements displayed in the region are scrolled according to the update instruction operation.
-Every time the superimposition element superimposed on the lowest level area in the latest upper level area is changed, the element placed in the lowest level area is changed to the related element associated with the superimposition element after the change. For example, as in the case of arranging other elements, select the number of related elements according to the size of the lowest area in descending order of "display priority", and arrange them in the order of "display priority" and place them in the lowest area. You should do it.
・新たな下位領域を表示させるスライド操作が開始されてから終了されるまでの間に限り、最下位領域内の要素の形態を、関連要素の有無を視覚的に識別可能な特定形態に変更する。
・上記削除指示操作に対応する削除指示要素を最下位領域に配置する。そして、最下位領域でなくなった領域内の削除指示要素を無効化する。なお、最下位領域でなくなった領域内の削除指示要素を消去してもよい。
-Only from the start to the end of the slide operation to display the new lower area, the form of the element in the lowest area is changed to a specific form in which the presence or absence of the related element can be visually identified. ..
-Place the delete instruction element corresponding to the above delete instruction operation in the lowest area. Then, the deletion instruction element in the area that is no longer the lowest area is invalidated. It should be noted that the deletion instruction element in the area that is no longer the lowest area may be deleted.
[2−2−3.要素情報]
図5(a)は、最上位要素情報の項目例を示す。最上位要素情報は、最上位領域に配置されるべき要素に関する情報である。
図5(a)に例示されるように、最上位要素情報は、キー項目である「要素ID」と、「表示優先度」と、「下位要素有無フラグ」と、「起動モジュールパス」と、「デフォルトアイコンパス」と、「特定形態アイコンパス」と、を含む。
「表示優先度」は、使用頻度に相当する数値である。「下位要素有無フラグ」は、有意のとき下位要素(関連要素)が存在することを示す。「起動モジュールパス」は、当該要素を対象とする起動指示操作(タップ操作)がなされた場合に起動させる機能モジュールを特定する文字列である。「デフォルトアイコンパス」は、通常形態のアイコン画像データを特定する文字列である。「特定形態アイコンパス」は、下位要素(関連要素)が存在することが視覚的に識別可能な特定形態のアイコン画像データを特定する文字列である。
[2-2-3. Element information]
FIG. 5A shows an example of items of top-level element information. The top-level element information is information about an element to be arranged in the top-level area.
As illustrated in FIG. 5A, the highest-level element information includes key items "element ID", "display priority", "lower element presence / absence flag", "startup module path", and the like. Includes "default icon path" and "specific form icon path".
The "display priority" is a numerical value corresponding to the frequency of use. The "subordinate element presence / absence flag" indicates that a subordinate element (related element) exists when it is significant. The "startup module path" is a character string that specifies a function module to be started when a start instruction operation (tap operation) for the element is performed. The "default icon path" is a character string that identifies the icon image data in the normal form. The "specific form icon path" is a character string that identifies the icon image data of a specific form in which the existence of a subordinate element (related element) can be visually identified.
図5(b)は、下位要素情報の項目例を示す。下位要素情報は、最上位領域以外の領域(下位領域)に配置されるべき要素に関する情報である。
図5(b)に例示されるように、下位要素情報は、キー項目である「上位要素ID」及び「要素ID」と、「表示優先度」と、「下位要素有無フラグ」と、「起動モジュールパス」と、「デフォルトアイコンパス」と、「特定形態アイコンパス」と、を含む。
「表示優先度」,「下位要素有無フラグ」,「起動モジュールパス」,「デフォルトアイコンパス」,「特定形態アイコンパス」は、上記(a)最上位要素情報における項目と同じである。
FIG. 5B shows an example of items of lower element information. The lower element information is information about an element to be arranged in an area (lower area) other than the uppermost area.
As illustrated in FIG. 5B, the lower element information includes the key items "upper element ID" and "element ID", "display priority", "lower element presence / absence flag", and "activation". Includes "module path", "default icon path", and "specific form icon path".
The "display priority", "lower element presence / absence flag", "start module path", "default icon path", and "specific form icon path" are the same as the items in (a) uppermost element information above.
[2−3.画面情報更新手順]
図6は、ユーザ端末10による画面情報更新手順を例示する。
S610:検出部420がタッチパネルに対する接触操作(タッチ操作)を検出した場合に、S620に進む。
S620:入力解析部430が、ユーザ操作の種類を解析する。ユーザ操作がスライド操作(スワイプ操作又はフリック操作)であればS630に進み、ユーザ操作がタップ操作であればS670に進む。ユーザ操作がスライド操作でもタップ操作でもない場合は、S610に戻る。
[2-3. Screen information update procedure]
FIG. 6 illustrates a procedure for updating screen information by the
S610: When the
S620: The
S630:ユーザ操作がスライド操作であると判定された場合に、入力解析部430がさらにスライド操作の対象エリアを特定する。本実施例では、スライド操作の軌跡が始点から終点まで特定の領域内に収まっている場合に、当該領域を対象エリアとして特定する。対象エリアが領域外であればS640に進み、対象エリアが最下位領域の直近の上位領域であればS650に進み、対象エリアが最下位領域であればS660に進む。
S630: When it is determined that the user operation is a slide operation, the
S640:領域配置部441が、スライド操作の軌跡に沿うように領域を配置し、S645に進む(図2(a)〜(f))。
S645:要素配置部442が、領域のサイズに応じた数の要素を「表示優先度」が高い順に選択し、「表示優先度」の順に並べて当該領域に配置し(図2(b),(d),(f))、S610に戻る。本実施例では、S640で配置される領域が最上位領域であれば、最上位要素情報(図5(a))に対応する要素の中から要素を選択する。一方、S640で配置される領域が下位領域であれば、直近の上位領域内の下位領域と重畳する重畳要素に関連付けられた下位要素情報(図5(b))に対応する関連要素の中から要素を選択する。なお、各領域(本実施例では、最上位領域以外の領域)には、領域の削除を指示する削除指示操作に対応する削除指示要素が配置されるものとする。
S640: The
S645: The
S650:要素配置部442が、最下位領域の直近の上位領域内に表示される要素を更新し、S655に進む。本実施例では、スライド操作の方向及び大きさに応じて、当該領域内に表示される要素をスクロールさせる(図8(a)→(b))。
S655:最下位領域に配置される要素を、直近の上位領域内の最下位領域に重畳する重畳要素に関連付けられた関連要素の少なくともいずれかに変更する。具体的には、変更後の重畳要素に関連付けられた下位要素情報(図5(b))に対応する関連要素の中から最下位領域のサイズに応じた数の要素を「表示優先度」が高い順に選択し、「表示優先度」の順に並べて当該領域に配置する(図8(b)→(c))。
S660:要素配置部442が、最下位領域に表示される要素を更新し、S610に戻る。本実施例では、スライド操作の方向及び大きさに応じて、当該領域内に表示される要素をスクロールさせる(図7(a)→(b),図7(c)→(d))。
S650: The
S655: The element arranged in the lowest region is changed to at least one of the related elements associated with the superimposed element superimposed on the lowest region in the nearest upper region. Specifically, the "display priority" is the number of elements corresponding to the size of the lowest area from the related elements corresponding to the lower element information (FIG. 5 (b)) associated with the changed superimposed element. The information is selected in descending order, arranged in the order of "display priority", and arranged in the area (FIGS. 8 (b) → (c)).
S660: The
S670:ユーザ操作がタップ操作であると判定された場合に、入力解析部430がさらにユーザ操作の対象要素を特定する。対象要素が削除指示要素であればS680に進み、対象要素が通常要素であればS690に進む。
S680:領域内に配置される削除指示要素を対象とする削除指示操作に応じて、当該領域を削除する(図9(a)→(b),図9(c)→(d))。
S690:領域内に配置される起動指示要素(「下位要素有無フラグ」(図5(a)(b))が有意でない要素)を対象とする起動指示操作に応じて、当該要素に対応する機能を起動させる。
S670: When it is determined that the user operation is a tap operation, the
S680: The area is deleted according to the deletion instruction operation targeting the deletion instruction element arranged in the area (FIGS. 9 (a) → (b), FIG. 9 (c) → (d)).
S690: A function corresponding to an activation instruction element (an element in which the "subordinate element presence / absence flag" (FIGS. 5 (a) and (b)) is not significant) arranged in the area according to the activation instruction operation. Is started.
[2−4.画面情報更新例]
[2−4−1.領域の追加]
図2は、領域が追加される場合の画面情報更新例を示す。
図2(a)→図2(b):領域配置部441は、スライド操作の軌跡210に沿うように領域220を配置する。このとき要素配置部442は、領域220に要素A−Dを配置する。
[2-4. Screen information update example]
[2-4-1. Add area]
FIG. 2 shows an example of updating screen information when an area is added.
FIG. 2A → FIG. 2B: The
図2(c)→図2(d):領域配置部441は、領域220に部分的に重畳するスライド操作の軌跡230に沿うように領域240を配置する。スライド操作が開始されると、要素配置部442は、領域220に配置されている要素のうち下位要素(関連要素)が存在する要素(「下位要素有無フラグ」(図5(a))が有意である要素)を、「デフォルトアイコン」から「特定形態アイコン」に変更する。図2(c)では、要素B−Dの色が反転している。また、要素配置部442は、領域220内の領域240と重畳する重畳要素221に関連付けられた関連要素b1−b4を領域240に配置する。
FIG. 2 (c) → FIG. 2 (d): The
図2(e)→図2(f):領域配置部441は、領域240に部分的に重畳するスライド操作の軌跡250に沿うように領域260を配置する。スライド操作が開始されると、要素配置部442は、領域240に配置されている要素のうち下位要素(関連要素)が存在する要素(「下位要素有無フラグ」(図5(b))が有意である要素)を、「デフォルトアイコン」から「特定形態アイコン」に変更する。図2(e)の表示例では、要素b1,b2の色が反転している。また、要素配置部442は、領域240内の領域260と重畳する重畳要素241に関連付けられた関連要素b21−b24を領域260に配置する。このとき、要素配置部442は、領域240内の削除指示要素を無効化する。図2(f)の表示例では、削除指示要素の色が反転している。
FIG. 2 (e) → FIG. 2 (f): The
[2−4−2.要素の変更]
図7及び図8は、要素が変更される場合の画面情報更新例を示す。
図7(a)→図7(b):要素配置部442は、領域220を対象とするスライド操作(更新指示操作)の軌跡225の方向及び大きさに応じて、領域220内に表示される要素をA−DからC−Fに変更する。
図7(c)→図7(d):要素配置部442は、領域240を対象とするスライド操作(更新指示操作)の軌跡245の方向及び大きさに応じて、領域240内に表示される要素をb1−b4からb2−b5に変更する。
[2-4-2. Change element]
7 and 8 show an example of updating screen information when an element is changed.
7 (a) → 7 (b): The
FIG. 7 (c) → FIG. 7 (d): The
図8(a)→図8(b):要素配置部442は、領域220を対象とするスライド操作(更新指示操作)の軌跡226の方向及び大きさに応じて、領域220内に表示される要素をA−DからC−Fに変更する。このとき、重畳要素が要素Bから要素Dに変更される。
図8(b)→図8(c):重畳要素が要素Bから要素Dに変更されると、要素配置部442は、変更後の重畳要素Dに関連付けられた下位要素情報(図5(b))に対応する関連要素d1−d4を選択して領域240に配置する。
FIG. 8A → FIG. 8B: The
FIG. 8 (b) → FIG. 8 (c): When the superimposed element is changed from element B to element D, the
[2−4−3.領域の削除]
図9は、領域が削除される場合の画面情報更新例を示す。
図9(a)→図9(b):領域配置部441は、領域260内に配置される削除指示要素261を対象とするタップ操作(削除指示操作)がなされると、領域260を削除する。このとき、要素配置部442は、領域240内に配置される削除指示要素242を有効化する。図9(b)の表示例では、色の反転が復元している。
図9(c)→図9(d):領域配置部441は、領域240内に配置される削除指示要素242を対象とするタップ操作(削除指示操作)がなされると、領域240を削除する。
[2-4-3. Delete area]
FIG. 9 shows an example of updating screen information when the area is deleted.
FIG. 9A → FIG. 9B: The
9 (c) → 9 (d): The
[3.変形例]
上記実施例では、最下位領域でなくなった領域に配置される削除指示要素が無効化される(図2(f)等)。また、削除指示操作による削除対象となる領域は、最下位領域に限られる(図9(a)等)。
これに対し、最下位領域でなくなった領域に配置される削除指示要素を有効のまま残しつつ、削除指示操作の対象となった削除指示要素を含む領域とその全ての下位領域をまとめて削除できるように構成してもよい。
[3. Modification example]
In the above embodiment, the deletion instruction element arranged in the area that is no longer the lowest area is invalidated (FIG. 2F, etc.). Further, the area to be deleted by the deletion instruction operation is limited to the lowest area (FIG. 9A, etc.).
On the other hand, it is possible to delete the area including the delete instruction element that is the target of the delete instruction operation and all the lower areas at once while leaving the delete instruction element placed in the area that is no longer the lowest area as valid. It may be configured as follows.
図10は、領域がまとめて削除される場合の画面情報更新例を示す。
図10(a)→図10(b):領域配置部441は、領域240が配置された後にさらに領域260が配置された場合において、領域240内に配置される削除指示要素242を対象とするタップ操作(削除指示操作)がなされると、領域240と領域260をまとめて削除する。
FIG. 10 shows an example of updating screen information when the areas are collectively deleted.
FIG. 10 (a) → FIG. 10 (b): The
10 ユーザ端末(「画面情報処理装置」の一例)
410 表示部
420 検出部
430 入力解析部
440 配置部
441 領域配置部
442 要素配置部
450 表示制御部
460 記憶部
10 User terminal (an example of "screen information processing device")
410
Claims (11)
前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置手段と、
を備える画面情報処理装置。 Area arranging means for arranging the lower area along the trajectory of the slide operation that partially overlaps the upper area,
An element arranging means for arranging a related element associated with a superposed element overlapping the lower region in the upper region in the lower region.
Screen information processing device equipped with.
請求項1に記載の画面情報処理装置。 The element arranging means for arranging elements in the upper area changes at least one of the combination and the order of the elements arranged in the upper area according to the update instruction operation for the upper area.
The screen information processing device according to claim 1.
前記要素配置手段が、前記更新指示操作の対象が最下位領域の直近の上位領域である場合に限り、該直近の上位領域に配置される要素の組合せと並び順の少なくともいずれかを変更する、
請求項2に記載の画面情報処理装置。 The area arranging means further arranges the lower area along the trajectory of the new slide operation partially superimposed on the lower area.
Only when the target of the update instruction operation is the nearest upper region of the lowest region, the element arranging means changes at least one of the combination and the order of the elements arranged in the latest upper region.
The screen information processing device according to claim 2.
請求項3に記載の画面情報処理装置。 Each time the superimposing element is changed by the update instruction operation, the element arranging means changes the element arranged in the lowest level region to the related element associated with the superimposing element after the change.
The screen information processing device according to claim 3.
請求項1に記載の画面情報処理装置。 The element arranging means arranges an element having a specific form capable of identifying the presence or absence of a related element.
The screen information processing device according to claim 1.
請求項5に記載の画面情報処理装置。 The element arranging means changes the element in the lowest region to the element of the specific form only from the start to the end of the slide operation for displaying the new lower region.
The screen information processing device according to claim 5.
請求項1に記載の画面情報処理装置。 The area arranging means deletes the lowest area in response to a deletion instruction operation instructing the deletion of the lowest area.
The screen information processing device according to claim 1.
請求項7に記載の画面情報処理装置。 The element arranging means further arranges the deletion instruction element corresponding to the deletion instruction operation in the lowest area, and erases or invalidates the deletion instruction element in the area that is no longer the lowest area.
The screen information processing device according to claim 7.
前記領域配置手段が、最下位領域でなくなった領域内の該削除指示要素に対する削除指示操作に応じて該領域と該領域に対して新たに配置された最下位領域の両方を削除する、
請求項7に記載の画面情報処理装置。 The element arranging means further arranges the deletion instruction element corresponding to the deletion instruction operation in the lowest area.
The area arranging means deletes both the area and the lowest area newly arranged for the area in response to the deletion instruction operation for the deletion instruction element in the area that is no longer the lowest area.
The screen information processing device according to claim 7.
前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置ステップと、
を含む、画面情報処理装置の制御方法。 An area placement step that places the lower area along the trajectory of the slide operation that partially overlaps the upper area,
An element placement step of arranging a related element associated with a superposed element that overlaps with the lower area in the upper area in the lower area.
A method of controlling a screen information processing device, including.
前記上位領域内の前記下位領域と重畳する重畳要素に関連付けられた関連要素を該下位領域に配置する要素配置機能と、
を画面情報処理装置のコンピュータに実現させる制御プログラム。 An area placement function that arranges the lower area along the trajectory of the slide operation that partially overlaps the upper area,
An element placement function for arranging related elements associated with a superposed element overlapping the lower area in the upper area in the lower area,
A control program that realizes the computer of the screen information processing device.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2020182103A JP7148817B2 (en) | 2020-10-30 | 2020-10-30 | Screen information processing device and its control method and control program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2020182103A JP7148817B2 (en) | 2020-10-30 | 2020-10-30 | Screen information processing device and its control method and control program |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2017249063A Division JP6789206B2 (en) | 2017-12-26 | 2017-12-26 | Screen information processing device and its control method and control program |
Publications (3)
Publication Number | Publication Date |
---|---|
JP2021009742A true JP2021009742A (en) | 2021-01-28 |
JP2021009742A5 JP2021009742A5 (en) | 2021-05-13 |
JP7148817B2 JP7148817B2 (en) | 2022-10-06 |
Family
ID=74199350
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2020182103A Active JP7148817B2 (en) | 2020-10-30 | 2020-10-30 | Screen information processing device and its control method and control program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP7148817B2 (en) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004326189A (en) * | 2003-04-21 | 2004-11-18 | Sony Corp | Display method and display device |
JP2005267390A (en) * | 2004-03-19 | 2005-09-29 | Sony Corp | Display control device, display control method, and storage medium |
JP2008250620A (en) * | 2007-03-30 | 2008-10-16 | Fuji Xerox Co Ltd | Display device and program |
US20110016390A1 (en) * | 2009-07-14 | 2011-01-20 | Pantech Co. Ltd. | Mobile terminal to display menu information according to touch signal |
JP2017072944A (en) * | 2015-10-06 | 2017-04-13 | キヤノン株式会社 | Display control apparatus, control method thereof, and program |
JP2017162371A (en) * | 2016-03-11 | 2017-09-14 | カシオ計算機株式会社 | Image processing device, image processing method and program |
-
2020
- 2020-10-30 JP JP2020182103A patent/JP7148817B2/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004326189A (en) * | 2003-04-21 | 2004-11-18 | Sony Corp | Display method and display device |
JP2005267390A (en) * | 2004-03-19 | 2005-09-29 | Sony Corp | Display control device, display control method, and storage medium |
JP2008250620A (en) * | 2007-03-30 | 2008-10-16 | Fuji Xerox Co Ltd | Display device and program |
US20110016390A1 (en) * | 2009-07-14 | 2011-01-20 | Pantech Co. Ltd. | Mobile terminal to display menu information according to touch signal |
JP2017072944A (en) * | 2015-10-06 | 2017-04-13 | キヤノン株式会社 | Display control apparatus, control method thereof, and program |
JP2017162371A (en) * | 2016-03-11 | 2017-09-14 | カシオ計算機株式会社 | Image processing device, image processing method and program |
Also Published As
Publication number | Publication date |
---|---|
JP7148817B2 (en) | 2022-10-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9483172B2 (en) | Information processing device, information processing method, and computer-readable recording medium which records program | |
US9342239B2 (en) | Virtual interface devices | |
JP4806445B2 (en) | CONTROL DEVICE, CONTROL PROGRAM, AND CONTROL METHOD FOR CONTROLLING DISPLAY OF DISPLAY DEVICE DISPLAYING OVERLAYED WINDOW | |
US20100275150A1 (en) | Terminal device, link selection method, and display program | |
US20130042191A1 (en) | Method, display system, and computer software for controlling icon appearance | |
EP2506132A2 (en) | Terminal device and program | |
US20110157027A1 (en) | Method and Apparatus for Performing an Operation on a User Interface Object | |
US8339416B2 (en) | Image construction apparatus and computer-readable media | |
JP2011511380A (en) | Active desktop with changeable desktop panel | |
JPH09190267A (en) | System and method for dynamically reconstituting keyboard allocation based on external event | |
BRPI1008810B1 (en) | information visualization | |
JPH04229320A (en) | Operating method of computer system | |
JPH07191807A (en) | Touch control method of cursor position | |
JP2011511381A (en) | Switching the desktop panel in the active desktop | |
US10078426B2 (en) | Electronic apparatus, method for executing application, and computer-readable recording medium | |
JP4381761B2 (en) | Display control apparatus, display control method, program, and recording medium | |
US20030217359A1 (en) | Image processing apparatus, method of controlling the same and program | |
WO2024078552A1 (en) | Background application management method and apparatus, electronic device and medium | |
JP6789206B2 (en) | Screen information processing device and its control method and control program | |
JP7148817B2 (en) | Screen information processing device and its control method and control program | |
JP2004171371A (en) | Information processing apparatus and method of assigning function to key | |
EP4350496A1 (en) | Program control method and apparatus, electronic device, and readable storage medium | |
JP2003123087A (en) | Image processor and method, and information processing program | |
JP6742952B2 (en) | Display program, display method, and terminal device | |
JP5230559B2 (en) | Display control apparatus, control method thereof, and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20201222 |
|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20201222 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20210330 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20210921 |
|
A601 | Written request for extension of time |
Free format text: JAPANESE INTERMEDIATE CODE: A601 Effective date: 20211118 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20220119 |
|
A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20220614 |
|
A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20220726 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20220823 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20220905 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 7148817 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
S533 | Written request for registration of change of name |
Free format text: JAPANESE INTERMEDIATE CODE: R313533 |
|
R350 | Written notification of registration of transfer |
Free format text: JAPANESE INTERMEDIATE CODE: R350 |