KR20070009661A - Method of navigating, electronic device, user interface and computer program product - Google Patents
Method of navigating, electronic device, user interface and computer program product Download PDFInfo
- Publication number
- KR20070009661A KR20070009661A KR1020067022770A KR20067022770A KR20070009661A KR 20070009661 A KR20070009661 A KR 20070009661A KR 1020067022770 A KR1020067022770 A KR 1020067022770A KR 20067022770 A KR20067022770 A KR 20067022770A KR 20070009661 A KR20070009661 A KR 20070009661A
- Authority
- KR
- South Korea
- Prior art keywords
- navigation
- block
- display
- detected
- floatable
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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/0485—Scrolling or panning
-
- 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
Abstract
Description
본 발명은 전자 디바이스의 애플리케이션 뷰(application view)들 내에서 네비게이팅하는 방법, 애플리케이션 뷰들 내에서 네비게이팅을 위한 전자 디바이스, 전자 디바이스의 디스플레이 상에 보여지는 애플리케이션 뷰들 내에서 네비게이팅을 위한 그래픽 사용자 인터페이스, 그리고 컴퓨터 프로그램 산물에 관한 것이다.The present invention provides a method for navigating in application views of an electronic device, an electronic device for navigating in application views, a graphical user interface for navigating in application views shown on a display of the electronic device. And computer program products.
다른 디스플레이들(예를 들어 터치 스크린(touch screen)들)의 중요성이 휴대용 전자 디바이스들에서 더욱 커지고 있다. 이러한 디바이스들의 브라우징 성능들(browsing capabilities)은 향상되고 있다. 휴대용 디바이스들은, 예를 들어 디바이스들 내에서 보여지는 다른 애플리케이션 뷰들 내에서 네비게이팅 때, 더욱더 많이 사용되고 있다. 인터넷 상에서 브라우징은 한 예가 되는 데, 여기서의 디스플레의 유용성은 중요하다. 그러나 다른 휴대 전자 디바이스들의 크기는 제한되고, 따라서 그러한 디바이스들에 사용되는 디스플레이들의 크기 또한 예를 들어 개인용 컴퓨터들에서 사용되는 대응하는 디스플레이들로부터 대부분 멀리 떨어져 있다. 디스플레이들의 제한된 크기로 인해, 사용자들은, 예를 들어 인터넷 상에서 네비케이 팅 때 스크롤(scroll)을 많이 할 필요가 있다. 작은 디스플레이 크기는 또한 더 작은 폰트(font)들로 이어지고, 이것은 그 다음으로 디바이스들의 줌잉 특성(zooming feature)을 사용하도록 한다.The importance of other displays (eg touch screens) is growing in portable electronic devices. The browsing capabilities of these devices are improving. Portable devices are more and more used, for example, when navigating within other application views seen within the devices. Browsing on the Internet is an example, where the usefulness of the display is important. However, the size of other portable electronic devices is limited, so the size of the displays used in such devices is also largely distant from the corresponding displays used for example in personal computers. Due to the limited size of the displays, users need to scroll a lot, for example when navigating on the Internet. Smaller display sizes also lead to smaller fonts, which then use the zooming feature of the devices.
다른 마우스 제스처(mouse gesture)들이 알려져 있다. 예를 들면 주어진 방향으로 마우스를 드래그(drag) 함으로써 미리 결정된 브라우징 기능들이 수행된다. 그러나 이러한 핸드-헬드 위치 입력기(hand-held locator)들을 이동 상황에서 사용하는 것은 어렵거나 심지어 불가능하다.Other mouse gestures are known. For example, predetermined browsing functions are performed by dragging the mouse in a given direction. However, it is difficult or even impossible to use such hand-held locators in mobile situations.
공지된 시스템들 내에서 사용되는 스크롤 바(scroll bar)들을 톡톡 치는 것은 종종 어렵고, 디스플레이가 작을 때는 특히 그렇다. 그러한 스크롤 바들의 유용성은 이동 상황에서, 예를 들어 이동중인 차에서, 훨씬 더 취약하다. 수평 및 수직 스크롤 바들은 또한 디스플레이의 일부 공간을 덮는다. 또한, 예를 들어 줌잉 인(zooming in)과 줌잉 아웃(zooming out)의 기능들을 사용하는 것은 대부분 상당히 어렵다. 예를 들어 인터넷 서류로 줌 인하거나 또는 인터넷 서류로부터 줌 아웃 할수 있기 위해, 사용자는 먼저 다양한 메뉴들 및 메뉴 바들을 사용하여 적합한 줌잉 기능을 선택하여야 한다.Tapping scroll bars used in known systems is often difficult, especially when the display is small. The utility of such scroll bars is much more vulnerable in moving situations, for example in a moving car. Horizontal and vertical scroll bars also cover some space of the display. Also, for example, using the functions of zooming in and zooming out is quite difficult. In order to be able to zoom in or out of an Internet document, for example, the user must first select the appropriate zooming function using the various menus and menu bars.
본 발명의 양상에 따라, 전자 디바이스의 애플리케이션 뷰들 내에서 네비게이팅하는 방법이 제공되는 데, 상기 전자 디바이스는 애플리케이션 뷰들를 보여주기 위한 디스플레이와 그리고 입력 디바이스를 포함한다. 상기 방법은 상기 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하는 단계와, 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역(floatable navigation area)을 제공하는 단계와, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며, 상기 입력 디바이스에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하는 단계와, 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하는 단계와, 그리고 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하는 단계를 포함한다.In accordance with an aspect of the present invention, a method of navigating within application views of an electronic device is provided, the electronic device comprising a display for showing the application views and an input device. The method includes displaying an initial application view on the display, providing a floatable navigation area that is at least partially displayed over the application views on the display, wherein the floatable navigation area is Detecting navigation of a given navigation block indicated by the input device, and performing software functions associated with the selected navigation block if the selection of the navigation block is detected. And displaying a current application view based on the software functions performed.
본 발명의 양상에 따라, 애플리케이션 뷰들 내에서 네비게이팅을 위한 전자 디바이스가 제공되는데, 상기 전자 디바이스는 상기 전자 디바이스의 기능을 제어하는 제어 유닛과, 상기 제어 유닛에 연결되어 애플리케이션 뷰들을 보여주는 디스플레이와, 그리고 상기 제어 유닛에 연결되어 네비게이팅을 위한 제어 명령들을 주는 입력 디바이스를 포함한다. 상기 제어 유닛은, 상기 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하고, 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하고, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며, 상기 입력 디바이스에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하고, 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하고, 그리고 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록, 구성된다.According to an aspect of the present invention, there is provided an electronic device for navigating within application views, the electronic device comprising: a control unit controlling a function of the electronic device, a display connected to the control unit and showing application views; And an input device coupled to the control unit for giving control commands for navigation. The control unit displays an initial application view on the display and provides a floatable navigation area that is at least partially displayed above the application views on the display, wherein the floatable navigation area controls navigation to control given software functions. Detecting the selection of a given navigation block indicated by the input device, performing the software functions associated with the selected navigation block if the selection of the navigation block is detected, and performing the software functions And to display the current application view based on that.
본 발명의 실시예에 따라, 전자 디바이스의 디스플레이 상에 보여지는 애플리케이션 뷰들 내에서 네비게이팅을 위한 그래픽 사용자 인터페이스가 제공되는데, 상기 그래픽 사용자 인터페이스는, 상기 디스플레이 상에 디스플레이된 초기 애플리케이션 뷰들과, 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역과, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며, 그리고 탐지되고 선택된 네비게이션 블록들과 연관된 수행되는 소프트웨어 기능들에 기초하여 상기 디스플레이 상에 디스플레이되는 현재의 애플리케이션 뷰를 포함한다.According to an embodiment of the present invention, there is provided a graphical user interface for navigating within application views shown on a display of an electronic device, the graphical user interface comprising initial application views displayed on the display and the application. A floatable navigation area at least partially displayed above the views, wherein the floatable navigation area comprises navigation blocks that control given software functions and based on the performed software functions associated with detected and selected navigation blocks Contains the current application view displayed on the display.
본 발명의 다른 실시예에 따라, 전자 디바이스의 애플리케이션 뷰 내에서 네비게이팅을 제공하는 컴퓨터 프로세스를 인코딩하는 컴퓨터 프로그램 산물이 제공되는데, 상기 컴퓨터 프로세스는, 상기 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하는 단계와, 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하는 단계와, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며, 주어진 네비게이션 블록의 선택을 탐지하는 단계와, 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하는 단계와, 그리고 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하는 단계를 포함한다.In accordance with another embodiment of the present invention, a computer program product is provided that encodes a computer process that provides navigation within an application view of an electronic device, the computer process comprising: displaying an initial application view on the display; Providing a floatable navigation area that is at least partially displayed over the application views on the display, wherein the floatable navigation area includes navigation blocks that control given software functions and detects a selection of a given navigation block. Performing the software functions associated with the selected navigation block if the selection of the navigation block is detected, and based on the software functions performed. And a step of displaying the application view.
본 발명의 실시예에 따라, 애플리케이션 뷰들 내에서 네비게이팅을 위한 전자 디바이스가 제공되는데, 상기 전자 디바이스는 상기 전자 디바이스의 기능을 제어하는 제어 수단과, 애플리케이션 뷰들을 보여주는 디스플레이 수단과, 그리고 네비게이팅을 위한 제어 명령들을 주는 입력 수단을 포함하여 구성된다. 상기 제어 수단은, 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하고, 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하고, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며, 상기 입력 수단에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하고, 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하고, 그리고 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록 더 구성된다.According to an embodiment of the invention, there is provided an electronic device for navigating in application views, said electronic device comprising control means for controlling the function of said electronic device, display means for showing application views, and navigating. And an input means for giving control commands for the device. The control means displays a initial application view on a display and provides a floating navigation area that is at least partially displayed above the application views on the display, wherein the floating navigation area controls a given software function. Detecting a selection of a given navigation block indicated by the input means, performing the software functions associated with the selected navigation block if the selection of the navigation block is detected, and based on the software functions performed. To display the current application view.
본 발명의 실시예들은 몇 가지 장점들을 제공한다. 애플리케이션 뷰들 내에서 네비게이팅은 하나의 툴(tool)을 사용함으로써 수행된다. 또한, 사용자는 상기 툴을 자신의 필요에 맞출 수 있다. 사용자는 또한 애플리케이션 뷰들 내에서 모드리스 네비게이팅(modeless navigating)을 제공받는다. 또한 휴대 전자 디바이스의 디스플레이 내에서 더 많은 공간이 절약된다. 더욱이 사용자 관점에서, 본 발명은 빨리 이해될 수 있고 그리고 배우고 사용하기에 쉽다.Embodiments of the present invention provide several advantages. Navigation within application views is performed by using one tool. The user can also tailor the tool to his needs. The user is also provided with modeless navigating within the application views. In addition, more space is saved within the display of the portable electronic device. Moreover, from the user's point of view, the present invention can be quickly understood and easy to learn and use.
다음에서, 본 발명은 바람직한 실시예와 첨부되는 도면을 참조하여 더 자세히 설명된다. In the following, the invention is explained in more detail with reference to the preferred embodiments and the accompanying drawings.
도 1은 전자 디바이스의 예를 보여준다.1 shows an example of an electronic device.
도 2A 및 도 2B는 본 발명의 사용자 인터페이스들의 예들을 보여준다.2A and 2B show examples of user interfaces of the present invention.
도 3은 전자 디바이스의 사용자 인터페이스 내에서 애플리케이션 뷰들 내에서의 네비게이팅하는 방법의 예를 보여준다.3 shows an example of a method of navigating in application views within a user interface of the electronic device.
본 발명의 실시예들은, 예를 들어 하나 이상의 기지국(base station)들과 그 기지국들과 통신하는 단말기들을 포함하는 원격통신 시스템 내에서 단말기로 사용되는 이동국(base station)과 같은, 전자 디바이스들에 응용가능하다. 상기 디바이스는, 예를 들어 블루투스 칩, 적외선 또는 WLAN 연결과 함께 구현되는, 짧은-범위 통신을 위해 사용될 수 있다. 예를 들어, 전자 디바이스는, 휴대 컴퓨터, 개인용 컴퓨터, 핸드헬드 컴퓨터 또는 스마트 폰과 같은, 원격통신 수단을 포함하는 휴대 폰 또는 다른 디바이스이다. 휴대 전자 디바이스는 네트워크 연결을 확립하기 위해 필요한 원격통신 수단을 포함하는 PDA(Personal Digital Assistant, 개인 휴개 정보 단말기)가 될 수 있고, 또는 예를 들어 네트워크 연결을 위해 휴대폰에 연결될 수 있는 PDA 디바이스가 될 수 있다. 휴대 전자 디바이스는 또한 원격통신 수단을 포함하지 않는 PDA 디바이스 또는 컴퓨터가 될 수 있다.Embodiments of the present invention are directed to electronic devices, such as, for example, a base station used as a terminal in a telecommunication system comprising one or more base stations and terminals communicating with the base stations. Applicable The device can be used for short-range communication, for example implemented with a Bluetooth chip, infrared or WLAN connection. For example, an electronic device is a mobile phone or other device that includes telecommunication means, such as a portable computer, personal computer, handheld computer or smart phone. The portable electronic device may be a personal digital assistant (PDA) containing telecommunication means necessary to establish a network connection, or may be a PDA device that may be connected to a mobile phone for example for a network connection. Can be. The portable electronic device can also be a PDA device or computer that does not include telecommunication means.
도 1은 전자 디바이스의 구조를 나타낸 블록 다이어그램을 보여준다. 제어 유닛(100)(일반적으로 마이크로-프로세서(micro-processor)와 소프트웨어 또는 개별적인 컴포넌트들에 의해 구현된다)은 상기 디바이스의 기본적인 기능들을 제어한다. 디바이스의 사용자 인터페이스는 입력 디바이스(104)와, 그 자체로 알려진 방 식으로 구현되는 터치 스크린과 같은, 디스플레이(102)를 포함한다. 추가로 디바이스의 사용자 인터페이스는 라우드스퍼커(loudspeaker)와 키패드 부분(keypad part)을 포함할 수 있다. 디바이스의 타입에 따라, 다를 수 있고, 다른 많은 수의 사용자 인터페이스 부분들이 존재할 수 있다. 이동국과 같은 도 1의 디바이스는 이동국의 기능들을 구현하는 통신수단(108)을 또한 포함하고, 그리고 스피치 및 채널 코더(speech and channel coder)들, 모듈레이터(modulator)들, 그리고 RF 부분들을 포함한다. 디바이스는 안테너(antenna) 그리고 메모리(106)를 포함할 수도 있다.1 shows a block diagram showing the structure of an electronic device. The control unit 100 (generally implemented by a micro-processor and software or individual components) controls the basic functions of the device. The user interface of the device includes an
디바이스의 기능들은, 어떤 표면상에서 움직임으로써 동작하는 마우스, 핸드-헬드 위치 입력기와 같은 입력 디바이스(104)에 의해, 제어될 수 있다. 예를 들어 마우스를 사용할 때, 어떤 표시(sign)나 심벌(symbol)은 디스플레이(102) 상에 마우스 커서의 위치를 보여주고 그리고 종종 디바이스 내에서 실행되고 있는 기능을 보여주며 또는 그것의 상태를 보여준다. 또한 요구된 기능들이 디스플레이(102) 상에서 보이는 요구된 오브젝트(object)들을 터치함으로써 선택되는 것처럼, 디스플레이(102) 자체가 터치 스크린에 의해 구현된 입력 디바이스(104)가 될 수 있다. 디스플레이(102) 상의 터치는 예를 들어 펜(pen), 스타일러스(stylus) 또는 손가락에 의해 이루어질 수 있다. 입력 디바이스(104)는, 어떤 제어 명령들을 해석하는 데 있어 눈 움직임 탐지를 사용하는, 눈 추적 수단을 사용함으로써 구현될 수도 있다.The functions of the device may be controlled by an
제어 유닛(100)은 사용자 인터페이스의 기능들을 제어하고, 그리고 디스플레이(102)에 연결되고, 디스플레이(102) 상에 다른 애플리케이션 뷰들을 보여주도록 구성된다. 제어 유닛(100)은 입력 디바이스(104)로부터 제어 명령들을 수신한다. 입력 디바이스(104)는 디스플레이(102) 상에서 보여지는 애플리케이션 뷰들 내에서 네비게이팅을 위한 제어 명령들을 주도록 구성된다. 애플리케이션 뷰들은 인터넷으로부터의 다른 웹 페이지들 내에서의 뷰들일 수 있고, 디바이스 내에서 실행되는 어떤 애플리케이션 프로그램들로부터의 뷰들일 수 있으며, 또는 디스플레이(102) 상에서 보여질 수 있는 어떤 다른 애플리케이션 뷰들일 수 있다. 애플리케이션 뷰들을 브라우징하거나 네비게이팅하는 것은 애플리케이션 뷰를 수평 또는 수직으로 스크롤 하는 것을 포함하고, 애플리케이션 뷰의 세부 사항들을 더욱 잘 보기 위해 애플리케이션 뷰로 줌 인하는 것을 포함하며, 또한 전체 애플리케이션 뷰의 일반적인 모습(general view)을 더 많이 보기 위해 애플리케이션 뷰로부터 줌 아웃하는 것을 포함한다. The
네비게이팅 기능은, 요구된 기능들(예를 들어 스크롤링 또는 줌잉)이 입력 디바이스(104)에 의해 먼저 선택되는 것처럼 그렇게 동작한다. 그 다음, 제어 유닛(100)은 탐지된 선택들을 해석하고, 그것에 기초하여 주어진 소프트웨어 기능들을 수행하며, 그리고 수행된 소프트웨어 기능들의 결과로서, 주어진 애플리케이션 뷰를 디스플레이(102) 상에 디스플레이한다.The navigating function operates as if the required functions (eg scrolling or zooming) were first selected by the
본 발명의 실시예에서, 제어 유닛(100)은 먼저 초기 애플리케이션 뷰를 디스플레이(102) 상에 디스플레이한다. 제어 유닛(100)은 디스플레이(102) 상에서의 애플리케이션 뷰 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하도록 구성된다. 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함한다. 제어 유닛(100)은 입력 디바이스(104)에의해 지시된 주어진 네비게이션 블록의 선택을 탐지한다. 예를 들어 상기 선택은 디스플레이(102) 상의 터치에 기초하여 탐지될 수 있다. 대안적으로, 상기 선택은 마우스나 펜 같은 입력 디바이스(104)에 의해 탐지될 수 있다.In an embodiment of the invention, the
본 발명의 실시예에 따라, 제어 유닛(100)은, 네비게이션 블록의 선택이 탐지되면, 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하도록 구성된다. 마지막으로, 제어 유닛(100)은 상기 수행된 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록 구성된다.According to an embodiment of the invention, the
초기 애플리케이션 뷰는 인터넷 페이지에서의 부분적 뷰일 수 있고, 그리고 스크롤링 기능 후의 현재의 애플리케이션 뷰는 예를 들어 인터넷 페이지의 또 다른 부분에서의 뷰일 수 있다. 현재의 애플리케이션 뷰는 제어 유닛(100)이 줌잉 기능을 수행한 후 인터넷 페이지에서의 뷰일 수도 있다.The initial application view may be a partial view in an internet page, and the current application view after the scrolling function may be a view in another portion of the internet page, for example. The current application view may be a view on an internet page after the
제어 유닛(100)은 입력 디바이스(104)에 의해 지시된 제어 명령들을 계속 탐지하고, 그리고 주어진 네비게이션 블록들의 선택들을 계속 탐지한다. 플로터블 네비게이션 영역은, 애플리케이션 뷰들을 디스플레이하는 주어진 애플리케이션 프로그램이 열릴 때, 디스플레이(102) 상의 애플리케이션 뷰 위에 자동으로 부분적으로 디스플레이될 수 있다. 플로터블 네비게이션 영역은 아이콘 또는 메뉴 기능을 사용하여 또는 탭-기반 활성화(tap-based activation)에 의해 개별적으로 열릴 수도 있다.The
다음으로 도 2A와 도 2B에 의해 본 발명의 실시예들을 살펴보자. 도 2A와 도 2B는 PDA 디바이스와 같은 전자 디바이스의 디스플레이들(102)을 보여준다. 도 2A와 도 2B는 본 발명의 실시예에서의 그래픽 사용자 인터페이스를 보여주고 있다.Next, the embodiments of the present invention will be described with reference to FIGS. 2A and 2B. 2A and 2B show displays 102 of an electronic device, such as a PDA device. 2A and 2B show a graphical user interface in an embodiment of the invention.
디스플레이(102)는 다른 영역들로 나누어지며. 각 영역은 특정 기능들을 가지고 있다. 예를 들어, 애플리케이션 뷰들은 가장 큰 영역들(220A, 220B)에서 보여진다. 디스플레이(102) 상에 메뉴들 또는 다른 정보를 디스플레이하기 위해 다른 바들(216, 218)이 있을 수 있다.The
실시예에서, 플로터블 네비게이션 영역들(200, 200A, 200B)은 도 2A, 2B에서 사각형들의 형태이다. 플로터블 네비게이션 영역들(200, 200A, 200B)은, 예를 들어 원과 같은, 사각형과 다른 모양일 수도 있다. 플로터블 네비게이션 영역들(200, 200A, 200B)은 주어진 소프트웨어 기능들을 제어하기 위해 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)을 포함한다. 이 예들에서, 네비게이션 블록들(202, 208)은 애플리케이션 뷰의 수평 스크롤링을 제어하고, 그리고 네비게이션 블록들(204, 212)은 애플리케이션 뷰의 수직 스크롤링을 제어한다. 네비게이션 블록들(206, 210)은 이 예제에서, 줌잉 인과 줌잉 아웃을 제어한다. 펜을 주어진 네비게이션 블록(202, 204, 208, 212) 상에 탭핑 다운(tapping down)하면 하나의 미리 결정된 단계에 의해 요구된 방향으로 스크롤 한다. 펜을 네비게이션 블록(202, 204, 208, 212) 상에 홀딩 다운(holding down)하면 상기 기능을 반복할 수 있다. 따라서, 줌잉을 위해 펜을 주어진 네비게이션 블록(206, 210) 상에 탭핑 다운하면 하나의 미리 결정된 단계에 의해 줌 레벨을 바꾸고, 펜을 홀딩 다운하면 상기 기능을 반복한다. In an embodiment, the
네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)의 수는 이 예제에서와 다를 수 있다. 이 예제에서와 다른 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)에 대한 제어 기능들이 있을 수도 있다. 더욱이, 예를 들어 수평 및 수직 스크롤링을 위해 단지 하나의 네비게이션 블록이 있을 수 있다. 따라서, 네비게이션 블록의 반을 사용함으로 수평 스크롤링을 수행할 수 있고 그리고 네비게이션 블록의 다른 반을 사용함으로써 수직 스크롤링을 수행한다. 이 실시예에서 중요한 포인트는 모든 필요한 네비게이션 블록들이 동일한 영역 내에, 즉 플로터블 네비게이션 영역(200, 200A, 200B) 내에, 있다는 것이다.The number of navigation blocks 202, 204, 206, 208, 210, 212, 214 may be different than in this example. There may be control functions for other navigation blocks 202, 204, 206, 208, 210, 212, 214 as in this example. Moreover, there can be only one navigation block, for example for horizontal and vertical scrolling. Thus, horizontal scrolling can be performed by using half of the navigation block and vertical scrolling can be performed by using the other half of the navigation block. An important point in this embodiment is that all the necessary navigation blocks are in the same area, i.
본 발명의 실시예에서, 플로터블 네비게이션 영역(200, 200A, 200B)은 제어 블록(214)를 포함한다. 도 2A 및 도 2B에서, 제어 블록(214)은 플로터블 네비게이션 영역의 중앙에 있다. 제어 블록(214)은 예를 들어 플로터블 네비게이션 영역(200, 200A, 200B)의 위치를 바꾸기 위한 것이다. 플로터블 네비게이션 영역(200, 200A, 200B)의 위치는, 예를 들어 제어 블록(214)의 도움으로 플로터블 네비게이션 영역(200, 200A, 200B)을 드래그하고 드랍(drop) 함으로써, 바꾸어 질 수 있다. 제어 블록(214) 상에 탭핑하고 드래깅 동안 펜을 홀딩 다운함으로써 플로터블 네비게이션 영역을 원하는 방향으로 움직일 수 있다. 예를 들어, 도 2B에서 플로터블 네비게이션 영역(200A)의 위치는 플로터블 네비게이션 영역(200B)의 위치로 바꾸어진다. 바꾸어진 위치가 메모리 내에 남아있을 수도 있으며 다음으로 플로터블 제어 영역(200A)은 바뀐 위치에서 디스플레이될 수도 있다.In an embodiment of the invention, the
플로터블 네비게이션 영역(200, 200A, 200B)의 출현은 원하는 대로 설정될 수 있다. 도 2A의 예제에서, 다른 기능들을 위한 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)은 개별적인 아이콘들로 표시되어 있다. 예를 들어 수직 스크롤링을 위한 네비게이션 블록들(212, 204)에 대해서는 상하 방향 화살표들로, 수평 스크롤링을 위한 네비게이션 블록들(202, 208)에 대해서는 좌우 방향 화살표들로, 줌잉 인 또는 줌잉 아웃을 위한 네비게이션 블록들(206, 210)에 대해서는 돋보기들로, 그리고 제어 블록(214)에 대해서는 열십자의 화살표들로 표시되어 있다. 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)은 적절한 색들, 텍스트(text), 그림(drawing)들, 또는 필 효과(fill effect)들과 함께 표시될 수도 있다. 또한, 어떤 아이콘들도 사용되지 않을 수도 있으며, 그리고 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)의 다른 기능들을 식별하도록 단지 다른 색들이 사용될 수 있다. 예를 들어, 다른 기능 그룹들은, 예를 들어 스크롤링, 줌잉, 그리고 움직이는 것은, 화살표들과 돋보기들과 같은 아이콘에 추가하여 그들 자신의 색들을 가질 수 있다.The appearance of the
플로터블 네비게이션 영역(200, 200A, 200B)은 또한 "고스트 모드(ghost mode)"(이것은 예를 들어 모든 아이콘들이 제거되고 그리고 다른 네비게이션 블록들을 지시하기 위해 단지 색만을 사용하는 것을 의미한다.) 내에서 나타나도록 설정될 수 있다. 전체 플로터블 네비게이션 영역(200, 200A, 200B)은 반투명일 수 있다. 즉, 플로터블 네비게이션 영역(200, 200A, 200B) 아래의 콘텐트들을 볼 수 있다. 투명도의 정도는 또한 조절될 수 있다. 따라서, 플로터블 네비게이션 영역(200, 200A, 200B) 디스플레이(102) 상에서 보여지는 애플리케이션 뷰를 그렇게 많이 덮지 않는다. 다른 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)의 단지 일부 또는 모든 윤곽들을 볼 수 있도록, 색들, 화살표들, 또는 돋보기들이 보여지지 않을 수도 있다. "고스트 모드"의 예로서, 도 2B는 "고스트 모드"에서 플로터블 네비게이션 영역(200B)을 보여준다. 플로터블 네비게이션 영역(200B)을 통과하여 애플리케이션 뷰(220B)를 볼 수 있다. 더욱이, 플로터블 네비게이션 영역(200B)의 네비게이션 블록들의 위치들을 표시하는, 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)의 단지 윤곽들만이 있다. 물론 "고스트 모드"가, 화살표들, 돋보기들, 그리고/또는 색깔들과 같은, 다른 아이콘들과 함께 사용될 수 있다. 따라서, 플로터블 네비게이션 영역(200, 200A, 200B) 아래의 애플리케이션 뷰를 반투명 플로터블 네비게이션 영역을 통과하여 볼 수도 있다.
도 2A에서, 실시예의 그래픽 사용자 인터페이스는, 디스플레이(102) 상에 디스플레이되는 초기 애플리케이션 뷰(220A)를 포함한다. 애플리케이션 뷰(220A)는 예를 들어 인터넷 상의 웹 페이지에서의 뷰이다. 플로터블 네비게이션 영역(200)은 초기 애플리케이션 뷰(220A) 위에 적어도 부분적으로 디스플레이 된다. 예를 들어 디바이스의 사용자 인터페이스를 사용하여 플로터블 네비게이션 영역(200)의 위치와 크기가 결정될 수 있다. 애플리케이션 뷰가 열릴 때마다, 플로터블 네비게이션 영역(200)이 주어진 위치에, 예를 들어 디스플레이(102)의 상부 오른쪽 구석에, 디스플레이될 수 있다. 제어 블록(214)을 사용함으로써 어느 때나 위치를 바꿀 수 있다. 제어 블록(214)을 예를 들어 펜으로 누르거나 터치함으로써, 그리고 펜을 디스플레이(102)의 표면을 따라 움직임으로써 플로터블 네비게이션 영역(200)의 위치를 바꿀 수 있다. 플로터블 네비게이션 영역(200)의 크기는, 예를 들어 디바이스의 개개의 사용자들의 필요에 따라, 적합하게 설정될 수도 있다. 사용자는 예를 들어 크고 작은 플로터블 네비게이션 영역(200, 200A, 200B) 사이를 선택할 수 있다. 이 방법을 사용하는 것에 익숙해지면, 사용자는 플로터블 네비게이션 영역(200, 200A, 200B)을 더 작게 그리고 더 적게 보이도록 만들기를 원할 수 있다. 따라서, 플로터블 네비게이션 영역(200, 200A, 200B)을 완전히 안보이게 만들기 위해 더 작은 크기 그리고 "고스트 모드"는 선택될 수 있다. 그러나 여전히 사용할 수 있다.In FIG. 2A, the graphical user interface of an embodiment includes an
도 2A의 예에서, 다음으로 네비게이션 블록(204)이 선택된다. 사용자는 예를 들어 페이지 아래 방향으로 스크롤 함으로써 웹 페이지까지 뷰를 네비게이팅 하고 싶어한다. 따라서, 스크롤링 다운 기능을 제어하는 네비게이션 블록(204)이 선택된다. 네비게이션 블록(204)의 선택은 어느 적절한 입력 디바이스를 사용함으로써 수행될 수 있다. 네비게이션 블록(204)의 선택이 탐지되면, 도 2B에 도시된 현재의 애플리케이션 뷰(220B)가 디스플레이된다. 스크롤링 다운의 양은 예를 들어, 얼마나 오랫동안 네비게이션 블록(204) 상에 펜을 누르고 있는지에 달려 있을 수 있다. 만약에 단지 한 번의 터치가 네비게이션 블록(204) 상에서 탐지되면, 미리 결정된 단계만이 아래로 스크롤 된다. 더욱이 만약 펜이 계속 네비게이션 블록(204) 상에 홀딩 다운된다면, 스크롤링 다운은 펜이 네비게이션 블록(204) 상에 머무르고 있는 동안 계속 진행된다. 미리 결정된 시간 동안 네비게이션 블록(204) 상에 펜을 누르고 있으므로 인해 스크롤링 다운의 속도를 증가시킬 수도 있다.In the example of FIG. 2A, a
따라서, 만약에 사용자가 디스플레이(102) 상에서 보여지는 애플리케이션 뷰 들을 줌 하고자 한다면, 줌잉을 위한 네비게이션 블록들(206, 210)이 선택된다. 줌잉을 위한 네비게이션 블록(206, 210)의 선택이 탐지되면, 탐지되고 선택된 네비게이션 블록에 따라서 줌 된 현재의 애플리케이션 뷰가 보여진다. 만약 펜이 줌잉을 위한 네비게이션 블록(206, 210) 상에 계속 홀딩 다운 된다면, 줌잉 기능이 계속 수행된다. 주어진 시간 동안 네비게이션 블록(206, 210) 상에 펜을 누르고 있음으로써 이에 따라 줌잉의 속도를 증가시킬 수도 있다. 실시예로, 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)의 어떤 위치에서 탐지된 누르는 압력의 양이 줌잉의 정도 또는 스크롤링의 속도를 정의할 수도 있다. 누르는 압력의 양은, 예를 들어 실시예의 사용자 인터페이스와 함께 사용되는 압력 감지 펜(pressure sensitive pen) 또는 터치 스크린에 기초하여, 탐지될 수 있다.Thus, if the user wants to zoom the application views shown on the
다른 실시예에서, 주어진 네비게이션 블록(202-214)의 선택 후에 드래깅 기능을 사용할 수 있다. 입력 디바이스는 예를 들어 터치 스크린과 스타일러스가 될 수 있고, 그리고 사용자는, 먼저 스타일러스로 터치 스크린을 터치함으로써, 주어진 네비게이션 블록(202-214)을 선택할 수 있다. 그 다음 스타일러스를 터치 스크린의 표면을 따라 움질일 수 있고, 그 결과로 주어진 네비게이션 블록(202-214)에 연관된 드래깅 기능이 실행된다. 따라서, 선택된 네비게이션 블록(202-214)과 연관된 소프트웨어 기능들이, 주어진 네비게이션 블록 상에서 탐지된 드래그 기능에 기초하여, 수행된다. 실시예로, 수행되는 소프트웨어 기능들은 주어진 네비게이션 블록 상에서의 탐지된 드래그 기능의 양에 기초한다. 다른 실시예로, 수행되는 소프트웨어 기능들은 주어진 네비게이션 블록 상에서의 탐지된 드래그 기능의 속도에 기초한다. 따라서, 드래그 기능의 방향과 길이는 소프트웨어 기능들에 대한 속성(attribute)들을 정의할 수 있다. 소프트웨어 기능들은, 만약 사용자가 원래 있던 곳으로부터 훨씬 멀리 드래그한다면, 가속될 수 있다.In other embodiments, the dragging function may be used after the selection of a given navigation block 202-214. The input device can be, for example, a touch screen and a stylus, and the user can select a given navigation block 202-214 by first touching the touch screen with the stylus. The stylus can then be moved along the surface of the touch screen, resulting in the dragging function associated with the given navigation block 202-214. Thus, software functions associated with the selected navigation block 202-214 are performed based on the drag function detected on a given navigation block. In an embodiment, the software functions performed are based on the amount of detected drag function on a given navigation block. In another embodiment, the software functions performed are based on the speed of the detected drag function on a given navigation block. Thus, the direction and length of the drag function can define attributes for the software functions. Software functions can be accelerated if the user drags farther away from where they were originally.
실시예로 디스플레이의 전체 영역은 플로터블 네비게이션 영역(200)으로 고려될 수 있고, 또는 디스플레이 상에서 보여지는 다수의 플로터블 네비게이션 영역들(200, 200A, 200B)이 있을 수 있다. 따라서, 네비게이션 블록들(202-214)은 사실 디스플레이(102) 상에서 어디나 있을 수 있다. 사용자는 단지 통상 몇몇 네비게이션 블록들(202-214)을 필요로 하고, 그리고 자주 사용되는 그러한 네비게이션 블록들(202-214)만 디스플레이(102) 상에 보이게 할 수 있다. 주어진 네비게이션 블록들(202-214)이 디스플레이(102)의 다른 부분들 상에 위치하게 할 수도 있다.By way of example, the entire area of the display may be considered a
실시예로, 드래깅 기능은, 드래깅 기능이 지시된 주어진 네비게이션 블록(202-214)에 따라, 다른 결과를 가진다. 얼마나 다른 제어 기능들이, 예를 들어 탭, 탭 & 홀드 또는 드래그와 같은 기능들이, 애플리케이션 뷰들 내에서 네비게이팅 하는 데 사용될 수 있는지에 관하여 몇 가지 예들이 다음의 표 1 ~ 표 6에서 보여진다. 예를 들어 입력 디바이스로 터치 스크린과 함께 펜 또는 스타일러스를 사용하여 제어 기능들이 수행될 수 있다. 각 표의 오른쪽 부분은 주어진 네비게이션 블록들에 지시된 주어진 제어 기능들로부터 유래한 다른 소프트웨어 기능들을 보여준다. 이것은 사용자들에게 활성 콘텐트 영역(active content area) 상에서의 플로팅 블록들의 기초 세트를 제공한다: 스크롤, 줌, 페이지 네비게이션 그리고 검색. 사용자가 네비게이션 블록들을 탭핑 하거나 드래그할 때마다, 다음의 표들에서 설 명된 기능들이 수행될 수 있다. 드래그 기능들의 길이들과 방향들은 기능들에 대해 속성들을 정의하고 그리고 움직임은, 사용자가 원래 있던 곳으로부터 훨씬 멀리 드래그할 때, 가속된다.In an embodiment, the dragging function has different results, depending on the given navigation block 202-214 where the dragging function is indicated. Some examples are shown in the following Tables 1-6 regarding how different control functions, for example functions such as tap, tap & hold or drag, can be used to navigate within application views. For example, control functions may be performed using a pen or stylus with a touch screen as an input device. The right part of each table shows the other software functions derived from the given control functions indicated in the given navigation blocks. This provides users with a basic set of floating blocks on the active content area: scroll, zoom, page navigation and search. Each time the user taps or drags the navigation blocks, the functions described in the following tables may be performed. The lengths and directions of the drag functions define the properties for the functions and the movement is accelerated when the user drags farther away from where it was originally.
페이지들 사이에서 스크롤링, 줌, 네비게이팅, 그리고 플로터블 네비게이션 제어를 가지고 효율적으로 검색하는 새로운 방법은 앞선 표 1 - 6에서 보여진다. 스크린 공간의 제한들 때문에, 예를 들어 휴대 웹 사용자들은 웨 페이지를 볼 때 전체 스크린(full screen)을 이용하고자 한다. 사용자에게 전체 스크린 모드(이 모드에서 브라우저 제어들과 커다란 스크롤 바들은 페이지 컨텐트를 덮지 않는다.)를 제공하는 것은 필수적이다. 여전히, 가장 중요한 보기(viewing) 및 네비게이션 제어 블록들은 쉽게 접근 가능하다.New ways of searching efficiently with scrolling, zooming, navigating, and floatable navigation controls between pages are shown in Tables 1-6 above. Because of the limitations of screen space, portable web users, for example, want to use a full screen when viewing a web page. It is essential to provide the user with a full screen mode (in this mode browser controls and large scroll bars do not cover the page content). Still, the most important viewing and navigation control blocks are easily accessible.
앞선 표 1 -6에서 보여지는 예들은, 예를 들어 애플리케이션 뷰들을 모드리스하게 줌 또는 스크롤하고 그리고 스타일러스의 단일한 움직임으로 후진과 전진 네비게이팅하는 가능성들을 제공한다. 플로팅 제어(floating control)들을 전체 스크린 모드에서 사용하는 것이 가장 효율적이다. 가속 기능은 가장 중요한 브라우저 기능들에 대해 매우 효율적인 상호작용을 가능하게 한다. 단지 선형 움직임을 제공하는 스크롤바들 대신에 사용자들은 어느 방향으로 든지 자유롭게 스크롤 할 수 있다. 스크린 공간을 차지하는 스크롤바들 대신에 사용자들은 전체 스크린 공간을 이용할 수 있다(단지 작은 위치 지시자(position indicator)들이 필요함). 사용자가 페이지 상에서 하나의 포인트를 잡아야 하고 그것을 또 다른 포인트로 드래그해야하는 패닝(panning)에서와 달리, 사용자는 하나의 드래그를 가지고 몇몇의 스크린들을 넘어 스크롤 할 수 있다. 또한 줌잉 인과 아웃 사이에 매우 쉬운 토글링(toggling)이 제공된다. 이들 예제들에서 서술된 가속 기능들은 다른 애플리케이션들에서 사용될 수도 있다.The examples shown in the preceding Tables 1-6, for example, offer the possibility of modelessly zooming or scrolling application views and navigating backward and forward with a single movement of the stylus. It is most efficient to use floating controls in full screen mode. Acceleration enables very efficient interaction with the most important browser functions. Instead of scroll bars that only provide linear movement, users can freely scroll in any direction. Instead of scrollbars that take up screen space, users can use the entire screen space (only small position indicators are needed). Unlike in panning, where the user has to grab one point on the page and drag it to another point, the user can scroll across several screens with one drag. It also provides very easy toggling between zooming in and out. The acceleration functions described in these examples may be used in other applications.
표 5와 6에서, 줌잉 인과 줌잉 아웃을 위한 개별적인 네비게이션 블록들이 있는 실시예들이 제공된다. 이 실시예는 동시(simultaneous) 줌 및 스크롤 기능들을 허용한다. 줌잉 인 및 줌잉 아웃을 위한 개별적인 제어들을 제공하는 것은 또한 단일 제어보다도 최종 사용자에 대해 더욱 직관적이다. 애플리케이션 뷰를 원하는 포인트까지 줌 하기 위해 단지 하나의 드래그가 필요하다. 사용자는 또한 원래 뷰의 바깥쪽 영역들까지 줌 할 수 있다. 또한 하나의 탭으로 줌잉 아웃 하는 쉬운 방법이 제공된다(줌잉 인과 아웃 모두를 위해 단지 하나의 줌잉 블록을 가지고, 탭핑 기능은 단지 줌 인한다.).In Tables 5 and 6, embodiments are provided with separate navigation blocks for zooming in and zooming out. This embodiment allows simultaneous zoom and scroll functions. Providing separate controls for zooming in and zooming out is also more intuitive for the end user than a single control. Only one drag is needed to zoom the application view to the desired point. The user can also zoom to the outer areas of the original view. There is also an easy way to zoom out with a single tap (with only one zooming block for both zooming in and out, the tapping function only zooms in).
상대적으로 작은 스크린들을 가진 휴대 디바이스들은, 웹 페이지들, 커다란 이미지들, 그리고 사무 문서들을 보는 데 있어 그리고 상대적으로 작은 디스플레이를 통해 2D 콘텐츠를 보는 데 있어, 더욱 중요한 툴들이 되고 있기 때문에, 손쉬운 줌잉 툴들이 또한 더욱 중요해지고 있다. 많은 인치 당 픽셀들(pixels per inch, ppi)을 가지고 있는 디스플레이가 "더 큰" 픽셀들(더 작은 ppi)의 디스플레이들에 대해 설계된 콘텐트를 보여주는 경우가 있다. 이러한 경우에, 텍스트들과 이미지들은, 픽셀 대 픽셀로 보여질 때, 너무 작아서 읽혀질 수 없다. 실시예로, 입력 디바이스(104)는 네비게이팅을 위한 제어 명령들을 주는 터치 스크린을 포함하고, 그리고 제어 유닛(100)은 터치 스크린에 의해 지시된 주어진 네비게이션 블록 상에서의 탐지된 터치 포인트 밑의 픽셀 성분을 탐지하도록 더 구성되고, 그리고 탐지된 픽셀 성분을 소프트웨어 기능에 대한 중간-포인트로 고려함으로써 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하도록 더 구성된다.Portable devices with relatively small screens are an easy zooming tool as they become more important tools for viewing web pages, large images, and office documents and for viewing 2D content on a relatively small display. Are also becoming more important. There are cases where a display with many pixels per inch (ppi) shows content designed for displays of "bigger" pixels (smaller ppi). In this case, the texts and images, when viewed pixel by pixel, are too small to be read. In an embodiment, the
예를 들어, 선택된 네비게이션 블록이 줌잉을 위한 네비게이션 블록이고 사용자는 한번에 또는 한 단계 줌 인 또는 아웃 하기를 원하는 상황에서, 줌잉 인 또는 아웃을 위한 네비게이션 블록 상을 탭핑한 결과는 스타일러스 터치 포인트 밑의 픽셀이 그 위치에 머무르게 하고, 그리고 뷰는 줌 인/아웃 된다. 만약 사용자가 부드럽게 줌 인/아웃 하기를 원한다면, 그러면 스타일러스를 누르고 줌잉 인/아웃을 위한 네비게이션 블록 위에 계속 잡고 있을 수 있다. 따라서, 뷰는 사용자가 스타일러스를 떼어내기까지 부드럽게 줌 된다. 스타일러스 밑의 픽셀은 줌잉 동안 원래 위치에 머무른다. 실시예로, 애플리케이션 뷰 내의 어떤 포인트까지 부드럽게 줌잉 인/아웃도 가능하다: 줌잉을 위한 네비게이션 블록 상에 스타일러스를 홀딩하는 동안, 스타일러스는 디스플레이 상에서 원하는 위치까지 움직여 진다. 여러 번의 줌잉 중 하나가 발생할 때 그 지점에서의 스타일러스 아래에 있는 픽셀은 자신의 원래 위치에 머무른다. 따라서, 줌잉을 위한 중앙 픽셀은 스타일러스가 움직임에 따라 바뀐다. 이 방법은, 줌잉 기능이 시작될 때 줌잉을 위한 네비게이션 블록이 그 장소에 있지 않을지라도, 사용자가 스크린 상에 필요한 영역이 남아있는 것을 확인할 수 있다. 줌잉 기능의 속도는, 목표 포인트까지 알맞은 시간에 움직이는 것을 더 용이하게 하기 위해 펜이 움직이는 동안, 늦추어 질 수도 있다.For example, in a situation where the selected navigation block is a navigation block for zooming and the user wants to zoom in or out one time or one step, the result of tapping on the navigation block for zooming in or out is the pixel below the stylus touch point. Stays at that location, and the view is zoomed in / out. If the user wants to zoom in / out smoothly, then he can hold down the stylus and hold on to the navigation block for zooming in / out. Thus, the view is zoomed smoothly until the user removes the stylus. The pixels under the stylus stay in their original positions during zooming. In an embodiment, smooth zooming in / out to any point in the application view is also possible: While holding the stylus on the navigation block for zooming, the stylus is moved to the desired position on the display. When one of several zooming occurs, the pixel under the stylus at that point stays in its original position. Thus, the center pixel for zooming changes as the stylus moves. This method can confirm that the user needs the remaining area on the screen even if the navigation block for zooming is not in place when the zooming function is started. The speed of the zooming function may be slowed down while the pen is moving to make it easier to move in time to the target point.
부드러운 줌잉이 매우 빠르다면, 사용자는, 줌잉 동안, 줌잉을 위한 네비게이션 블록을 충분히 빠르게 목표 포인트까지 움직일 수 없고, 그리고 목표 포인트는 가시 영역 밖으로 줌 될 수 있다. 이것은 다음의 실시예에서 문제가 되지 않는 데, 왜냐하면 사용자는 숨겨진 영역이 매우 쉽게 보이게 할 수 있기 때문이다. 따라서, 실시예에서 디스플레이 바깥쪽 영역 안으로 줌 할 수 있다. 먼저, 터치 스크린 상에서 주어진 네비게이션 블록으로부터 출발한 계속적인 터치에 의해 지시되는 디스플레이 상에서의 탐지된 드래그 기능에 기초하여 초기 애플리케이션 뷰 안으로 줌 된다. 네비게이션 블록은 터치 다음에 올 수 있고 또는 정지된 채로 있을 수 있다. 그 다음 줌잉 기능은, 만약에 터치 스크린 상에서 터치가 디스플레이의 가장자리에 도달한 것으로 탐지된다면, 스크롤링 기능으로 바뀐다. 이 경우, 드래그 기능의 방향으로부터의 새로운 콘텐트가 가시 영역으로 나온다. 스클롤링 계속되는 동안 부드러운 줌잉은 멈춰진다. 그 다음 줌잉 기능은, 터치가 디스플레이의 가장자리로부터 떨어져 더 진행하도록 탐지될 때, 계속 될 수 있다. 따라서 만약에 사용자가 활성 콘텐트 영역의 방향으로 펜을 드래그한다면, 줌잉 기능으로 되돌아 가고 그리고 스크롤링은 끝난다.If smooth zooming is very fast, the user may not move the navigation block for zooming to the target point fast enough during zooming, and the target point may be zoomed out of the visible area. This is not a problem in the following embodiment, since the user can make the hidden area look very easy. Thus, in an embodiment it is possible to zoom into the area outside the display. First, it is zoomed into the initial application view based on the detected drag function on the display indicated by the continuous touch starting from a given navigation block on the touch screen. The navigation block can come after the touch or can remain stationary. The zooming function then changes to a scrolling function if it is detected that the touch on the touch screen has reached the edge of the display. In this case, new content from the direction of the drag function comes into the visible area. Smooth zooming stops while scrolling continues. The zooming function may then continue when the touch is detected to proceed further away from the edge of the display. Thus if the user drags the pen in the direction of the active content area, it returns to the zooming function and scrolling ends.
줌 아웃 기능은 디폴트(default)로 현재 뷰의 바깥으로부터 가시 영역을 불러올 수 있다. 그러나 실시예로, 스크린의 가장자리에 대해 또는 콘텐트 영역의 가장자리 위에서 펜/스타일러스를 밀어서 뷰를 스크롤 할 수도 있다. 그 다음 미는 방향으로부터의 새로운 콘텐트가 가시 영역으로 나온다. 스클롤링이 계속됨에 따라, 줌잉 아웃 기능이 멈춘다. 그 다음, 만약에 사용자가 활성 콘텐트 영역으로 펜을 드래그한다면, 줌잉은 계속될 수 있다.The zoom out function defaults to bringing the visible area from outside the current view. However, in an embodiment, the view may be scrolled by sliding the pen / stylus against the edge of the screen or over the edge of the content area. Then new content from the pushing direction comes into the visible area. As scrolling continues, the zooming out function stops. Then, if the user drags the pen to the active content area, zooming may continue.
실시예로, 줌잉 기능들은 줌 대 사각형 상관관계(zoom to rectangle functionality) 내에서 사용될 수도 있다. 그 다음 스타일러스를 드래그 하는 것은 부드러운 줌잉 대신 사각형을 그린다. 상기 서술된 줌잉 실시예들은 단지 하나의 드래그 기능을 사용함으로써 원하는 포인트까지 뷰를 줌 하는 것을 가능하게 한다. 사용자들은 줌을 위한 중간-포인트를 정의할 수도 있고 그리고 초기 뷰의 바깥쪽 영역으로 줌 할 수도 있다. 더욱이 네비게이션 기능은 모드리스이다: 예를 들어 줌잉 기능은 단지 줌잉을 위한 네비게이션 블록이 선택될 때(예를 들어 펜이 블록을 터치할 때) 수행되고, 그리고 줌잉 기능은, 줌잉을 위한 네비게이션 블록의 선택이 종료로(예를 들어 펜이 블록에서 떼어질 때) 탐지되자마자, 종료된다. 따라서, 사용자가 예를 들어 네비게이션 블록을 스타일러스로 터치할 때마다, 네비게이션 기능이 수행될 수 있다. 따라서 사용자는 어떠한 네비게이션 모드를 시작하거나 끝낼 필요가 없다. 실시예로, 선택된 네비게이션 블록과 연관된 소프트웨어 기능들은, 디스플레이 상에서 드래그 기능의 종료가 탐지되면, 수행될 수도 있다. 따라서, 먼저 주어진 네비게이션 블록이, 예를 들어 스타일러스로 네비게이션 블록을 터치함으로써, 선택되고, 그 다음 스타일러스가 터치 스크린 상에서 계속 드래그 되고, 그리고 마지막으로 선택된 네비게이션 블록과 연관된 소프트웨어 기능이, 스타일러스가 터치 스크린에서 떼어지면(즉 드래그 기능의 종료가 탐지되면), 수행된다. 앞선 실시예에서, 선택된 네비게이션 블록들은 터치 다음에 올 수 있고 또는 정지된 채로 있을 수 있다.In an embodiment, the zooming functions may be used within zoom to rectangle functionality. Then drag the stylus to draw a rectangle instead of smooth zooming. The zooming embodiments described above make it possible to zoom the view to the desired point by using only one drag function. Users can define mid-points for zooming and zoom to the outer area of the initial view. Moreover the navigation function is modeless: for example, the zooming function is performed only when the navigation block for zooming is selected (e.g. when the pen touches the block), and the zooming function is performed by the navigation block for zooming. As soon as a selection is detected as the end (eg when the pen is removed from the block), it ends. Thus, whenever the user touches the navigation block with the stylus, for example, the navigation function can be performed. Thus, the user does not need to start or end any navigation mode. In an embodiment, software functions associated with the selected navigation block may be performed if an end of the drag function is detected on the display. Thus, a given navigation block is first selected, for example by touching the navigation block with a stylus, then the stylus continues to be dragged on the touch screen, and the software function associated with the last selected navigation block, the stylus on the touch screen. When released (i.e. the end of the drag function is detected), it is performed. In the preceding embodiment, the selected navigation blocks may come after the touch or may remain stationary.
실시예에서, 또한 다른 제어 기능들은, 플로터블 네비게이션 영역(200, 200A, 200B)을 사용함으로써, 빠르게 선택될 수 있다. 예를 들어, 주어진 네비게이션 블록(202, 204, 206, 208, 210, 212, 214) 상에서 부차적으로 마우스 버튼을 누름으로서 선택 리스트 또는 메뉴(여기에서 다른 제어 기능들이 선택될 수 있다)를 열 수 있다. 만약에 터치 스크린 또는 압력 감지 펜이 사용된다면, 제어 블록(214) 상에 펜을 놓고 그리고 움직임 없이 펜을 잡고 있으므로 인해 선택 리스트를 여는 것과 같은 주어진 제어 기능을 활성화시킬 수 있다. 선택 리스트들 또는 메뉴들 상에 다른 주제들이 플로터블 네비게이션 영역(200, 200A, 200B)과, 네비게이션 블록들(202, 204, 206, 208, 210, 212, 214)과, 브라우징 기능들 및 다른 설정들과 관계될 수 있다. 필요로 하는 모든 설정들과 기능들에, 그러한 선택 리스트들을 사용함으로써, 쉽게 도달할 수 있다. 선택 리스트들 내에 포함될 수 있는 제어 기능들의 예들은, 전체 스크린과 정상 뷰 사이의 토글링과, 플로터블 네비게이션 영역(200, 200A, 200B)을 숨기는 것과, 고스트 모드를 선택하는 것과, 플로터블 네비게이션 영역(200, 200A, 200B)의 사이즈와 출현을 설정하는 것과, 기타 등등을 포함한다. 예를 들어 선택 리스트로부터 주어진 주제를 선택함으로써 검토중인 기능을 수행하고 그리고 그 다음에 선택 리스트를 닫는다. 또한 선택 리스트 바깥쪽 탭핑은 실행을 취소할 수 있고 그리고 선택 리스트를 닫을 수 있다.In an embodiment, other control functions may also be quickly selected by using the
도 3은 전자 디바이스의 사용자 인터페이스에서 애플리케이션 뷰들 내에서 네비게이팅하는 방법의 예를 보여준다. 3 shows an example of a method of navigating within application views in a user interface of an electronic device.
상기 방법은 300에서 시작한다. 302에서, 초기 애플리케이션 뷰는 디스플레이 상에 디스플레이된다. 304에서, 플로터블 네비게이션 영역은 애플리케이션 뷰 위에 적어도 부분적으로 디스플레이 상에 디스플레이된다. 플로터블 네비게이션 영역은, 예를 들어 애플리케이션 뷰가 디스플레이 상에 보여 질 때, 자동으로 디스플레이될 수 있다. 플로터블 네비게이션 영역은 먼저 디스플레이 상에 아이콘으로 보여질 수도 있고, 메뉴로부터 활성화되거나 또는 스크린 상에서의 탭 기반 활성화(tap based activation)에 기초하여 활성화될 수도 있으며, 필요할 때 선택될 수도 있다. 306에서, 만약에 네비게이션 블록의 선택이 탐지되면, 308에 들어간다. 만약 어떤 네비게이션 블록의 선택도 탐지되지 않는다면, 초기 애플리케이션 뷰는 남아있고, 플로터블 네비게이션 영역은 애플리케이션 뷰의 일부분을 덮는다.The method starts at 300. At 302, an initial application view is displayed on the display. At 304, the floatable navigation area is displayed at least partially on the display above the application view. The floatable navigation area can be displayed automatically, for example when the application view is shown on the display. The floatable navigation area may first be shown as an icon on the display, activated from a menu or activated based on tap based activation on the screen, and may be selected when needed. At 306, if a selection of the navigation block is detected, enter 308. If no navigation block selection is detected, the initial application view remains, and the floatable navigation area covers a portion of the application view.
308에서, 선택된 네비게이션 블록과 연관된 소프트웨어 기능들이 선택된 네비게이션 블록의 탐지에 기초하여 수행된다. 310에서, 현재의 애플리케이션 뷰는 수행된 소프트웨어 기능들에 기초하여 디스플레이된다. 상기 방법은 애플리케이션이 닫히거나 디바이스가 셧다운 될 때까지 304에서 310까지의 단계들을 반복함으로써 계속될 수 있다. 상기 방법은 312에서 종료된다.At 308, software functions associated with the selected navigation block are performed based on detection of the selected navigation block. At 310, the current application view is displayed based on the software functions performed. The method may continue by repeating
본 발명이 첨부된 도면에 따라 예제를 참조하여 앞서 설명되었을 지라도, 본 발명은 여기에 한정되지 않으며 첨부된 특허청구범위의 범위 내에서 여러 방법들로 수정될 수 있다는 것은 명백하다.Although the present invention has been described above with reference to examples according to the accompanying drawings, it is obvious that the present invention is not limited thereto and may be modified in various ways within the scope of the appended claims.
Claims (36)
Applications Claiming Priority (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US10/813,222 US20050223340A1 (en) | 2004-03-30 | 2004-03-30 | Method of navigating in application views, electronic device, graphical user interface and computer program product |
US10/813,222 | 2004-03-30 | ||
US11/052,420 | 2005-02-07 | ||
US11/052,420 US20050223342A1 (en) | 2004-03-30 | 2005-02-07 | Method of navigating in application views, electronic device, graphical user interface and computer program product |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20070009661A true KR20070009661A (en) | 2007-01-18 |
KR100795590B1 KR100795590B1 (en) | 2008-01-21 |
Family
ID=35063964
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020067022770A KR100795590B1 (en) | 2004-03-30 | 2005-03-23 | Method of navigating, electronic device, user interface and computer program product |
Country Status (3)
Country | Link |
---|---|
EP (1) | EP1735685A1 (en) |
KR (1) | KR100795590B1 (en) |
WO (1) | WO2005096132A1 (en) |
Families Citing this family (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8701021B2 (en) | 2006-07-31 | 2014-04-15 | Hewlett-Packard Development Company, L.P. | Capability to build multiple application views from a single system model |
US20090002324A1 (en) * | 2007-06-27 | 2009-01-01 | Nokia Corporation | Method, Apparatus and Computer Program Product for Providing a Scrolling Mechanism for Touch Screen Devices |
US8301723B2 (en) | 2010-02-26 | 2012-10-30 | Research In Motion Limited | Computer to handheld device virtualization system |
CN102830917A (en) * | 2012-08-02 | 2012-12-19 | 上海华勤通讯技术有限公司 | Mobile terminal and touch control establishing method thereof |
KR102044701B1 (en) * | 2013-07-10 | 2019-11-14 | 엘지전자 주식회사 | Mobile terminal |
CN108052677A (en) * | 2018-01-02 | 2018-05-18 | 武汉斗鱼网络科技有限公司 | Page processing method, device and readable storage medium storing program for executing |
CN113535286A (en) * | 2020-04-15 | 2021-10-22 | 斑马智行网络(香港)有限公司 | Interface display method, device, equipment and storage medium |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2000029598A (en) * | 1998-07-13 | 2000-01-28 | Matsushita Electric Ind Co Ltd | Device and method for controlling display and computer- readable recording medium recording display control program |
US7308653B2 (en) * | 2001-01-20 | 2007-12-11 | Catherine Lin-Hendel | Automated scrolling of browser content and automated activation of browser links |
US6765596B2 (en) | 2001-02-27 | 2004-07-20 | International Business Machines Corporation | Multi-functional application launcher with integrated status |
-
2005
- 2005-03-23 KR KR1020067022770A patent/KR100795590B1/en not_active IP Right Cessation
- 2005-03-23 WO PCT/FI2005/050104 patent/WO2005096132A1/en active Application Filing
- 2005-03-23 EP EP05731356A patent/EP1735685A1/en not_active Withdrawn
Also Published As
Publication number | Publication date |
---|---|
EP1735685A1 (en) | 2006-12-27 |
KR100795590B1 (en) | 2008-01-21 |
WO2005096132A1 (en) | 2005-10-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20050223342A1 (en) | Method of navigating in application views, electronic device, graphical user interface and computer program product | |
US11481538B2 (en) | Device, method, and graphical user interface for providing handwriting support in document editing | |
JP6902116B2 (en) | Systems and methods for interacting with multiple applications simultaneously displayed on an electronic device with a touch-sensitive display | |
EP2225628B1 (en) | Method and system for moving a cursor and selecting objects on a touchscreen using a finger pointer | |
US10684751B2 (en) | Display apparatus, display method, and program | |
EP2825950B1 (en) | Touch screen hover input handling | |
KR102091235B1 (en) | Apparatus and method for editing a message in a portable terminal | |
EP2469399B1 (en) | Layer-based user interface | |
JP2017224318A (en) | Touch input cursor manipulation | |
EP2881849A1 (en) | Gesture-based screen-magnified touchscreen navigation | |
US20090109243A1 (en) | Apparatus and method for zooming objects on a display | |
US20160034132A1 (en) | Systems and methods for managing displayed content on electronic devices | |
US20050223341A1 (en) | Method of indicating loading status of application views, electronic device and computer program product | |
EP2720134A2 (en) | Apparatus and method for displaying information in a portable terminal device | |
KR102228335B1 (en) | Method of selection of a portion of a graphical user interface | |
KR20110006547A (en) | Mobile terminal for displaying menu information accordig to trace of touch signal | |
KR100795590B1 (en) | Method of navigating, electronic device, user interface and computer program product | |
US20070024577A1 (en) | Method of controlling software functions, electronic device, and computer program product | |
US20070006086A1 (en) | Method of browsing application views, electronic device, graphical user interface and computer program product | |
US20150106764A1 (en) | Enhanced Input Selection | |
GB2516472A (en) | Methods and Apparatuses Relating to the Display of User Interfaces | |
KR101529886B1 (en) | 3D gesture-based method provides a graphical user interface | |
CN103412721B (en) | A kind of touch panel device fast enters the system and method for browser | |
KR20160027063A (en) | Method of selection of a portion of a graphical user interface |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant | ||
LAPS | Lapse due to unpaid annual fee |