KR20190011227A - Method, application and device for providing user interface - Google Patents

Method, application and device for providing user interface Download PDF

Info

Publication number
KR20190011227A
KR20190011227A KR1020180165326A KR20180165326A KR20190011227A KR 20190011227 A KR20190011227 A KR 20190011227A KR 1020180165326 A KR1020180165326 A KR 1020180165326A KR 20180165326 A KR20180165326 A KR 20180165326A KR 20190011227 A KR20190011227 A KR 20190011227A
Authority
KR
South Korea
Prior art keywords
screen
sliding bar
sliding
user interface
input
Prior art date
Application number
KR1020180165326A
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 KR1020180165326A priority Critical patent/KR20190011227A/en
Publication of KR20190011227A publication Critical patent/KR20190011227A/en

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/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
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

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

Disclosed is a method for providing a user interface that a user may conveniently use a user interface with one hand. The method comprises the steps of: displaying a sliding bar dividing a first screen into a first divided screen and second divided screen; displaying first, second, and third touch regions in the sliding bar; and receiving sliding input started in the first touch region, wherein the first screen is switched into a second screen corresponding to the second touch region and displayed if an end point of the sliding input is included in the second touch region and the first screen is switched into a third touch screen corresponding to the third touch region and displayed if the end point of the sliding input is included in the third touch region.

Description

사용자 인터페이스를 제공하는 방법, 애플리케이션 및 장치{METHOD, APPLICATION AND DEVICE FOR PROVIDING USER INTERFACE}[0001] METHOD, APPARATUS AND DEVICE FOR PROVIDING USER INTERFACE,

본 발명은 사용자 인터페이스를 제공하는 방법, 애플리케이션 및 장치에 관한 것이다. The present invention relates to a method, an application and an apparatus for providing a user interface.

사용자 인터페이스(User Interface, UI)는 일반 사용자들이 컴퓨터 시스템 또는 프로그램에서 데이터 입력이나 동작을 제어하기 위하여 사용하는 명령어 또는 기법을 말한다. 사용자가 컴퓨터나 프로그램과 의사소통을 하고 쉽고 편리하게 사용할 수 있도록 하는 것이 목적이다.A user interface (UI) is a command or technique used by a general user to control data entry or operation in a computer system or program. The goal is to enable users to communicate with computers and programs and to use them easily and conveniently.

기존의 사용자 인터페이스와 달리, 최근에는 스마트폰이 대중화되고 터치 입력이 사용자 인터페이스의 주요한 수단이 되면서, 더 간편하고 직관적인 사용자 인터페이스를 제공하는 것이 중요하게 되었다.Unlike the existing user interface, in recent years, it has become important to provide a simpler and more intuitive user interface as the smart phone becomes more popular and the touch input becomes the main means of the user interface.

특히, 내비게이션과 같이 사용자가 양 손으로 집중해서 다루기 힘든 컴퓨팅 장치의 경우, 한 손으로도 간단하고 빠르게 조작할 수 있는 직관적인 사용자 인터페이스의 제공이 필요하다.In particular, in the case of a computing device, such as navigation, which is difficult for a user to concentrate on both hands, it is necessary to provide an intuitive user interface that can be operated easily and quickly with one hand.

등록특허공보 제10-1640460호, 2016.07.12 등록Registered Patent Bulletin 10-1640460, Registered on July 12, 2016

본 발명이 해결하고자 하는 과제는 사용자 인터페이스를 제공하는 방법, 애플리케이션 및 장치를 제공하는 것이다.SUMMARY OF THE INVENTION It is an object of the present invention to provide a method, an application and an apparatus for providing a user interface.

본 발명이 해결하고자 하는 과제들은 이상에서 언급된 과제로 제한되지 않으며, 언급되지 않은 또 다른 과제들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The problems to be solved by the present invention are not limited to the above-mentioned problems, and other problems which are not mentioned can be clearly understood by those skilled in the art from the following description.

상술한 과제를 해결하기 위한 본 발명의 일 면에 따른 사용자 인터페이스 제공방법은 제1 화면을 제1 분할화면 및 제2 분할화면으로 분할하는 슬라이딩 바를 표시하되, 상기 제1 분할화면은 상기 슬라이딩 바와 수직한 제1 방향에 표시되고, 상기 제2 분할화면은 상기 제1 방향의 반대방향인 제2 방향에 표시되는 단계, 상기 표시된 슬라이딩 바에서 시작되는 제1 슬라이딩 입력을 수신하는 단계, 상기 제1 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 한쪽 끝으로 이동시켜 표시하는 단계 및 상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되, 상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고, 상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계를 포함한다.According to an aspect of the present invention, there is provided a method of providing a user interface, the method including displaying a sliding bar dividing a first screen into a first divided screen and a second divided screen, Wherein the first divided display is displayed in a first direction and the second divided screen is displayed in a second direction opposite to the first direction, receiving a first sliding input starting from the indicated sliding bar, Displaying the first divided screen or the second divided screen in a remaining area of the first screen except the area where the sliding bar is displayed, Displays the second divided screen in the remaining area when the sliding bar is moved in the first direction, If the movement in the second direction includes the step of displaying the first screen dividing the remaining area.

또한, 상기 한쪽 끝으로 이동시켜 표시된 슬라이딩 바에서 시작되는 제2 슬라이딩 입력을 수신하는 단계, 상기 제2 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 반대쪽 끝으로 이동시켜 표시하는 단계 및 상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되, 상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고, 상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계를 더 포함할 수 있다.The method of claim 1, further comprising the steps of: receiving a second sliding input starting from a displayed sliding bar by moving to one end; moving the sliding bar to the opposite end of the first screen according to the second sliding input; Displays the first divided screen or the second divided screen in a remaining area of the first screen other than the displayed area, and displays the second divided screen in the remaining area when the sliding bar is moved in the first direction And displaying the first divided screen in the remaining area when the sliding bar is moved in the second direction.

또한, 상기 한쪽 끝으로 이동시켜 표시된 슬라이딩 바에서 시작되는 제3 슬라이딩 입력을 수신하는 단계, 상기 제3 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 중앙에 표시하는 단계 및 상기 슬라이딩 바를 이용하여 상기 제1 화면을 상기 제1 분할화면 및 상기 제2 분할화면으로 분할하여 표시하는 단계를 더 포함할 수 있다.The method of claim 1, further comprising the steps of: receiving a third sliding input starting from a displayed sliding bar by moving to one end; displaying the sliding bar at a center of the first screen according to the third sliding input; Dividing the first screen into the first divided screen and the second divided screen and displaying the divided first screen.

또한, 상기 슬라이딩 바를 이동시켜 표시하는 단계는, 상기 제1 슬라이딩 입력에서 상기 슬라이딩 바에 수직한 방향 성분을 획득하는 단계 및 상기 획득된 방향의 한쪽 끝으로 상기 슬라이딩 바를 이동시켜 표시하는 단계를 포함할 수 있다.The step of moving and displaying the sliding bar may include obtaining a direction component perpendicular to the sliding bar at the first sliding input and displaying the moving bar by moving the sliding bar to one end of the obtained direction have.

또한, 상기 슬라이딩 바에서 시작되는 제4 슬라이딩 입력을 수신하는 단계 및 상기 제4 슬라이딩 입력의 방향에 따라 상기 제1 화면을 제2 화면 또는 제3 화면으로 전환하여 표시하는 단계를 더 포함할 수 있다.The method may further include receiving a fourth sliding input starting from the sliding bar, and switching the first screen to a second screen or a third screen according to a direction of the fourth sliding input, .

또한, 상기 화면을 전환하여 표시하는 단계는, 상기 제4 슬라이딩 입력의 상기 슬라이딩 바에 수평한 방향 성분을 획득하는 단계 및 상기 제1 화면을 상기 획득된 방향에 대응하는 화면으로 전환하여 표시하는 단계를 포함할 수 있다.The step of switching and displaying the screen may include a step of obtaining a horizontal direction component on the sliding bar of the fourth sliding input and a step of switching the first screen to a screen corresponding to the obtained direction and displaying the screen .

또한, 상기 제2 화면 또는 상기 제3 화면은, 상기 슬라이딩 바에 의하여 분할되어 표시되는 것을 특징으로 할 수 있다.The second screen or the third screen may be divided and displayed by the sliding bar.

또한, 상기 슬라이딩 바에 숏컷(shortcut) 아이콘을 표시하는 단계 및 상기 숏컷 아이콘에 대한 탭(tap) 입력을 수신하는 경우, 상기 숏컷 아이콘에 대응하는 기능을 수행하는 단계를 더 포함할 수 있다.The method may further include displaying a shortcut icon on the sliding bar and performing a function corresponding to the shortcut icon when receiving a tap input for the shortcut icon.

또한, 상기 제1 분할화면 또는 상기 제2 분할화면에 대한 터치 입력을 수신하는 단계, 상기 슬라이딩 바를 상기 터치 입력이 수신된 분할화면의 반대방향 끝으로 이동시켜 표시하는 단계 및 상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 터치 입력이 수신된 분할화면을 표시하는 단계를 더 포함할 수 있다.Receiving a touch input for the first divided screen or the second divided screen; displaying the sliding bar by moving the sliding bar to the opposite end of the divided screen on which the touch input is received; And displaying the divided screen on which the touch input is received in the remaining area of the first screen except for the touch input.

