[go: up one dir, main page]

WO2014041595A1 - Dispositif, procédé d'affichage et programme - Google Patents

Dispositif, procédé d'affichage et programme Download PDF

Info

Publication number
WO2014041595A1
WO2014041595A1 PCT/JP2012/073158 JP2012073158W WO2014041595A1 WO 2014041595 A1 WO2014041595 A1 WO 2014041595A1 JP 2012073158 W JP2012073158 W JP 2012073158W WO 2014041595 A1 WO2014041595 A1 WO 2014041595A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
display unit
contact
movement
displayed
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.)
Ceased
Application number
PCT/JP2012/073158
Other languages
English (en)
Japanese (ja)
Inventor
理恵 代田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
NEC Casio Mobile Communications Ltd
Original Assignee
NEC Casio Mobile Communications Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by NEC Casio Mobile Communications Ltd filed Critical NEC Casio Mobile Communications Ltd
Priority to PCT/JP2012/073158 priority Critical patent/WO2014041595A1/fr
Publication of WO2014041595A1 publication Critical patent/WO2014041595A1/fr
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present invention relates to a display device for displaying information, a display method, and a program.
  • Display devices such as mobile phones, PHS (Personal Handyphone System), PDA (Personal Data Assistance, Personal Digital Assistants) have a touch panel function. You can activate and use convenient functions with a simple operation of simply touching. As a result, the user can perform an intuitive operation rather than a button key operation.
  • screen scrolling is realized by tracing the screen with a finger.
  • An object of the present invention is to provide a display device, a display method, and a program that solve the above-described problems.
  • the display device of the present invention includes: A display unit having a touch panel function and displaying information; A control unit that moves the display position of the icon displayed on the display unit to a position different from the currently displayed position in accordance with the movement of the contact body whose contact is detected by the display unit. .
  • the display method of the present invention includes: A display method for displaying information on a display having a touch panel function, A process in which the display detects contact of a contact body; A process of detecting the movement of the contact body detecting the contact; In accordance with the detected movement, the display position of the icon displayed on the display is moved to a position different from the currently displayed position.
  • the program of the present invention is A program for causing a device that displays information on a display having a touch panel function to execute the program, A procedure for the display to detect contact of a contact body; A procedure for detecting the movement of the contact body detecting the contact; In accordance with the detected movement, a procedure for moving the display position of the icon displayed on the display to a position different from the position currently displayed is executed.
  • FIG. 4 is a flowchart for explaining a first example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of the display screen of a display part in case the icon is displayed on the moving direction of a finger
  • FIG. 6 is a flowchart for explaining a second example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of a mode when a finger
  • FIG. 10 is a flowchart for explaining a fourth example of a display method in the display device shown in FIG. 1. It is a figure which shows an example of a mode when the position which detected the contact of the finger
  • FIG. 1 is a diagram showing an embodiment of a display device of the present invention.
  • the display device 100 includes a display unit 110 and a control unit 120.
  • the display device 100 is a mobile terminal device such as a mobile phone, PHS (Personal Handyphone System), PDA (Personal Data Assistance, Personal Digital Assistant), PC (Personal Car), etc. It is a device having a touch panel function.
  • the display unit 110 is a display that has a touch panel function and displays information.
  • the control unit 120 detects the movement of a contact body such as a finger that the display unit 110 has detected contact, and currently displays the display position of the icon displayed on the display unit 110 according to the detected movement. Move to a position different from the current position.
  • This icon is displayed to activate a predetermined function, and is a small menu image made up of simple pictures and figures displayed on the display unit 110, as in the case of generally used icons. is there.
  • the control unit 120 activates a function corresponding to the icon.
  • control unit 120 changes the display position of the icon displayed on the display unit 110 in a direction different from the direction of the movement according to the direction of movement of the contact body that the display unit 110 detects contact. Move to position.
  • FIG. 2 is a flowchart for explaining a first example of the display method in the display device 100 shown in FIG.
  • step 1 the control unit 120 recognizes that the touch of the finger on the display unit 110 is detected and the display unit 110 is traced with the finger to scroll the display screen displayed on the display unit 110. Then, in step 2, the control unit 120 determines whether an icon is displayed in the finger movement direction.
  • FIG. 3 is a diagram illustrating an example of a display screen of the display unit 110 when an icon is displayed in the finger movement direction.
  • the control unit 120 determines that the icons 130-1 to 130-3 are displayed.
  • a case where the number of icons 130-1 to 130-3 is three is shown as an example, but it may be two or less, or four or more. (It is the same in the following description).
  • the position where the contact of the finger is detected may be specified using a general method, for example, based on coordinate information on the display unit 110 (the same applies in the following description).
  • the control unit 120 determines that the icons 130-1 to 130-3 are displayed in the direction of finger movement, the icons 130-1 to 130-3 are displayed on the finger 120 by the control unit 120 in step 3. It is moved to a position in a direction different from the moving direction.
  • the icon may be moved based on only the moving direction of the finger regardless of whether the scroll is being performed.
  • FIG. 4 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 3.
  • the icons 130-1 to 130-3 displayed on the lower side of the display unit 110 move to the left side of the display unit 110 at a position different from the finger movement direction.
  • the position in a direction different from the moving direction may be the upper side or the right side of the display unit 110.
  • FIG. 5 is a diagram showing another example of the display screen of the display unit 110 when icons 130-1 to 130-3 are displayed in the finger movement direction.
  • the icon 130 is moved in the finger movement direction.
  • the control unit 120 determines that ⁇ 1 to 130-3 are displayed.
  • FIG. 6 is a diagram showing another example of the display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 3.
  • the icons 130-1 to 130-3 displayed on the right side of the display unit 110 move to the lower side of the display unit 110 which is in a direction different from the direction of finger movement. Note that since the movement direction of the finger is from the left side to the right side of the display unit 110, the position in a direction different from the movement direction may be the upper side or the left side of the display unit 110.
  • control unit 120 changes the display position of the icon displayed on the display unit 110. Further, it may be moved to a position corresponding to the position of contact detection after movement.
  • FIG. 7 is a flowchart for explaining a second example of the display method in the display device 100 shown in FIG.
  • step 11 the control unit 120 recognizes that a finger contact with the display unit 110 is detected and the display unit 110 is traced with a finger to scroll the display screen displayed on the display unit 110. Then, in step 12, the control unit 120 determines whether or not the position where the finger contact has been detected has moved across a preset boundary.
  • FIG. 8 is a diagram illustrating an example of a state when the finger moves across the boundary.
  • the finger crosses the boundary 140 indicated by the broken line from the upper side to the lower side of the display unit 110.
  • the controller 120 determines that the position where the finger contact is detected has moved across the boundary 140.
  • the boundary 140 is indicated by a broken line.
  • the boundary 140 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.
  • the position of the boundary 140 is determined based on the distance to the displayed icons 130-1 to 130-3, the moving speed of the finger, and the operation, and the icons 130-1 to 130-3 are moved. Taking into account the necessary processing time, it is set with a certain margin. In other words, when there is a movement across the boundary 140, it is a position where it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is being performed.
  • control unit 120 determines that the position where the finger contact is detected has moved across the boundary 140, the displayed icons 130-1 to 130-3 are moved by the control unit 120 in step 13. It is moved to a position corresponding to the position of subsequent contact detection.
  • FIG. 9 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 13.
  • the icon 130 displayed on the lower side of the display unit 110. -1 to 130-3 move to the left side of the display unit 110. Since the contact detection position after the movement is below the boundary 140, the position where the icons 130-1 to 130-3 move may be the upper side or the right side of the display unit 110. Further, the boundary 140 may be drawn from the upper side to the lower side of the display unit 110.
  • the position of the boundary 140 drawn in the vertical direction of the display unit 110 is the left side of the display unit 110
  • the position where the finger contact is detected straddles the boundary 140 from the right side to the left side of the display unit 110.
  • the position of the boundary 140 drawn in the vertical direction of the display unit 110 is on the right side of the display unit 110
  • the position where the finger contact is detected moves across the boundary 140 from the left side to the right side of the display unit 110. In this case, the above-described processing is performed.
  • the position of the boundary 140 drawn in the horizontal direction of the display unit 110 is on the upper side of the display unit 110, the position where the finger contact is detected moves across the boundary 140 from the lower side to the upper side of the display unit 110. If so, the above-described processing is performed. In addition, when the position of the boundary 140 drawn in the horizontal direction of the display unit 110 is on the lower side of the display unit 110, the position where the finger contact is detected straddles the boundary 140 from the upper side to the lower side of the display unit 110. In the case of movement (shown in FIGS. 8 and 9), the above-described processing is performed.
  • FIG. 10 is a diagram illustrating an example of the reset boundary 140.
  • the boundary 140 becomes the icon 130-1 to 130- shown in FIG. 3 is reset to the position on the right side of the icons 130-1 to 130-3 shown in FIG.
  • the position at which the boundary 140 is reset is a position where it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is performed, as described above.
  • control unit 120 changes the display position of the icon displayed on the display unit 110 to the contact after the movement. It may be moved to a position corresponding to the detection position.
  • FIG. 11 is a flowchart for explaining a third example of the display method in the display device 100 shown in FIG.
  • step 21 the contact of the finger to the display unit 110 is detected, and the control unit 120 determines whether or not the position of the detection is within a preset area. This area will be described later.
  • control unit 120 determines that the position where the contact is detected is within the predetermined area, the display unit 110 is traced with a finger to scroll the display screen displayed on the display unit 110 in step 22.
  • control unit 120 recognizes that this has been done, in step 23, the control unit 120 determines whether or not the position where the finger contact has been detected has moved out of the region.
  • FIG. 12 is a diagram illustrating an example of a state when the position where the finger contact is detected moves from the inside of the region to the outside of the region.
  • the icons 130-1 to 130-3 are displayed on the lower side of the display unit 110. From the upper side to the lower side of the display unit 110, the area 150 indicated by the broken line is out of the area 150.
  • the control unit 120 determines that the position where the finger contact is detected has moved out of the region. In FIG. 12, the area 150 is indicated by a broken line. However, the area 150 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.
  • the size and position of the area 150 are determined in response to the distance to the displayed icons 130-1 to 130-3, the moving speed of the finger, and the operation, and the icons 130-1 to 130-3 are moved. In consideration of the processing time required for the above, it is set with a certain margin. In other words, when there is a movement from the area 150 to the outside of the area 150, it can be determined that an operation in which the finger approaches the icons 130-1 to 130-3 is being performed. Further, the shape of the region 150 is not particularly defined.
  • control unit 120 determines that the position where the finger contact is detected has moved out of the area 150, the displayed icons 130-1 to 130-3 are moved by the control unit 120 in step 24. It is moved to a position corresponding to the position of subsequent contact detection.
  • FIG. 13 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 24.
  • the icons 130-1 to 130-3 displayed on the lower side of the display unit 110 are displayed. Move to the left side of the display unit 110.
  • the position where the icon moves may be the upper side or the right side of the display unit 110.
  • control unit 120 displays the display unit 110 when the position at which the display unit 110 detects contact moves from outside the predetermined range to within the range from the display position of the icon displayed on the display unit 110.
  • the display position of the icon being moved may be moved to a position corresponding to the position of contact detection after movement.
  • FIG. 14 is a flowchart for explaining a fourth example of the display method in the display device 100 shown in FIG.
  • step 31 a finger contact with the display unit 110 is detected, and the control unit 120 determines whether or not the detection position is outside a preset range. This range will be described later.
  • control unit 120 determines that the position where the contact is detected is out of the predetermined range, the display unit 110 can be traced with a finger to scroll the display screen displayed on the display unit 110 in step 32. If the control unit 120 recognizes that the finger contact has been made, the control unit 120 determines in step 33 whether or not the position where the finger contact has been detected has moved into the range.
  • FIG. 15 is a diagram illustrating an example of a state when the position where the finger contact is detected moves from outside the range to within the range.
  • the position where the finger contact is detected Is determined to be within the range by the control unit 120.
  • the range 160 is indicated by a broken line.
  • the range 160 may not actually be displayed on the display unit 110, and the control unit 120 may recognize the position using coordinate information or the like. It ’s fine.
  • the range 160 is set so as to surround the icon 130-1, and the size and position of the range 160 are determined based on the size of the displayed icon 130-1, the moving speed of the finger, and the operation. Taking into account the processing time required to move ⁇ 1, it is set with a certain margin. That is, when there is a movement from the outside of the range 160 into the range 160, it can be determined that an operation in which the finger approaches the icon 130-1 is being performed. In other words, it can be said that the inside of the range 160 is a position close to the displayed icon 130-1. Further, the shape of the range 160 does not need to be matched with the shape of the icon 130-1, and is not particularly defined.
  • it may be a circle having a predetermined radius from the center of the icon 130-1, or may be within a predetermined distance from one reference coordinate (for example, the upper left corner) of the icon 130-1. May be. Furthermore, it may be in a range where both absolute values of the XY coordinates are not more than a predetermined value.
  • the control unit 120 determines that the position where the finger contact is detected has moved into the range 160, the displayed icons 130-1 to 130-3 are moved by the control unit 120 after the movement in step 34. It is moved to a position corresponding to the position where the contact is detected. At this time, the range 160 also moves together with the icons 130-1 to 130-3.
  • FIG. 16 is a diagram showing an example of a display screen of the display unit 110 that displays the icons 130-1 to 130-3 moved by the process of step 34.
  • the lower side of the display unit 110 is displayed.
  • the icon 130-1 and the range 160 displayed on the left move to the left side of the display unit 110.
  • the position where the icon 130-1 and the range 160 move may be on the upper side or the right side of the display unit 110.
  • the movement direction of the finger is determined.
  • An explanation has been given of moving an icon to the end of a different display unit 110.
  • the icon is moved in the same direction as the finger moving direction. May be.
  • the icon may be moved by a predetermined coordinate without moving to the end of the display unit 110.
  • a UI User Interface
  • a display device with higher operability can be provided.
  • the processing performed by each component provided in the display device 100 described above may be performed by a logic circuit that is produced according to the purpose. Further, a computer program (hereinafter referred to as a program) in which processing contents are described as a procedure is recorded on a recording medium readable by the display device 100, and the program recorded on the recording medium is read by the display device 100 and executed. It may be what you do.
  • the recording medium readable by the display device 100 is a removable recording medium such as a floppy (registered trademark) disk, a magneto-optical disk, a DVD, and a CD, and a memory such as a ROM and a RAM built in the display device 100. And HDD.
  • the program recorded on the recording medium is read by the control unit 120 provided in the display device 100, and the same processing as described above is performed under the control of the control unit 120.
  • the control unit 120 operates as a computer that executes a program read from a recording medium on which the program is recorded.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
