KR20170029445A - Method for providing user interface using touch and drag - Google Patents
Method for providing user interface using touch and drag Download PDFInfo
- Publication number
- KR20170029445A KR20170029445A KR1020170024198A KR20170024198A KR20170029445A KR 20170029445 A KR20170029445 A KR 20170029445A KR 1020170024198 A KR1020170024198 A KR 1020170024198A KR 20170024198 A KR20170024198 A KR 20170024198A KR 20170029445 A KR20170029445 A KR 20170029445A
- Authority
- KR
- South Korea
- Prior art keywords
- icon
- folder
- clock
- touch
- app
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/016—Input arrangements with force or tactile feedback as computer generated output to the user
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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/0486—Drag-and-drop
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)
Abstract
Description
본 발명은 스마트폰, 테블릿 등의 터치스크린을 구비한 휴대용 단말기의 사용자 인터페이스 제공방법에 관한 것으로 더욱 상세하게는 사용자가 보다 간단한 동작에 의해 어플리케이션의 서브메뉴를 신속하게 실행하여 사용할 수 있도록 한 사용자 인터페이스 제공방법에 관한 것이다 .BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method of providing a user interface of a portable terminal having a touch screen such as a smart phone and a tablet, and more particularly, to a method of providing a user interface And an interface providing method.
최근에는 스마트폰, 태블릿 등의 휴대용 단말기가 개발되어 사용되고 있는 추세이며, 이러한 최근의 휴대용 단말기는 하드웨어적인 키를 구비하고 있는 키패드부분을 없애고 터치스크린을 적용하여 사용자가 직접 터치하면서 키를 입력할 수 있는 형태를 이루고 있다. 이처럼, 터치스크린은 유용한 입출력수단으로서 휴대용 단말기에 적용되고 있다. In recent years, portable terminals such as smart phones and tablets have been developed and used. In such a portable terminal, a keypad portion having a hardware key is removed, and a touch screen is applied to allow a user to directly touch a key . As such, the touch screen is being applied to a portable terminal as a useful input / output means.
일반적으로 터치스크린을 통해 제공되는 사용자 인터페이스는 각종 어플리케이션(Application, 이하, '앱'이라고 함)에 해당하는 아이콘들이 터치스크린 화면에 표시되고, 이 아이콘들 중에서 사용자가 원하는 아이콘을 터치하여 해당 앱이 실행되는 구조로 이루어진다. Generally, a user interface provided through a touch screen displays icons corresponding to various applications (hereinafter referred to as 'apps') on a touch screen screen, and touches a desired icon among the icons, .
종래의 사용자 인터페이스는 사용자가 터치스크린에 표시된 아이콘을 터치하여 해당 앱을 실행하고, 앱의 메인화면에 표시된 서브메뉴를 터치하여 서브메뉴를 실행할 수 있도록 되어 있었다. The conventional user interface allows the user to touch the icon displayed on the touch screen to execute the corresponding application, and touch the sub-menu displayed on the main screen of the app to execute the sub-menu.
따라서, 사용자가 서브메뉴를 실행하기 위해서는 아이콘을 터치하여, 앱을 실행하고, 앱의 메인화면에 표시된 서브메뉴를 다시 터치하여 서브메뉴가 실행해야 하므로 사용자가 번거로울 뿐 아니라 실행도 복잡한 단점이 있었다. Therefore, in order for the user to execute the submenu, the submenu must be executed by touching the icon, executing the app, and touching the submenu displayed on the main screen of the app again.
이에 대해, 아이폰의 ios (iphone operating system) 에서는 아이콘을 터치하면서 일정압력으로 누르게 되면 단축메뉴가 표시되어 앱을 실행과 동시에 해당 서브메뉴기능을 실행할 수 있도록 하고 있으나, 이 경우, 압력 감지에 필요한 하드웨어를 구비해야 하여 재료비가 상승하고 제조공정이 복잡해지는 단점이 있다. On the other hand, in the iphone (iphone operating system) of the iPhone, when the icon is touched and pressed at a constant pressure, a shortcut menu is displayed so that the submenu function can be executed simultaneously with the execution of the application. In this case, So that the material cost rises and the manufacturing process becomes complicated.
또한, 갤럭시 폰 등의 안드로이드(Android) 계열의 스마트폰에서는 아이콘을 일정시간 길게 터치함으로써, 단축메뉴가 호출되어 표시되고, 이 단축메뉴를 실행하는 방식이 적용되고 있으나, 이 경우, 터치스크린 상에 표시된 단축메뉴가 여러 아이콘들과 중첩되어 오조작이 발생할 수 있으며, 실행을 위한 조작시간이 지연되는 단점이 있었다. Also, in a smartphone based on an Android system such as a Galaxy phone, a shortcut menu is called and displayed by touching the icon for a predetermined length of time, and a shortcut menu is executed. However, in this case, The displayed shortcut menu is overlapped with the plurality of icons, resulting in erroneous operation, and the operation time for execution is delayed.
한편, 기존의 사용자 인터페이스에서는 터치스크린에 표시된 앱 아이콘들이 많아 바탕화면 이미지를 가리지 않도록 하기 위하여, 아이콘들을 폴더에 넣어 그룹화하도록 하고 있으며, 이 경우, 폴더에 속한 아이콘을 실행하기 위해서는 폴더를 터치하여 폴더 내의 아이콘들이 표시되게 한 후, 표시된 아이콘들 중에서 원하는 아이콘을 터치하여 실행되도록 하고 있다. On the other hand, in the existing user interface, in order to prevent the screen image from being cluttered with a large number of app icons displayed on the touch screen, the icons are grouped by putting them in a folder. In this case, And then touches a desired icon among the displayed icons so as to be executed.
이처럼, 기존에는 폴더를 터치하고, 다시 폴더 내의 아이콘 들 중 원하는 아이콘을 터치하여 실행해야 되므로, 사용자가 번거롭고 조작시간이 많이 필요한 아쉬움이 있었다. As described above, there has been an inconvenience that the user has to cumbersome and requires a long operation time because he or she has to touch the folder and again touch the desired icon among the icons in the folder.
본 발명은 상기한 바와 같은 종래의 문제점을 해결하고자 창안된 것으로서, 앱 아이콘을 소정방향으로 소정길이만큼 터치-드래그한 후, 터치해제함으로써, 기 설정된 앱의 서브메뉴가 실행되게 하여 사용자의 조작성이 보다 편리하면서 서브메뉴를 보다 신속하게 실행할 수 있도록 하는 터치-드래그를 이용한 사용자 인터페이스 제공방법을 제공하는데 목적이 있다. SUMMARY OF THE INVENTION The present invention has been made to solve the above-mentioned problems of the prior art, and it is an object of the present invention to provide an apparatus and a method for controlling the operation of the apparatus by touching and dragging an app icon by a predetermined length in a predetermined direction, The present invention provides a method of providing a user interface using a touch-drag, which allows a submenu to be executed more quickly and more conveniently.
또한, 본 발명은 폴더를 소정방향으로 소정길이만큼 터치-드래그한 후, 터치해제함으로써, 폴더 내의 앱들 중 기 설정된 앱이 실행되게 하여 사용자의 조작성이 보다 편리하면서 폴더 내의 앱을 보다 신속하게 실행할 수 있도록 하는 터치-드래그를 이용한 사용자 인터페이스 제공방법을 제공하는데 목적이 있다. In addition, according to the present invention, a folder is touched and dragged by a predetermined length in a predetermined direction, and then the touch is released, so that a predetermined one of the apps in the folder is executed, so that the user's operability is more convenient, The present invention provides a method for providing a user interface using a touch-drag.
상기한 목적을 달성하기 위한 본 발명의 터치-드래그를 이용한 사용자 인터페이스 제공방법은 휴대 단말기의 앱을 실행하는 사용자 인터페이스 제공방법에 있어서, 터치스크린의 인터페이스 화면 내의 앱 아이콘을 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 터치-드래그하는 단계; 상기 앱 아이콘이 기 설정된 거리만큼 이동되면 진동이 발생하는 단계; 상기 앱 아이콘이 기 설정된 거리만큼 이동된 상태에서 터치해제되면, 상기 앱 아이콘의 드래그 방향에 따라 상기 앱의 서브메뉴가 실행되는 단계;를 포함하는 것을 특징으로 한다. According to another aspect of the present invention, there is provided a method of providing a user interface for executing an app of a mobile terminal, the method comprising: displaying an app icon in an interface screen of a touch screen in a 3: , 9 o'clock direction and 12 o'clock direction; Generating a vibration when the app icon is moved a predetermined distance; And executing a submenu of the app according to a drag direction of the app icon when the app icon is untouched while being moved by a predetermined distance.
상기 서브메뉴는 제1서브메뉴, 제2서브메뉴, 제3서브메뷰 및 제4서브메뉴를 포함하며, 상기 앱 아이콘이 3시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제1서브메뉴가 실행되며, 상기 앱 아이콘이 6시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제2서브메뉴가 실행되며, 상기 앱 아이콘이 9시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제3서브메뉴가 실행되며, 상기 앱 아이콘이 12시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제4서브메뉴가 실행되도록 구성될 수 있다. The submenu includes a first submenu, a second submenu, a third submenu, and a fourth submenu. When the app icon is touched by a predetermined distance in the 3 o'clock direction and then touched off, When the app icon is moved by a predetermined distance in the 6 o'clock direction and then the touch is released, the second sub menu is executed. After the app icon is moved by a predetermined distance in the 9 o'clock direction, The third submenu is executed and the fourth submenu is executed when the app icon is moved away by a predetermined distance in the 12 o'clock direction and then touched off.
상기 앱 아이콘이 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 기 설정된 거리만큼 이동되면, 진동이 발생하도록 구성될 수 있다. When the app icon is moved by a predetermined distance in any one of the 3 o'clock direction, the 6 o'clock direction, the 9 o'clock direction, and the 12 o'clock direction, vibration may be generated.
상기 앱 아이콘의 테두리를 감싸도록 표시되는 테두리부가 구비되며, 상기 테두리부는 4 등분되어, 제1테두리부, 제2테두리부, 제3테두리 및, 제4테두리부로 구획되면, 상기 제1테두리부는 상기 제1서브메뉴에 대한 제1색상으로, 상기 제2테두리부는 상기 제2서브메뉴에 대한 제2색상으로, 상기 제3테두리부는 상기 제3서브메뉴에 대한 제3색상으로, 상기 제4테두리부는 상기 제4서브메뉴에 대한 제4색상으로 이루어지며, 상기 앱 아이콘이 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 기 설정된 거리만큼 이동되면, 상기 앱 아이콘의 원위치에는 실행될 해당 서브메뉴에 대한 색상 계열로 듀오톤 이미지 변환된 변환아이콘 이미지가 표시되도록 구성할 수 있다. A first edge portion, a second edge portion, a third edge portion, and a fourth edge portion, wherein the first edge portion is divided into a first edge portion, a second edge portion, a third edge portion, and a fourth edge portion, Wherein the second border is a second color for the second submenu, the third border is a third color for the third submenu, the fourth border is a second color for the second submenu, And the fourth color for the fourth submenu, and when the app icon is moved by a predetermined distance in any one of the 3 o'clock direction, 6 o'clock direction, 9 o'clock direction and 12 o'clock direction, And the converted icon image converted from the duotone image into the color series for the submenu to be executed can be displayed at the home position.
한편, 본 발명의 터치-드래그를 이용한 사용자 인터페이스 제공방법은 휴대 단말기의 앱을 실행하는 사용자 인터페이스 제공방법에 있어서, 터치스크린의 인터페이스 화면 내의 폴더를 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 터치-드래그하는 단계; 상기 폴더가 기 설정된 거리만큼 이동되면 진동이 발생하는 단계; 상기 폴더가 기 설정된 거리만큼 이동된 상태에서 터치해제되면 상기 폴더의 드래그 방향에 따라 상기 폴더 내에 속한 앱들 중 기 설정된 앱이 실행되는 단계;를 포함하도록 구성될 수 있다. According to another aspect of the present invention, there is provided a method of providing a user interface for executing an application of a mobile terminal, the method comprising: displaying a folder in an interface screen of a touch screen at three o'clock, six o'clock, Touching and dragging in one of the 12 o'clock directions; Generating vibration when the folder is moved by a predetermined distance; And if the folder is moved away by a predetermined distance, then the predetermined one of the apps belonging to the folder is executed according to the drag direction of the folder.
상기 폴더가 3시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제1앱이 실행되며, 상기 폴더가 6시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제2앱이 실행되며, 상기 폴더가 9시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제3앱이 실행되며, 상기 폴더가 12시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제4앱이 실행되도록 구성할 수 있다. When the folder is moved by a preset distance in the 3 o'clock direction and then the touch is released, a predetermined first app among the apps belonging to the folder is executed, and the folder is moved by a predetermined distance in the 6 o'clock direction, A predetermined second app among the apps belonging to the folder is executed, and when the folder is moved by a predetermined distance in the 9 o'clock direction and then touched off, a predetermined third app among the apps belonging to the folder is executed, When the folder is moved to the 12 o'clock direction by a predetermined distance and then the touch is released, the fourth app may be configured to be executed among the apps belonging to the folder.
상기 폴더가 3시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제1앱의 제1아이콘이 표시되며, 상기 폴더가 6시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제2앱의 제2아이콘이 표시되며, 상기 폴더가 9시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제3앱의 제3아이콘이 표시되며, 상기 폴더가 12시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제4앱의 제4아이콘이 표시되도록 구성할 수 있다. When the folder is moved by a predetermined distance in the 3 o'clock direction, a first icon of the first app is displayed at the home position of the folder. When the folder is moved by a predetermined distance in 6 o'clock direction, The second icon of the second app is displayed. When the folder is moved by a predetermined distance in the 9 o'clock direction, the third icon of the third app is displayed at the original position of the folder, and the folder is displayed at 12 o'clock The fourth icon of the fourth app may be displayed at the original position of the folder when the icon is moved by a predetermined distance.
상기한 본 발명의 인터페이스 제공방법에 따르면, 사용자가 아이콘이나 폴더를 3시,6시,9시,12시 방향 중 하나의 방향으로 소정길이만큼 터치-드래그 한 후, 터치해제를 하는 간단한 방식으로, 아이콘의 서브메뉴를 바로 실행하거나 폴더 내에 속한 아이콘의 앱을 바로 실행할 수 있으므로, 사용자의 조작편리성이 증대되고, 신속한 실행동작이 이루어질 수 있는 효과가 있다. According to the above-described interface providing method of the present invention, a simple method of touch-dragging an icon or a folder by a predetermined length in one direction of 3 o'clock, 6 o'clock, 9 o'clock or 12 o'clock direction and then releasing the touch , The submenu of the icon can be immediately executed or the application of the icon belonging to the folder can be executed immediately, so that the convenience of the user's operation is increased and a quick execution operation can be performed.
특히, 아이콘을 소정방향으로 소정길이만큼 터치-드래그 하는 경우, 이동전 아이콘의 원위치에는 실행될 서브메뉴와 관련된 색상으로 듀오톤 이미지 변환된 변환아이콘 이미지가 표시되므로, 사용자가 실행될 서브메뉴를 미리 추측할 수 있다. In particular, when the icon is touch-dragged by a predetermined length in a predetermined direction, the converted icon image converted with the duotone image is displayed in the color related to the sub menu to be executed in the original position of the icon before movement. Therefore, .
또한, 폴더를 소정방향으로 소정길이만큼 터치-드래그 하는 경우, 이동전 폴더의 원위치에는 실행된 아이콘이 표시되므로 사용자가 실행된 아이콘을 확인할 수 있다. In addition, when the folder is touched and dragged by a predetermined length in a predetermined direction, the executed icon is displayed at the original position of the folder before the movement, so that the user can confirm the executed icon.
도 1은 본 발명의 일 실시 예에 따른 휴대용 단말기의 구성을 나타낸 도면이고,
도 2는 본 발명의 일 실시 예에 따른 휴대용 단말기의 인터페이스 제공방법을 나타낸 플로우차트이고,
도 3 및 도 4는 본 발명의 일 실시 예에 따른 휴대용 단말기의 인터페이스 제공방법에 따른 터치스크린 화면을 나타낸 도면이고,
도 5는 본 발명의 타 실시 예에 따른 휴대용 단말기의 인터페이스 제공방법을 나타낸 플로우차트이고,
도 6 및 도 7은 본 발명의 타 실시 예에 따른 휴대용 단말기의 인터페이스 제공방법에 따른 터치스크린 화면을 나타낸 도면이고,
도 8 및 도 9는 폴더 내에 속한 아이콘들 중 기 설정된 아이콘들의 아이콘설명글에 표시된 테두리라인 또는 바탕색면을 표시한 예를 나타낸 도면이다. 1 is a block diagram of a portable terminal according to an embodiment of the present invention,
2 is a flowchart illustrating a method of providing an interface of a portable terminal according to an embodiment of the present invention,
3 and 4 are views illustrating a touch screen screen according to an interface providing method of a portable terminal according to an embodiment of the present invention,
5 is a flowchart illustrating a method for providing an interface of a portable terminal according to another embodiment of the present invention,
6 and 7 are views illustrating a touch screen screen according to a method of providing an interface of a portable terminal according to another embodiment of the present invention,
8 and 9 are views showing an example of displaying a border line or a background color plane displayed in an icon description text of a predetermined icon among icons belonging to a folder.
이상의 본 발명의 목적들, 다른 목적들, 특징들 및 이점들은 첨부된 도면과 관련된 이하의 바람직한 실시 예들을 통해서 쉽게 이해될 것이다. 그러나 본 발명은 여기서 설명되는 실시 예들에 한정되지 않고 다른 형태로 구체화될 수도 있다. 오히려, 여기서 소개되는 실시 예들은 개시된 내용이 철저하고 완전해질 수 있도록 그리고 당업자에게 본 발명의 사상이 충분히 전달될 수 있도록 하기 위해 제공되는 것이다. BRIEF DESCRIPTION OF THE DRAWINGS The above and other objects, features, and advantages of the present invention will become more readily apparent from the following description of preferred embodiments with reference to the accompanying drawings. However, the present invention is not limited to the embodiments described herein but may be embodied in other forms. Rather, the embodiments disclosed herein are provided so that the disclosure can be thorough and complete, and will fully convey the scope of the invention to those skilled in the art.
본 명세서에서 사용된 용어는 실시 예들을 설명하기 위한 것이며, 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 '포함한다(coprises)' 및/또는 '포함하는(comprising)'은 언급된 구성요소는 하나 이상의 다른 구성요소의 존재 또는 추가를 배제하지 않는다. The terminology used herein is for the purpose of illustrating embodiments and is not intended to be limiting of the present invention. In the present specification, the singular form includes plural forms unless otherwise specified in the specification. As used in the specification, the terms 'comprise' and / or 'comprising' do not exclude the presence or addition of one or more other elements.
아래의 특정 실시 예들을 기술하는데 있어서, 여러 가지의 특정적인 내용들은 발명을 더 구체적으로 설명하고 이해를 돕기 위해 작성되었다. 하지만, 본 발명을 이해할 수 있을 정도로 이 분야의 지식을 갖고 있는 독자는 이러한 여러 가지의 특정적인 내용들이 없어도 사용될 수 있다는 것을 인지할 수 있다. 어떤 경우에는, 발명을 기술하는데 있어서 흔히 알려졌으면서 발명과 크게 관련 없는 부분들은 본 발명을 설명하는데 있어 별 이유 없이 혼돈이 오는 것을 막기 위해 기술하지 않음을 미리 언급해 둔다. In describing the specific embodiments below, various specific details have been set forth in order to explain the invention in greater detail and to assist in understanding it. However, it will be appreciated by those skilled in the art that the present invention may be understood by those skilled in the art without departing from such specific details. In some instances, it should be noted that portions of the invention that are not commonly known in the description of the invention and are not significantly related to the invention do not describe confusing reasons to explain the present invention.
이하, 도 1 내지 도 4를 참조하여 본 발명의 일 실시 예에 따른 휴대단말기의 터치-드래그를 이용한 사용자 인터페이스 제공방법에 대해 설명하도록 한다. Hereinafter, a method of providing a user interface using a touch-drag of a portable terminal according to an embodiment of the present invention will be described with reference to FIGS.
명세서에 기재된 "~부" 등의 용어는 적어도 하나 이상의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다. Means a unit for processing at least one function or operation, and may be implemented by hardware, software, or a combination of hardware and software.
도 1을 참조하면, 휴대 단말기는 터치스크린(11), 메모리부(14), 진동발생부(15), 제어부(16)로 구성된다. Referring to FIG. 1, a portable terminal includes a
터치스크린(11)은 스크린부(12)와 터치패널부(13)로 구성되며, 스크린부(12)는 운영체제, 각종 앱의 아이콘, 앱의 실행화면 등을 표시하도록 구성되며, 터치패널부(13)는 스크린부(12) 상에 형성되어, 사용자의 터치, 드래그, 드롭 등의 조작을 감지하여 신호값을 제어부(16)에 출력하도록 구성된다. The
메모리부(14)는 제어부(16)의 처리 및 제어를 위한 각종 정보, 운영체제, 앱에 대한 사용자 선택 및 실행 요구를 전달하기 위한 아이콘 정보 및 서브메뉴 등의 정보 및 이미지를 저장한다. The
앱(애플리케이션)은 단말기의 종류에 따라 다른 형태로 구성될 수 있으며, 예를 들어, 아이폰 계열 앱과 안드로이드폰 계열 앱으로 이루어질 수 있다. The application (application) may be configured in different forms according to the type of the terminal, for example, an iPhone-based application and an Android phone-based application.
진동발생부(15)는 제어부(16)의 제어에 의해 사용자에게 진동을 제공하여 각종 정보의 알림기능을 수행하도록 구성된다. The
제어부(16)는 메모리부(14)에 저장된 앱, 운영체제 등을 터치스크린(11)을 통해 표시하고, 앱의 실행, 데이터 저장 등의 각종 기능을 제어하고 실행하며, 터치스크린(11)을 통해 사용자 인터페이스를 제공하며, 휴대단말기의 하드웨어나 소프트웨어적인 모든 요소를 제어하도록 구성될 수 있다. The
제어부(16)는 터치스크린(11)을 통해 입력되는 아이콘, 폴더 등의 터치, 드래그, 터치해제 등의 신호값을 수신하고, 수신된 신호값에 따라 앱의 실행, 앱의 서브메뉴 실행, 폴더 내의 앱 실행 등을 제어할 수 있다. The
아울러, 제어부(16)는 터치스크린(11)을 통해 입력되는 설정정보 들을 해당 앱에 적용하고 메모리부(14)에 설정정보를 저장할 수 있다. In addition, the
본 발명의 사용자 인터페이스를 제공하는 것은 터치스크린을 구비한 휴대 단말기이며, 좀더 구체적으로, 터치스크린을 구비한 휴대 단말기의 프로세서인 제어부(16)가 될 수 있다. Providing the user interface of the present invention is a portable terminal having a touch screen. More specifically, the controller may be a processor of a portable terminal having a touch screen.
본 발명에서 제어부(16)에 의해 터치스크린에 표시되는 앱 아이콘의 테두리에는 도 3과 같이, 테두리부(20)가 구비될 수 있으며, 이 테두리부(20)는 아이콘의 중심에 대해 3시방향, 6시방향, 9시방향, 12시 방향으로 4등분 되어, 이 테두리부(20)는 제1테두리부(21), 제2테두리부(22), 제3테두리부(23), 제4테두리부(24)를 포함하도록 구획되도록 구성될 수 있다. 3, an
본 발명은 터치스크린 상에 표시된 앱 아이콘에 테두리부(20)가 구비되어 있으므로, 본 발명이 적용된 테두리부(20)를 구비한 앱 아이콘을 통해 테두리부(20)가 구비되지 않은 일반 아이콘이 사용자에게 시각적으로 구별될 수 있다. Since the app icons displayed on the touch screen are provided with the
구체적으로, 도 3과 같이, 테두리부(20)가 원형일 경우, 테두리부(20)는 45도, 135도, 225도, 315도로 구획되어, 제1 내지 제4테두리부(21,22,23,24)로 구획될 수 있다. 3, when the
본 발명에서 각 테두리부(21,22,23,24)는 서로 다른 색상으로 표시될 수 있다. 각 테두리부(21,22,23,24))의 색상은 다양하게 구성될 수 있으나, 이하의 설명에서는 예를 들어, 제1테두리부(21)는 빨강색, 제2테두리부(22)는 파랑색, 제3테두리부(23)는 노랑색, 제4테두리부(24)는 녹색으로 표시되는 것으로 설명한다. In the present invention, the
상기와 같이 구성된 휴대 단말기를 통해 이루어지는 본 발명의 사용자인터페이스 제공방법을 도 2 내지 도 4를 참조하여 설명한다. A user interface providing method of the present invention through the portable terminal constructed as above will be described with reference to FIG. 2 to FIG.
먼저, 제어부(16)에 의해 터치스크린(11) 상에 테두리부(20)가 구비된 앱 아이콘이 표시된다. First, the
이러한 상태에서 사용자가 터치스크린 상에 표시된 앱 아이콘을 3시방향, 6시방향, 9시방향, 12시방향 중 임의의 방향으로 터치-드래그하는 경우, 제어부(16)는 터치스크린(11)을 통해 아이콘의 터치드래그를 감지한다(S11). In this state, when the user touch-drages the app icon displayed on the touch screen in any direction among 3 o'clock, 6 o'clock, 9 o'clock, or 12 o'clock direction, the
제어부(16)는 아이콘의 터치-드래그의 방향과 이동거리를 판단하며, 아이콘이 기 설정된 소정길이를 이동한 것인지 판단한다(S12). The
제어부(16)는 아이콘의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단하면, 진동발생부(15)를 통해 진동을 발생시킨다(S13). If the
이렇게 아이콘의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 상태에서, 사용자가 터치를 해제하여, 제어부(16)가 아이콘의 터치해제를 감지하고(S14), 해당 앱의 서브메뉴들 중 기 설정된 제1서브메뉴를 실행하도록 한다(S15). When the touch-drag of the icon is shifted by a predetermined length in the direction of 3 o'clock, the user releases the touch, the
한편, 제어부(16)는 S12 단계에서 아이콘의 터치-드래그가 3시 방향이 아닌 경우, 터치-드래그가 6시 방향인지 확인하고(S12-1), 아이콘의 터치-드래그가 6시 방향으로 기 설정된 소정길이만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S13-1). If the touch-drag of the icon is not at the 3 o'clock position in step S12, the
이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 아이콘의 터치해제를 감지하고(S14-1), 해당 앱의 서브메뉴들 중 기 설정된 제2서브메뉴를 실행하도록 한다(S15-1). If the user releases the touch in this state, the
또한, 제어부(16)는 S12-1 단계에서 아이콘의 터치-드래그가 6시 방향이 아닌 경우, 터치-드래그가 9시 방향인지 확인하고(S12-2), 아이콘의 터치-드래그가 9시 방향으로 기 설정된 소정길이만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S13-2). If the touch-drag of the icon is not in the 6 o'clock direction in step S12-1, the
이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 아이콘의 터치해제를 감지하고(S14-2), 해당 앱의 서브메뉴들 중 기 설정된 제3서브메뉴를 실행하도록 한다(S15-2). If the user releases the touch in this state, the
또한, 제어부(16)는 S12-2 단계에서 아이콘의 터치-드래그가 9시 방향이 아닌 경우, 터치-드래그가 12시 방향인지 확인하고(S12-3), 아이콘의 터치-드래그가 12시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S13-3). If the touch-drag of the icon is not in the 9 o'clock direction in step S12-2, the
이러한 상태에서 사용자가 터치를 해제하면, 제어부(16)는 아이콘의 터치해제를 감지하고(S14-3), 해당 앱의 서브메뉴들 중 기 설정된 제4서브메뉴를 실행하도록 한다(S15-3). If the user releases the touch in this state, the
본 발명에서 제어부(16)는 터치스크린을 통한 사용자 조작에 의해 아이콘의 터치-드래그 방향에 따른 해당앱에 대한 4개의 서브메뉴를 지정할 수 있으며, 예를 들어, 사진촬영 앱인 경우, 후방사진촬영(일반촬영), 후방동영상촬영(일반동영상촬영), 전면사진촬영(셀카사진촬영), 전면동영상촬영(셀카동영상촬영), 촬영설정 등의 서브메뉴 들이 있으며, 이 서브메뉴들 중 4가지의 서브메뉴를 터치-드래그 방향에 대해 제1서브메뉴, 제2서브메뉴, 제3서브메뉴, 제4서브메뉴로 설정할 수 있다. In the present invention, the
제어부(16)는 아이콘이 3시방향으로 기 설정된 이동거리(예를 들어 1cm)만큼 터치-드래그 된 후, 터치 해제되면 제1서브메뉴를 실행하고, 아이콘이 6시방향으로 기 설정된 이동거리(예를 들어 1cm)만큼 터치-드래그 된 후, 터치 해제되면 제2서브메뉴를 실행하고, 아이콘이 9시방향으로 기 설정된 이동거리(예를 들어 1cm)만큼 터치-드래그 된 후, 터치 해제되면 제3서브메뉴를 실행하고, 아이콘이 12시방향으로 기 설정된 이동거리(예를 들어 1cm)만큼 터치-드래그 된 후, 터치 해제되면 제4서브메뉴를 실행하도록 구성될 수 있다. When the icon is touch-dragged by a predetermined movement distance (for example, 1 cm) in the 3 o'clock direction, the
이처럼, 본 발명의 인터페이스 제공방법에 의해서, 사용자는 터치스크린에 표시된 아이콘을 3시방향, 6시방향, 9시방향, 12시방향의 4가지 방향중 하나의 방향으로 소정 길이만큼 터치-드래그 하면, 휴대 단말기에서 진동이 발생하게 되고, 이러한 상태에서 아이콘을 터치 해제하기만 하면 해당 아이콘에 대한 앱의 서브메뉴 중 터치-드래그 방향에 따라 지정된 서브메뉴가 바로 실행되도록 하는 방식이므로, 사용자의 조작성이 보다 편리할 뿐 아니라, 앱의 서브메뉴들을 신속하게 실행시킬 수 있게 된다. As described above, according to the interface providing method of the present invention, when the user touch-drages the icon displayed on the touch screen by a predetermined length in one of four directions of 3 o'clock, 6 o'clock, 9 o'clock, 12 o'clock , The vibration occurs in the mobile terminal. In such a state, only the sub-menu designated by the touch-drag direction among the sub-menus of the application for the corresponding icon is directly executed by simply releasing the icon. It is not only more convenient, but it also allows you to quickly launch submenus of your app.
상기에서 본 발명의 인터페이스 제공방법은 아이콘을 3시방향, 6시방향, 9시방향, 12시방향 중 하나의 방향으로 소정길이 이동하면, 진동이 발생되고, 이러한 상태에서 터치 해제하면 아이콘이 실행되는 것으로 구성되어 있으나, 추가적으로, 본 발명의 인터페이스 제공방법은 아이콘을 3시방향, 6시방향, 9시방향, 12시방향 중 하나의 방향으로 소정길이 이동하면, 진동이 발생됨과 더불어, 터치스크린에 표시된 아이콘의 테두리부(20) 중 터치-드래그 방향에 대한 테두리부의 색상 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(31,32,33,34)가 이동전 아이콘의 원위치에 표시되도록 구성될 수 있다. In the above-described interface providing method of the present invention, when the icon is moved by a predetermined length in one of the directions of 3 o'clock, 6 o'clock, 9 o'clock, or 12 o'clock, vibration is generated. In addition, in the interface providing method of the present invention, when the icon is moved by a predetermined length in one of the 3 o'clock direction, 6 o'clock direction, 9 o'clock direction, and 12 o'clock direction, vibration occurs, The converted
이처럼, 아이콘을 3시, 6시, 9시, 12시 방향 중 하나의 방향으로 소정길이 이동하면, 진동이 발생함과 더불어, 테두리부의 색상 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(31,32,33,34)가 표시됨으로써, 해당 서브메뉴가 실행가능한 상태임을 사용자에게 시각적 및 촉각적으로 동시에 전달될 수 있다. When the icon is shifted by a predetermined length in one of the directions of 3 o'clock, 6 o'clock, 9 o'clock, and 12 o'clock, vibrations occur, and converted
구체적으로, 도 4의 (a)를 참조하면, 아이콘이 3시방향으로 소정거리 터치-드래그 된 경우, 제어부(16)는 진동을 발생시킴과 더불어, 터치-드래그 방향(3시 방향)에 대한 제1테두리부(21)의 색상 즉 빨강색 계열로 듀오톤 이미지변환된 변환아이콘 이미지(31)를 아이콘의 원위치에 표시하도록 한다. 4 (a), when the icon is touch-dragged at a predetermined distance in the 3 o'clock direction, the
또한, 도 4의 (b)를 참조하면, 아이콘이 6시방향으로 소정거리 터치-드래그 된 경우, 제어부(16)는 진동을 발생시킴과 더불어, 터치-드래그 방향(6시 방향)에 대한 제2테두리부(22)의 색상 즉 파랑색 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(32)를 아이콘의 원위치에 표시하도록 한다. 4 (b), when the icon is touch-dragged at a predetermined distance in the 6 o'clock direction, the
또한, 도 4의 (c)를 참조하면, 아이콘이 9시방향으로 소정거리 터치-드래그 된 경우, 제어부(16)는 진동을 발생시킴과 더불어, 터치-드래그 방향(9시 방향)에 대한 제3테두리부(23)의 색상 즉 노랑색 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(33)를 아이콘의 원위치에 표시하도록 한다. 4 (c), when the icon is touch-dragged by a predetermined distance in the 9 o'clock direction, the
또한, 도 4의 (d)를 참조하면, 아이콘이 12시방향으로 소정거리 터치-드래그 된 경우, 제어부(16)는 진동을 발생시킴과 더불어, 터치-드래그 방향(12시 방향)에 대한 제4테두리부(24)의 색상 즉 녹색 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(34)를 아이콘의 원위치에 표시하도록 한다. 4 (d), when the icon is touch-dragged at a predetermined distance in the 12 o'clock direction, the
사용자가 아이콘을 3,6,9,12시방향 중 하나의 방향으로 소정거리 터치-드래그 하면, 휴대단말기에서 진동이 발생됨과 더불어 터치스크린에 제1내지 제4테두리부(21,22,23,24)의 4가지 색상 중 터치-드래그 방향과 대응되는 색상으로 듀오톤 변환된 변환아이콘 이미지(31,32,33,34)가 표시되어, 터치-드래그 방향에 대해 실행될 서브메뉴를 색상적으로서 지시해 주게 되어, 사용자가 테두리부(21,22,23,24)의 색상에 대응되는 실행될 서브메뉴를 미리 추측할 수 있게 된다. When the user touches and dragges the icon a predetermined distance in one of the directions of 3, 6, 9, and 12 o'clock, vibrations occur in the portable terminal, and the first to
예를 들어, 사용자가 아이콘을 3시 방향으로 기 설정한 소정길이만큼 터치-드래그 하면, 제1테두리(21)의 색상인 빨강색 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(31)가 아이콘의 원위치 상에 표시되고, 이러한 상태에서 터치를 해제하면, 터치-드래그방향(3시방향)에 대응되는 제1서브메뉴가 실행되게 된다. 사용자는 지속적인 사용에 따라 제1서브메뉴가 제1테두리(21) 색상인 빨강색인 것으로 각인할 수 있으므로, 사용자가 아이콘을 3시방향으로 소정거리만큼 터치-드래그하여 빨강색 계열로 듀오톤 이미지 변환된 변환아이콘 이미지(31)가 아이콘의 원위치 상에 표시되는 것을 확인하게 되면, 그 변환아이콘 이미지(31)를 통해 제1서브메뉴가 실행될 것을 인식할 수 있게 되며, 이러한 상태에서, 사용자는 아이콘을 터치 해제함으로써, 제1서브메뉴가 실행될 수 있다. For example, when the user touch-drages the icon by a predetermined length set in the 3 o'clock direction, the converted
아울러, 본 발명은 앱 실행시 터치스크린(11) 상에 표시되는 전체 서브메뉴표시 부분에서, 제1서브메뉴가 빨간색(제1테두리부의 색상과 동일)으로 표시되고, 제2서브메뉴는 파란색(제2테두리부의 색상과 동일)으로 표시되고, 제3서브메뉴는 노랑색(제3테두리부의 색상과 동일)으로 표시되고, 제4서브메뉴는 녹색(제4테두리부의 색상과 동일)으로 표시되도록 구성함으로써, 사용자가 각 제1,2,3,4서브메뉴의 색상을 기억함으로써, 아이콘의 터치-드래그 방향에 따라 실행된 해당 서브메뉴를 쉽게 연상할 수 있게 해줄 수 있다. In addition, in the present invention, the first submenu is displayed in red (same as the color of the first frame portion) in the entire submenu display portion displayed on the
한편, 본 발명에서 제어부(16)는 아이콘의 터치-드래그가 기 설정된 거리보다 작거나 그 거리를 초과한 경우에는, 기존과 같이 아이콘의 이동 등 기존 기능만을 수행하도록 구성될 수 있다. Meanwhile, in the present invention, when the touch-drag of the icon is smaller than the preset distance or exceeds the predetermined distance, the
이하, 도 5 내지 도 9를 참조하여, 본 발명의 타 실시 예에 따른 인터페이스 제공방법에 대해 설명한다. Hereinafter, a method of providing an interface according to another embodiment of the present invention will be described with reference to FIGS. 5 to 9. FIG.
일 실시 예에서는 아이콘을 3시,6시,9시,12시 중 하나의 방향으로 소정거리만큼 터치-드래그한 후, 터치해제 하여 해당 앱의 지정된 서브메뉴가 바로 실행되는 것이었으나, 타 실시 예는 다수의 앱을 그룹화한 폴더를 3시,6시,9시,12시 중 하나의 방향으로 소정거리만큼 터치-드래그한 후, 터치 해제하면 폴더에 속하는 앱들 중 지정된 앱이 바로 실행되도록 구성되도록 한 것이다. In one embodiment, the icon is touched and dragged by a predetermined distance in the direction of one of 3 o'clock, 6 o'clock, 9 o'clock, or 12 o'clock, Drag-and-drop a folder grouped with a plurality of apps at a predetermined distance in a direction of one of 3 o'clock, 6 o'clock, 9 o'clock, and 12 o'clock, and then releasing the touch so that a designated one of the apps belonging to the folder is immediately executed It is.
제어부(16)는 폴더 내에 속한 아이콘들 중 폴더의 터치-드래그 방향(3시,6시,9시,12시 방향)에 대해 각 설정된 아이콘1,2,3,4의 앱을 실행하도록 구성될 수 있다. The
본 발명에서 제어부(16)에 의해 터치스크린에 표시되는 폴더 아이콘의 테두리에는 도 6과 같이, 테두리부(40)가 구비될 수 있으며, 이 테두리부(20)는 폴더 아이콘의 중심에 대해 3시방향, 6시방향, 9시방향, 12시 방향으로 4등분 되어, 이 테두리부(40)는 제1테두리부(41), 제2테두리부(42), 제3테두리부(43), 제4테두리부(44)를 포함하도록 구성될 수 있다. In the present invention, the
본 발명에서 각 테두리부(41,42,43,44)는 서로 다른 색상으로 표시될 수 있다. 각 테두리부(41,42,43,44))의 색상은 다양하게 구성될 수 있으나, 이하의 설명에서는 예를 들어, 제1테두리부(41)는 빨강색, 제2테두리부(42)는 파랑색, 제3테두리부(43)는 노랑색, 제4테두리부(44)는 녹색으로 표시되는 것으로 설명한다. In the present invention, the
본 발명은 터치스크린 상에 표시된 폴더 아이콘에 테두리부(40)가 구비되어 있으므로, 본 발명이 적용된 테두리부(40)를 구비한 폴더 아이콘을 통해 테두리부(40)가 구비되지 않은 일반 폴더 아이콘이 사용자에게 시각적으로 구별될 수 있다. Since the folder icon displayed on the touch screen is provided with the
제어부(16)는 폴더의 터치-드래그 방향에 대해 실행되도록 기 설정된 아이콘의 하부에 표시되는 각 아이콘1,2,3,4의 설명글에 도 7과 같이, 상기 각 테두리부(41,42,43,44)의 색상(터치- 드래그 방향에 대응)과 동일한 색상의 테두리라인(50)을 표시하도록 구성될 수 있다. 구체적으로, 아이콘1의 테두리라인(50)은 제1테두리부(41)와 동일하게 빨강색으로, 아이콘2의 테두리라인은 제2테두리부(42)와 동일하게 파랑색으로, 아이콘3의 테두리라인은 제3테두리부(43)와 동일하게 노랑색으로, 아이콘4의 테두리라인은 제4테두리부(44)와 동일하게 녹색으로 표시될 수 있다. 사용자는 도 8과 같이, 폴더에 속한 아이콘 1,2,3,4,5,6들 중에 테두리라인(50)이 표시된 아이콘1,2,3,4을 기억함으로써, 폴더의 터치-드래그 방향에 대해 실행될 해당 아이콘1,2,3,4을 연상할 수 있게 된다. As shown in FIG. 7, the
본 발명에서 제어부(16)는 터치스크린을 통한 사용자 조작에 의해 폴더의 터치-드래그 방향(3시,6시,9시,12시)에 따라 폴더 내에 속한 앱 아이콘 들 중 실행될 아이콘1, 아이콘2, 아이콘3, 아이콘4을 설정할 수 있으며, 설정시, 제어부(16)는 아이콘1,아이콘2,아이콘3,아이콘4의 하단 설명글에 해당색상의 테두리라인(50)을 표시할 수 있다. In the present invention, the
아울러, 본 발명에서 제어부(16)는 통상의 휴대단말기의 인터페이스와 같이, 폴더 아이콘을 터치하는 경우, 도 8이나 도 9와 같이, 터치스크린 상에 폴더 내에 속한 앱 아이콘들이 배열되어 표시되도록 할 수 있다. In addition, in the present invention, when the folder icon is touched as in the interface of a general mobile terminal, the
본 실시 예의 사용자인터페이스 제공방법을 설명한다. The user interface providing method of this embodiment will be described.
먼저, 제어부(16)에 의해 터치스크린(11) 상에 테두리부(40)가 구비된 폴더 아이콘이 표시된다. First, a folder icon having a
이러한 상태에서, 사용자가 터치스크린 상에 표시된 폴더를 3시방향, 6시방향, 9시방향, 12시방향 중 임의의 방향으로 터치-드래그하는 경우, 제어부(16)는 터치스크린(11)을 통해 폴더의 터치드래그를 감지한다(S21). In this state, when the user touch-drages the folder displayed on the touch screen in any direction among 3 o'clock, 6 o'clock, 9 o'clock, or 12 o'clock direction, the
제어부(16)는 폴더의 터치-드래그의 방향과 이동거리를 판단하며, 폴더가 기 설정된 소정길이를 이동한 것인지 판단한다(S22).The
제어부(16)는 폴더의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단하면, 진동발생부(15)를 통해 진동을 발생시킨다(S23). If the
이렇게 폴더의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 상태에서, 사용자가 터치를 해제하여, 제어부(16)가 폴더의 터치해제를 감지하고(S24), 폴더에 속한 아이콘들의 앱들 중 기 지정된 제1아이콘의 앱을 실행하도록 한다(S25). When the touch-drag of the folder is shifted by a predetermined length in the direction of 3 o'clock, the user releases the touch and the
한편, 제어부(16)는 S22 단계에서 폴더의 터치-드래그가 3시 방향이 아닌 경우, 터치-드래그가 6시 방향인지 확인하고(S22-1), 폴더의 터치-드래그가 6시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S23-1). If the touch-drag of the folder is not the 3 o'clock direction, the
이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 폴더의 터치해제를 감지하고(S24-1)을 감지하고, 폴더에 속한 아이콘들의 앱들 중 기 지정된 제2아이콘의 앱을 실행하도록 한다(S25-1). When the user releases the touch in this state, the
또한, 제어부(16)는 S22-1 단계에서 폴더의 터치-드래그가 6시 방향이 아닌 경우, 터치-드래그가 9시 방향인지 확인하고(S22-2), 폴더의 터치-드래그가 9시 방향으로 기 설정된 소정길이만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S23-2). If the touch-drag of the folder is not in the 6 o'clock direction in step S22-1, the
이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 폴더의 터치해제를 감지하고(S14-2), 폴더에 속한 아이콘들의 앱들 중 기 지정된 제3아이콘의 앱을 실행하도록 한다(S25-2). If the user releases the touch in this state, the
또한, 제어부(16)는 S22-2 단계에서 폴더의 터치-드래그가 9시 방향이 아닌 경우, 터치-드래그가 12시 방향인지 확인하고(S22-3), 폴더의 터치-드래그가 12시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단되면, 진동발생부(15)를 통해 진동을 발생시킨다(S23-3). If the touch-drag of the folder is not at 9 o'clock in step S22-2, the
이러한 상태에서 사용자가 터치를 해제하면, 제어부(16)는 폴더의 터치해제를 감지하고(S24-3), 폴더에 속한 아이콘들의 앱들 중 기 지정된 제4아이콘의 앱을 실행하도록 한다(S25-3). If the user releases the touch in this state, the
본 발명은 폴더를 3,6,9,12시 방향 중 하나의 방향으로 기 설정된 소정거리만큼 이동시킨 경우, 제어부(16)는 진동을 발생시키도록 제어함과 더불어, 도 7과 같이 터치스크린을 제어하여 폴더의 원위치에 실행될 해당 앱의 아이콘이 표시되도록 구성될 수 있다. In the present invention, when the folder is moved by a predetermined distance in one of the 3, 6, 9, and 12 o'clock directions, the
상기와 같이 본 발명은 사용자가 기존과 같이, 폴더를 터치하여 폴더 내의 앱들이 표시된 상태에서 원하는 앱을 터치실행하는 번거로움 없이, 폴더 아이콘을 소정방향으로 소정길이만큼 터치-드래그한 후, 터치 해제함으로써 지정된 4개의 아이콘에 대한 앱 들 중 하나를 신속하게 실행시켜 사용할 수 있게 된다. As described above, the present invention allows the user to touch-drag a folder icon by a predetermined length in a predetermined direction without the hassle of touching the folder and touching the desired app while displaying the apps in the folder, So that one of the apps for the designated four icons can be quickly executed and used.
본 발명에서 제어부(16)는 터치스크린을 통한 사용자 조작에 의해 폴더에 속한 아이콘들 중 터치-드래그 방향에 따른 4개의 아이콘 들을 지정할 수 있다. 예를 들어, 폴더 내에 네이버앱 아이콘, 다음앱 아이콘, 트위터앱 아이콘, 카카오톡앱 아이콘, 네이트앱 아이콘, 구글앱 아이콘 등등이 그룹화되어 있을 수 있으며, 이 앱 아이콘들 중 자주 사용하는 4개의 앱을 폴더의 터치-드래그 방향에 대해 제1아이콘, 제2아이콘, 제3아이콘, 제4아이콘을 설정할 수 있다. In the present invention, the
사용자가 폴더를 3,6,9,12방향 중 하나의 방향으로 기 설정된 거리만큼 터치-드래그 한 후, 터치 해제하면, 해당되는 제1아이콘, 제2아이콘, 제3아이콘, 제4아이콘 중 터치-드래그 방향에 관련된 해당 아이콘의 앱이 실행되게 되도록 구성할 수 있는 것이다. When the user touch-drages the folder by a preset distance in one of the directions of 3, 6, 9, and 12 and then releases the touch, the touch of the corresponding first icon, second icon, third icon, - It can be configured so that the application of the icon corresponding to the drag direction is executed.
한편, 상기에서 본 발명은 폴더를 3시,6시9시12시방향 중 임의의 방향으로 소정길이만큼 터치-드래그 한 후, 터치 해제함으로써, 터치-드래그 방향에 따라 기설정된 해당 제1아이콘, 제2아이콘, 제3아이콘, 제4아이콘 중 어느 하나가 실행되는 것으로서, 폴더 아이콘의 테두리부(40)가 터치-드래그 방향에 대해 각기 다른 색상으로 표시되며, 실행될 해당 제1,2,3,4의 아이콘의 설명글에 이 테두리부(40)의 각 색상과 동일한 색상의 테두리라인(50)이 표시되는 것으로 설명하였으나, 이에 한정되는 것은 아니며, 도 9와 같이, 실행될 해당 제1,2,3,4의 아이콘의 설명글은 테두리부(40)의 각 색상과 동일한 색상의 바탕색면(51)이 표시되도록 구성할 수 있음은 물론이다. Meanwhile, in the present invention, the folder is touched and dragged by a predetermined length in any direction among 3 o'clock, 6 o'clock and 9 o'clock 12 o'clock direction, and then released by touching, the corresponding first icon, The second icon, the third icon, and the fourth icon are executed, and the
이상, 본 발명을 본 발명의 원리를 예시하기 위한 바람직할 실시 예와 관련하여 도시하고 또한 설명하였으나, 본 발명은 그와 같이 도시되고 설명된 그대로의 구성 및 작용으로 한정되는 것이 아니다. 오히려 첨부된 특허청구범위의 사상 및 범주를 일탈함이 없이 본 발명에 대한 다수의 변경 및 수정 가능함을 당업자들은 잘 이해할 수 있을 것이다. 따라서 그러한 모든 적절한 변경 및 수정과 균등물도 본 발명의 범주에 속하는 것으로 간주되어야 할 것이다. While the present invention has been particularly shown and described with reference to exemplary embodiments thereof, it is to be understood that the invention is not limited to the disclosed exemplary embodiments. It will be understood by those skilled in the art that many changes and modifications of the present invention can be made without departing from the spirit and scope of the appended claims. Accordingly, all such appropriate changes and modifications and equivalents may be resorted to, falling within the scope of the invention.
11...터치스크린
12...스크린부
13...터치패널부
14...메모리부
15...진동발생부
16...제어부11 ... touch screen
12 ... screen portion
13 ... touch panel section
14 ... memory unit
15:
16 ... controller
Claims (7)
터치스크린의 인터페이스 화면 내의 앱 아이콘을 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 터치-드래그하는 단계;
상기 앱 아이콘이 기 설정된 거리만큼 이동되면 진동이 발생하는 단계;
상기 앱 아이콘이 기 설정된 거리만큼 이동된 상태에서 터치해제되면, 상기 앱 아이콘의 드래그 방향에 따라 상기 앱의 서브메뉴가 실행되는 단계;를 포함하는 것을 특징으로 하는 사용자 인터페이스 제공방법.
A method of providing a user interface for executing an app of a portable terminal,
Dragging the app icon in the interface screen of the touch screen in any one of 3 o'clock, 6 o'clock, 9 o'clock and 12 o'clock directions;
Generating a vibration when the app icon is moved a predetermined distance;
And executing a submenu of the app according to a drag direction of the app icon when the app icon is untouched while being moved by a predetermined distance.
상기 서브메뉴는 제1서브메뉴, 제2서브메뉴, 제3서브메뷰 및 제4서브메뉴를 포함하며,
상기 앱 아이콘이 3시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제1서브메뉴가 실행되며,
상기 앱 아이콘이 6시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제2서브메뉴가 실행되며,
상기 앱 아이콘이 9시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제3서브메뉴가 실행되며,
상기 앱 아이콘이 12시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 제4서브메뉴가 실행되는 것을 특징으로 하는 사용자 인터페이스 제공방법.
The method according to claim 1,
The submenu includes a first submenu, a second submenu, a third submenu, and a fourth submenu,
When the app icon is moved by a predetermined distance in the 3 o'clock direction and then is touched off, the first sub-menu is executed,
When the app icon is moved by a predetermined distance in the 6 o'clock direction and then touched off, the second submenu is executed,
When the app icon is moved by a predetermined distance in the 9 o'clock direction and then touched off, the third submenu is executed,
Wherein the fourth submenu is executed when the app icon is moved away by a predetermined distance in 12 o'clock direction and then touched off.
상기 앱 아이콘이 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 기 설정된 거리만큼 이동되면, 진동이 발생하도록 구성되는 것을 특징으로 하는 사용자 인터페이스 제공방법.
3. The method of claim 2,
Wherein the vibration is generated when the app icon is moved by a predetermined distance in any one of the 3 o'clock direction, the 6 o'clock direction, the 9 o'clock direction, and the 12 o'clock direction.
상기 앱 아이콘의 테두리를 감싸도록 표시되는 테두리부가 구비되며, 상기 테두리부는 4 등분되어, 제1테두리부, 제2테두리부, 제3테두리 및, 제4테두리부로 구획되면, 상기 제1테두리부는 상기 제1서브메뉴에 대한 제1색상으로, 상기 제2테두리부는 상기 제2서브메뉴에 대한 제2색상으로, 상기 제3테두리부는 상기 제3서브메뉴에 대한 제3색상으로, 상기 제4테두리부는 상기 제4서브메뉴에 대한 제4색상으로 이루어지며,
상기 앱 아이콘이 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 기 설정된 거리만큼 이동되면, 상기 앱 아이콘의 원위치에는 실행될 해당 서브메뉴에 대한 색상 계열로 듀오톤 이미지 변환된 변환아이콘이미지가 표시되는 것을 특징으로 하는 사용자 인터페이스 제공방법.
3. The method of claim 2,
A first edge portion, a second edge portion, a third edge portion, and a fourth edge portion, wherein the first edge portion is divided into a first edge portion, a second edge portion, a third edge portion, and a fourth edge portion, Wherein the second border is a second color for the second submenu, the third border is a third color for the third submenu, the fourth border is a second color for the second submenu, And a fourth color for the fourth submenu,
When the app icon is moved by a predetermined distance in any one of the 3 o'clock direction, the 6 o'clock direction, the 9 o'clock direction, and the 12 o'clock direction, the app icon has a duotone image And the transformed icon image is displayed.
터치스크린의 인터페이스 화면 내의 폴더를 3시방향, 6시방향, 9시방향 및, 12시방향 중 어느 한 방향으로 터치-드래그하는 단계;
상기 폴더가 기 설정된 거리만큼 이동되면 진동이 발생하는 단계;
상기 폴더가 기 설정된 거리만큼 이동된 상태에서 터치해제되면 상기 폴더의 드래그 방향에 따라 상기 폴더 내에 속한 앱들 중 기 설정된 앱이 실행되는 단계;를 포함하는 것을 특징으로 하는 사용자 인터페이스 제공방법.
A method of providing a user interface for executing an app of a portable terminal,
Dragging a folder in the interface screen of the touch screen in any one of directions of 3 o'clock, 6 o'clock, 9 o'clock and 12 o'clock;
Generating vibration when the folder is moved by a predetermined distance;
And if the folder is moved away by a predetermined distance, releasing the touch when the folder is moved by a predetermined distance, the predetermined one of the apps belonging to the folder is executed according to the drag direction of the folder.
상기 폴더가 3시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제1앱이 실행되며,
상기 폴더가 6시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제2앱이 실행되며,
상기 폴더가 9시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제3앱이 실행되며,
상기 폴더가 12시방향으로 기 설정된 거리만큼 이동된 후 터치해제되면, 상기 폴더 내에 속한 앱들 중 기 설정된 제4앱이 실행되는 것을 특징으로 하는 사용자 인터페이스 제공방법.
6. The method of claim 5,
When the folder is moved by a predetermined distance in the 3 o'clock direction and then is touched off, a predetermined first application among the apps belonging to the folder is executed,
When the folder is moved away by a predetermined distance in the 6 o'clock direction and then is touched off, a predetermined second app among the apps belonging to the folder is executed,
When the folder is moved by a predetermined distance in the 9 o'clock direction and then the touch is released, a predetermined third app among the apps belonging to the folder is executed,
Wherein when the folder is moved away by a predetermined distance in the 12 o'clock direction and then is touched off, a preset fourth application among the apps belonging to the folder is executed.
상기 폴더가 3시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제1앱의 제1아이콘이 표시되며,
상기 폴더가 6시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제2앱의 제2아이콘이 표시되며,
상기 폴더가 9시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제3앱의 제3아이콘이 표시되며,
상기 폴더가 12시방향으로 기 설정된 거리만큼 이동되면, 상기 폴더의 원위치에는 상기 제4앱의 제4아이콘이 표시되는 것을 특징으로 하는 사용자 인터페이스 제공방법.The method according to claim 6,
When the folder is moved by a predetermined distance in the 3 o'clock direction, a first icon of the first app is displayed at an original position of the folder,
When the folder is moved by a predetermined distance in the 6 o'clock direction, a second icon of the second app is displayed at the home position of the folder,
When the folder is moved by a predetermined distance in the 9 o'clock direction, a third icon of the third app is displayed at the home position of the folder,
Wherein the fourth icon of the fourth app is displayed at an original position of the folder when the folder is moved by a predetermined distance in 12 o'clock direction.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170024198A KR20170029445A (en) | 2017-02-23 | 2017-02-23 | Method for providing user interface using touch and drag |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020170024198A KR20170029445A (en) | 2017-02-23 | 2017-02-23 | Method for providing user interface using touch and drag |
Publications (1)
Publication Number | Publication Date |
---|---|
KR20170029445A true KR20170029445A (en) | 2017-03-15 |
Family
ID=58403461
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020170024198A KR20170029445A (en) | 2017-02-23 | 2017-02-23 | Method for providing user interface using touch and drag |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR20170029445A (en) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20090112440A (en) | 2008-04-24 | 2009-10-28 | 엘지전자 주식회사 | Mobile terminal and operation control method thereof |
KR20130006777A (en) * | 2011-06-23 | 2013-01-18 | 엘지전자 주식회사 | Mobile terminal and control method for mobile terminal |
JP2014071765A (en) * | 2012-09-28 | 2014-04-21 | Fujifilm Corp | Image display control device, image display device, program and image display method |
KR20140079939A (en) * | 2012-12-20 | 2014-06-30 | 주식회사 팬택 | Method for providing user interface related to application included in a folder, and terminal |
KR101528660B1 (en) | 2007-09-04 | 2015-06-15 | 애플 인크. | Editing interface |
WO2015121972A1 (en) * | 2014-02-14 | 2015-08-20 | 富士通株式会社 | Drive control device, electronic device, system, and drive control method |
KR101616127B1 (en) | 2009-08-03 | 2016-04-27 | 삼성전자주식회사 | User interface providing method and apparatus |
KR101661890B1 (en) | 2015-11-27 | 2016-10-07 | 김영준 | Method for providing user interface of mobile terminal |
KR101694224B1 (en) | 2013-01-07 | 2017-01-09 | 후아웨이 디바이스 컴퍼니 리미티드 | Method and apparatus for adding application icon, and method and apparatus for removing application icon |
-
2017
- 2017-02-23 KR KR1020170024198A patent/KR20170029445A/en not_active Application Discontinuation
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101528660B1 (en) | 2007-09-04 | 2015-06-15 | 애플 인크. | Editing interface |
KR20090112440A (en) | 2008-04-24 | 2009-10-28 | 엘지전자 주식회사 | Mobile terminal and operation control method thereof |
KR101616127B1 (en) | 2009-08-03 | 2016-04-27 | 삼성전자주식회사 | User interface providing method and apparatus |
KR20130006777A (en) * | 2011-06-23 | 2013-01-18 | 엘지전자 주식회사 | Mobile terminal and control method for mobile terminal |
JP2014071765A (en) * | 2012-09-28 | 2014-04-21 | Fujifilm Corp | Image display control device, image display device, program and image display method |
KR20140079939A (en) * | 2012-12-20 | 2014-06-30 | 주식회사 팬택 | Method for providing user interface related to application included in a folder, and terminal |
KR101694224B1 (en) | 2013-01-07 | 2017-01-09 | 후아웨이 디바이스 컴퍼니 리미티드 | Method and apparatus for adding application icon, and method and apparatus for removing application icon |
WO2015121972A1 (en) * | 2014-02-14 | 2015-08-20 | 富士通株式会社 | Drive control device, electronic device, system, and drive control method |
KR101661890B1 (en) | 2015-11-27 | 2016-10-07 | 김영준 | Method for providing user interface of mobile terminal |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3200061B1 (en) | Icon management method and apparatus, and terminal | |
US10514821B2 (en) | Method and apparatus for relocating an icon | |
CN107636595B (en) | Method for starting second application by using first application icon in electronic equipment | |
RU2686622C2 (en) | Method and apparatus for displaying user interface by means of auxiliary device connected with portable electronic device | |
US20140015786A1 (en) | Electronic device | |
US9848329B2 (en) | Portable terminal and lock state control method | |
JP6105822B1 (en) | Touch screen control method and apparatus | |
KR20110041915A (en) | Terminal and method for displaying data thereof | |
KR20130052743A (en) | Method for selecting menu item | |
WO2012043111A1 (en) | Information processing terminal and control method therefor | |
KR20140139241A (en) | Method for processing input and an electronic device thereof | |
KR20090130563A (en) | Terminal and method for performing function thereof | |
KR20120121149A (en) | Method arranging icon in touch screen terminal and the device therof | |
US20140013257A1 (en) | Method and Terminal Device for File Processing Based on User Interface | |
JP5771401B2 (en) | Mobile communication terminal | |
KR20110107939A (en) | Mobile terminal and method for controlling icon thereof | |
JP6458751B2 (en) | Display control device | |
WO2013175770A1 (en) | Information processing device, information processing method, and information processing program | |
US10146401B2 (en) | Electronic device, control method, and control program | |
JP2013196367A (en) | Display control device and control method thereof, program and storage medium | |
KR102095039B1 (en) | Apparatus and method for receiving touch input in an apparatus providing a touch interface | |
JP6153487B2 (en) | Terminal and control method | |
KR101514044B1 (en) | Mobile Terminal for connecting with external device, and method for setting and switching home screen thereof | |
JP2013080353A (en) | Device, method, and program | |
KR20170029445A (en) | Method for providing user interface using touch and drag |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E601 | Decision to refuse application |