상술한 과제를 해결하기 위한 본 발명의 다른 일 면에 따라 사용자 인터페이스를 제공하는 애플리케이션은, 제1 화면을 제1 분할화면 및 제2 분할화면으로 분할하는 슬라이딩 바를 표시하되, 상기 제1 분할화면은 상기 슬라이딩 바와 수직한 제1 방향에 표시되고, 상기 제2 분할화면은 상기 제1 방향의 반대방향인 제2 방향에 표시되는 단계, 상기 표시된 슬라이딩 바에서 시작되는 제1 슬라이딩 입력을 수신하는 단계, 상기 제1 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 한쪽 끝으로 이동시켜 표시하는 단계 및 상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되, 상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고, 상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계를 수행한다.According to another aspect of the present invention, there is provided an application providing a user interface, the application displaying a sliding bar dividing a first screen into a first screen and a second screen, Displaying the first divided screen in a first direction perpendicular to the sliding bar and the second divided screen in a second direction opposite to the first direction, receiving a first sliding input starting at the indicated sliding bar, Displaying the sliding bar at one end of the first screen in accordance with the first sliding input; displaying the first divided screen or the second divided screen in the remaining area of the first screen except for the area where the sliding bar is displayed; When the sliding bar is moved in the first direction, displays the second divided screen in the remaining area And, when the sliding bar is moved in the second direction to perform the step of displaying the first screen dividing the remaining area.

본 발명의 기타 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.Other specific details of the invention are included in the detailed description and drawings.

개시된 실시 예에 따르면, 사용자가 한 손으로도 편리하게 이용할 수 있는 사용자 인터페이스가 제공될 수 있는 효과가 있다.According to the disclosed embodiment, there is an effect that a user interface that a user can conveniently use with one hand can be provided.

또한, 개시된 실시 예에 따른 사용자 인터페이스는 사용자가 직관적으로 이해할 수 있으며, 빠르게 원하는 기능을 실행할 수 있도록 하는 효과가 있다.In addition, the user interface according to the disclosed embodiment can be intuitively understood by a user, and has the effect of rapidly executing a desired function.

본 발명의 효과들은 이상에서 언급된 효과로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.The effects of the present invention are not limited to the above-mentioned effects, and other effects not mentioned can be clearly understood by those skilled in the art from the following description.

도 1은 일 실시 예에 따른 사용자 인터페이스 제공방법을 나타내는 흐름도이다.
도 2는 사용자 인터페이스 제공장치에 표시되는 화면의 일 예를 도시한 도면이다.
도 3은 일 실시 예에 따른 슬라이딩 바를 도시한 도면이다.
도 4 및 도 5는 제1 터치영역의 아이콘이 슬라이딩 입력에 따라 이동하는 일 예를 도시한 도면이다.
도 6은 서로 다른 화면들의 위치관계를 도시한 도면이다.
도 7은 다른 일 실시 예에 따라 사용자 인터페이스를 제공하는 방법을 도시한 흐름도이다.
도 8 및 도 9는 슬라이딩 바가 위 또는 아래로 이동된 일 예를 도시한 도면이다.
도 10 및 도 11은 슬라이딩 바가 화면의 한쪽 끝으로 이동된 일 예를 도시한 도면이다.
도 12는 일 실시 예에 따른 사용자 인터페이스 제공장치를 간략히 도시한 구성도이다.
도 13 내지 도 16은 개시된 실시 예에 따른 실제 실시태양을 도시한 도면이다.1 is a flowchart illustrating a method of providing a user interface according to an exemplary embodiment.
2 is a view showing an example of a screen displayed on the user interface providing apparatus.
3 is a view showing a sliding bar according to an embodiment.
4 and 5 are views showing an example in which the icon of the first touch area moves according to the sliding input.
FIG. 6 is a diagram showing a positional relationship between different screens.
7 is a flow diagram illustrating a method for providing a user interface in accordance with another embodiment.
8 and 9 are views showing an example in which the sliding bar is moved upward or downward.
10 and 11 are views showing an example in which the sliding bar is moved to one end of the screen.
12 is a block diagram schematically showing a user interface providing apparatus according to an embodiment.
13 to 16 are diagrams showing an actual embodiment according to the disclosed embodiment.

본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나, 본 발명은 이하에서 개시되는 실시예들에 제한되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술 분야의 통상의 기술자에게 본 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. BRIEF DESCRIPTION OF THE DRAWINGS The advantages and features of the present invention, and the manner of achieving them, will be apparent from and elucidated with reference to the embodiments described hereinafter in conjunction with the accompanying drawings. It should be understood, however, that the invention is not limited to the disclosed embodiments, but may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein, Is provided to fully convey the scope of the present invention to a technician, and the present invention is only defined by the scope of the claims.

본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다. 명세서에서 사용되는 "포함한다(comprises)" 및/또는 "포함하는(comprising)"은 언급된 구성요소 외에 하나 이상의 다른 구성요소의 존재 또는 추가를 배제하지 않는다. 명세서 전체에 걸쳐 동일한 도면 부호는 동일한 구성 요소를 지칭하며, "및/또는"은 언급된 구성요소들의 각각 및 하나 이상의 모든 조합을 포함한다. 비록 "제1", "제2" 등이 다양한 구성요소들을 서술하기 위해서 사용되나, 이들 구성요소들은 이들 용어에 의해 제한되지 않음은 물론이다. 이들 용어들은 단지 하나의 구성요소를 다른 구성요소와 구별하기 위하여 사용하는 것이다. 따라서, 이하에서 언급되는 제1 구성요소는 본 발명의 기술적 사상 내에서 제2 구성요소일 수도 있음은 물론이다.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. The terms " comprises "and / or" comprising "used in the specification do not exclude the presence or addition of one or more other elements in addition to the stated element. Like reference numerals refer to like elements throughout the specification and "and / or" include each and every combination of one or more of the elements mentioned. Although "first "," second "and the like are used to describe various components, it is needless to say that these components are not limited by these terms. These terms are used only to distinguish one component from another. Therefore, it goes without saying that the first component mentioned below may be the second component within the technical scope of the present invention.

명세서에서 사용되는 "부" 또는 “모듈”이라는 용어는 소프트웨어, FPGA 또는 ASIC과 같은 하드웨어 구성요소를 의미하며, "부" 또는 “모듈”은 어떤 역할들을 수행한다. 그렇지만 "부" 또는 “모듈”은 소프트웨어 또는 하드웨어에 한정되는 의미는 아니다. "부" 또는 “모듈”은 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서 "부" 또는 “모듈”은 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세스들, 함수들, 속성들, 프로시저들, 서브루틴들, 프로그램 코드의 세그먼트들, 드라이버들, 펌웨어, 마이크로 코드, 회로, 데이터, 데이터베이스, 데이터 구조들, 테이블들, 어레이들 및 변수들을 포함한다. 구성요소들과 "부" 또는 “모듈”들 안에서 제공되는 기능은 더 작은 수의 구성요소들 및 "부" 또는 “모듈”들로 결합되거나 추가적인 구성요소들과 "부" 또는 “모듈”들로 더 분리될 수 있다.As used herein, the term "part" or "module" refers to a hardware component, such as a software, FPGA, or ASIC, and a "component" or "module" performs certain roles. However, "part" or " module " is not meant to be limited to software or hardware. A "module " or " module " may be configured to reside on an addressable storage medium and configured to play back one or more processors. Thus, by way of example, "a" or " module " is intended to encompass all types of elements, such as software components, object oriented software components, class components and task components, Microcode, circuitry, data, databases, data structures, tables, arrays, and variables, as used herein. Or " modules " may be combined with a smaller number of components and "parts " or " modules " Can be further separated.

다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 발명이 속하는 기술분야의 통상의 기술자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있을 것이다. 또한, 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다.Unless defined otherwise, all terms (including technical and scientific terms) used herein may be used in a sense that is commonly understood by one of ordinary skill in the art to which this invention belongs. In addition, commonly used predefined terms are not ideally or excessively interpreted unless explicitly defined otherwise.

이하, 첨부된 도면을 참조하여 본 발명의 실시예를 상세하게 설명한다. Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

도 1은 일 실시 예에 따른 사용자 인터페이스 제공방법을 나타내는 흐름도이다. 1 is a flowchart illustrating a method of providing a user interface according to an exemplary embodiment.

도 1에 도시된 사용자 인터페이스 제공방법은 도 2 이하에 도시된 사용자 인터페이스 제공장치(200)에서 시계열적으로 수행되는 단계들로 구성된다. The method for providing a user interface shown in FIG. 1 is comprised of steps performed in a time-series manner in the UI providing apparatus 200 shown in FIG. 2 and subsequent figures.

개시된 실시 예에서, 사용자 인터페이스 제공장치(200)는 디스플레이를 포함하는 컴퓨팅 장치 및 디스플레이를 포함하는 임베디드 장치를 포함할 수 있으나, 이에 제한되지 않는다.In the disclosed embodiment, the user interface providing device 200 may include, but is not limited to, an embedded device including a display device and a computing device including a display.