PCT/JP2012/073158 2012-09-11 2012-09-11 Dispositif, procédé d'affichage et programme Ceased WO2014041595A1 (fr)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/JP2012/073158 WO2014041595A1 (fr) 2012-09-11 2012-09-11 Dispositif, procédé d'affichage et programme

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/JP2012/073158 WO2014041595A1 (fr) 2012-09-11 2012-09-11 Dispositif, procédé d'affichage et programme

Publications (1)

Publication Number Publication Date
WO2014041595A1 true WO2014041595A1 (fr) 2014-03-20

Family

ID=50277753

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/JP2012/073158 Ceased WO2014041595A1 (fr) 2012-09-11 2012-09-11 Dispositif, procédé d'affichage et programme

Country Status (1)

Country Link
WO (1) WO2014041595A1 (fr)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006171469A (ja) * 2004-12-16 2006-06-29 Denso Corp 地図表示装置
JP2009169735A (ja) * 2008-01-17 2009-07-30 Sharp Corp 情報処理表示装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006171469A (ja) * 2004-12-16 2006-06-29 Denso Corp 地図表示装置
JP2009169735A (ja) * 2008-01-17 2009-07-30 Sharp Corp 情報処理表示装置

Similar Documents

Publication Publication Date Title
CN104145236B (zh) 用于移动终端中的内容的方法和装置
JP5718042B2 (ja) タッチ入力処理装置、情報処理装置およびタッチ入力制御方法
CN104285202B (zh) 触屏悬停输入处理方法和装置
JP5237980B2 (ja) 座標入力装置、座標入力方法、およびコンピュータが実行可能なプログラム
JP5951886B2 (ja) 電子機器および入力方法
JP2009110286A (ja) 情報処理装置、ランチャー起動制御プログラムおよびランチャー起動制御方法
JP5846129B2 (ja) 情報処理端末およびその制御方法
WO2014095756A1 (fr) Interfaces utilisateur et procédés associés
US12417013B1 (en) Methods and graphical user interfaces for pointing and editing on computing devices with touch-sensitive displays
CN103164156A (zh) 便携式终端的触摸输入方法和设备
JP2016528600A (ja) グラフィカルユーザインターフェースの一部分の選択方法
US10019148B2 (en) Method and apparatus for controlling virtual screen
US9244564B2 (en) Information processing apparatus touch panel display and control method therefor
US20150193139A1 (en) Touchscreen device operation
JPWO2014002633A1 (ja) 処理装置、動作制御方法及びプログラム
JP6096100B2 (ja) 電子機器、制御方法、及び制御プログラム
JP5769234B2 (ja) 表示装置、表示方法およびプログラム
JP2014056519A (ja) 携帯端末装置、誤操作判定方法、制御プログラムおよび記録媒体
US20140085340A1 (en) Method and electronic device for manipulating scale or rotation of graphic on display
JP5908326B2 (ja) 表示装置および表示プログラム
JP2014203202A (ja) 情報処理装置、情報処理装置の制御方法、およびプログラム
JP5998700B2 (ja) 情報機器
WO2014041595A1 (fr) Dispositif, procédé d'affichage et programme
US20150091831A1 (en) Display device and display control method
JP5777934B2 (ja) 情報処理装置、情報処理装置の制御方法、及び制御プログラム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12884701

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12884701

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: JP