KR20170029445A - Method for providing user interface using touch and drag - Google Patents

Method for providing user interface using touch and drag Download PDF

Info

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
Application number
KR1020170024198A
Other languages
Korean (ko)
Inventor
고동균
Original Assignee
고동균
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 고동균 filed Critical 고동균
Priority to KR1020170024198A priority Critical patent/KR20170029445A/en
Publication of KR20170029445A publication Critical patent/KR20170029445A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/016Input arrangements with force or tactile feedback as computer generated output to the user
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04812Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0486Drag-and-drop

Abstract

Disclosed is a method for providing a user interface. In the method for providing a user interface to execute an application of a portable terminal, the disclosed method for providing a user interface includes the steps of: touching and dragging an application icon on an interface screen of a touch screen in any one direction of a three oclock direction, a six oclock direction, a nine oclock direction, and a twelve oclock direction; generating vibration if the application icon moves with a preset distance; and executing a sub menu of the application along the drag direction of the application icon if the touch of the application icon is released when the application icon moves with the preset distance. Accordingly, the present invention can improve the operation convenience of a user and quickly perform an execution operation.

Description

터치-드래그를 이용한 사용자 인터페이스 제공방법 {METHOD FOR PROVIDING USER INTERFACE USING TOUCH AND DRAG}[0001] METHOD FOR PROVIDING USER INTERFACE USING TOUCH AND DRAG [0002]

본 발명은 스마트폰, 테블릿 등의 터치스크린을 구비한 휴대용 단말기의 사용자 인터페이스 제공방법에 관한 것으로 더욱 상세하게는 사용자가 보다 간단한 동작에 의해 어플리케이션의 서브메뉴를 신속하게 실행하여 사용할 수 있도록 한 사용자 인터페이스 제공방법에 관한 것이다 .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.

등록특허 10-1661890호Patent No. 10-1661890 등록특허 10-1694224호Patent No. 10-1694224 공개특허 10-2009-0112440호Patent Document 10-2009-0112440 등록특허 10-1616127호Patent No. 10-1616127 등록특허 10-1528660호Patent No. 10-1528660

본 발명은 상기한 바와 같은 종래의 문제점을 해결하고자 창안된 것으로서, 앱 아이콘을 소정방향으로 소정길이만큼 터치-드래그한 후, 터치해제함으로써, 기 설정된 앱의 서브메뉴가 실행되게 하여 사용자의 조작성이 보다 편리하면서 서브메뉴를 보다 신속하게 실행할 수 있도록 하는 터치-드래그를 이용한 사용자 인터페이스 제공방법을 제공하는데 목적이 있다. 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 touch screen 11, a memory unit 14, a vibration generator 15, and a controller 16.

