KR20180072634A - Method of adjusting an ui and user terminal using the same - Google Patents
Method of adjusting an ui and user terminal using the same Download PDFInfo
- Publication number
- KR20180072634A KR20180072634A KR1020180069763A KR20180069763A KR20180072634A KR 20180072634 A KR20180072634 A KR 20180072634A KR 1020180069763 A KR1020180069763 A KR 1020180069763A KR 20180069763 A KR20180069763 A KR 20180069763A KR 20180072634 A KR20180072634 A KR 20180072634A
- Authority
- KR
- South Korea
- Prior art keywords
- user terminal
- display unit
- size
- user
- reduced
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/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
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1626—Constructional details or arrangements for portable computers with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
-
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0412—Digitisers structurally integrated in a display
-
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0416—Control or interface arrangements specially adapted for digitisers
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04B—TRANSMISSION
- H04B1/00—Details of transmission systems, not covered by a single one of groups H04B3/00 - H04B13/00; Details of transmission systems not characterised by the medium used for transmission
- H04B1/38—Transceivers, i.e. devices in which transmitter and receiver form a structural unit and in which at least one part is used for functions of transmitting and receiving
- H04B1/40—Circuits
- H04B1/401—Circuits for selecting or indicating operating mode
-
- 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/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- 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/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Computer Hardware Design (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
본 발명은 UI 조절 방법 및 이를 사용하는 사용자 단말기에 관한 것이다. The present invention relates to a UI adjustment method and a user terminal using the same.
최근 갤럭시 노트, 옵티머스 뷰와 같이, 스마트폰의 디스플레이 크기가 점차 대형화되면서 동영상 등의 시청이 용이해진 반면에, 한손으로 스마트폰을 조작하기 어려워졌다. 한 손으로 스마트폰을 조작할 경우 대부분 엄지 손가락으로 조작하게 되는데, 엄지 손가락은 다른 손가락에 비해 짧아서 조작이 더욱 어렵다. Recently, as the display size of smart phones has become larger, such as Galaxy Note and Optimus View, viewing of videos has become easier, but it has become difficult to operate smart phones with one hand. When manipulating a smartphone with one hand, most people manipulate it with the thumb, which is shorter than other fingers and is more difficult to manipulate.
본 발명은 UI의 사이즈, 위치 또는 배열을 조절하는 방법 및 이를 사용하는 사용자 단말기를 제공하는 것이다.The present invention provides a method for adjusting the size, position, or arrangement of a UI and a user terminal using the method.
상기한 바와 같은 목적을 달성하기 위하여, 본 발명의 일 실시예에 따른 사용자 단말기는 UI를 디스플레이하는 디스플레이부; 및 사용자의 입력에 따라 상기 UI의 위치, 사이즈 및 배열 중 적어도 하나를 조절하여 상기 디스플레이부 상에 디스플레이시키는 UI 제어부를 포함한다. 여기서, 상기 사용자의 입력으로서 상기 사용자 단말기를 기울일 때 상기 UI는 확대 또는 축소되면서 상기 사용자 단말기가 기울어진 방향으로 이동하며, 상기 확대 또는 축소된 UI의 위치는 상기 사용자 단말기가 기울어지는 방향에 따라 결정된다. In order to achieve the above object, a user terminal according to an embodiment of the present invention includes a display unit for displaying a UI; And a UI control unit for controlling at least one of the position, the size, and the arrangement of the UI according to a user's input and displaying the adjusted position on the display unit. Here, when the user tilts the user terminal as the input of the user, the UI is enlarged or reduced so that the user terminal moves in a tilted direction, and the position of the enlarged or reduced UI is determined according to the tilting direction of the user terminal do.
본 발명의 일 실시예에 따른 사용자 단말기에서 UI 조절 방법은 디스플레이부에 제 1 UI를 표시하는 단계; 및 상기 디스플레이부에 제 2 UI를 표시하는 단계를 포함한다. 여기서, 상기 제 2 UI는 상기 제 1 UI와 기능은 동일하나 위치, 사이즈 또는 배열이 다르고, 상기 제 2 UI는 상기 사용자 단말기가 기울어지는 방향으로 점차적으로 확대 또는 축소되며, 상기 확대 또는 축소된 제 2 UI의 위치는 상기 사용자 단말기가 기울어지는 방향에 따라 결정된다. According to another aspect of the present invention, there is provided a method of adjusting a UI in a user terminal, including: displaying a first UI on a display unit; And displaying a second UI on the display unit. Here, the second UI has the same function as the first UI but has a different position, size or arrangement, and the second UI is gradually enlarged or reduced in a direction in which the user terminal tilts, 2 The position of the UI is determined according to the direction in which the user terminal tilts.
본 발명에 따른 UI 조절 방법 및 이를 사용하는 사용자 단말기는 UI의 위치, 사이즈 또는 배열을 사용자가 사용하기 편리하도록 조절할 수 있으므로, 사용자는 한 손으로도 사용자 단말기, 특히 스마트폰을 용이하게 조작할 수 있다. The UI adjustment method and the user terminal using the UI according to the present invention can adjust the position, size, or arrangement of the UI so that the user can easily use the UI. Thus, the user can easily operate the user terminal, have.
도 1은 본 발명의 일 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 2 내지 도 6은 본 발명의 제 1 실시예에 따른 UI 조절 방법을 도시한 도면들이다.
도 7은 본 발명의 제 2 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 8은 본 발명의 제 3 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 9는 본 발명의 제 4 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 10은 본 발명의 다른 실시예에 따른 UI 화면을 도시한 도면이다.
도 11은 본 발명의 제 5 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 12는 본 발명의 제 6 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 13은 본 발명의 제 7 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 14는 본 발명의 제 8 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 15는 본 발명의 제 9 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 16은 본 발명의 제 10 실시예에 따른 UI 조절 방법을 도시한 도면이다.
도 17은 본 발명의 일 실시예에 따른 사용자 단말기를 도시한 블록도이다. 1 is a diagram illustrating a UI adjustment method according to an embodiment of the present invention.
2 to 6 are views showing a UI adjustment method according to the first embodiment of the present invention.
7 is a diagram illustrating a UI adjustment method according to a second embodiment of the present invention.
8 is a diagram illustrating a UI adjustment method according to the third embodiment of the present invention.
9 is a diagram illustrating a UI adjustment method according to the fourth embodiment of the present invention.
10 is a diagram illustrating a UI screen according to another embodiment of the present invention.
11 is a diagram illustrating a UI adjustment method according to the fifth embodiment of the present invention.
12 is a diagram illustrating a UI adjustment method according to the sixth embodiment of the present invention.
13 is a diagram illustrating a UI adjustment method according to a seventh embodiment of the present invention.
FIG. 14 is a diagram illustrating a UI adjustment method according to an eighth embodiment of the present invention.
15 is a diagram illustrating a UI adjustment method according to a ninth embodiment of the present invention.
16 is a diagram illustrating a UI adjustment method according to a tenth embodiment of the present invention.
17 is a block diagram illustrating a user terminal according to an embodiment of the present invention.
이하에서는 첨부된 도면들을 참조하여 본 발명의 실시예들을 자세히 설명하도록 한다. Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
본 발명의 사용자 단말기, 예를 들어 스마트폰은 디스플레이된 UI(User Interface)의 사이즈, 위치, 회전 등을 용이하게 조절할 수 있다. 특히, 본 발명은 한 손으로 사용자 단말기에 디스플레이된 UI를 용이하게 조작할 수 있는 다양한 UI 조절 방법을 제공한다. 여기서, UI는 개체(인터페이스, 위젯, 아이콘, 패턴 등), 패턴 잠금 해제 화면, 잠금 해제 후 디스플레이되는 위젯 화면, 일반 UI 화면 등 모든 UI를 포함하며, 화면에 디스플레이된 전체 UI 중 일부 UI를 의미할 수도 있다. 상기 UI는 UI가 디스플레이되는 화면의 크기에 대응될 수 있다.The user terminal of the present invention, for example, a smart phone, can easily control the size, position, rotation and the like of a displayed UI (User Interface). In particular, the present invention provides various UI control methods that can easily manipulate the UI displayed on the user terminal with one hand. Here, the UI includes all UIs such as an object (an interface, a widget, an icon, a pattern, etc.), a pattern unlocking screen, a unlocked widget screen, and a general UI screen. You may. The UI may correspond to the size of the screen on which the UI is displayed.
이하, 첨부된 도면들을 참조하여 본 발명의 실시예들을 자세히 설명하겠다. Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
도 1은 본 발명의 일 실시예에 따른 UI 조절 방법을 도시한 도면이다. 다만, 설명의 편의를 위하여 UI 중 잠금 해제 패턴을 예로 하여 UI 조절 방법을 상술하겠다. 1 is a diagram illustrating a UI adjustment method according to an embodiment of the present invention. However, for convenience of explanation, the UI adjustment method will be described by taking an unlock pattern as an example of the UI.
도 1(A)를 참조하면, 잠금 해제를 위한 잠금 해제 패턴들(102)을 하나의 UI(100)로 정의할 수 있으며, 사용자 단말기, 예를 들어 스마트폰의 화면상에 UI(100)가 디스플레이된다. 다만, 화면은 도 1에 도시된 바와 같이 UI가 디스플레이되는 영역, 배터리 잔량 등을 표시되는 상단 영역 및 긴급 통화 아이콘 등이 표시되는 하단 영역으로 분리될 수 있다. Referring to FIG. 1 (A),
도 1에 도시된 바와 같이 UI(100)가 크게 디스플레이될 때는 사용자는 두 손을 모두 사용하여야만 사용자 단말기를 편리하게 제어할 수 있으나, 버스, 지하철 등 한 손만으로 사용자 단말기를 이용할 때에는 제어하기가 불편하다. As shown in FIG. 1, when the
따라서, 본 발명의 UI 조절 방법은 사용자의 입력에 따라 도 1(B) 내지 도 1(D)에 도시된 바와 같이 UI(100)의 사이즈, 위치 등을 조절한다. 물론, UI 조절 방법은 UI를 축소하여 축소된 UI(100a, 100b 및 100c)를 생성할 수도 있고, 축소된 UI(100a, 100b 및 100c)를 확대시키거나 원래의 사이즈로 복귀시킬 수 있다. 여기서, 확대 비율 및 축소 비율은 사용자의 입력에 따라 달라질 수도 있고, 기설정되어 고정될 수도 있다. Accordingly, the UI adjusting method of the present invention adjusts the size, position, and the like of the
한편, UI(100a, 100b 또는 100c)는 도 1(B) 내지 도 1(D)에 도시된 바와 같이 다양한 위치에 배열될 수 있다. 다만, 한 손으로 사용자 단말기를 터치한다고 가정하면, 축소된 사이즈의 UI(100a, 100b 또는 100c)는 화면의 좌측 또는 우측에 위치하는 것이 바람직하다. Meanwhile, the
본 발명의 일 실시예에 따르면, 사용자 입력은 사용자가 사용자 단말기의 화면을 터치하였을 때의 사용자 입력과 사용자가 손가락 등의 터치 수단을 상기 사용자 단말기의 화면을 터치함이 없이 근접시켰을 때의 사용자 입력을 모두 포함하는 개념이다. 이하에서는, 설명의 편의를 위하여 사용자 입력을 사용자가 상기 사용자 단말기의 화면을 터치하거나 상기 사용자 단말기의 키패드 등을 터치하였을 때의 입력으로 가정하겠다. According to an embodiment of the present invention, the user input includes a user input when the user touches the screen of the user terminal and a user input when the user touches the screen of the user terminal without touching the screen . Hereinafter, for convenience of explanation, it is assumed that the user input is input when the user touches the screen of the user terminal or touches the keypad of the user terminal.
이하, 본 발명에 따른 다양한 UI 조절 방법을 첨부된 도면들을 참조하여 상술하겠다. Hereinafter, various UI control methods according to the present invention will be described in detail with reference to the accompanying drawings.
도 2 내지 도 6은 본 발명의 제 1 실시예에 따른 UI 조절 방법을 도시한 도면들이다. 다만, 설명의 편의를 위하여 UI 중 잠금 해제 패턴을 예로 하여 UI 조절 방법을 상술하겠다. 2 to 6 are views showing a UI adjustment method according to the first embodiment of the present invention. However, for convenience of explanation, the UI adjustment method will be described by taking an unlock pattern as an example of the UI.
도 2를 참조하면, UI 사이즈 및 위치를 조절하기 위한 좌우측의 조절 영역(200) 및 상하측의 조절 영역(202)이 존재할 수 있다. 구체적으로는, 조절 영역들(200 및 202)은 UI의 외곽 부분에 위치할 수 있으며, 상기 사용자 단말기의 베젤로부터 기설정된 거리 내에 위치할 수 있다. 조절 영역들(200 및 202)은 도 2에 도시된 화살표와 같이 화면에 실질적으로 표시될 수도 있지만, 화살표가 표시되지 않은 가상의 영역일 수도 있다. Referring to FIG. 2, left and
도 2에서는 조절 영역들(200 및 202)을 화살표로 표시하였으나, 다른 형태로 표시될 수도 있다. 예를 들어, 조절 영역들(200 및 202)에는 카메라 줌 조절을 위한 UI와 유사한 개체가 표시될 수도 있다. 또한, 조절 영역들(200 및 202)은 아이콘 등의 개체가 표시된 영역 이외의 영역에 위치하는 것이 바람직하며, 우측 또는 좌측 사이드 전체 영역일 수 있고 우측 또는 좌측 사이드의 일부 영역일 수도 있다. In FIG. 2, the
본 발명의 일 실시예에 따르면, 사용자가 손가락 또는 터치 펜 등의 터치 수단으로 조절 영역들(200 및 202) 중 하나를 터치한 상태로 특정 방향으로 움직이면, 즉 사용자가 특정 입력을 상기 사용자 단말기로 제공하면, 상기 터치 수단의 터치 지점으로 UI(100)가 축소 또는 확대될 수 있다. 예를 들어, 사용자가 터치 수단으로 조절 영역들(200 및 202)에서 특정 지점을 터치한 상태에서 상기 터치 수단을 아래 또는 왼쪽 방향으로 이동하면 UI(100)가 축소되어 상기 터치 지점 부근에 표시되고, 터치한 상태로 상기 터치 수단을 위 또는 오른쪽 방향으로 이동시키면 UI(100)가 확대되어 상기 터치 지점 부근에 표시될 수도 있다. 축소 및 확대 비율은 최초 터치 지점을 기준으로 상기 터치 수단의 움직인 거리에 따라 결정될 수 있다. 물론, 확대/축소되는 방향은 위와 반대로 설정될 수도 있다. According to an embodiment of the present invention, when a user touches one of the
일 예로, 도 3에 도시된 바와 같이 터치 수단이 좌측의 조절 영역(200a)의 중간 지점을 터치한 상태로 특정 방향으로 이동하면, UI(100)가 좌측 중간으로 축소될 수 있다. 물론, 도 3에서는 축소되는 것으로 도시하였으나, 도 3에 표시된 화살표를 거꾸로 인식하면 확대되는 화면일 수도 있다. For example, as shown in FIG. 3, if the touch means moves in a specific direction with the middle point of the
다른 예로, 도 4에 도시된 바와 같이 좌측의 조절 영역(200b)의 하단 지점을 터치한 상태로 특정 방향으로 이동하면, UI(100)가 좌측 하단으로 축소될 수 있다. As another example, if the lower end point of the left adjustment region 200b is touched and moved in a specific direction as shown in FIG. 4, the
또 다른 예로, 도 5에 도시된 바와 같이 우측의 조절 영역(200c)의 중간 지점을 터치한 상태로 특정 방향으로 이동하면, UI(100)가 우측 중간으로 축소될 수 있다. As another example, if the middle point of the
또 다른 예로, 도 6에 도시된 바와 같이 우측의 조절 영역(200d)의 하단 지점을 터치한 상태로 특정 방향으로 이동하면, UI(100)가 우측 하단으로 축소될 수 있다.As another example, if the lower end point of the
본 발명의 다른 실시예에 따르면, 사용자가 터치 수단을 이용하여 조절 영역들(200 및 202) 중 하나의 일부 지점을 터치한 상태에서 재터치하면, 상기 터치된 지점으로 확대 또는 축소하되 상기 터치 횟수만큼 UI(100)가 확대 또는 축소될 수 있다. According to another embodiment of the present invention, when a user touches a part of one of the
본 발명의 또 다른 실시예에 따르면, 사용자가 터치 수단을 이용하여 조절 영역들(200 및 202) 중 하나의 일부 지점을 터치하면 UI(100)가 상기 터치된 지점으로 확대 또는 축소되기 시작하며, 사용자가 터치를 해제하면 UI(100)의 사이즈 변형이 중지될 것이다. 예를 들어, 사용자가 조절 영역들(200 및 202) 중 일부를 터치하면 축소가 시작될 수 있고 사용자가 재터치하면 확대가 시작될 수 있다. 따라서, 사용자는 터치 또는 재터치하여 확대 또는 축소 기능을 선택한 상태에서 누르는 시간을 제어하여 원하는 지점으로 UI(100)를 원하는 비율을 가지고 확대 또는 축소시킬 수 있다.According to another embodiment of the present invention, when the user touches some point of one of the
본 발명의 또 다른 실시예에 따르면, 사용자가 터치한 지점을 기준으로 하여 특정 지점으로 터치 수단을 이동시킨 경우, 상기 터치 수단이 최종적으로 위치되는 지점으로 UI(100)가 확대 또는 축소되되 확대 또는 축소 비율은 상기 터치 수단의 이동 거리에 따라 결정될 수도 있다. According to another embodiment of the present invention, when the touch means is moved to a specific point on the basis of a point touched by a user, the
본 발명의 또 다른 실시예에 따르면, 사용자가 터치 수단을 이용하여 사용자 단말기의 화면의 상단의 조절 영역을 터치한 상태로 좌측으로 이동하는 경우, UI(100)가 좌측으로 이동하면서 확대 또는 축소될 수 있다. 물론, 사용자가 사용자 단말기의 화면의 상단의 조절 영역을 터치한 상태로 우측으로 이동하는 경우, UI(100)가 우측으로 이동하면서 확대 또는 축소될 수 있다. According to another embodiment of the present invention, when the user moves to the left while touching the upper adjustment region of the screen of the user terminal using the touch means, the
본 발명의 또 다른 실시예에 따르면, 사용자가 터치 수단을 이용하여 사용자 단말기의 화면의 하단의 조절 영역을 터치한 상태로 좌측으로 이동하는 경우, UI(100)가 좌측으로 이동하면서 확대 또는 축소될 수 있다. 물론, 사용자가 사용자 단말기의 화면의 하단의 조절 영역을 터치한 상태로 우측으로 이동하는 경우, UI(100)가 우측으로 이동하면서 확대 또는 축소될 수 있다. According to another embodiment of the present invention, when the user moves to the left while touching the adjustment area at the lower end of the screen of the user terminal using the touching means, the
정리하면, 본 실시예의 UI 조절 방법은 터치 지점을 이용하여, 터치 지점이나 터치 지점 부근으로 UI를 확대 또는 축소한다. 즉, 본 발명에 따른 UI 조절 방법은 터치 지점을 이용하여, 확대 또는 축소된 UI를 표시하며, 확대 또는 축소된 UI의 위치는 조절 영역을 터치한 터치 수단의 터치 지점에 따라 결정된다. 여기서, 터치 지점은 최초 터치 지점부터 마지막 터치 지점까지를 모두 포함할 수 있으며, UI의 확대 및 축소 여부는 상기 터치 수단의 터치 지점으로부터 상기 터치 수단이 움직이는 방향에 따라 결정될 수 있다. 또한, 확대 또는 축소 비율은 이동 거리, 터치 횟수, 터치 시간 등의 다양한 방법으로 결정될 수 있다.In summary, the UI adjustment method of the present embodiment uses the touch point to enlarge or reduce the UI to the touch point or the vicinity of the touch point. That is, the UI adjustment method according to the present invention displays an enlarged or reduced UI by using a touch point, and the position of the enlarged or reduced UI is determined according to a touch point of a touch means that touches the adjustment region. Here, the touch point may include both the first touch point and the last touch point, and whether or not the UI is enlarged or reduced may be determined according to a direction in which the touch means moves from a touch point of the touch means. In addition, the enlargement or reduction ratio may be determined by various methods such as a moving distance, a number of touches, and a touch time.
물론, UI의 확대 또는 축소되는 영상이 사용자 단말기 상에 그대로 디스플레이될 수도 있고 확대 또는 축소되는 영상은 보여지지 않고 확대 또는 축소된 UI가 화면에 디스플레이될 수도 있다. 또한, 위에서는 UI가 사용자가 터치한 지점으로 가변되는 것으로 설명하였으나, 사용자 터치 지점과 관련없이 UI 조절 방향이 고정될 수도 있다. Of course, the enlarged or reduced UI of the UI may be displayed on the user terminal as it is, and the enlarged or reduced UI may be displayed on the screen without the enlarged or reduced image being displayed. In the above description, the UI is changed to a point touched by the user, but the UI control direction may be fixed regardless of the user touch point.
한편, 하나의 UI의 사이즈 및 위치 이동을 설명하였으나, 복수의 UI들의 사이즈, 위치 또는 배열이 변형될 수도 있다. Meanwhile, although size and position movement of one UI has been described, the size, position, or arrangement of a plurality of UIs may be modified.
위에서는, UI의 확대 또는 축소 비율이 터치 수단의 이동 거리 등에 따라 달라지는 것으로 설명하였으나, 확대 또는 축소 비율은 초기에 고정적으로 설정되어 있을 수도 있다. 즉, 사용자가 조절 영역의 일부 지점을 터치하면 터치 지점으로 UI가 확대 또는 축소되되, UI 사이즈의 확대 또는 축소 비율은 고정적일 수 있다. 따라서, 사용자가 터치 수단을 이동시킨다고 하여도 확대 또는 축소 비율은 변하지 않을 수 있다. 다만, 터치 수단의 이동시 터치 수단의 최종 터치 지점으로 UI가 확대 또는 축소될 수는 있다. In the above description, the enlargement or reduction ratio of the UI is changed according to the moving distance of the touch means, but the enlargement or reduction ratio may be initially fixed. That is, when the user touches a portion of the control area, the UI is enlarged or reduced to the touch point, but the enlargement or reduction ratio of the UI size may be fixed. Therefore, even if the user moves the touch means, the enlargement or reduction ratio may not change. However, the UI may be enlarged or reduced to the final touch point of the touch means when the touch means is moved.
위에서 설명하지는 않았지만, UI 조절 시작은 사용자가 사용자 단말기의 특정 버튼 또는 특정 메뉴를 선택하거나 음성으로 UI 조절 명령을 내림에 의해 시작될 수 있다. Although not described above, UI adjustment initiation may be initiated by the user selecting a particular button or specific menu on the user terminal or issuing a UI control command with the voice.
또한, 도 1 내지 도 6에서는 카메라 줌 조절 방식과 유사한 방식의 UI 사이즈 조절을 위한 터치 입력 방식이 설명되었으나, 다른 방식으로도 적용이 가능하다. 특정 영역 예를 들어, 화살표의 위쪽 끝 부분을 오랫동안 터치할 경우, 화면이 커지고, 화살표의 아래쪽 끝 부분을 오랫동안 터치할 경우, 화면이 작아질 수도 있다.1 to 6, a touch input method for UI size adjustment similar to the camera zoom adjustment method has been described, but the present invention is also applicable to other methods. For example, when touching the upper end portion of the arrow for a long time, the screen becomes larger, and if the lower end portion of the arrow is touched for a long time, the screen may become smaller.
본 발명에 따라서 화면 크기가 변경된 경우, 변경된 화면 크기는 특정 UI에서만 그리고 일회용으로만 적용될 수 있다. 즉, 사용자가 패턴 잠금 화면을 작게 만들어서 잠금 화면을 해제한 후 디스플레이되는 UI는 원래 크기로 표시될 수 있다. When the screen size is changed according to the present invention, the changed screen size can be applied only to a specific UI and disposable. That is, after the user makes the pattern lock screen smaller and releases the lock screen, the displayed UI can be displayed at the original size.
또한, 사용자가 사용자 단말기를 오프(Off)시켰다가 다시 온(On)시키는 경우 패턴 잠금 화면은 축소 전의 원래 크기로 표시될 수 있다. 물론, 설정에 의해 항상 변경된 UI 사이즈가 모든 UI에 적용될 수 있도록 할 수도 있다. In addition, when the user turns off the user terminal and then turns the user terminal on, the pattern lock screen can be displayed at the original size before the reduction. Of course, it is also possible to allow the UI size, which is always changed by the setting, to be applied to all UIs.
사용자가 사용자 단말기 상의 UI 사이즈를 작게 만들어 어플리케이션을 실행시켜도, 어플리케이션은 원래 크기 화면에서 실행될 수 있다.Even if the user executes the application by making the UI size on the user terminal small, the application can be executed on the original size screen.
도면과 함께 설명하지는 않았지만, 멀티 터치가 불가능한 상황에서 사용자 단말기에 저장된 사진을 볼 때 또는 웹서핑을 할 때도, 본 발명을 적용하여 사진 및 웹 페이지의 크기를 조절할 수 있음은 당업자에게 자명하다 할 것이다.It will be apparent to those skilled in the art that the present invention can be applied to a photo and web page when viewing a photograph stored in a user terminal or when surfing the web in a situation where multi-touch is not possible .
도 7은 본 발명의 제 2 실시예에 따른 UI 조절 방법을 도시한 도면이다. 7 is a diagram illustrating a UI adjustment method according to a second embodiment of the present invention.
도 7(A)를 참조하면, 사용자 단말기의 화면에 잠금 해제 패턴들(102)을 포함하는 UI(700)가 디스플레이될 수 있다. Referring to FIG. 7A, a
사용자가 UI(700)를 조절하기 위하여 특정 버튼 등을 누르는 경우, UI(700)를 조절할 수 있는 아이콘(702)이 표시될 수 있다.When the user presses a specific button or the like to adjust the
이러한 환경에서, 사용자가 특정 지점, 예를 들어 704 지점을 터치한 상태로 UI(700)의 내부 방향으로 잡아 당기면 UI(700)는 잡아 당기는 방향으로 축소가 되고, 사용자가 아이콘(702)을 터치한 상태로 회전시키면 UI(700)가 도 7(B)에 도시된 바와 같이 회전할 수 있다. In this circumstance, if the user pulls in a direction toward the inside of the
정리하면, 본 실시예의 UI 조절 방법은 UI(700)를 조절하기 위한 아이콘(702)을 제공하며, 아이콘(702)을 이용하여 UI(700)의 사이즈 또는 위치를 조절하거나 회전시킬 수 있다. In summary, the UI adjustment method of the present embodiment provides an
물론, 아이콘(702)을 이용하여 UI(700)를 회전시키는 방식이 아닌, 사용자가 UI(700)의 특정 지점을 터치한 상태로 회전 방향으로 움직이면 UI(700)가 회전될 수도 있다. Of course, the
즉, 본 실시예의 UI 조절 방법은 UI(700)의 사이즈 및 위치를 조절하고 UI(700)를 원하는 방향으로 회전시킬 수도 있다. That is, the UI adjustment method of the present embodiment may adjust the size and position of the
도 8은 본 발명의 제 3 실시예에 따른 UI 조절 방법을 도시한 도면이다. 8 is a diagram illustrating a UI adjustment method according to the third embodiment of the present invention.
도 8(A)에 도시된 바와 같이, 사용자가 특정 버튼 등을 누르는 경우, UI 조절을 위한 메뉴(800)가 사용자 단말기의 화면에 디스플레이될 수 있다. As shown in FIG. 8 (A), when a user presses a specific button or the like, a
메뉴(800)는 도 8(B)에 도시된 바와 같이 UI의 위치를 조절할 수 있는 서브 메뉴(810)와 UI의 사이즈를 조절할 수 있는 서브 메뉴(812)를 포함할 수 있다. The
즉, 사용자는 메뉴(800) 중 일부를 선택하여 UI를 원하는 위치로 원하는 사이즈로 조절할 수 있다. 물론, 메뉴(800)의 구성은 다양하게 변경될 수 있다. That is, the user can select a portion of the
메뉴(800)의 호출 및 선택은 사용자가 버튼을 누르거나 터치하는 것이 아닌 음성으로 이루어질 수도 있다. The calling and selection of the
도 9는 본 발명의 제 4 실시예에 따른 UI 조절 방법을 도시한 도면이다. 9 is a diagram illustrating a UI adjustment method according to the fourth embodiment of the present invention.
도 9를 참조하면, 사용자 단말기의 화면의 일부에 조절바(900)가 디스플레이될 수 있다. 바람직하게는, 사용자 단말기의 화면에 디스플레이된 UI의 외곽 부분에 조절바(900)가 표시될 수 있다. Referring to FIG. 9, an adjustment bar 900 may be displayed on a part of a screen of a user terminal. Preferably, an adjustment bar 900 may be displayed on the outer portion of the UI displayed on the screen of the user terminal.
조절바(900)는 UI의 위치를 조절하는 위치 조절바(910) 및 UI 사이즈를 조절하는 사이즈 조절바(912)를 포함할 수 있다. The adjustment bar 900 may include a position adjustment bar 910 for adjusting the position of the UI and a
사용자가 위치 조절바(910) 중 특정 방향의 아이콘을 선택하면 UI가 해당 방향으로 이동하며, 사이즈 조절바(912)를 누르는 시간에 따라 UI의 사이즈가 점차적으로 확대 또는 축소될 수 있다. 확대 또는 축소의 선택은 다양하게 변경될 수 있으며, 예를 들어 홀수번 사이즈 조절바(912)를 터치하면 축소 기능의 선택으로 인식하고, 짝수번 사이즈 조절바(912)를 터치하면 확대 기능의 선택으로 인식할 수도 있다. When the user selects an icon of a specific direction among the position adjustment bars 910, the UI moves in the corresponding direction, and the size of the UI can be gradually enlarged or reduced according to the pressing time of the
위에서는 회전 기능이 조절바(900)에 구현되지는 않았지만, 조절바(900)는 회전 기능을 구현하기 위한 회전 조절바를 더 포함할 수도 있다. Although the rotation function is not implemented in the control bar 900, the control bar 900 may further include a rotation control bar for implementing the rotation function.
본 발명의 다른 실시예에 따르면, 조절바(900)는 위치 조절바(910)만을 포함할 수도 있다. 예를 들어, 사용자가 위치 조절바(910) 중 특정 방향의 아이콘을 선택하면 좌측, 우측, 상단 또는 하단으로 UI가 이동하되, UI 사이즈는 고정된 비율로 축소 또는 확대될 수도 있다. According to another embodiment of the present invention, the adjustment bar 900 may include only the position adjustment bar 910. [ For example, when a user selects an icon in a specific direction among the position adjustment bars 910, the UI moves to the left, right, top, or bottom, but the UI size may be reduced or enlarged to a fixed ratio.
본 발명의 또 다른 실시예에 따르면, 조절바(900)는 사이즈 조절바(912)만을 포함할 수도 있다. 예를 들어, 사용자가 사이즈 조절바(912)를 통하여 사이즈를 조절하면 UI는 기설정된 고정된 위치로 자동 이동할 수 있다. According to another embodiment of the present invention, the adjustment bar 900 may include only a
본 발명의 또 다른 실시예에 다르면, 조절바(900) 자체가 사용자가 한 손으로 사용하기 편리하도록 좌측 또는 우측에 편향되어 위치될 수도 있다. In accordance with another embodiment of the present invention, the adjustment bar 900 itself may be positioned biased to the left or right for ease of use by a user with one hand.
도 10은 본 발명의 다른 실시예에 따른 UI 화면을 도시한 도면이다. 10 is a diagram illustrating a UI screen according to another embodiment of the present invention.
도 1 내지 도 9에서는 UI가 잠금 해제 패턴들이었으나, UI는 도 10에 도시된 바와 같이 아이콘, 적어도 하나의 위젯, 위젯을 포함하는 화면 등일 수 있다.1 to 9, the UI may be unlock patterns, but the UI may be an icon, at least one widget, a screen including a widget, etc., as shown in FIG.
도 10에 도시된 바와 같은 아이콘, 위젯 등인 경우, UI는 위젯들이 표시된 위젯 화면일 수 있으며, UI로서 위젯 화면의 사이즈, 위치 또는 회전이 조절될 수 있다. 여기서, UI로서 위젯 화면은 도 10에서 화살표로 표시된 조절 영역 내부의 영역만을 의미하며, 배터리 표시 아이콘 등이 표시된 상단 영역 및 홈 아이콘 등이 표시된 하단 영역은 본 발명의 UI가 아닐 수 있다. In the case of an icon, a widget, and the like as shown in FIG. 10, the UI may be a widget screen displaying widgets, and the size, position, or rotation of the widget screen may be adjusted as a UI. Here, the widget screen as the UI means only an area inside the control area indicated by an arrow in FIG. 10, and an upper area displaying a battery display icon or the like and a bottom area displaying a home icon may not be the UI of the present invention.
도 1 내지 도 9에서 설명된 부분은 도 10의 UI에도 적용 가능하다. 또한, 도 10 및 이하 설명되는 부분은 도 1 내지 도 9의 UI에도 적용 가능하다. The parts described in Figs. 1 to 9 are also applicable to the UI of Fig. 10 and the following description are also applicable to the UIs of Figs.
본 발명의 다른 실시예에 따르면, 조절 영역 내의 UI뿐만 아니라 배터리 표시 아이콘 등이 표시된 상단 영역 및 홈 아이콘 등이 표시된 하단 영역 또는 영역들 내의 아이콘 등의 위치 또는 사이즈가 조절될 수도 있다. According to another embodiment of the present invention, not only the UI in the control area but also the top area displaying the battery display icon and the like or the bottom area displayed with the home icon or the like may be adjusted or the position of the icon in the areas and the like may be adjusted.
도 11은 본 발명의 제 5 실시예에 따른 UI 조절 방법을 도시한 도면이다. 11 is a diagram illustrating a UI adjustment method according to the fifth embodiment of the present invention.
도 11(A)에 도시된 바와 같이, 사용자가 사용자 단말기를 좌우 또는 상하로 흔들면 흔들림 동안 UI(1100)가 축소 또는 확대될 수 있으며, 사용자 단말기를 좌우 또는 상하로 흔들다가 특정 방향, 예를 들어 1102 방향으로 사용자 단말기를 이동시킨 후 멈추면 도 11(B)에 도시된 바와 같이 축소 또는 확대된 UI(1100)가 상기 특정 방향에 위치할 수 있다. As shown in FIG. 11A, when the user shakes the user terminal left or right or up and down, the
즉, 사용자는 사용자 단말기의 버튼 또는 터치 화면을 조작함이 없이도 흔드는 방법을 이용하여 UI(1100)의 위치를 이동시키면서 UI(1100)의 사이즈를 조절할 수 있다. 이와 같은 방식을 사용하면, 한 손만으로도 UI(1100)의 위치 및 사이즈 등을 조절할 수 있어서 버스 탑승시 등에서 상당히 편리할 수 있다. That is, the user can adjust the size of the
본 발명의 다른 실시예에 따르면, 사용자 단말기를 흔드는 방향에 따라 UI(1100)의 확대 또는 축소가 결정될 수 있다. 예를 들어, 사용자가 사용자 단말기를 좌우로 흔들면 UI(1100)가 축소되고 상하로 흔들면 UI(1100)가 확대될 수도 있다. According to another embodiment of the present invention, the enlargement or reduction of the
정리하면, 본 실시예의 UI 조절 방법은 UI를 사용자 단말기를 흔드는 방법을 이용하여 UI의 위치 및 사이즈 등을 조절할 수 있다. 물론, UI 조절 방법은 UI를 회전시키는 것도 가능하다. In summary, the UI adjustment method of the present embodiment can adjust the position and size of the UI by using a method of shaking the UI to the user terminal. Of course, the UI adjustment method can also rotate the UI.
도 12는 본 발명의 제 6 실시예에 따른 UI 조절 방법을 도시한 도면이다. 12 is a diagram illustrating a UI adjustment method according to the sixth embodiment of the present invention.
도 12(A)를 참조하면, 사용자 단말기의 화면의 일부에 조절부(1200)가 디스플레이될 수 있다. Referring to FIG. 12A, the
조절부(1200)는 사용자의 터치 입력을 인식하며, 사용자가 조절부(1200) 내에서 터치 상태로 특정 방향으로 터치 수단을 움직임에 의해 UI를 도 12(B)에 도시된 바와 같이 상기 터치된 방향으로 UI를 확대 또는 축소시킬 수 있다. The
본 발명의 다른 실시예에 따르면, 사용자 단말기는 UI를 조절할 수 있을 뿐만 아니라 조절부(1200)의 위치 등도 조절할 수도 있다. According to another embodiment of the present invention, not only the user terminal can adjust the UI, but also the position of the
도 13은 본 발명의 제 7 실시예에 따른 UI 조절 방법을 도시한 도면이다. 13 is a diagram illustrating a UI adjustment method according to a seventh embodiment of the present invention.
도 13(A)에 도시된 바와 같이, 사용자 단말기를 특정 방향으로 기울이는 경우, 도 13(B)에 도시된 바와 같이 UI가 기울어진 방향으로 위치를 이동할 수 있다. 또한, 상기 UI의 사이즈가 확대 또는 축소될 수 있으며, 확대 또는 축소 비율은 기설정될 수 있다. 즉, 본 발명에 따르면 사용자 단말기가 기울어지는 방향으로 UI가 확대 또는 축소되며, 확대 또는 축소된 UI의 위치는 사용자 단말기가 기울어지는 방향에 따라 결정된다. As shown in Fig. 13 (A), when the user terminal is tilted in a specific direction, the user can move the position in the tilted direction as shown in Fig. 13 (B). In addition, the size of the UI can be enlarged or reduced, and the enlargement or reduction ratio can be preset. That is, according to the present invention, the UI is enlarged or reduced in a direction in which the user terminal is tilted, and the position of the enlarged or reduced UI is determined according to the tilting direction of the user terminal.
예를 들어, 사용자 단말기는, 사용자 단말기의 디스플레이부가 하늘을 향한 상태에서 좌, 우, 위쪽, 아래쪽으로 기울어지거나, 사용자 단말기가 세워져 있는 상태에서 좌, 우, 위쪽으로 기울어질 수 있는데, 이 경우 기울어지는 쪽으로 UI가 확대 또는 축소될 수 있다.For example, the user terminal may be tilted left, right, upwards, downward in the state of the sky toward the display portion of the user terminal, or may be tilted leftward, rightward or upward with the user terminal standing up. In this case, The UI can be enlarged or reduced to the left side.
사용자 단말기가 기울어진 상태는 센서에 의해 감지될 수 있으며, 예를 들어, 사용자 단말기는 자이로스콥 센서를 포함할 수 있다. 자이로스콥 센서가 사용자 단말기의 기울어지는 방향을 감지함에 따라 UI의 위치 및 사이즈가 조절될 수 있다. 즉, 도 13에 도시되 바와 같이 좌측으로 사용자 단말기가 기울어질 경우 UI는 좌측 방향으로 축소되면서 좌측으로 이동될 수 있다. 도면에 도시되지는 않았지만, 사용자 단말기가 우측 방향으로 기울어질 경우 UI는 우측 방향으로 축소되면서 우측으로 이동될 수 있다. 실시예에 따라서는, 사용자 단말기의 기울어지는 방향에 따른 확대 또는 축소된 UI의 위치는 다양하게 설정될 수 있다.The tilted state of the user terminal may be sensed by the sensor, for example, the user terminal may include a gyroscope sensor. As the gyroscope sensor detects the tilting direction of the user terminal, the position and size of the UI can be adjusted. That is, when the user terminal is tilted to the left as shown in FIG. 13, the UI may be shifted to the left while being shifted to the left. Although not shown in the drawings, when the user terminal is tilted to the right, the UI can be shifted to the right while being reduced to the right. Depending on the embodiment, the position of the enlarged or reduced UI according to the tilting direction of the user terminal may be variously set.
도 14는 본 발명의 제 8 실시예에 따른 UI 조절 방법을 도시한 도면이다. FIG. 14 is a diagram illustrating a UI adjustment method according to an eighth embodiment of the present invention.
도 14에 도시된 바와 같이, 사용자는 사용자 단말기 상의 사이즈 등이 조절된 UI(1400)의 위치를 터치 수단을 이용하여 이동시킬 수 있다. As shown in FIG. 14, the user can move the position of the adjusted
본 발명의 다른 실시예에 따르면, UI(1400)가 조절된 후 사용자가 사용자 단말기를 흔드는 방향에 따라 상기 방향으로 조절된 UI(1400)가 이동할 수도 있다. According to another embodiment of the present invention, after the
도 15는 본 발명의 제 9 실시예에 따른 UI 조절 방법을 도시한 도면이다. 15 is a diagram illustrating a UI adjustment method according to a ninth embodiment of the present invention.
도 15에 도시된 바와 같이, 사용자는 UI(1500)를 복사하여 복사 UI(1502)를 생성할 수도 있다. 이와 같이 복사하면, 사용자는 복수의 위치들에 UI(1500 및 1502)가 존재하므로 한 손으로 어디서든 원하는 아이콘 등을 선택할 수 있다. As shown in FIG. 15, the user may copy the
도 16은 본 발명의 제 10 실시예에 따른 UI 조절 방법을 도시한 도면이다. 16 is a diagram illustrating a UI adjustment method according to a tenth embodiment of the present invention.
도 16에 도시된 바와 같이, 사용자 단말기의 화면에 메뉴(1600)가 표시될 수 있으며, 사용자가 특정 메뉴를 선택하면 해당 개수의 UI(1610)가 화면에 배열될 수 있다. 물론, UI들(1610)의 개수에 따른 위치 및 확대 또는 축소 비율은 기설정될 수 있다. As shown in FIG. 16, a
도 17은 본 발명의 일 실시예에 따른 사용자 단말기를 도시한 블록도이다. 17 is a block diagram illustrating a user terminal according to an embodiment of the present invention.
도 17을 참조하면, 사용자 단말기는 제어부(1700), UI부(1702), 디스플레이부(1704), 입력부(1706), 인식부(1708), 메뉴부(1710), UI 제어부(1712) 및 저장부(1714)를 포함할 수 있다. 도 17에서 설명되는 사용자 단말기에는 도 1 내지 도 16에서 설명된 UI 조절 방법이 적용될 수 있으며, 실시예에 따라 도 17의 구성요소는 가감될 수 있다.17, the user terminal includes a
UI부(1702)는 잠금 해제 패턴, 위젯, 아이콘 등과 같은 UI를 표시하거나 표시된 UI를 관리한다. 여기서, 상기 UI는 패턴 잠금 해제 UI 또는 적어도 하나 이상의 어플리케이션 아이콘이 표시된 UI이거나, 하나의 개체, 복수의 개체들을 포함하는 개체 모음 또는 적어도 하나의 개체가 표시된 개체 화면일 수 있다. The
디스플레이부(1704)는 이미지 등을 디스플레이하는 역할을 수행하며, OLED, LCD, PDP 등 제한이 없다. The
입력부(1706)는 사용자의 입력을 수신하는 역할을 수행한다. The
인식부(1708)는 사용자의 입력을 인식하여 사용자의 명령을 추출한다. The
메뉴부(1710)는 디스플레이부(1704)에 표시될 메뉴, UI를 관리하는 메뉴 등을 관리한다. The
UI 제어부(1712)는 상기 사용자의 입력에 해당하는 사용자 명령에 따라 UI의 사이즈, 위치, 배열(회전) 등을 조절하고 관리한다. The
본 발명의 일 실시예에 따르면, UI 제어부(1712)는 디스플레이부(1704) 상의 조절 영역 중 터치 수단이 터치된 지점 방향 또는 상기 터치 수단의 이동시 상기 터치 수단이 최종적으로 위치한 지점 방향으로 확대 또는 축소된 UI를 이동시켜 표시할 수 있다. 즉, 확대 또는 축소된 UI의 위치는 조절 영역을 터치한 터치 수단의 터치 지점에 따라 결정되며, UI 제어부(1712)는 사용자 입력에 따른 위치 방향으로 UI를 확대 또는 축소 시킨다. 여기서, 상기 UI의 확대 비율 또는 축소 비율은 상기 터치 수단의 이동 거리에 따라 결정되며, 상기 UI의 확대 또는 축소는 상기 터치 수단의 터치 지점으로부터 상기 터치 수단이 움직이는 방향에 따라 결정될 수 있다. 또한, 상기 조절 영역은 상기 UI의 외곽 부분에 위치하며 상기 사용자 단말기의 베젤로부터 기설정된 거리 내에 위치할 수 있다. According to an embodiment of the present invention, the
본 발명의 다른 실시예에 따르면, UI 제어부(1712)는 사용자 입력에 따른 위치 방향으로 확대 또는 축소된 UI를 이동시켜 표시할 수 있다. According to another embodiment of the present invention, the
본 발명의 또 다른 실시예에 따르면, UI 제어부(1712)는 상기 사용자 단말기가 기울어지는 방향으로 확대 또는 축소된 UI를 이동시켜 표시할 수 있다. According to another embodiment of the present invention, the
본 발명의 또 다른 실시예에 따르면, 디스플레이부(1704)의 화면 일부에는 터치 인식이 가능한 조절부가 디스플레이되고, UI 제어부(1712)는 상기 조절부를 터치한 터치 수단의 입력에 따라 상기 UI의 위치, 사이즈 및 배열 중 적어도 하나를 조절할 수 있다. According to another embodiment of the present invention, a control unit capable of recognizing the touch is displayed on a part of the screen of the
본 발명의 또 다른 실시예에 따르면, 디스플레이부(1704)의 화면의 외곽 부분에 복수의 조절 아이콘들이 표시될 수 있다. 예를 들어, 디스플레이부(1704)의 화면의 상단 부분 및 하단 부분에 각기 세 개의 조절 아이콘들, 좌측 중간에 하나의 조절 아이콘 및 우측 중간에 하나의 조절 아이콘이 표시될 수 있다. 사용자가 특정 조절 아이콘을 선택하면, UI 제어부(1712)는 상기 선택된 조절 아이콘의 위치또는 부근으로 상기 UI의 위치를 가변시킬 수 있으며, 상기 UI는 기설정된 크기로 확대 또는 축소될 수 있다. 또한, 조절 아이콘들의 개수, 배열 위치 및 형태는 사용자가 임의로 설정할 수도 있다. According to another embodiment of the present invention, a plurality of adjustment icons may be displayed on the outer portion of the screen of the
본 발명의 또 다른 실시예에 따르면, UI 제어부(1704)는 디스플레이부(1704)에 디스플레이된 제 1 UI와 기능은 동일하되 위치, 사이즈 또는 배열이 다른 상기 제 2 UI를 디스플레이부(1704) 상에 디스플레이시킬 수 있다. 여기서, 상기 제 1 UI와 상기 제 2 UI는 동시에 디스플레이될 수도 있고 개별적으로 다른 시간에 표시될 수도 있다. According to another embodiment of the present invention, the
본 발명의 또 다른 실시예에 따르면, 상기 제 2 UI가 디스플레이된 상태에서 상기 사용자 단말기가 재부팅되는 경우 디스플레이부(1704) 상에는 상기 제 2 UI와 사이즈가 다른 제 1 UI가 디스플레이될 수 있다. 여기서, 상기 제 1 UI는 상기 상용자 단말기에 초기에 설정된 사이즈를 가질 수 있다. According to another embodiment of the present invention, when the user terminal is rebooted while the second UI is displayed, a first UI different in size from the second UI may be displayed on the
본 발명의 또 다른 실시예에 따르면, 상기 제 2 UI가 디스플레이된 상태에서 다른 화면으로 전환되는 경우 상기 전환된 화면 상에는 상기 제 2 UI의 확대 또는 축소 비율과 무관하게 상기 사용자 단말기 상에 초기에 설정된 사이즈로 제 3 UI가 표시될 수도 있다. According to another embodiment of the present invention, when the second UI is switched from the displayed state to the other, the converted screen is initially set on the user terminal regardless of the enlargement or reduction ratio of the second UI The third UI may be displayed.
*저장부(1714)는 각종 데이터를 저장한다. The
제어부(1700)는 사용자 단말기의 구성요소들의 동작을 전반적으로 제어한다. The
또한 앞서 설명한 기술적 내용들은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시예들을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 하드웨어 장치는 실시예들의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.In addition, the above-described technical features may be implemented in the form of program instructions that can be executed through various computer means and recorded in a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, and the like, alone or in combination. The program instructions recorded on the medium may be those specially designed and constructed for the embodiments or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Magneto-optical media, and hardware devices specifically configured to store and execute program instructions such as ROM, RAM, flash memory, and the like. Examples of program instructions include machine language code such as those produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter or the like. The hardware device may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.
상기한 본 발명의 실시예는 예시의 목적을 위해 개시된 것이고, 본 발명에 대한 통상의 지식을 가지는 당업자라면 본 발명의 사상과 범위 안에서 다양한 수정, 변경, 부가가 가능할 것이며, 이러한 수정, 변경 및 부가는 하기의 특허청구범위에 속하는 것으로 보아야 할 것이다.It will be apparent to those skilled in the art that various modifications, additions and substitutions are possible, without departing from the spirit and scope of the invention as defined by the appended claims. Should be regarded as belonging to the following claims.
Claims (15)
디스플레이부에 화면 크기에 대응되는 UI를 표시하는 단계;
상기 디스플레이부의 조절 영역을 터치한 터치 수단의 이동에 따라, 상기 UI를 축소시키되, 상기 터치 수단의 이동 거리와 무관하게 미리 설정된 비율로 상기 UI를 축소시키는 단계; 및
상기 축소된 UI의 꼭지점 부분을 당기는 상기 터치 수단의 이동에 따라서, 상기 축소된 UI의 크기를 조절하는 단계를 포함하며,
상기 조절 영역은, 상기 사용자 단말기의 베젤로부터 미리 설정된 거리 내에 위치하는
UI 조절 방법.
A method of UI adjustment in a user terminal,
Displaying a UI corresponding to a screen size on a display unit;
Reducing the UI according to the movement of the touching means touching the adjustment region of the display unit and reducing the UI at a preset ratio regardless of the movement distance of the touching means; And
Adjusting the size of the reduced UI according to the movement of the touching means pulling the vertex portion of the reduced UI,
Wherein the control region is located within a predetermined distance from the bezel of the user terminal
How to adjust the UI.
상기 축소된 UI의 위치는
상기 디스플레이부의 좌측 하단 또는 우측 하단인
UI 조절 방법.
The method according to claim 1,
The location of the reduced UI is
The lower left or right lower end of the display unit
How to adjust the UI.
상기 조절 영역은,
상기 디스플레이부의 하부에 위치하는
UI 조절 방법.
The method according to claim 1,
Wherein the control region comprises:
And a display unit
How to adjust the UI.
상기 축소된 UI의 크기를 조절하는 단계는
상기 축소된 UI를 확대하는
UI 조절 방법.
The method according to claim 1,
The step of adjusting the size of the reduced UI
And enlarging the reduced UI
How to adjust the UI.
사용자가 상기 사용자 단말기의 특정 버튼을 선택하거나, 상기 사용자 단말기의 베젤로부터 기설정된 거리 내에 위치하는 조절 영역을 터치한 터치 수단이 특정 방향으로 이동할 경우, 상기 제1UI로부터 사이즈가 축소된 제2UI를 디스플레이하는 단계; 및
상기 제2UI가 디스플레이된 상태에서 상기 사용자에 의해 어플리케이션 실행 요청이 있을 경우, 상기 제2UI를 확대시켜 상기 어플리케이션을 실행하는 단계를 포함하며,
상기 제1UI가 축소되는 영상이 상기 디스플레이부에 디스플레이되는
사용자 단말기에서 UI 조절 방법.
Displaying a first UI on a display unit of the user terminal;
When the user selects a specific button of the user terminal or touches the control area located within a predetermined distance from the bezel of the user terminal and moves the touching unit in a specific direction, the second UI reduced in size from the first UI is displayed ; And
And executing the application by enlarging the second UI when an application is requested to be executed by the user while the second UI is displayed,
An image in which the first UI is reduced is displayed on the display unit
A method for UI adjustment in a user terminal.
상기 제1UI는, 어플리케이션 아이콘이 표시된 UI인
사용자 단말기에서 UI 조절 방법.
6. The method of claim 5,
The first UI includes a UI
A method for UI adjustment in a user terminal.
상기 어플리케이션은
상기 디스플레이부의 크기에 대응되는 화면에서 실행되는
사용자 단말기에서 UI 조절 방법.
6. The method of claim 5,
The application
And is executed on a screen corresponding to the size of the display unit
A method for UI adjustment in a user terminal.
디스플레이부에, 화면 크기에 대응되며 아이콘을 포함하는 제1UI를 표시하는 단계; 및
상기 디스플레이부의 제1조절 영역을 터치한 터치 수단의 이동에 따라, 상기 제1UI의 사이즈가 축소된 제2UI를 표시하는 단계를 포함하며,
상기 제2UI는 상기 터치 수단의 이동 거리와 무관하게 미리 설정된 비율로 축소되며,
상기 제2UI가 표시된 상태에서 어플리케이션 실행 요청이 있을 경우, 상기 어플리케이션은 상기 제2UI에 대응되는 사이즈의 화면에서 실행되는,
UI 조절 방법.
A method of UI adjustment in a user terminal,
Displaying a first UI corresponding to a screen size and including an icon on a display unit; And
And displaying a second UI having a reduced size of the first UI in accordance with movement of a touching means touching the first adjusting region of the display unit,
The second UI is reduced in a preset ratio regardless of the moving distance of the touching means,
When the application is requested to be executed while the second UI is displayed, the application is executed on the screen of the size corresponding to the second UI,
How to adjust the UI.
상기 제2UI를 표시하는 단계는
상기 디스플레이부의 하단에 위치하는 상기 제1조절 영역을 터치한 터치 수단이 좌측으로 이동하는 경우, 상기 제2UI를 상기 디스플레이부의 좌측에 표시하며, 상기 제1조절 영역을 터치한 터치 수단이 우측으로 이동하는 경우, 상기 제2UI를 상기 디스플레이부의 우측에 표시하는
UI 조절 방법.
9. The method of claim 8,
The step of displaying the second UI
When the touching means touching the first adjustment region located at the lower end of the display unit moves to the left, the second UI is displayed on the left side of the display unit, and the touching means touching the first adjustment region moves to the right , The second UI is displayed on the right side of the display unit
How to adjust the UI.
상기 디스플레이부의 상기 제1조절 영역과 위치가 다른 상기 디스플레이부의 제2조절 영역에 대한 상기 터치 수단의 터치에 따라, 상기 제2UI의 사이즈가 확대된 제3UI를 표시하는 단계
를 더 포함하는 UI 조절 방법.
9. The method of claim 8,
Displaying a third UI enlarged in size of the second UI according to a touch of the touching means with respect to a second control area of the display unit in a position different from the first control area of the display unit
Further comprising:
상기 제2조절 영역은,
상기 디스플레이부의 상부, 우측 및 좌측 중 하나에 위치하는
UI 조절 방법.
11. The method of claim 10,
Wherein the second control region comprises:
The display unit is disposed on one of the upper, right and left sides of the display unit
How to adjust the UI.
상기 제1 및 제3UI의 크기는 동일한
UI 조절 방법.
9. The method of claim 8,
The sizes of the first and third UIs are the same
How to adjust the UI.
사용자의 요청에 따라서, 상기 제1UI의 사이즈가 축소된 제2UI를 상기 디스플레이부의 좌측 하단 또는 우측 하단에 표시하는 단계; 및
상기 제2UI가 디스플레이된 상태에서 상기 사용자에 의해 어플리케이션 실행 요청이 있을 경우, 상기 제2UI의 크기에 대응되는 화면에서 상기 어플리케이션을 실행하는 단계
를 포함하는 사용자 단말기에서 UI 조절 방법.
Displaying a first UI corresponding to a screen size of a display unit of the user terminal, the first UI including an application icon;
Displaying a second UI having a reduced size of the first UI on the lower left or lower right of the display unit according to a user's request; And
Executing the application on the screen corresponding to the size of the second UI when the application is requested to be executed by the user while the second UI is displayed
And controlling the UI of the user terminal.
상기 제2UI의 사이즈 또는 위치 조절을 위한 아이콘을 상기 제2UI에 표시하는 단계
를 더 포함하는 사용자 단말기에서 UI 조절 방법.
14. The method of claim 13,
Displaying an icon for size or position adjustment of the second UI on the second UI
Wherein the user interface further comprises:
상기 제2UI의 꼭지점을 잡아 당겨, 상기 제2UI의 크기를 조절하는 단계
를 더 포함하는 사용자 단말기에서 UI 조절 방법.
14. The method of claim 13,
Pulling the vertex of the second UI and adjusting the size of the second UI
Wherein the user interface further comprises:
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR20120070194 | 2012-06-28 | ||
KR1020120070194 | 2012-06-28 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR20150017443A Division KR20150021987A (en) | 2012-06-28 | 2015-02-04 | Method of adjusting an ui and user terminal using the same |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020200009482A Division KR20200011538A (en) | 2012-06-28 | 2020-01-23 | Method of adjusting an ui and user terminal using the same |
Publications (1)
Publication Number | Publication Date |
---|---|
KR20180072634A true KR20180072634A (en) | 2018-06-29 |
Family
ID=50139516
Family Applications (5)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020120086887A KR20140002448A (en) | 2012-06-28 | 2012-08-08 | Method of adjusting an unlocking ui and user terminal using the same |
KR1020130013390A KR101552004B1 (en) | 2012-06-28 | 2013-02-06 | Method of adjusting an ui and user terminal using the same |
KR20150017443A KR20150021987A (en) | 2012-06-28 | 2015-02-04 | Method of adjusting an ui and user terminal using the same |
KR1020180069763A KR20180072634A (en) | 2012-06-28 | 2018-06-18 | Method of adjusting an ui and user terminal using the same |
KR1020200009482A KR20200011538A (en) | 2012-06-28 | 2020-01-23 | Method of adjusting an ui and user terminal using the same |
Family Applications Before (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020120086887A KR20140002448A (en) | 2012-06-28 | 2012-08-08 | Method of adjusting an unlocking ui and user terminal using the same |
KR1020130013390A KR101552004B1 (en) | 2012-06-28 | 2013-02-06 | Method of adjusting an ui and user terminal using the same |
KR20150017443A KR20150021987A (en) | 2012-06-28 | 2015-02-04 | Method of adjusting an ui and user terminal using the same |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020200009482A KR20200011538A (en) | 2012-06-28 | 2020-01-23 | Method of adjusting an ui and user terminal using the same |
Country Status (1)
Country | Link |
---|---|
KR (5) | KR20140002448A (en) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9477316B2 (en) | 2014-03-24 | 2016-10-25 | Intel Corporation | Interaction with a computing device via movement of a portion of a user interface |
KR20170103379A (en) * | 2016-03-04 | 2017-09-13 | 주식회사 이노스파크 | Method for providing responsive user interface |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101056088B1 (en) | 2009-04-20 | 2011-08-10 | (주)빅트론닉스 | Touch panel input device, method and mobile device using same |
-
2012
- 2012-08-08 KR KR1020120086887A patent/KR20140002448A/en not_active Application Discontinuation
-
2013
- 2013-02-06 KR KR1020130013390A patent/KR101552004B1/en active IP Right Grant
-
2015
- 2015-02-04 KR KR20150017443A patent/KR20150021987A/en not_active Application Discontinuation
-
2018
- 2018-06-18 KR KR1020180069763A patent/KR20180072634A/en active Search and Examination
-
2020
- 2020-01-23 KR KR1020200009482A patent/KR20200011538A/en not_active Application Discontinuation
Also Published As
Publication number | Publication date |
---|---|
KR101552004B1 (en) | 2015-09-09 |
KR20140002448A (en) | 2014-01-08 |
KR20200011538A (en) | 2020-02-03 |
KR20140002469A (en) | 2014-01-08 |
KR20150021987A (en) | 2015-03-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220221971A1 (en) | Method of adjusting an ui and user terminal using the same | |
US20210240332A1 (en) | Cursor integration with a touch screen user interface | |
KR101387270B1 (en) | Mobile terminal for displaying menu information accordig to trace of touch signal | |
US9880727B2 (en) | Gesture manipulations for configuring system settings | |
KR101720849B1 (en) | Touch screen hover input handling | |
KR102089707B1 (en) | Display apparatus and method for controlling thereof | |
US9313406B2 (en) | Display control apparatus having touch panel function, display control method, and storage medium | |
EP3936994A1 (en) | Method and electronic device | |
EP2701044A1 (en) | Information processing device, information processing method, and computer-readable recording medium which records program | |
US9280265B2 (en) | Input control device, input control method, and input control program for controlling display target upon receiving input on display screen of display device | |
US20130038544A1 (en) | Input and output method in touch screen terminal and apparatus therefor | |
TW201617837A (en) | A processing method of screen-displayed window and mobile terminal | |
US20130100051A1 (en) | Input control device, input control method, and input control program for controlling display target upon receiving input on display screen of display device | |
KR20110041915A (en) | Terminal and method for displaying data thereof | |
WO2012160829A1 (en) | Touchscreen device, touch operation input method, and program | |
JP2023552659A (en) | Interface display state adjustment method, apparatus, device, storage medium | |
US20130100050A1 (en) | Input control device, input control method, and input control program for controlling display target upon receiving input on display screen of display device | |
JP2010103956A (en) | Portable phone | |
JP6575081B2 (en) | Display device, image processing device, and program | |
KR20200011538A (en) | Method of adjusting an ui and user terminal using the same | |
WO2013077359A1 (en) | Electronic device, method of operating electronic device, and program | |
JP6776113B2 (en) | Display devices, display methods and programs on display devices | |
CN117311584A (en) | Control system of head-mounted display device, intelligent terminal and head-mounted display device | |
KR101465653B1 (en) | Mobile terminal apparatus and control method using semitransparency toolbar | |
KR20150107255A (en) | Method for providing user interface on mobile terminal |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A107 | Divisional application of patent | ||
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
AMND | Amendment | ||
E601 | Decision to refuse application | ||
AMND | Amendment | ||
E902 | Notification of reason for refusal | ||
AMND | Amendment |