예를 들어, 사용자 인터페이스 제공장치(200)는 스마트 폰 또는 태블릿 PC를 포함하는 모바일 장치일 수 있다. 또한, 사용자 인터페이스 제공장치(200)는 냉장고에 설치된 임베디드 장치일 수도 있고, 자동차 또는 오토바이에 설치된 내비게이션 장치일 수도 있다.For example, the user interface providing apparatus 200 may be a mobile device including a smart phone or a tablet PC. The user interface providing device 200 may be an embedded device installed in a refrigerator, or a navigation device installed in a car or a motorcycle.

단계 S110에서, 사용자 인터페이스 제공장치(200)는 화면을 제1 분할화면 및 제2 분할화면으로 분할하는 슬라이딩 바를 표시한다. 슬라이딩 바는 사용자 인터페이스 제공장치(200)의 화면을 가로 또는 세로로 분할한다. In step S110, the user interface providing apparatus 200 displays a sliding bar for dividing the screen into a first divided screen and a second divided screen. The sliding bar divides the screen of the user interface providing apparatus 200 horizontally or vertically.

도 2를 참조하면, 사용자 인터페이스 제공장치(200), 슬라이딩 바(300) 및 슬라이딩 바(300)에 의하여 분할된 제1 분할화면(210) 및 제2 분할화면(220)이 도시되어 있다.Referring to FIG. 2, a first divided screen 210 and a second divided screen 220 divided by the user interface providing apparatus 200, the sliding bar 300, and the sliding bar 300 are shown.

설명의 편의를 위하여, 본 명세서에서는 슬라이딩 바(300)가 사용자 인터페이스 제공장치(200)의 화면을 가로로 분할하는 실시 예에 대해서만 설명하도록 한다.For convenience of explanation, only the embodiment in which the sliding bar 300 divides the screen of the user interface providing apparatus 200 horizontally will be described.

슬라이딩 바(300)는 화면의 일 측면으로부터 다른 일 측면까지 연결되고, 그 형태 및 크기는 제한되지 않는다. The sliding bar 300 is connected from one side of the screen to the other side, and its shape and size are not limited.

일 실시 예에서, 슬라이딩 바(300)는 제1 터치영역(310)을 포함한다. 사용자는 제1 터치영역(310)을 이용하여 슬라이딩 바(300)를 이용하기 위하여 필요한 입력을 수행할 수 있다.In one embodiment, the sliding bar 300 includes a first touch region 310. The user can perform an input necessary to use the sliding bar 300 using the first touch area 310. [

일 실시 예에서, 사용자 인터페이스 제공장치(200)에서는 복수의 애플리케이션이 실행되고, 제1 분할영역(210) 및 제2 분할영역(220) 각각에는 서로 다른 애플리케이션의 화면이 표시될 수 있다.In one embodiment, a plurality of applications are executed in the user interface providing apparatus 200, and screens of different applications may be displayed in the first partition 210 and the second partition 220, respectively.

다른 실시 예에서, 제1 분할영역(210) 및 제2 분할영역(220) 각각에는 동일한 애플리케이션의 서로 다른 화면이 표시될 수 있다.In another embodiment, different screens of the same application may be displayed in the first partition 210 and the second partition 220, respectively.

예를 들어, 사용자 인터페이스 제공장치(200)는 내비게이션 애플리케이션을 실행하고, 제1 분할영역(210)에는 지도가 표시되고, 제2 분할영역(220)에는 목적지를 검색하기 위한 검색 화면이 표시될 수 있다.For example, the user interface providing apparatus 200 executes a navigation application, a map is displayed in the first partition 210, and a search screen for searching for a destination is displayed in the second partition 220 have.

단계 S120에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)에 제1 터치영역을 표시한다.In step S120, the user interface providing apparatus 200 displays the first touch area on the sliding bar 300. [

도 3을 참조하면, 슬라이딩 바(300) 및 슬라이딩 바(300)에 표시된 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)이 도시되어 있다. 3, the first touch area 310, the second touch area 320, and the third touch area 330 displayed on the sliding bar 300 and the sliding bar 300 are shown.

일 실시 예에서, 제2 터치영역(320) 및 제3 터치영역(330)은 실제로 사용자 인터페이스 제공장치(200)의 화면에는 표시되지 않을 수 있다. 제2 터치영역(320) 및 제3 터치영역(330)은 탭 또는 슬라이딩 입력에 의해 선택되는 경우에만 피드백을 위해 슬라이딩 바(300)와 다른 색으로 표시되거나, 경계선이 표시되거나, 입체감이 있게 표시되는 등 다른 영역과 구분되도록 표시될 수 있다.In one embodiment, the second touch region 320 and the third touch region 330 may not actually be displayed on the screen of the user interface providing apparatus 200. The second touch region 320 and the third touch region 330 may be displayed in a different color from the sliding bar 300 for feedback, a boundary line may be displayed, or a three-dimensional display may be displayed And so on.

일 실시 예에서, 제1 터치영역(310)은 슬라이딩 바(300)의 중앙에 표시된다. 제1 터치영역(310)은 슬라이딩 바(300)의 중심을 포함한다.In one embodiment, the first touch region 310 is displayed at the center of the sliding bar 300. The first touch region 310 includes the center of the sliding bar 300.

제2 터치영역(320)은 제1 터치영역(310)의 좌측에 표시되고, 제3 터치영역(330)은 제1 터치영역(310)의 우측에 표시된다.The second touch area 320 is displayed on the left side of the first touch area 310 and the third touch area 330 is displayed on the right side of the first touch area 310. [

사용자는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)을 이용하여 슬라이딩 바(300)에 대한 터치 입력을 수행할 수 있다. 예를 들어, 사용자는 슬라이딩 바(300)에 대한 탭, 슬라이드 또는 스와이프 등의 터치 입력을 수행할 수 있다.The user can perform touch input to the sliding bar 300 using the first touch area 310, the second touch area 320, and the third touch area 330. [ For example, the user may perform a touch input to the sliding bar 300, such as tap, slide, or swipe.

단계 S130에서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에서 시작되는 슬라이딩 입력을 수신한다. In step S130, the user interface providing apparatus 200 receives a sliding input starting from the first touch area 310. [

슬라이딩 입력은 터치 입력을 시작하는 지점으로부터 터치 입력이 종료되는 지점까지 연속적으로 터치 입력이 수신되는 것을 의미한다. 따라서, 슬라이딩 입력의 경우 터치 입력이 시작되는 지점과 터치 입력이 종료되는 지점에 따라 입력의 종류가 결정되는 경우가 많다.The sliding input means that the touch input is continuously received from the point where the touch input is started to the point where the touch input ends. Accordingly, in the case of the sliding input, the type of the input is often determined according to the point where the touch input starts and the point where the touch input ends.

이하에서는 도 3을 참조하여 설명한다. The following description will be made with reference to Fig.

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)에 대한 사용자의 터치 입력을 수신한다. 슬라이딩 바(300)는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)을 포함하고, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)에 대한 사용자의 터치 입력을 수신한다.In one embodiment, the user interface providing apparatus 200 receives the touch input of the user with respect to the sliding bar 300. The sliding bar 300 includes a first touch area 310, a second touch area 320 and a third touch area 330. The user interface providing device 200 includes a first touch area 310, 2 touch region 320 and the third touch region 330. The touch region 320 and the third touch region 330 are connected to each other.

일 실시 예에서, 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)이 아닌 슬라이딩 바(300)의 다른 부분에 대하여 터치 입력이 수신되는 경우, 사용자 인터페이스 제공장치(200)는 터치 입력을 무시할 수 있다.When a touch input is received with respect to another portion of the sliding bar 300 other than the first touch region 310, the second touch region 320 and the third touch region 330, The device 200 may ignore the touch input.

예를 들어, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330) 중 하나에 대한 탭 입력이 수신되는 경우, 수신된 입력에 대응하는 동작을 수행한다. For example, when the tab input for one of the first touch region 310, the second touch region 320, and the third touch region 330 is received, And performs a corresponding operation.

또한, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에서 시작된 슬라이딩 입력만을 인식할 수 있다. 제1 터치영역(310)이 아닌 슬라이딩 바(300)의 다른 부분에서 시작되는 슬라이딩 입력이 수신되는 경우, 사용자 인터페이스 제공장치(200)는 이를 무시할 수 있다.In addition, the user interface providing apparatus 200 can recognize only the sliding input started in the first touch area 310. [ If a sliding input is received that is not the first touch area 310 but starts at another part of the sliding bar 300, the user interface providing device 200 can ignore it.

다른 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)이 아닌 슬라이딩 바(300)의 다른 부분에 대한 터치 입력이 수신되는 경우에도 터치 입력에 대응하는 동작을 수행할 수 있다. In another embodiment, the user interface providing apparatus 200 may include a touch input (not shown) for another portion of the sliding bar 300, rather than a first touch region 310, a second touch region 320, It is possible to perform an operation corresponding to the touch input.