터치스크린(11)은 스크린부(12)와 터치패널부(13)로 구성되며, 스크린부(12)는 운영체제, 각종 앱의 아이콘, 앱의 실행화면 등을 표시하도록 구성되며, 터치패널부(13)는 스크린부(12) 상에 형성되어, 사용자의 터치, 드래그, 드롭 등의 조작을 감지하여 신호값을 제어부(16)에 출력하도록 구성된다. The touch screen 11 is composed of a screen unit 12 and a touch panel unit 13. The screen unit 12 is configured to display an operating system, icons of various apps, execution screens of an application, 13 are formed on the screen unit 12 and configured to detect operations such as touching, dragging, and dropping by the user, and output the signal values to the control unit 16. [

메모리부(14)는 제어부(16)의 처리 및 제어를 위한 각종 정보, 운영체제, 앱에 대한 사용자 선택 및 실행 요구를 전달하기 위한 아이콘 정보 및 서브메뉴 등의 정보 및 이미지를 저장한다. The memory unit 14 stores various information for processing and controlling the control unit 16, information on the operating system, icon information for transmitting a user selection and execution request to the application, information such as a submenu, and images.

앱(애플리케이션)은 단말기의 종류에 따라 다른 형태로 구성될 수 있으며, 예를 들어, 아이폰 계열 앱과 안드로이드폰 계열 앱으로 이루어질 수 있다. 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 vibration generator 15 is configured to provide a vibration to the user under the control of the controller 16 to perform a notification function of various information.

제어부(16)는 메모리부(14)에 저장된 앱, 운영체제 등을 터치스크린(11)을 통해 표시하고, 앱의 실행, 데이터 저장 등의 각종 기능을 제어하고 실행하며, 터치스크린(11)을 통해 사용자 인터페이스를 제공하며, 휴대단말기의 하드웨어나 소프트웨어적인 모든 요소를 제어하도록 구성될 수 있다. The control unit 16 displays an application, an operating system, and the like stored in the memory unit 14 through the touch screen 11 and controls and executes various functions such as execution of an application and data storage, A user interface, and can be configured to control all hardware or software components of the mobile terminal.

제어부(16)는 터치스크린(11)을 통해 입력되는 아이콘, 폴더 등의 터치, 드래그, 터치해제 등의 신호값을 수신하고, 수신된 신호값에 따라 앱의 실행, 앱의 서브메뉴 실행, 폴더 내의 앱 실행 등을 제어할 수 있다. The controller 16 receives signal values such as touch, drag, and touch release of icons, folders, and the like input through the touch screen 11, and controls the execution of the application, sub-menu execution of the application, And the like can be controlled.

아울러, 제어부(16)는 터치스크린(11)을 통해 입력되는 설정정보 들을 해당 앱에 적용하고 메모리부(14)에 설정정보를 저장할 수 있다. In addition, the control unit 16 may apply the setting information input through the touch screen 11 to the corresponding application and store the setting information in the memory unit 14. [

본 발명의 사용자 인터페이스를 제공하는 것은 터치스크린을 구비한 휴대 단말기이며, 좀더 구체적으로, 터치스크린을 구비한 휴대 단말기의 프로세서인 제어부(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 edge portion 20 may be provided at the edge of the app icon displayed on the touch screen by the control unit 16. In this edge portion 20, The second rim portion 22, the third rim portion 23, the fourth rim portion 22, the third rim portion 23, the fourth rim portion 23, the fourth rim portion 24, And may be configured to include the rim portion 24.

본 발명은 터치스크린 상에 표시된 앱 아이콘에 테두리부(20)가 구비되어 있으므로, 본 발명이 적용된 테두리부(20)를 구비한 앱 아이콘을 통해 테두리부(20)가 구비되지 않은 일반 아이콘이 사용자에게 시각적으로 구별될 수 있다. Since the app icons displayed on the touch screen are provided with the frame portion 20, a general icon having no frame portion 20 through the app icon having the frame portion 20, to which the present invention is applied, ≪ / RTI >

구체적으로, 도 3과 같이, 테두리부(20)가 원형일 경우, 테두리부(20)는 45도, 135도, 225도, 315도로 구획되어, 제1 내지 제4테두리부(21,22,23,24)로 구획될 수 있다. 3, when the rim 20 is circular, the rim 20 is divided at 45 degrees, 135 degrees, 225 degrees, and 315 degrees, and the first to fourth rims 21, 22, 23, 24).

본 발명에서 각 테두리부(21,22,23,24)는 서로 다른 색상으로 표시될 수 있다. 각 테두리부(21,22,23,24))의 색상은 다양하게 구성될 수 있으나, 이하의 설명에서는 예를 들어, 제1테두리부(21)는 빨강색, 제2테두리부(22)는 파랑색, 제3테두리부(23)는 노랑색, 제4테두리부(24)는 녹색으로 표시되는 것으로 설명한다. In the present invention, the rim portions 21, 22, 23, and 24 may be displayed in different colors. In the following description, for example, the first rim portion 21 is colored red, the second rim portion 22 is colored red, and the second rim portion 22 is colored red. The third rim portion 23 is displayed in yellow, and the fourth rim portion 24 is displayed in green.

상기와 같이 구성된 휴대 단말기를 통해 이루어지는 본 발명의 사용자인터페이스 제공방법을 도 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 control unit 16 displays an app icon having a frame 20 on the touch screen 11.

이러한 상태에서 사용자가 터치스크린 상에 표시된 앱 아이콘을 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 controller 16 controls the touch screen 11 Touch dragging of the icon is sensed (S11).

제어부(16)는 아이콘의 터치-드래그의 방향과 이동거리를 판단하며, 아이콘이 기 설정된 소정길이를 이동한 것인지 판단한다(S12). The control unit 16 determines the direction of the touch-drag of the icon and the movement distance, and determines whether the icon has moved a predetermined length (S12).

제어부(16)는 아이콘의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단하면, 진동발생부(15)를 통해 진동을 발생시킨다(S13). If the controller 16 determines that the touch-drag of the icon has shifted by a predetermined length in the 3 o'clock direction, the controller 16 generates vibration through the vibration generator 15 (S13).

이렇게 아이콘의 터치-드래그가 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 controller 16 detects the release of the icon (S14), and the sub- The first submenu set in advance is executed (S15).

한편, 제어부(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 controller 16 determines whether the touch-drag is 6 o'clock (S12-1). If the touch- If it is determined that the predetermined length has been shifted, vibration is generated through the vibration generating unit 15 (S13-1).

이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 아이콘의 터치해제를 감지하고(S14-1), 해당 앱의 서브메뉴들 중 기 설정된 제2서브메뉴를 실행하도록 한다(S15-1). If the user releases the touch in this state, the controller 16 detects the unlocking of the icon (S14-1), and causes the second submenu of the app to be executed (S15-1).

또한, 제어부(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 controller 16 determines whether the touch-drag is in the 9 o'clock direction (S12-2). If the touch- (Step S13-2), the vibration is generated through the vibration generating unit 15 (step S13-2).

이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 아이콘의 터치해제를 감지하고(S14-2), 해당 앱의 서브메뉴들 중 기 설정된 제3서브메뉴를 실행하도록 한다(S15-2). If the user releases the touch in this state, the controller 16 detects the unlocking of the icon (S14-2) and causes the third submenu of the app to be executed (S15-2).

또한, 제어부(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 controller 16 determines whether the touch-drag is in the 12 o'clock direction (S12-3). If the touch- (Step S13-3), the vibration is generated through the vibration generating unit 15 (step S13-3).

이러한 상태에서 사용자가 터치를 해제하면, 제어부(16)는 아이콘의 터치해제를 감지하고(S14-3), 해당 앱의 서브메뉴들 중 기 설정된 제4서브메뉴를 실행하도록 한다(S15-3). If the user releases the touch in this state, the control unit 16 detects that the icon is untouched (S14-3), and causes the fourth submenu of the corresponding application to be executed (S15-3) .

본 발명에서 제어부(16)는 터치스크린을 통한 사용자 조작에 의해 아이콘의 터치-드래그 방향에 따른 해당앱에 대한 4개의 서브메뉴를 지정할 수 있으며, 예를 들어, 사진촬영 앱인 경우, 후방사진촬영(일반촬영), 후방동영상촬영(일반동영상촬영), 전면사진촬영(셀카사진촬영), 전면동영상촬영(셀카동영상촬영), 촬영설정 등의 서브메뉴 들이 있으며, 이 서브메뉴들 중 4가지의 서브메뉴를 터치-드래그 방향에 대해 제1서브메뉴, 제2서브메뉴, 제3서브메뉴, 제4서브메뉴로 설정할 수 있다. In the present invention, the control unit 16 can designate four submenus for the corresponding app according to the touch-drag direction of the icon by a user operation through the touch screen. For example, There are submenus such as a normal shooting mode, a rear movie shooting mode (general movie shooting mode), a front photography mode (self-portrait mode), a front movie mode The first submenu, the second submenu, the third submenu, and the fourth submenu for the touch-drag direction.

제어부(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 control unit 16 executes the first sub-menu when the touch is released and displays the icon in the 6 o'clock direction, For example, 1 cm), and when the touch is released, the second submenu is executed. After the icon is touch-dragged by a predetermined movement distance (for example, 1 cm) in the 9 o'clock direction, 3 submenu, and when the icon is touch-dragged by a predetermined movement distance (for example, 1 cm) in the 12 o'clock direction and then the touch is released, the fourth submenu may be executed.

이처럼, 본 발명의 인터페이스 제공방법에 의해서, 사용자는 터치스크린에 표시된 아이콘을 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 icon images 31, 32, 33, 34 converted into the duotone image by the color series of the border portion in the touch-drag direction among the border portions 20 of the icons displayed on the icon have.

이처럼, 아이콘을 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 icon images 31 and 32 , 33, and 34) are displayed, the user can be visually and tactually simultaneously communicated to the user that the submenu is executable.

구체적으로, 도 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 control unit 16 generates vibration and also generates a vibration in the touch-drag direction The converted icon image 31 converted into the duotone image by the color of the first rim portion 21, that is, the red color series, is displayed at the original position of the icon.

또한, 도 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 control unit 16 generates vibration, and also controls the touch- 2 frame 22, that is, the converted icon image 32 converted from the duotone image into the blue color series, at the original position of the icon.

또한, 도 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 control unit 16 generates vibration and generates a vibration in the touch-drag direction (9 o'clock direction) And displays the converted icon image 33 converted into the duo-tone image converted into the color of the three frame parts 23, that is, the yellow series, at the original position of the icon.

또한, 도 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 control unit 16 generates vibration and generates a vibration in the touch-drag direction (12 o'clock direction) And the converted icon image 34 converted from the duo-tone image into the color of the 4-rim portion 24, that is, the green series, is displayed at the original position of the icon.

사용자가 아이콘을 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 fourth rims 21, The converted icon image 31,32,33,34 is displayed with the duotone-converted color corresponding to the touch-drag direction among the four colors of the four colors of the touch-drag direction So that the user can presume the submenu to be executed corresponding to the color of the border portions 21, 22, 23, and 24 in advance.

예를 들어, 사용자가 아이콘을 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 icon image 31 converted into the duotone image by the red color series, which is the color of the first border 21, When the touch is released in this state, the first sub-menu corresponding to the touch-drag direction (3 o'clock direction) is executed. Since the user can engage the first sub-menu with the red color, which is the color of the first border 21, according to the continuous use, the user can touch-drag the icon by a predetermined distance in the 3 o'clock direction, When the user confirms that the converted icon image 31 is displayed on the origin of the icon, the user can recognize that the first sub-menu is executed through the converted icon image 31. In this state, By releasing the touch, the first submenu can be executed.

아울러, 본 발명은 앱 실행시 터치스크린(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 touch screen 11 at the time of executing the application, and the second submenu is displayed in blue (The same as the color of the second rim portion), the third submenu is displayed in yellow (same as the color of the third frame), and the fourth submenu is displayed in green Thus, by storing the colors of the first, second, third, and fourth submenus by the user, it is possible to easily associate the submenu executed according to the touch-drag direction of the icon.

한편, 본 발명에서 제어부(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 controller 16 may be configured to perform only the existing functions such as the movement of the icon.

이하, 도 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 control unit 16 is configured to execute an application of each of the icons 1, 2, 3, and 4 for the touch-drag direction (3 o'clock, 6 o'clock, 9 o'clock, 12 o'clock direction) .

본 발명에서 제어부(16)에 의해 터치스크린에 표시되는 폴더 아이콘의 테두리에는 도 6과 같이, 테두리부(40)가 구비될 수 있으며, 이 테두리부(20)는 폴더 아이콘의 중심에 대해 3시방향, 6시방향, 9시방향, 12시 방향으로 4등분 되어, 이 테두리부(40)는 제1테두리부(41), 제2테두리부(42), 제3테두리부(43), 제4테두리부(44)를 포함하도록 구성될 수 있다. In the present invention, the border portion 40 may be provided on the border of the folder icon displayed on the touch screen by the control unit 16 as shown in FIG. 6, The second rim portion 42, the third rim portion 43, the third rim portion 43, the fourth rim portion 43, the second rim portion 43, the fourth rim portion 43, 4 rim portion 44, as shown in Fig.

본 발명에서 각 테두리부(41,42,43,44)는 서로 다른 색상으로 표시될 수 있다. 각 테두리부(41,42,43,44))의 색상은 다양하게 구성될 수 있으나, 이하의 설명에서는 예를 들어, 제1테두리부(41)는 빨강색, 제2테두리부(42)는 파랑색, 제3테두리부(43)는 노랑색, 제4테두리부(44)는 녹색으로 표시되는 것으로 설명한다. In the present invention, the edge portions 41, 42, 43, and 44 may be displayed in different colors. In the following description, for example, the first rim portion 41 is colored red, the second rim portion 42 is colored red, and the second rim portion 42 is colored red. The color of the rim portions 41, 42, 43, The third frame portion 43 is displayed in yellow, and the fourth frame portion 44 is displayed in green.

본 발명은 터치스크린 상에 표시된 폴더 아이콘에 테두리부(40)가 구비되어 있으므로, 본 발명이 적용된 테두리부(40)를 구비한 폴더 아이콘을 통해 테두리부(40)가 구비되지 않은 일반 폴더 아이콘이 사용자에게 시각적으로 구별될 수 있다. Since the folder icon displayed on the touch screen is provided with the frame part 40, the general folder icon having no frame part 40 through the folder icon having the frame part 40 to which the present invention is applied And can be visually distinguished to the user.

제어부(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 control unit 16 displays, in the description text of each icon 1, 2, 3, and 4 displayed at the lower portion of the icon set to be executed for the touch-drag direction of the folder, 43, 44) (corresponding to the touch-drag direction). Specifically, the border line 50 of the icon 1 is red in the same manner as the first border portion 41, the border line of the icon 2 is blue in the same manner as the second border portion 42, The line may be displayed in the same color as the third edge portion 43 and the edge line of the icon 4 may be displayed in green in the same manner as the fourth edge portion 44. As shown in FIG. 8, the user stores the icons 1, 2, 3, and 4 in which the border line 50 is displayed among the icons 1, 2, 3, 4, 1, 2, 3, and 4 to be executed for the corresponding icon.

본 발명에서 제어부(16)는 터치스크린을 통한 사용자 조작에 의해 폴더의 터치-드래그 방향(3시,6시,9시,12시)에 따라 폴더 내에 속한 앱 아이콘 들 중 실행될 아이콘1, 아이콘2, 아이콘3, 아이콘4을 설정할 수 있으며, 설정시, 제어부(16)는 아이콘1,아이콘2,아이콘3,아이콘4의 하단 설명글에 해당색상의 테두리라인(50)을 표시할 수 있다. In the present invention, the control unit 16 controls the icons 1 to be executed among the app icons belonging to the folder according to the touch-drag direction (3 o'clock, 6 o'clock, 9 o'clock, 12 o'clock) The icon 3, and the icon 4 can be set. When the setting is made, the control unit 16 can display the border line 50 of the corresponding color in the description text of the icon 1, icon 2, icon 3, and icon 4.

아울러, 본 발명에서 제어부(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 controller 16 may arrange the application icons belonging to the folder on the touch screen as shown in FIG. 8 or 9 have.

본 실시 예의 사용자인터페이스 제공방법을 설명한다. The user interface providing method of this embodiment will be described.

먼저, 제어부(16)에 의해 터치스크린(11) 상에 테두리부(40)가 구비된 폴더 아이콘이 표시된다. First, a folder icon having a frame portion 40 on the touch screen 11 is displayed by the control unit 16.

이러한 상태에서, 사용자가 터치스크린 상에 표시된 폴더를 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 controller 16 controls the touch screen 11 The touch dragging of the folder is detected (S21).

제어부(16)는 폴더의 터치-드래그의 방향과 이동거리를 판단하며, 폴더가 기 설정된 소정길이를 이동한 것인지 판단한다(S22).The controller 16 determines the direction of the touch-drag of the folder and the movement distance, and determines whether the folder has moved a predetermined length (S22).

제어부(16)는 폴더의 터치-드래그가 3시 방향으로 기 설정된 소정길이 만큼 이동한 것으로 판단하면, 진동발생부(15)를 통해 진동을 발생시킨다(S23). If the controller 16 determines that the touch-drag of the folder has shifted by a predetermined length in the 3 o'clock direction, the control unit 16 generates vibration through the vibration generating unit 15 (S23).

이렇게 폴더의 터치-드래그가 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 controller 16 detects the release of the folder (S24) The application of the first icon designated in the middle is executed (S25).

한편, 제어부(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 controller 16 determines whether the touch-drag is 6 o'clock (S22-1). If the touch-drag of the folder is 6 o'clock If it is determined that the predetermined length has been shifted, vibration is generated through the vibration generating unit 15 (S23-1).

이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 폴더의 터치해제를 감지하고(S24-1)을 감지하고, 폴더에 속한 아이콘들의 앱들 중 기 지정된 제2아이콘의 앱을 실행하도록 한다(S25-1). When the user releases the touch in this state, the controller 16 detects the release of the folder (S24-1), and causes the application of the second icon of the previously designated icons to be executed (S25 -One).

또한, 제어부(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 control unit 16 checks whether the touch-drag is in the 9 o'clock direction (S22-2). If the touch- The vibration is generated through the vibration generating unit 15 (S23-2).

이러한 상태에서 사용자가 터치를 해제하면 제어부(16)는 폴더의 터치해제를 감지하고(S14-2), 폴더에 속한 아이콘들의 앱들 중 기 지정된 제3아이콘의 앱을 실행하도록 한다(S25-2). If the user releases the touch in this state, the control unit 16 detects that the folder is untouched (S14-2), and causes the application of the third icon of the previously designated icons to be executed (S25-2) .

또한, 제어부(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 controller 16 checks whether the touch-drag is 12 o'clock (S22-3). If the touch-drag of the folder is at 12 o'clock The vibration is generated through the vibration generating unit 15 (S23-3).

이러한 상태에서 사용자가 터치를 해제하면, 제어부(16)는 폴더의 터치해제를 감지하고(S24-3), 폴더에 속한 아이콘들의 앱들 중 기 지정된 제4아이콘의 앱을 실행하도록 한다(S25-3). If the user releases the touch in this state, the control unit 16 detects the unlocking of the folder (S24-3) and causes the application of the fourth icon designated as the first among the apps of the icons belonging to the folder to be executed (S25-3 ).

본 발명은 폴더를 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 control unit 16 controls to generate vibration, So that the icon of the corresponding app to be executed at the home position of the folder is displayed.

상기와 같이 본 발명은 사용자가 기존과 같이, 폴더를 터치하여 폴더 내의 앱들이 표시된 상태에서 원하는 앱을 터치실행하는 번거로움 없이, 폴더 아이콘을 소정방향으로 소정길이만큼 터치-드래그한 후, 터치 해제함으로써 지정된 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 control unit 16 can designate four icons according to the touch-drag direction among the icons belonging to the folder by the user operation through the touch screen. For example, you may have a Naver app icon, a next app icon, a twitter app icon, a cacao tok app icon, a nate app icon, a Google app icon, etc., grouped in the folder. The first icon, the second icon, the third icon, and the fourth icon with respect to the touch-drag direction of the touch screen.

사용자가 폴더를 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 frame part 40 of the folder icon is displayed in a different color with respect to the touch-drag direction, and the first, second, 4, the border lines 50 of the same color as the respective colors of the border portion 40 are displayed. However, the present invention is not limited thereto, and the first, second, It is a matter of course that the description of the icons 3 and 4 can be configured to display the background color surface 51 having the same color as the color of the edge portion 40.

이상, 본 발명을 본 발명의 원리를 예시하기 위한 바람직할 실시 예와 관련하여 도시하고 또한 설명하였으나, 본 발명은 그와 같이 도시되고 설명된 그대로의 구성 및 작용으로 한정되는 것이 아니다. 오히려 첨부된 특허청구범위의 사상 및 범주를 일탈함이 없이 본 발명에 대한 다수의 변경 및 수정 가능함을 당업자들은 잘 이해할 수 있을 것이다. 따라서 그러한 모든 적절한 변경 및 수정과 균등물도 본 발명의 범주에 속하는 것으로 간주되어야 할 것이다. 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 항에 있어서,
상기 서브메뉴는 제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.
제 2 항에 있어서,
상기 앱 아이콘이 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.
제 2 항에 있어서,
상기 앱 아이콘의 테두리를 감싸도록 표시되는 테두리부가 구비되며, 상기 테두리부는 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.
제 5 항에 있어서,
상기 폴더가 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.
제 6 항에 있어서,
상기 폴더가 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.
KR1020170024198A 2017-02-23 2017-02-23 Method for providing user interface using touch and drag KR20170029445A (en)

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)

* Cited by examiner, † Cited by third party
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

Patent Citations (9)

* Cited by examiner, † Cited by third party
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
JP5893456B2 (en) Display control apparatus, control method therefor, program, and storage medium
JP6458751B2 (en) Display control device
KR20110107939A (en) Mobile terminal and method for controlling icon thereof
WO2013175770A1 (en) Information processing device, information processing method, and information processing program
US10146401B2 (en) Electronic device, control method, and control program
KR102095039B1 (en) Apparatus and method for receiving touch input in an apparatus providing a touch interface
CN106325696A (en) Method and device for quickly starting application program in folder, and intelligent terminal thereof
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

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application