예를 들어, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)이 아닌 슬라이딩 바(300)의 다른 부분에서 시작되는 슬라이딩 입력을 인식할 수 있다.For example, the user interface providing apparatus 200 can recognize a sliding input starting from another portion of the sliding bar 300, rather than the first touch region 310. [

사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)에서 시작되는 슬라이딩 입력을 수신하고, 수신된 슬라이딩 입력의 방향 성분을 획득한다. 사용자 인터페이스 제공장치(200)는 수신된 슬라이딩 입력에서 슬라이딩 바(300)에 수평한 방향 성분을 획득하고, 제1 화면을 획득된 방향에 대응하는 화면으로 전환하여 표시한다. 예를 들어, 수신된 슬라이딩 입력이 슬라이딩 바(300)에서 시작되어 왼쪽으로 이동하는 슬라이딩 입력일 경우, 제1 화면을 제2 화면으로 전환하여 표시한다. 또한, 수신된 슬라이딩 입력이 슬라이딩(300)바에서 시작되어 오른쪽으로 이동하는 슬라이딩 입력일 경우, 제1 화면을 제3 화면으로 전환하여 표시한다. 또한, 슬라이딩 입력은 스와이프(swipe) 입력을 포함한다. 예를 들어, 슬라이딩(300)바에 대한 좌측 스와이프 입력이 수신되는 경우 제1 화면을 제2 화면으로 전환하여 표시하고, 우측 스와이프 입력이 수신되는 경우 제1 화면을 제3 화면으로 전환하여 표시한다.The user interface providing apparatus 200 receives the sliding input starting from the sliding bar 300 and acquires the direction component of the received sliding input. The user interface providing apparatus 200 acquires a horizontal direction component in the sliding bar 300 from the received sliding input, and displays the first screen by switching to a screen corresponding to the obtained direction. For example, when the received sliding input is a sliding input starting from the sliding bar 300 and moving to the left, the first screen is switched to the second screen and displayed. Also, when the received sliding input is a sliding input starting from the sliding (300) bar and moving to the right, the first screen is switched to the third screen and displayed. The sliding input also includes a swipe input. For example, when the left swipe input to the sliding bar 300 is received, the first screen is switched to the second screen and displayed. When the right swipe input is received, the first screen is switched to the third screen do.

바람직한 실시 예에 있어서는, 사용자의 의도하지 않은 터치 입력에 의한 동작이 수행되는 불편함을 막기 위하여, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)에 대한 탭 입력과, 제1 터치영역(310)에서 시작되는 슬라이딩 입력만을 인식할 수 있다.In the preferred embodiment, the user interface providing apparatus 200 includes a first touch region 310, a second touch region 320, and a second touch region 320. The first touch region 310, the second touch region 320, It is possible to recognize only the tap input for the third touch region 330 and the sliding input starting from the first touch region 310. [

다른 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에 대한 탭 입력과, 제1 터치영역(310)에서 시작되는 슬라이딩 입력만을 인식할 수도 있다.In another embodiment, the user interface providing apparatus 200 may recognize only a tap input for the first touch area 310 and a sliding input starting from the first touch area 310. [

일 실시 예에서, 제1 터치영역(310)에서 시작되는 슬라이딩 입력이 수신되는 경우, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)을 나타내는 소정의 아이콘을 터치 입력이 수신되는 위치에 표시한다. 또한, 사용자 인터페이스 제공장치(200)는 터치 입력이 수신되는 위치가 이동함에 따라 제1 터치영역(310)을 나타내는 아이콘이 터치 입력이 수신되는 위치와 함께 이동하도록 할 수 있다. 따라서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)의 아이콘이 슬라이딩 입력에 따라 이동하는 것처럼 표시할 수 있다.In one embodiment, when a sliding input starting from the first touch area 310 is received, the user interface providing apparatus 200 displays a predetermined icon indicating the first touch area 310 at a position where the touch input is received Display. In addition, the user interface providing apparatus 200 may move the icon representing the first touch area 310 along with the position at which the touch input is received as the position at which the touch input is received moves. Therefore, the user interface providing apparatus 200 can display the icon of the first touch region 310 as if it moves according to the sliding input.

도 4 및 도 5를 참조하면, 제1 터치영역(310)의 아이콘이 슬라이딩 입력에 따라 이동하는 일 예가 도시되어 있다. 4 and 5, an example in which the icon of the first touch region 310 moves according to the sliding input is shown.

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 입력이 종료되면 표시된 아이콘을 없애거나, 아이콘이 제1 터치영역(310)으로 복귀하는 듯한 애니메이션을 표시할 수 있다. In one embodiment, the user interface providing apparatus 200 can display an animation that appears when the sliding input is terminated, or an icon appears to return to the first touch region 310. [

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에서 시작되고, 제2 터치영역(320) 또는 제3 터치영역(330)에서 종료되는 슬라이딩 입력을 수신한다.In one embodiment, the user interface providing apparatus 200 receives a sliding input that starts in a first touch region 310 and ends in a second touch region 320 or a third touch region 330.

단계 S140에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 입력의 종료지점에 따라 사용자 인터페이스 제공장치(200)에 표시된 화면을 전환한다.In step S140, the user interface providing apparatus 200 switches the screen displayed on the user interface providing apparatus 200 according to the end point of the sliding input.

일 실시 예에서, 제2 터치영역(320) 및 제3 터치영역(330) 각각은 서로 다른 애플리케이션 또는 서로 다른 기능을 표시하는 화면에 대응한다. In one embodiment, each of the second touch region 320 and the third touch region 330 corresponds to a screen displaying different applications or different functions.

예를 들어, 사용자 인터페이스 제공장치(200)의 화면에 내비게이션 애플리케이션이 표시되어 있는 경우, 제2 터치영역(320)은 사용자 인터페이스 제공장치(200)의 홈 화면에 대응하고, 제3 터치영역(330)은 다른 애플리케이션 화면에 대응할 수 있다.For example, when the navigation application is displayed on the screen of the user interface providing apparatus 200, the second touch region 320 corresponds to the home screen of the user interface providing apparatus 200, and the third touch region 330 May correspond to other application screens.

사용자 인터페이스 제공장치(200)가 제1 터치영역(310)에서 시작되고, 제2 터치영역(320)에서 종료되는 슬라이딩 입력을 수신하는 경우, 사용자 인터페이스 제공장치(200)는 내비게이션 화면을 사용자 인터페이스 제공장치(200)의 홈 화면으로 전환하여 표시할 수 있다.When the user interface providing apparatus 200 receives a sliding input that starts in the first touch region 310 and ends in the second touch region 320, the user interface providing apparatus 200 provides a navigation screen to the user interface The home screen of the device 200 can be switched and displayed.

마찬가지로, 사용자 인터페이스 제공장치(200)가 제1 터치영역(310)에서 시작되고, 제3 터치영역(330)에서 종료되는 슬라이딩 입력을 수신하는 경우, 사용자 인터페이스 제공장치(200)는 제3 터치영역(330)에 대응하는 다른 애플리케이션의 화면을 표시할 수 있다.Similarly, when the user interface providing apparatus 200 receives a sliding input that starts in the first touch region 310 and ends in the third touch region 330, A screen of another application corresponding to the application 330 can be displayed.

제2 터치영역(320) 및 제3 터치영역(330)에 대응하는 화면, 기능 또는 애플리케이션은 고정되어 있을 수도 있고, 경우에 따라 변할 수도 있으며, 사용자의 선택에 따라 달라질 수도 있다.Functions, or applications corresponding to the second touch region 320 and the third touch region 330 may be fixed, may be changed in some cases, or may be changed in accordance with the user's selection.

일 실시 예에서, 서로 다른 화면, 기능 또는 애플리케이션 사이의 위치관계가 존재할 수 있다. In one embodiment, there may be a positional relationship between different screens, functions or applications.

도 6을 참조하면, 서로 다른 화면의 위치관계가 도시되어 있다.Referring to FIG. 6, positional relationships of different screens are shown.

도 6에는, 사용자 인터페이스 제공장치(200)에 표시되는 제1 화면(400), 제2 화면(410) 및 제3 화면(420)이 도시되어 있다. 제1 화면(400), 제2 화면(410) 및 제3 화면(430) 각각은 모두 슬라이딩 바(300)에 의하여 분할화면을 포함한다.FIG. 6 shows a first screen 400, a second screen 410 and a third screen 420 displayed on the user interface providing apparatus 200. Each of the first screen 400, the second screen 410 and the third screen 430 includes a divided screen by the sliding bar 300.

도 6에 도시된 실시 예에 따르면, 제2 화면(410)은 제1 화면(400)의 좌측에 위치하고, 제3 화면(420)은 제1 화면(400)의 우측에 위치한다.6, the second screen 410 is located on the left side of the first screen 400, and the third screen 420 is located on the right side of the first screen 400. In the example of FIG.

따라서, 제1 화면(400)에서 제1 터치영역(310)에서 시작하여 제2 터치영역(320)에서 종료되는 슬라이딩 입력이 수신되면, 사용자 인터페이스 제공장치(200)는 제2 화면(410)을 표시한다.Accordingly, when the sliding input starting from the first touch region 310 on the first screen 400 and ending on the second touch region 320 is received, the user interface providing apparatus 200 displays the second screen 410 Display.

마찬가지로, 제2 화면(400)에서 제1 터치영역(310)에서 시작하여 제3 터치영역(330)에서 종료되는 슬라이딩 입력이 수신되면, 사용자 인터페이스 제공장치(200)는 제3 화면(410)을 표시한다.Likewise, when the sliding input starting from the first touch region 310 and ending in the third touch region 330 is received in the second screen 400, the user interface providing apparatus 200 displays the third screen 410 Display.

일 실시 예에서, 제1 화면(400), 제2 화면(410) 및 제3 화면(420) 각각은 원형의 위치관계를 가질 수 있다. 이 경우, 제2 화면(410)의 왼쪽은 제3 화면(420)이 되고, 제3 화면(420)의 오른쪽은 제2 화면(410)이 된다.In one embodiment, each of the first screen 400, the second screen 410, and the third screen 420 may have a circular positional relationship. In this case, the left side of the second screen 410 becomes the third screen 420 and the right side of the third screen 420 becomes the second screen 410.

다른 실시 예에서, 제2 터치영역(320) 및 제3 터치영역(330)은 각각 서로 다른 화면, 기능 또는 애플리케이션에 대응하고, 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션은 사용자의 설정에 의해 변경될 수 있다. In another embodiment, the second touch region 320 and the third touch region 330 correspond to different screens, functions, or applications, respectively, and correspond to the second touch region 320 and the third touch region 330, The corresponding screen, function or application can be changed by the user's setting.

예를 들어, 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션은 기 설정되었거나 사용자에 의하여 설정된 화면, 기능 또는 애플리케이션으로 고정될 수 있다. 이 경우, 사용자 인터페이스 제공장치(200)에 표시되는 화면이 변경되어도 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션은 변경되지 않고 고정될 수 있다. 이 경우, 제1 터치영역(310), 제2 터치영역(320) 및 제3 터치영역(330)은 필요한 화면, 기능 또는 애플리케이션으로 빠르게 이동하기 위한 숏컷(shortcut)으로서 활용될 수 있다.For example, a screen, a function or an application corresponding to each of the second touch area 320 and the third touch area 330 may be fixed to a predetermined screen, a function or an application set by the user. In this case, even if the screen displayed on the user interface providing apparatus 200 is changed, the screen, function or application corresponding to the second touch region 320 and the third touch region 330 can be fixed without being changed. In this case, the first touch area 310, the second touch area 320, and the third touch area 330 can be utilized as a shortcut for quickly moving to a necessary screen, function, or application.

다른 예로, 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션은 사용자 인터페이스 제공장치(200)에 표시되는 화면에 따라 변경될 수 있다. 사용자는 사용자 인터페이스 제공장치(200)에 표시되는 화면에 따라 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션을 설정할 수 있다. 이 경우, 제2 터치영역(320) 및 제3 터치영역(330) 각각에 대응하는 화면, 기능 또는 애플리케이션은 사용자 인터페이스 제공장치(200)에 표시되는 화면에 따라 다르게 설정된 숏컷으로서 활용될 수 있다.In another example, a screen, a function, or an application corresponding to each of the second touch region 320 and the third touch region 330 may be changed according to a screen displayed on the UI providing apparatus 200. The user can set screens, functions, or applications corresponding to the second touch area 320 and the third touch area 330 according to the screen displayed on the user interface providing device 200. [ In this case, a screen, a function, or an application corresponding to each of the second touch region 320 and the third touch region 330 can be utilized as a shortcut that is set differently according to the screen displayed on the UI providing apparatus 200.

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)에 대한 사용자의 탭 입력을 수신한다.In one embodiment, the user interface provision device 200 receives the user's tab input to the sliding bar 300. [

제2 터치영역(320)에 대한 탭 입력이 수신되는 경우, 사용자 인터페이스 제공장치(200)는 제2 터치영역(320)에 대응하는 화면을 표시할 수 있다. 마찬가지로, 제3 터치영역(330)에 대한 탭 입력이 수신되는 경우, 사용자 인터페이스 제공장치(200)는 제3 터치영역(330)에 대응하는 화면을 표시할 수 있다.When the tab input to the second touch region 320 is received, the user interface providing apparatus 200 may display a screen corresponding to the second touch region 320. [ Similarly, when a tab input to the third touch area 330 is received, the user interface providing device 200 may display a screen corresponding to the third touch area 330. [

또한, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에 숏컷 아이콘을 표시할 수 있다. 사용자 인터페이스 제공장치(200) 제1 터치영역(310)에 대한 탭 입력을 수신하는 경우, 숏컷 아이콘에 대응하는 기능을 수행한다In addition, the user interface providing apparatus 200 may display a shortcut icon in the first touch area 310. [ When receiving the tab input for the first touch area 310, the user interface providing apparatus 200 performs a function corresponding to the shortcut icon

제1 터치영역(310)에 표시되는 숏컷 아이콘은 고정될 수도 있고, 사용자 인터페이스 제공장치(200)에 표시된 화면 또는 사용자 인터페이스 제공장치(200)에서 수행되는 애플리케이션에 따라 달라질 수도 있다.The shortcut icon displayed in the first touch area 310 may be fixed or may vary depending on the screen displayed on the user interface providing device 200 or the application executed on the user interface providing device 200. [

예를 들어, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에 전화걸기 아이콘을 표시하고, 사용자 인터페이스 제공장치(200)에 어떤 화면이 표시되고 있어도 항상 제1 터치영역(310)에는 전화걸기 아이콘이 표시되어 편리하게 전화를 걸도록 할 수 있다.For example, the user interface providing apparatus 200 may display a telephone dialing icon in the first touch area 310 and always display the first touch area 310 regardless of which screen is displayed in the user interface providing apparatus 200 The dialing icon is displayed so that the user can make a call conveniently.

다른 예로, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에 사용자 인터페이스 제공장치(200)에 표시된 화면에 대응하는 숏컷 아이콘을 표시한다. 예를 들어, 사용자 인터페이스 제공장치(200)에 내비게이션 애플리케이션의 화면이 표시되는 경우, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에 바로 길찾기 또는 집으로 안내 등의 기능에 대응하는 숏컷 아이콘을 표시할 수 있다.In another example, the user interface providing apparatus 200 displays a shortcut icon corresponding to the screen displayed on the user interface providing apparatus 200 in the first touch area 310. [ For example, when the screen of the navigation application is displayed on the user interface providing apparatus 200, the user interface providing apparatus 200 may display the first touch area 310 corresponding to the function A shortcut icon can be displayed.

도 7은 다른 일 실시 예에 따라 사용자 인터페이스를 제공하는 방법을 도시한 흐름도이다.7 is a flow diagram illustrating a method for providing a user interface in accordance with another embodiment.

도 7에 도시된 방법은 사용자 인터페이스 제공장치(200)에서 시계열적으로 수행되는 단계들로 구성된다.The method shown in FIG. 7 is comprised of steps performed in a time-series manner in the user interface providing apparatus 200. FIG.

단계 S510에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)에 대한 슬라이딩 입력을 수신한다. 예를 들어, 사용자 인터페이스 제공장치(200)는 슬라이딩 바를 슬라이딩 바의 수직방향(위아래)로 이동시키는 슬라이딩 입력을 수신한다.In step S510, the user interface providing apparatus 200 receives a sliding input for the sliding bar 300. [ For example, the user interface providing apparatus 200 receives a sliding input for moving the sliding bar in a vertical direction (up and down) of the sliding bar.

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에서 시작되는 슬라이딩 입력만을 인식할 수 있다.In one embodiment, the user interface providing apparatus 200 can recognize only the sliding input starting from the first touch region 310. [

사용자 인터페이스 제공장치(200)는 제1 터치영역(310)에서 시작되어, 슬라이딩 바(300)의 수직방향으로 이동하는 슬라이딩 입력을 수신할 수 있다.The user interface providing apparatus 200 may receive a sliding input starting from the first touch region 310 and moving in the vertical direction of the sliding bar 300.

슬라이딩 입력이 대각선 방향으로 이동하는 경우에도, 사용자 인터페이스 제공장치(200)는 슬라이딩 입력의 수평성분 및 수직성분을 추출하여, 수직성분에 대응하는 동작을 수행할 수 있다.Even when the sliding input moves in the diagonal direction, the user interface providing apparatus 200 can extract the horizontal component and the vertical component of the sliding input and perform an operation corresponding to the vertical component.

단계 S520에서, 사용자 인터페이스 제공장치(200)는 슬라이딩 입력에 따라 슬라이딩 바(300)를 슬라이딩 바(300)의 수직방향으로 이동시켜 표시할 수 있다.In step S520, the user interface providing apparatus 200 may move the sliding bar 300 in the vertical direction of the sliding bar 300 according to the sliding input.

예를 들어, 제1 터치영역(310)에서 시작하여 위아래로 이동하는 슬라이딩 입력을 수신하는 경우, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 슬라이딩 입력에 따라 위아래로 이동시켜 표시할 수 있다. 구체적으로, 사용자 인터페이스 제공장치(200)는 슬라이딩 입력의 종료지점으로 슬라이딩 바(300)를 이동시켜 표시할 수 있다.For example, when receiving the sliding input starting from the first touch region 310 and moving up and down, the user interface providing apparatus 200 can move the sliding bar 300 up and down according to the sliding input, have. Specifically, the user interface providing apparatus 200 can display the sliding bar 300 by moving the sliding bar 300 to the end point of the sliding input.

다른 예로, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 슬라이딩 입력의 방향에 따라 제1 화면(400)의 한쪽 끝으로 이동시켜 표시할 수 있다. 사용자 인터페이스 제공장치(200)는 슬라이딩 입력에서 슬라이딩 바(300)에 수직한 방향 성분을 획득하고, 획득된 방향의 한쪽 끝으로 슬라이딩 바(300)를 이동시켜 표시할 수 있다. 슬라이딩 입력은 스와이프 입력을 포함한다. 예를 들어, 슬라이딩 바(300)에 대한 위쪽 스와이프 입력이 수신된 경우 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 위쪽 끝으로 이동시켜 표시하고, 아래쪽 스와이프 입력이 수신된 경우 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 아래쪽 끝으로 이동시켜 표시한다.As another example, the user interface providing apparatus 200 may display the sliding bar 300 by moving the sliding bar 300 to one end of the first screen 400 according to the direction of the sliding input. The user interface providing apparatus 200 may acquire a direction component perpendicular to the sliding bar 300 on the sliding input and display the moving bar 300 by moving the sliding bar 300 to one end of the obtained direction. The sliding input includes a swipe input. For example, when the upper swipe input for the sliding bar 300 is received, the user interface providing apparatus 200 displays the sliding bar 300 by moving to the upper end, and when the lower swipe input is received, The interface providing apparatus 200 displays the sliding bar 300 by moving it to the lower end.

또 다른 예로, 사용자 인터페이스 제공장치(200)는 제1 분할화면(210) 또는 제2 분할화면(220)에 대한 터치 입력을 수신한다. 예를 들어, 사용자 인터페이스 제공장치(200)는 제1 분할화면(210) 또는 제2 분할화면(220)에 대한 탭 입력을 수신한다.In another example, the user interface providing apparatus 200 receives a touch input to the first divided screen 210 or the second divided screen 220. For example, the user interface providing apparatus 200 receives tap input for the first divided screen 210 or the second divided screen 220. [

제1 분할화면(210)에 대한 터치 입력이 수신된 경우, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 제2 방향의 끝으로 이동시켜 표시하고, 제2 분할화면(220)에 대한 터치 입력이 수신된 경우, 사용자 인터페이스 제공장치(200)는 슬라이딩 바(300)를 제1 방향의 끝으로 이동시켜 표시한다.When the touch input to the first divided screen 210 is received, the user interface providing apparatus 200 moves the sliding bar 300 to the end of the second direction and displays the moving bar 300 on the second divided screen 220 When the touch input is received, the user interface providing apparatus 200 displays the sliding bar 300 by moving to the end of the first direction.

사용자 인터페이스 제공장치(200)는 제1 화면(400)에서 슬라이딩 바(300)가 표시된 나머지 영역에 제1 분할화면(210) 또는 제2 분할화면(220)을 표시하되, 슬라이딩 바(300)가 제1 분할화면(210) 방향으로 이동된 경우 제2 분할화면(220)을 표시하고, 제2 분할화면(220) 방향으로 이동된 경우 제1 분할화면(210)을 표시한다.The user interface providing apparatus 200 displays the first divided screen 210 or the second divided screen 220 in the remaining area where the sliding bar 300 is displayed on the first screen 400, The second divided screen 220 is displayed when the first divided screen 210 is moved toward the first divided screen 210 and the first divided screen 210 is displayed when the second divided screen 220 is moved toward the second divided screen 220. [

또한, 사용자 인터페이스 제공장치(200)는 한쪽 끝에 표시된 슬라이딩 바(300)에 대한 슬라이딩 입력을 수신한다. 사용자 인터페이스 제공장치(200)는 슬라이딩 입력의 방향에 따라 슬라이딩 바(300)를 제1 화면(400)의 반대쪽 끝에 표시하거나, 제1 화면(400)의 중앙에 표시할 수 있다. In addition, the user interface providing apparatus 200 receives a sliding input for the sliding bar 300 displayed at one end. The user interface providing apparatus 200 can display the sliding bar 300 at the opposite end of the first screen 400 or at the center of the first screen 400 according to the direction of the sliding input.

단계 S530에서, 사용자 인터페이스 제공장치(200)는 이동된 슬라이딩 바(300)를 이용하여 화면을 제1 분할화면(210) 및 제2 분할화면(220)으로 분할하여 표시한다. In step S530, the user interface providing apparatus 200 divides the screen into the first divided screen 210 and the second divided screen 220 using the moved sliding bar 300, and displays the divided screen.

슬라이딩 바(300)의 이동에 따라, 제1 분할화면(210) 및 제2 분할화면(220)의 크기가 달라지게 된다. 도 8 및 도 9를 참조하면, 슬라이딩 바(300)가 위 또는 아래로 이동된 결과가 도시되어 있다.As the sliding bar 300 moves, the first divided screen 210 and the second divided screen 220 have different sizes. 8 and 9, the result of moving the sliding bar 300 up or down is shown.

일 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 분할화면(210) 및 제2 분할화면(220)의 크기 변화에 따라 제1 분할화면(210) 및 제2 분할화면(220)의 내용을 다르게 표시할 수 있다.The user interface providing apparatus 200 may display the content of the first divided screen 210 and the second divided screen 220 according to the size of the first divided screen 210 and the second divided screen 220, Can be displayed differently.

예를 들어, 각 분할화면의 크기가 커지거나 작아짐에 따라 각 분할화면에 표시되는 컨텐츠의 크기 또는 양이 달라질 수 있다. For example, as the size of each divided screen increases or decreases, the size or amount of contents displayed on each divided screen may vary.

일 실시 예에서, 슬라이딩 바(300)가 화면의 한쪽 끝으로 이동되는 경우, 사용자 인터페이스 제공장치(200)는 제1 분할화면(210) 또는 제2 분할화면(220)을 전체 화면에 표시한다.In one embodiment, when the sliding bar 300 is moved to one end of the screen, the user interface providing apparatus 200 displays the first divided screen 210 or the second divided screen 220 on the full screen.

다른 실시 예에서, 사용자 인터페이스 제공장치(200)는 제1 분할화면(210) 또는 제2 분할화면(220)의 크기가 소정의 크기 이하로 작아지는 경우, 소정의 크기 이하로 작아진 분할화면을 없애고 다른 분할화면을 전체 화면에 표시할 수 있다.In another embodiment, when the size of the first divided screen 210 or the second divided screen 220 becomes smaller than a predetermined size, the user interface providing apparatus 200 may display a divided screen that is smaller than a predetermined size It is possible to display another divided screen on the entire screen.

도 10 및 도 11을 참조하면, 슬라이딩 바(300)가 화면의 한쪽 끝으로 이동된 실시 예가 도시되어 있다.10 and 11, an embodiment in which the sliding bar 300 is moved to one end of the screen is shown.

도 12는 일 실시 예에 따른 사용자 인터페이스 제공장치를 간략히 도시한 구성도이다.12 is a block diagram schematically showing a user interface providing apparatus according to an embodiment.

도 1 내지 도 11에서 설명한 사용자 인터페이스 제공방법은 도 12에 도시된 사용자 인터페이스 제공장치(200)를 제어하는 데 이용될 수 있으며, 도 12에 도시된 사용자 인터페이스 제공장치(200)는 도 1 내지 도 11과 관련하여 설명된 동작들을 수행할 수 있다.The user interface providing method described with reference to FIGS. 1 to 11 can be used to control the user interface providing apparatus 200 shown in FIG. 12, and the user interface providing apparatus 200 shown in FIG. 11 described above.

도 12를 참조하면, 사용자 인터페이스 제공장치(200)는 제어부(202), 디스플레이부(204) 및 사용자 입력부(206)를 포함한다. 한편, 도 12에 도시된 사용자 인터페이스 제공장치(200)에는 실시예들과 관련된 구성요소들만이 도시되어 있다. 따라서, 도 2에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 사용자 인터페이스 제공장치(200)에 더 포함될 수 있음을 당해 기술분야의 통상의 기술자라면 이해할 수 있다.Referring to FIG. 12, the user interface providing apparatus 200 includes a control unit 202, a display unit 204, and a user input unit 206. On the other hand, only the components related to the embodiments are shown in the user interface providing apparatus 200 shown in Fig. Therefore, it will be understood by those skilled in the art that other general-purpose components other than the components shown in FIG. 2 may be further included in the user interface providing apparatus 200.

개시된 실시 예에서, 디스플레이부(204)는 사용자 인터페이스 제공장치(200)의 화면을 제1 분할화면(210) 및 제2 분할화면(220)으로 분할하는 슬라이딩 바(300)를 표시하고, 슬라이딩 바(300)에 제1 터치영역(310)을 표시한다.In the disclosed embodiment, the display unit 204 displays a sliding bar 300 that divides the screen of the user interface providing apparatus 200 into the first divided screen 210 and the second divided screen 220, The first touch area 310 is displayed on the touch panel 300.

사용자 입력부(206)는 제1 터치영역(310)에서 시작되는 슬라이딩 입력을 수신한다. The user input unit 206 receives a sliding input starting from the first touch area 310. [

일 실시 예에서, 사용자 입력부(206)는 터치 입력을 수신하기 위한 터치 패드를 포함한다. In one embodiment, the user input 206 includes a touchpad for receiving a touch input.

또한, 디스플레이부(204) 및 사용자 입력부(206)가 결합되어 터치 스크린 형태로 구성될 수 있다.The display unit 204 and the user input unit 206 may be combined to form a touch screen.

제어부(202)는 적어도 하나의 프로세서를 포함한다. 제어부(202)는 슬라이딩 입력의 종료지점이 슬라이딩 바(300)의 제2 터치영역(220)에 포함되는 경우, 사용자 인터페이스 제공장치(200)의 화면을 제2 터치영역(220)에 대응하는 화면으로 전환하여 디스플레이부(204)에 표시한다. 또한, 제어부(202)는 슬라이딩 입력의 종료지점이 슬라이딩 바(300)의 제3 터치영역(230)에 포함되는 경우, 사용자 인터페이스 제공장치(200)의 화면을 제3 터치영역(230)에 대응하는 화면으로 전환하여 디스플레이부(204)에 표시한다.The control unit 202 includes at least one processor. When the end point of the sliding input is included in the second touch region 220 of the sliding bar 300, the control unit 202 controls the screen of the user interface providing apparatus 200 to display the screen corresponding to the second touch region 220 And displays it on the display unit 204. FIG. When the end point of the sliding input is included in the third touch area 230 of the sliding bar 300, the control unit 202 may correspond to the third touch area 230 in the screen of the user interface providing apparatus 200 And displays the screen on the display unit 204. [

도 13 내지 도 16은 개시된 실시 예에 따른 실제 실시태양을 도시한 도면이다.13 to 16 are diagrams showing an actual embodiment according to the disclosed embodiment.

도 13을 참조하면, 사용자 인터페이스 제공장치(200), 슬라이딩 바(300), 제1 터치영역(310), 제1 분할화면(210) 및 제2 분할화면(220)이 도시되어 있다.Referring to FIG. 13, a user interface providing apparatus 200, a sliding bar 300, a first touch region 310, a first divided screen 210, and a second divided screen 220 are illustrated.

도 13 내지 도 16에서 개시된 실시 예에서, 사용자 인터페이스 제공장치(200)는 전기 오토바이와 연동된 모바일 단말 또는 전기 오토바이에 임베디드된 장치를 나타낸다. 도 13은 사용자 인터페이스 제공장치(200)의 홈 화면을 나타낸다. 제1 분할화면(210)에는 현재 날씨가 표시되고, 제2 분할화면(220)에는 전기 오토바이의 현재 상태가 표시된다. In the embodiment disclosed in Figs. 13-16, the user interface provision device 200 represents a device embedded in a mobile terminal or electric motorcycle interlocked with an electric motorcycle. 13 shows a home screen of the user interface providing apparatus 200. Fig. The current weather is displayed on the first divided screen 210 and the current state of the electric motorcycle is displayed on the second divided screen 220. [

제1 터치영역(310)에는 사용자 인터페이스 제공장치(200)를 켜거나 끄기 위한 전원 형태의 숏컷 아이콘이 표시된다.In the first touch area 310, a power-on shortcut icon for turning the user interface providing device 200 on and off is displayed.

도 13을 참조하면, 제2 터치영역은 충전소 정보를 나타내는 화면과 연결되고, 제3 터치영역은 내비게이션 화면과 연결된다. 사용자 인터페이스 제공장치(200)가 제1 터치영역(310)에서 시작하여 제3 터치영역(330)에서 종료되는 슬라이딩 입력을 수신하면, 내비게이션 화면을 표시한다.Referring to FIG. 13, the second touch area is connected to a screen representing charging station information, and the third touch area is connected to a navigation screen. When the user interface providing apparatus 200 receives the sliding input starting from the first touch region 310 and ending in the third touch region 330, the navigation screen is displayed.

도 14를 참조하면, 사용자 인터페이스 제공장치(200)의 내비게이션 화면이 도시되어 있다. 제1 분할화면(210)에는 지도가 표시되고, 제2 분할화면(220)에는 목적지들이 표시된다.Referring to FIG. 14, a navigation screen of the user interface providing apparatus 200 is shown. A map is displayed on the first divided screen 210, and destinations are displayed on the second divided screen 220.

제1 터치영역(310)에는 내비게이션 길안내를 위한 숏컷 아이콘이 표시된다.A shortcut icon for navigating the navigation path is displayed in the first touch area 310.

제1 터치영역(310)으로부터 시작되어 위 또는 아래 방향의 슬라이딩 입력이 수신되면, 슬라이딩 바(300)가 이동된다.When the sliding input is received from the first touch area 310 and the up or down direction is received, the sliding bar 300 is moved.

도 15 및 도 16을 참조하면, 슬라이딩 바(300)가 사용자 인터페이스 제공장치(200) 화면의 한쪽 끝으로 이동하여, 하나의 분할화면이 전체 화면에 표시되는 일 예가 도시되어 있다.15 and 16, an example in which the sliding bar 300 is moved to one end of the screen of the UI providing apparatus 200 and one divided screen is displayed on the entire screen is shown.

본 발명의 실시예와 관련하여 설명된 방법 또는 알고리즘의 단계들은 하드웨어로 직접 구현되거나, 하드웨어에 의해 실행되는 소프트웨어 모듈로 구현되거나, 또는 이들의 결합에 의해 구현될 수 있다. 소프트웨어 모듈은 RAM(Random Access Memory), ROM(Read Only Memory), EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM), 플래시 메모리(Flash Memory), 하드 디스크, 착탈형 디스크, CD-ROM, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터 판독가능 기록매체에 상주할 수도 있다.The steps of a method or algorithm described in connection with the embodiments of the present invention may be embodied directly in hardware, in software modules executed in hardware, or in a combination of both. The software module may be a random access memory (RAM), a read only memory (ROM), an erasable programmable ROM (EPROM), an electrically erasable programmable ROM (EEPROM), a flash memory, a hard disk, a removable disk, a CD- May reside in any form of computer readable recording medium known in the art to which the invention pertains.

이상, 첨부된 도면을 참조로 하여 본 발명의 실시예를 설명하였지만, 본 발명이 속하는 기술분야의 통상의 기술자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로, 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며, 제한적이 아닌 것으로 이해해야만 한다. While the present invention has been described in connection with what is presently considered to be practical exemplary embodiments, it is to be understood that the invention is not limited to the disclosed embodiments, but, on the contrary, You will understand. Therefore, it should be understood that the above-described embodiments are illustrative in all aspects and not restrictive.

200: 사용자 인터페이스 제공장치
210: 제1 분할화면
220: 제2 분할화면
300: 슬라이딩 바
310: 제1 터치영역200: User interface providing device
210: 1st split screen
220: Second split screen
300: Sliding bar
310: first touch area

Claims (10)

제1 화면을 제1 분할화면 및 제2 분할화면으로 분할하는 슬라이딩 바를 표시하되, 상기 제1 분할화면은 상기 슬라이딩 바와 수직한 제1 방향에 표시되고, 상기 제2 분할화면은 상기 제1 방향의 반대방향인 제2 방향에 표시되는 단계;
상기 표시된 슬라이딩 바에서 시작되는 제1 슬라이딩 입력을 수신하는 단계;
상기 제1 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 한쪽 끝으로 이동시켜 표시하는 단계; 및
상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되,
상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고,
상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계; 를 포함하는, 사용자 인터페이스 제공방법.The first divided screen is displayed in a first direction perpendicular to the sliding bar, and the second divided screen is displayed in a second direction perpendicular to the first direction, The second direction being opposite to the first direction;
Receiving a first sliding input beginning at the indicated sliding bar;
Moving the sliding bar to one end of the first screen according to the first sliding input; And
Displaying the first divided screen or the second divided screen in the remaining area of the first screen except for the area where the sliding bar is displayed,
Displays the second divided screen in the remaining area when the sliding bar is moved in the first direction,
Displaying the first divided screen in the remaining area when the sliding bar is moved in the second direction; The user interface providing method. 제1 항에 있어서,
상기 한쪽 끝으로 이동시켜 표시된 슬라이딩 바에서 시작되는 제2 슬라이딩 입력을 수신하는 단계;
상기 제2 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 반대쪽 끝으로 이동시켜 표시하는 단계; 및
상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되,
상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고,
상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계; 를 더 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Moving to the one end to receive a second sliding input starting from a displayed sliding bar;
Moving the sliding bar to the opposite end of the first screen according to the second sliding input; And
Displaying the first divided screen or the second divided screen in the remaining area of the first screen except for the area where the sliding bar is displayed,
Displays the second divided screen in the remaining area when the sliding bar is moved in the first direction,
Displaying the first divided screen in the remaining area when the sliding bar is moved in the second direction; Further comprising the steps of: 제1 항에 있어서,
상기 한쪽 끝으로 이동시켜 표시된 슬라이딩 바에서 시작되는 제3 슬라이딩 입력을 수신하는 단계;
상기 제3 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 중앙에 표시하는 단계; 및
상기 슬라이딩 바를 이용하여 상기 제1 화면을 상기 제1 분할화면 및 상기 제2 분할화면으로 분할하여 표시하는 단계; 를 더 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Moving to the one end and receiving a third sliding input starting from the indicated sliding bar;
Displaying the sliding bar in the center of the first screen according to the third sliding input; And
Dividing the first screen into the first divided screen and the second divided screen using the sliding bar; Further comprising the steps of: 제1 항에 있어서,
상기 슬라이딩 바를 이동시켜 표시하는 단계는,
상기 제1 슬라이딩 입력에서 상기 슬라이딩 바에 수직한 방향 성분을 획득하는 단계; 및
상기 획득된 방향의 한쪽 끝으로 상기 슬라이딩 바를 이동시켜 표시하는 단계; 를 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Wherein the step of moving and displaying the sliding bar comprises:
Obtaining a direction component perpendicular to the sliding bar at the first sliding input; And
Moving the sliding bar to one end of the obtained direction and displaying the same; The user interface providing method. 제1 항에 있어서,
상기 슬라이딩 바에서 시작되는 제4 슬라이딩 입력을 수신하는 단계; 및
상기 제4 슬라이딩 입력의 방향에 따라 상기 제1 화면을 제2 화면 또는 제3 화면으로 전환하여 표시하는 단계; 를 더 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Receiving a fourth sliding input beginning at the sliding bar; And
Switching the first screen to a second screen or a third screen according to a direction of the fourth sliding input; Further comprising the steps of: 제5 항에 있어서,
상기 화면을 전환하여 표시하는 단계는,
상기 제4 슬라이딩 입력의 상기 슬라이딩 바에 수평한 방향 성분을 획득하는 단계; 및
상기 제1 화면을 상기 획득된 방향에 대응하는 화면으로 전환하여 표시하는 단계; 를 포함하는, 사용자 인터페이스 제공방법.6. The method of claim 5,
The step of switching and displaying the screen may include:
Obtaining a horizontal direction component on the sliding bar of the fourth sliding input; And
Switching the first screen to a screen corresponding to the obtained direction and displaying the first screen; The user interface providing method. 제5 항에 있어서,
상기 제2 화면 또는 상기 제3 화면은,
상기 슬라이딩 바에 의하여 분할되어 표시되는 것을 특징으로 하는, 사용자 인터페이스 제공방법.6. The method of claim 5,
Wherein the second screen or the third screen is a screen,
Wherein the user interface is divided and displayed by the sliding bar. 제1 항에 있어서,
상기 슬라이딩 바에 숏컷(shortcut) 아이콘을 표시하는 단계; 및
상기 숏컷 아이콘에 대한 탭(tap) 입력을 수신하는 경우, 상기 숏컷 아이콘에 대응하는 기능을 수행하는 단계; 를 더 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Displaying a shortcut icon on the sliding bar; And
Performing a function corresponding to the shortcut icon when receiving a tap input for the shortcut icon; Further comprising the steps of: 제1 항에 있어서,
상기 제1 분할화면 또는 상기 제2 분할화면에 대한 터치 입력을 수신하는 단계;
상기 슬라이딩 바를 상기 터치 입력이 수신된 분할화면의 반대방향 끝으로 이동시켜 표시하는 단계; 및
상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 터치 입력이 수신된 분할화면을 표시하는 단계; 를 더 포함하는, 사용자 인터페이스 제공방법.The method according to claim 1,
Receiving a touch input for the first divided screen or the second divided screen;
Moving the sliding bar to the opposite end of the divided screen on which the touch input is received; And
Displaying a split screen on which the touch input is received in a remaining area of the first screen except an area where the sliding bar is displayed; Further comprising the steps of: 제1 화면을 제1 분할화면 및 제2 분할화면으로 분할하는 슬라이딩 바를 표시하되, 상기 제1 분할화면은 상기 슬라이딩 바와 수직한 제1 방향에 표시되고, 상기 제2 분할화면은 상기 제1 방향의 반대방향인 제2 방향에 표시되는 단계;
상기 표시된 슬라이딩 바에서 시작되는 제1 슬라이딩 입력을 수신하는 단계;
상기 제1 슬라이딩 입력에 따라 상기 슬라이딩 바를 상기 제1 화면의 한쪽 끝으로 이동시켜 표시하는 단계; 및
상기 슬라이딩 바가 표시된 영역을 제외한 상기 제1 화면의 나머지 영역에 상기 제1 분할화면 또는 상기 제2 분할화면을 표시하되,
상기 슬라이딩 바가 상기 제1 방향으로 이동된 경우 상기 나머지 영역에 상기 제2 분할화면을 표시하고,
상기 슬라이딩 바가 상기 제2 방향으로 이동된 경우 상기 나머지 영역에 상기 제1 분할화면을 표시하는 단계; 를 수행하는, 컴퓨터 판독가능 기록 매체에 저장되어 사용자 인터페이스를 제공하는 애플리케이션.The first divided screen is displayed in a first direction perpendicular to the sliding bar, and the second divided screen is displayed in a second direction perpendicular to the first direction, The second direction being opposite to the first direction;
Receiving a first sliding input beginning at the indicated sliding bar;
Moving the sliding bar to one end of the first screen according to the first sliding input; And
Displaying the first divided screen or the second divided screen in the remaining area of the first screen except for the area where the sliding bar is displayed,
Displays the second divided screen in the remaining area when the sliding bar is moved in the first direction,
Displaying the first divided screen in the remaining area when the sliding bar is moved in the second direction; Which is stored in a computer-readable recording medium to provide a user interface.
KR1020180165326A 2018-12-19 2018-12-19 Method, application and device for providing user interface KR20190011227A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180165326A KR20190011227A (en) 2018-12-19 2018-12-19 Method, application and device for providing user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180165326A KR20190011227A (en) 2018-12-19 2018-12-19 Method, application and device for providing user interface

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020170033921A Division KR101932698B1 (en) 2017-03-17 2017-03-17 Method, application and device for providing user interface

Publications (1)

Publication Number Publication Date
KR20190011227A true KR20190011227A (en) 2019-02-01

Family

ID=65367950

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180165326A KR20190011227A (en) 2018-12-19 2018-12-19 Method, application and device for providing user interface

Country Status (1)

Country Link
KR (1) KR20190011227A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020173281A1 (en) * 2019-02-28 2020-09-03 维沃移动通信有限公司 Interface display method and terminal device

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101640460B1 (en) 2009-03-25 2016-07-18 삼성전자 주식회사 Operation Method of Split Window And Portable Device supporting the same

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101640460B1 (en) 2009-03-25 2016-07-18 삼성전자 주식회사 Operation Method of Split Window And Portable Device supporting the same

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020173281A1 (en) * 2019-02-28 2020-09-03 维沃移动通信有限公司 Interface display method and terminal device

Similar Documents

Publication Publication Date Title
KR101527827B1 (en) Split-screen display method and apparatus, and electronic device thereof
CN109164964B (en) Content sharing method and device, terminal and storage medium
CN105959553B (en) A kind of switching method and terminal of camera
KR101540169B1 (en) Method and device for switching application program of touch screen terminal
CN107632895B (en) Information sharing method and mobile terminal
US20220155922A1 (en) Side-toolbar-display method, terminal, and storage medium
US9213477B2 (en) Apparatus and method for touch screen user interface for handheld electric devices part II
US20150143285A1 (en) Method for Controlling Position of Floating Window and Terminal
US20170300227A1 (en) Method for adjusting input virtual keyboard and input apparatus
CN105867762A (en) Method and apparatus for displaying video being played
KR102302233B1 (en) Method and apparatus for providing user interface
CN109933388B (en) Vehicle-mounted terminal equipment and display processing method of application components thereof
CN107704184B (en) Method for operating a device and operating device
US9377944B2 (en) Information processing device, information processing method, and information processing program
US20230195275A1 (en) Split screen interaction method and device, electronic apparatus and readable storage medium
US20140013272A1 (en) Page Editing
CN112286614A (en) User interface display method and device, electronic equipment and storage medium
CN113342232A (en) Icon generation method and device, electronic equipment and readable storage medium
KR20150026991A (en) Electronic apparatus with presentation mechanism and method of operation thereof
CN108845756B (en) Touch operation method and device, storage medium and electronic equipment
KR100795590B1 (en) Method of navigating, electronic device, user interface and computer program product
KR101932698B1 (en) Method, application and device for providing user interface
KR20190011227A (en) Method, application and device for providing user interface
CN113296647A (en) Interface display method and device
CN112765500A (en) Information searching method and device

Legal Events

Date Code Title Description
A107 Divisional application of patent
SUBM Submission of document of abandonment before or after decision of registration