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 PDF

Info

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
Application number
KR1020067022770A
Other languages
Korean (ko)
Other versions
KR100795590B1 (en
Inventor
미코 레프카
비르피 로토
Original Assignee
노키아 코포레이션
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from US10/813,222 external-priority patent/US20050223340A1/en
Application filed by 노키아 코포레이션 filed Critical 노키아 코포레이션
Publication of KR20070009661A publication Critical patent/KR20070009661A/en
Application granted granted Critical
Publication of KR100795590B1 publication Critical patent/KR100795590B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Abstract

The invention relates to a method of navigating in application views of an electronic device, to an electronic device, to a graphical user interface, and to a computer program product. The electronic device is configured to : display an initial application view on the display, provide a floatable navigation area displayed at least partly over the application views on the display, the floatable navigation area comprising navigation blocks for controlling given software functions, detect a selection of a given navigation block indicated by the input device, perform software functions associated with the selected navigation block once the selection of said navigation block is detected, and to display a current application view on the basis of the performed software functions. ® KIPO & WIPO 2007

Description

네비게이팅하는 방법, 전자 디바이스, 사용자 인터페이스, 그리고 컴퓨터 프로그램 산물 {METHOD OF NAVIGATING, ELECTRONIC DEVICE, USER INTERFACE AND COMPUTER PROGRAM PRODUCT}How to navigate, electronic devices, user interfaces, and computer program products {METHOD OF NAVIGATING, ELECTRONIC DEVICE, USER INTERFACE AND COMPUTER PROGRAM PRODUCT}

본 발명은 전자 디바이스의 애플리케이션 뷰(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 input device 104 and a display 102, such as a touch screen implemented in a manner known per se. In addition, the user interface of the device may include a loudspeaker and a keypad part. Depending on the type of device, there may be many other user interface portions. The device of FIG. 1, such as a mobile station, also includes communication means 108 for implementing the functions of the mobile station, and includes speech and channel coders, modulators, and RF portions. The device may include an antenna and a memory 106.

디바이스의 기능들은, 어떤 표면상에서 움직임으로써 동작하는 마우스, 핸드-헬드 위치 입력기와 같은 입력 디바이스(104)에 의해, 제어될 수 있다. 예를 들어 마우스를 사용할 때, 어떤 표시(sign)나 심벌(symbol)은 디스플레이(102) 상에 마우스 커서의 위치를 보여주고 그리고 종종 디바이스 내에서 실행되고 있는 기능을 보여주며 또는 그것의 상태를 보여준다. 또한 요구된 기능들이 디스플레이(102) 상에서 보이는 요구된 오브젝트(object)들을 터치함으로써 선택되는 것처럼, 디스플레이(102) 자체가 터치 스크린에 의해 구현된 입력 디바이스(104)가 될 수 있다. 디스플레이(102) 상의 터치는 예를 들어 펜(pen), 스타일러스(stylus) 또는 손가락에 의해 이루어질 수 있다. 입력 디바이스(104)는, 어떤 제어 명령들을 해석하는 데 있어 눈 움직임 탐지를 사용하는, 눈 추적 수단을 사용함으로써 구현될 수도 있다.The functions of the device may be controlled by an input device 104, such as a mouse, hand-held position input device, which operates by moving on any surface. For example, when using a mouse, some signs or symbols show the position of the mouse cursor on the display 102 and often show the function being executed within the device or show its status. . Also, the display 102 itself may be the input device 104 implemented by the touch screen, as the required functions are selected by touching the required objects visible on the display 102. The touch on the display 102 may be made by a pen, stylus or finger, for example. The input device 104 may be implemented by using eye tracking means, which uses eye movement detection in interpreting certain control commands.

제어 유닛(100)은 사용자 인터페이스의 기능들을 제어하고, 그리고 디스플레이(102)에 연결되고, 디스플레이(102) 상에 다른 애플리케이션 뷰들을 보여주도록 구성된다. 제어 유닛(100)은 입력 디바이스(104)로부터 제어 명령들을 수신한다. 입력 디바이스(104)는 디스플레이(102) 상에서 보여지는 애플리케이션 뷰들 내에서 네비게이팅을 위한 제어 명령들을 주도록 구성된다. 애플리케이션 뷰들은 인터넷으로부터의 다른 웹 페이지들 내에서의 뷰들일 수 있고, 디바이스 내에서 실행되는 어떤 애플리케이션 프로그램들로부터의 뷰들일 수 있으며, 또는 디스플레이(102) 상에서 보여질 수 있는 어떤 다른 애플리케이션 뷰들일 수 있다. 애플리케이션 뷰들을 브라우징하거나 네비게이팅하는 것은 애플리케이션 뷰를 수평 또는 수직으로 스크롤 하는 것을 포함하고, 애플리케이션 뷰의 세부 사항들을 더욱 잘 보기 위해 애플리케이션 뷰로 줌 인하는 것을 포함하며, 또한 전체 애플리케이션 뷰의 일반적인 모습(general view)을 더 많이 보기 위해 애플리케이션 뷰로부터 줌 아웃하는 것을 포함한다. The control unit 100 controls the functions of the user interface and is connected to the display 102 and configured to show other application views on the display 102. The control unit 100 receives the control commands from the input device 104. The input device 104 is configured to give control commands for navigating within the application views shown on the display 102. The application views can be views in other web pages from the Internet, can be views from some application programs running in the device, or can be any other application views that can be shown on the display 102. have. Browsing or navigating application views includes scrolling the application view horizontally or vertically, zooming in to the application view to better see the details of the application view, and also viewing the general view of the entire application view. zooming out of the application view to see more of the view.

네비게이팅 기능은, 요구된 기능들(예를 들어 스크롤링 또는 줌잉)이 입력 디바이스(104)에 의해 먼저 선택되는 것처럼 그렇게 동작한다. 그 다음, 제어 유닛(100)은 탐지된 선택들을 해석하고, 그것에 기초하여 주어진 소프트웨어 기능들을 수행하며, 그리고 수행된 소프트웨어 기능들의 결과로서, 주어진 애플리케이션 뷰를 디스플레이(102) 상에 디스플레이한다.The navigating function operates as if the required functions (eg scrolling or zooming) were first selected by the input device 104. The control unit 100 then interprets the detected selections, performs the given software functions based on it, and displays the given application view on the display 102 as a result of the performed software functions.

본 발명의 실시예에서, 제어 유닛(100)은 먼저 초기 애플리케이션 뷰를 디스플레이(102) 상에 디스플레이한다. 제어 유닛(100)은 디스플레이(102) 상에서의 애플리케이션 뷰 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하도록 구성된다. 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함한다. 제어 유닛(100)은 입력 디바이스(104)에의해 지시된 주어진 네비게이션 블록의 선택을 탐지한다. 예를 들어 상기 선택은 디스플레이(102) 상의 터치에 기초하여 탐지될 수 있다. 대안적으로, 상기 선택은 마우스나 펜 같은 입력 디바이스(104)에 의해 탐지될 수 있다.In an embodiment of the invention, the control unit 100 first displays an initial application view on the display 102. The control unit 100 is configured to provide a floatable navigation area that is at least partially displayed above the application view on the display 102. The floatable navigation area includes navigation blocks that control given software functions. The control unit 100 detects the selection of the given navigation block indicated by the input device 104. For example, the selection can be detected based on a touch on the display 102. Alternatively, the selection can be detected by input device 104 such as a mouse or pen.

본 발명의 실시예에 따라, 제어 유닛(100)은, 네비게이션 블록의 선택이 탐지되면, 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하도록 구성된다. 마지막으로, 제어 유닛(100)은 상기 수행된 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록 구성된다.According to an embodiment of the invention, the control unit 100 is configured to perform software functions associated with the selected navigation block if a selection of the navigation block is detected. Finally, the control unit 100 is configured to display the current application view based on the software functions performed above.

초기 애플리케이션 뷰는 인터넷 페이지에서의 부분적 뷰일 수 있고, 그리고 스크롤링 기능 후의 현재의 애플리케이션 뷰는 예를 들어 인터넷 페이지의 또 다른 부분에서의 뷰일 수 있다. 현재의 애플리케이션 뷰는 제어 유닛(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 control unit 100 performs the zooming function.

제어 유닛(100)은 입력 디바이스(104)에 의해 지시된 제어 명령들을 계속 탐지하고, 그리고 주어진 네비게이션 블록들의 선택들을 계속 탐지한다. 플로터블 네비게이션 영역은, 애플리케이션 뷰들을 디스플레이하는 주어진 애플리케이션 프로그램이 열릴 때, 디스플레이(102) 상의 애플리케이션 뷰 위에 자동으로 부분적으로 디스플레이될 수 있다. 플로터블 네비게이션 영역은 아이콘 또는 메뉴 기능을 사용하여 또는 탭-기반 활성화(tap-based activation)에 의해 개별적으로 열릴 수도 있다.The control unit 100 continues to detect the control commands indicated by the input device 104 and continues to detect the selections of the given navigation blocks. The floatable navigation area may be partially displayed automatically over the application view on display 102 when a given application program displaying the application views is opened. The floatable navigation area may be opened individually using an icon or menu function or by tap-based activation.

다음으로 도 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 display 102 is divided into different areas. Each area has specific functions. For example, application views are shown in the largest areas 220A, 220B. There may be other bars 216, 218 to display menus or other information on the display 102.

실시예에서, 플로터블 네비게이션 영역들(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 floatable navigation areas 200, 200A, 200B are in the form of rectangles in FIGS. 2A, 2B. Floatable navigation regions 200, 200A, 200B may have a different shape than a rectangle, for example a circle. Floatable navigation areas 200, 200A, 200B include navigation blocks 202, 204, 206, 208, 210, 212, 214 to control given software functions. In these examples, navigation blocks 202 and 208 control horizontal scrolling of the application view, and navigation blocks 204 and 212 control vertical scrolling of the application view. The navigation blocks 206, 210 control zooming in and zooming out in this example. Tapping down the pen on a given navigation block 202, 204, 208, 212 scrolls in the required direction by one predetermined step. The function can be repeated by holding the pen down on the navigation blocks 202, 204, 208, 212. Thus, tapping down the pen on a given navigation block 206, 210 for zooming changes the zoom level by one predetermined step, and holding down the pen repeats the above function.

네비게이션 블록들(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 floatable navigation area 200, 200A, 200B includes a control block 214. 2A and 2B, the control block 214 is in the center of the floatable navigation area. The control block 214 is for changing the position of the floatable navigation area 200, 200A, 200B, for example. The position of the floatable navigation area 200, 200A, 200B can be changed, for example, by dragging and dropping the floatable navigation area 200, 200A, 200B with the help of the control block 214. . By tapping on the control block 214 and holding down the pen during dragging, the floatable navigation area can be moved in the desired direction. For example, in FIG. 2B the position of the floatable navigation area 200A is replaced with the position of the floatable navigation area 200B. The changed position may remain in the memory and the floatable control area 200A may then be displayed at the changed position.

플로터블 네비게이션 영역(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 floatable navigation area 200, 200A, 200B can be set as desired. In the example of FIG. 2A, navigation blocks 202, 204, 206, 208, 210, 212, 214 for other functions are represented by separate icons. For example, with up and down arrows for navigation blocks 212 and 204 for vertical scrolling, and with left and right arrows for navigation blocks 202 and 208 for horizontal scrolling, for zooming in or zooming out. The navigation blocks 206 and 210 are indicated by magnifying glass and the control block 214 by cross-hair arrows. The navigation blocks 202, 204, 206, 208, 210, 212, 214 may be displayed with appropriate colors, text, drawings, or fill effects. Also, no icons may be used, and only other colors may be used to identify other functions of the navigation blocks 202, 204, 206, 208, 210, 212, 214. For example, other functional groups, for example, scrolling, zooming, and moving may have their own colors in addition to icons such as arrows and magnifiers.

플로터블 네비게이션 영역(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) 아래의 애플리케이션 뷰를 반투명 플로터블 네비게이션 영역을 통과하여 볼 수도 있다.Floatable navigation area 200, 200A, 200B is also in the "ghost mode" (which means, for example, that all icons are removed and use only color to indicate other navigation blocks). It can be set to appear in. The entire floatable navigation area 200, 200A, 200B may be translucent. That is, the contents under the floatable navigation area 200, 200A, 200B can be viewed. The degree of transparency can also be adjusted. Thus, it does not cover too much of the application view shown on the floatable navigation area 200, 200A, 200B display 102. Colors, arrows, or magnifiers may not be visible so that only some or all of the contours of the other navigation blocks 202, 204, 206, 208, 210, 212, 214 can be seen. As an example of the "ghost mode", FIG. 2B shows the floatable navigation area 200B in the "ghost mode". The application view 220B can be viewed through the floatable navigation area 200B. Moreover, there are only contours of the navigation blocks 202, 204, 206, 208, 210, 212, 214 that indicate the positions of the navigation blocks of the floatable navigation area 200B. Of course, "ghost mode" may be used with other icons, such as arrows, magnifiers, and / or colors. Accordingly, an application view below the floatable navigation area 200, 200A, 200B may be viewed through the translucent floatable navigation area.

도 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 initial application view 220A displayed on display 102. Application view 220A is, for example, a view in a web page on the Internet. Floatable navigation area 200 is at least partially displayed above initial application view 220A. For example, the position and size of the floatable navigation area 200 may be determined using the user interface of the device. Each time an application view is opened, the floatable navigation area 200 may be displayed at a given location, for example in the upper right corner of the display 102. By using the control block 214, the position can be changed at any time. The position of the floatable navigation area 200 can be changed by pressing or touching the control block 214 with a pen, for example, and by moving the pen along the surface of the display 102. The size of the floatable navigation area 200 may be suitably set, for example, according to the needs of individual users of the device. The user can select between, for example, the large and small floatable navigation areas 200, 200A, 200B. Once accustomed to using this method, the user may want to make the floating navigation area 200, 200A, 200B appear smaller and smaller. Thus, a smaller size and "ghost mode" may be selected to make the floatable navigation area 200, 200A, 200B completely invisible. But still available.

도 2A의 예에서, 다음으로 네비게이션 블록(204)이 선택된다. 사용자는 예를 들어 페이지 아래 방향으로 스크롤 함으로써 웹 페이지까지 뷰를 네비게이팅 하고 싶어한다. 따라서, 스크롤링 다운 기능을 제어하는 네비게이션 블록(204)이 선택된다. 네비게이션 블록(204)의 선택은 어느 적절한 입력 디바이스를 사용함으로써 수행될 수 있다. 네비게이션 블록(204)의 선택이 탐지되면, 도 2B에 도시된 현재의 애플리케이션 뷰(220B)가 디스플레이된다. 스크롤링 다운의 양은 예를 들어, 얼마나 오랫동안 네비게이션 블록(204) 상에 펜을 누르고 있는지에 달려 있을 수 있다. 만약에 단지 한 번의 터치가 네비게이션 블록(204) 상에서 탐지되면, 미리 결정된 단계만이 아래로 스크롤 된다. 더욱이 만약 펜이 계속 네비게이션 블록(204) 상에 홀딩 다운된다면, 스크롤링 다운은 펜이 네비게이션 블록(204) 상에 머무르고 있는 동안 계속 진행된다. 미리 결정된 시간 동안 네비게이션 블록(204) 상에 펜을 누르고 있으므로 인해 스크롤링 다운의 속도를 증가시킬 수도 있다.In the example of FIG. 2A, a navigation block 204 is next selected. The user wants to navigate the view up to the web page, for example by scrolling down the page. Thus, the navigation block 204 that controls the scrolling down function is selected. Selection of the navigation block 204 can be performed by using any suitable input device. If a selection of the navigation block 204 is detected, the current application view 220B shown in FIG. 2B is displayed. The amount of scrolling down may depend, for example, on how long you hold the pen on the navigation block 204. If only one touch is detected on the navigation block 204, only the predetermined step is scrolled down. Moreover, if the pen continues to hold down on the navigation block 204, scrolling down continues while the pen is staying on the navigation block 204. Holding down the pen on the navigation block 204 for a predetermined time may increase the speed of scrolling down.

따라서, 만약에 사용자가 디스플레이(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 display 102, the navigation blocks 206, 210 for zooming are selected. If a selection of navigation blocks 206, 210 for zooming is detected, the current application view zoomed in accordance with the detected and selected navigation block is shown. If the pen continues to hold down on the navigation blocks 206 and 210 for zooming, the zooming function continues to be performed. Holding down the pen on the navigation blocks 206 and 210 for a given time may thus increase the speed of zooming. In an embodiment, the amount of pressing pressure detected at any location of the navigation blocks 202, 204, 206, 208, 210, 212, 214 may define the degree of zooming or the speed of scrolling. The amount of pressing pressure may be detected, for example, based on a pressure sensitive pen or touch screen used with the user interface of the embodiment.

다른 실시예에서, 주어진 네비게이션 블록(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 floatable navigation area 200, or there may be a number of floatable navigation areas 200, 200A, 200B shown on the display. Thus, the navigation blocks 202-214 may in fact be anywhere on the display 102. The user typically only needs some navigation blocks 202-214, and can only show those navigation blocks 202-214 that are frequently used. Given navigation blocks 202-214 may be located on other portions of the display 102.

실시예로, 드래깅 기능은, 드래깅 기능이 지시된 주어진 네비게이션 블록(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.

스크롤링을 위한 네비게이션 블록Navigation block for scrolling 탭:Tab: 애플리케이션 뷰 상에서 이전의 위치로 이동(또는 탭 & 홀드에서와 같다).Move to the previous position on the application view (or as in Tap & Hold). 탭 & 홀드:Tap & Hold: 페이지의 미니에이쳐 뷰(miniature view)를 제공하는 줌 & 스크롤 다이얼로그(zoom & scroll dialog) 그리고 움직여질 수 있고 크기 조절될 수 있는 사각형(새로운 뷰에 대응한다)을 불러오기.A zoom & scroll dialog that provides a miniature view of the page and loads a movable and resizable rectangle (corresponding to the new view). 드래그:drag: 드래그의 방향은 스크롤링 방향을 정의할 수 있다. 아래로 드래그 함으로써 현재의 뷰 아래에 있는 더 많은 콘텐트를 보여준다. 페이지는 어느 방향으로든지 스크롤될 수 있다; 스크롤링 방향은, 예를 들어 스크롤 시작 포인트(네비게이션 블록)와 스타일러스 사이의 현재 각도와 같다. 뷰는 스타일러스를 떼놓을 때까지 부드럽게 스크롤 된다. 스타일러스가 네비게이션 블록으로부터 더 멀리 움직여지면 질수록, 스크롤은 더 빨라질 수 있다. 뷰는 결코 그 페이지를 넘어 스크롤하지 않는다. 만약 콘텐트가 디스플레이보다 더 넓지 않다면, 단지위와 아래로의 스크롤링이 가능하다.The direction of the drag may define the scrolling direction. Dragging down shows more content below the current view. The page can be scrolled in any direction; The scrolling direction is, for example, equal to the current angle between the scroll start point (navigation block) and the stylus. The view scrolls smoothly until you release the stylus. The further the stylus is moved away from the navigation block, the faster the scroll can be. The view never scrolls beyond that page. If the content is not wider than the display, only scrolling up and down is possible.

줌잉 인 및 아웃을 위한 네비게이션 블록Navigation block for zooming in and out 탭:Tab: 현재 뷰의 중심을 향해 미리 결정된 단계를 줌잉.Zoom predetermined steps towards the center of the current view. 탭 & 홀드:Tap & Hold: 페이지의 미니에이쳐 뷰를 제공하는 줌 & 스크롤 다이얼로그 그리고 움직여질 수 있고 크기 조절될 수 있는 사각형(새로운 뷰에 대응한다)을 불러오기.Zoom & Scroll dialog that provides a miniature view of the page, and loads a movable and resizable rectangle (corresponding to the new view). 드래그:drag: 드래그의 방향은 뷰가 줌 인 또는 아웃되는지를 정의한다. 오른쪽 또는 위쪽 드래깅은 줌 인, 그리고 왼쪽 또는 아래쪽 드래깅은 줌 아웃. 뷰는 스타일러스를 떼놓을 때까지 부드럽게 줌 된다. 스타일러스가 더 멀리 움직여지면 질수록, 줌은 더 빨라진다. 네비게이션 블록의 다른 쪽으로 계속적인 드래깅은 줌 방향을 바꾼다.The direction of the drag defines whether the view is zoomed in or out. Right or top dragging zooms in, and left or bottom dragging zooms out. The view zooms smoothly until you release the stylus. The farther the stylus is moved, the faster the zoom. Continuous dragging to the other side of the navigation block changes the zoom direction.

페이지 네비게이션을 위한 네비게이션 블록Navigation block for page navigation 탭:Tab: 이전 페이지로 되돌아 가기. Return to the previous page. 탭 & 홀드:Tap & Hold: 이전에 방문했던 페이지들을 가진 히스토리 다이얼로그(history dialog) 불러오기. 전진 리스트(forward list) 내에 가능한 페이지들이 여기서 보여질 수도 있다.Bring up a history dialog with previously visited pages. Possible pages in the forward list may be shown here. 드래그:drag: 드래그의 방향은 네비게이션 방향을 정의한다. 오른쪽 또는 아래쪽 드래그함으로써 점핑 전진(jumping forward)하고, 그리고 왼쪽 또는 위쪽 드래그함으로써 점핑 후진(jumping backforward)한다. 더 많은 페이지들이 스타일러스를을 떼놓을 때까지 보여질 수 있다. 스타일러스가 네비게이션 블록으로부터 더 멀리 움직여지면 질수록, 점핑은 더 빨라진다. 만약에 몇 개의 윈도우들이 열려있다면, 수직 드래그 함으로써 윈도우들 사이를 점핑한다. 윈도우(이로 부터 현재의 윈도우가 열린다)는 사용자가 위쪽으로 드래그 할 때 보여지고, 그리고 이후에 열리는 윈도우는 아래쪽으로 드래그 할 때 보여진다. 다시 스타일러스가 더 멀리 움직여지면 질수록 윈도우들은 더 빨리 바뀔 수 있다. The direction of the drag defines the navigation direction. Jump forward by dragging right or down, and jumping backforward by dragging left or up. More pages can be shown until you release the stylus. The further the stylus is moved away from the navigation block, the faster the jumping. If several windows are open, jump between them by dragging vertically. The window (from which the current window is opened) is shown when the user drags upwards, and subsequent windows are shown when dragging downwards. Again, the farther the stylus moves, the faster the windows can change.

검색을 위한 네비게이션 블록Navigation block for searching 탭:Tab: 만약에 현재 페이지 상의 검색이 브라우징 세션(browsing session) 내에서 이전에 정의되어 있었다면, 이전 검색을 다시 실행(=텍스트 찾기). 만약에 웹 상의 검색이 브라우징 세션 내에서 정의되어 있었다면, 현재 페이지로부터의 주어진 키워드(keyword)를 찾기 위해 노력함. 만약에 어떠한 검색도 브라우징 세션 내에서 실행되지 않았다면, 웹 또는 현재 페이지 가운데 어느 하나로부터 주어진 키워드를 검색하기 위한 옵션(option)들을 가진 검색 다이얼로그를 불러오기. 브라우징 세션이 언제나 열려있다면, 이전 검색의 메모리는 미리 결정된 시간(예를 들어 한 시간) 동안 지속 된다. 이 시간 이후에 탭핑 함으로써 검색 다이얼로그를 팝핑 업(popping up) 시킨다.If a search on the current page was previously defined within a browsing session, run the previous search again (= find text). If a search on the web was defined within a browsing session, try to find a given keyword from the current page. If no search was performed within the browsing session, bring up a search dialog with options for searching the given keyword from either the web or the current page. If the browsing session is always open, the memory of the previous search lasts for a predetermined time (eg one hour). Popping up the search dialog by tapping after this time. 탭 & 홀드:Tap & Hold: 웹 또는 현재 페이지 가운데 어느 하나로부터 주어진 키워드를 검색하기 위한 옵션들을 가진 검색 다이얼로그를 불러오기.Brings up a search dialog with options for searching a given keyword from either the web or the current page. 드래그:drag: 브라우징 세션 내의 현재 페이지 상에서의 검색이 이전에 정의되어 있었을 때 검색을 재-실행. 드래그의 방향은 검색의 방향을 정의한다. 적어도 두 가지 방향들이 있을 수 있다(이전, 다음). 찾아진 텍스트는 하이라이트(highlight) 된다. 다음 매칭(matching) 텍스트까지의 점핑의 속도는 네비게이션 블록으로부터의 스타일러스의 거리에 의해 정의된다. 만약에 웹 상의 검색이 이 브라우징 세션 내에서 이전에 정의되어 있었다면, 현재 페이지로부터의 주어진 키워드를 찾기 위해 노력함. 만약에 어떠한 검색도 이 브라우징 세션 내에서 실행되지 않았다면, 드래그의 방향으로부터 다음 하이퍼링크(hyperlink)를 찾기 및 화이라이팅 하기. 만약에 브라우징 세션이 언제나 열려있다면, 이전 검색의 메모리는 미리 결정된 시간(예를 들어 한 시간) 동안 지속 된다. 이 시간 이후에 드래그는 하이퍼링크 검색을 시작한다.Re-run the search when the search on the current page in the browsing session was previously defined. The direction of the drag defines the direction of the search. There may be at least two directions (previous, next). The found text is highlighted. The speed of jumping up to the next matching text is defined by the distance of the stylus from the navigation block. If a search on the web was previously defined within this browsing session, try to find a given keyword from the current page. If no search was performed within this browsing session, find and highlight the next hyperlink from the direction of the drag. If the browsing session is always open, the memory of the previous search lasts for a predetermined time (eg one hour). After this time, the drag starts searching for hyperlinks.

줌잉 인을 위한 네비게이션 블록Navigation block for zooming in 탭:Tab: 뷰의 중심을 향해 미리 결정된 단계를 줌잉.Zoom predetermined steps towards the center of the view. 탭 & 홀드:Tap & Hold: 뷰의 중심을 향해 부드럽게 줌잉 인.Gently zoom in toward the center of the view. 드래그:drag: 바뀌고 있는 뷰의 중심을 향해 줌잉 동안 뷰를 스크롤링. 드래그의 방향은 스클롤링 방향을 정의한다. 아래쪽 드래그 함으로써 현재 뷰 아래로부터의 더 많은 콘텐트를 보여준다. 페이지는 어느 방향으로든지 스크롤 될 수 있다. 스크롤링 방향은 스크롤 시작 포인트(네비게이션 블록)와 스타일러스 사이의 현재 각도와 같다. 뷰는 스타일러스를 떼놓을 때까지 부드럽게 스크롤 되고 줌 된다. 스타일러스가 네비게이션 블록으로부터 더 멀리 움직여질수록, 스크롤링은 더 빨라진다.Scrolling the view while zooming towards the center of the changing view. The direction of the drag defines the scrolling direction. Dragging downwards shows more content from below the current view. The page can be scrolled in any direction. The scrolling direction is equal to the current angle between the scroll start point (navigation block) and the stylus. The view scrolls and zooms smoothly until you release the stylus. The further the stylus is moved away from the navigation block, the faster the scrolling.

줌잉 아웃을 위한 네비게이션 블록Navigation block for zooming out 탭:Tab: 현재 뷰의 중심으로부터 미리 정의된 단계를 줌잉 아웃.Zoom out of predefined steps from the center of the current view. 탭 & 홀드:Tap & Hold: 뷰의 중심으로부터 부드럽게 줌잉 아웃.Smooth zoom out from the center of the view. 드래그:drag: 줌잉 동안 뷰를 스클롤링. 드래그의 방향은 스클롤링 방향을 정의한다. 아래쪽 드래그 함으로써 현재 뷰 아래로부터의 더 많은 콘텐트를 보여준다. 페이지는 어느 방향으로든지 스크롤 될 수 있다. 스크롤링 방향은 스크롤 시작 포인트(네비게이션 블록)와 스타일러스 사이의 현재 각도와 같다. 뷰는 스타일러스를 떼놓을 때까지 부드럽게 줌 되고 스크롤 된다. 펜이 네비게이션 블록으로부터 더 멀리 움직여질수록, 스크롤링은 더 빨라진다.Scroll the view while zooming. The direction of the drag defines the scrolling direction. Dragging downwards shows more content from below the current view. The page can be scrolled in any direction. The scrolling direction is equal to the current angle between the scroll start point (navigation block) and the stylus. The view is smoothly zoomed and scrolled until you release the stylus. The farther the pen is moved from the navigation block, the faster the scrolling.

페이지들 사이에서 스크롤링, 줌, 네비게이팅, 그리고 플로터블 네비게이션 제어를 가지고 효율적으로 검색하는 새로운 방법은 앞선 표 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 input device 104 comprises a touch screen giving control commands for navigation, and the control unit 100 includes pixel components below the detected touch point on a given navigation block indicated by the touch screen. Is further configured to perform the software functions associated with the selected navigation block by considering the detected pixel component as a mid-point for the software function.

예를 들어, 선택된 네비게이션 블록이 줌잉을 위한 네비게이션 블록이고 사용자는 한번에 또는 한 단계 줌 인 또는 아웃 하기를 원하는 상황에서, 줌잉 인 또는 아웃을 위한 네비게이션 블록 상을 탭핑한 결과는 스타일러스 터치 포인트 밑의 픽셀이 그 위치에 머무르게 하고, 그리고 뷰는 줌 인/아웃 된다. 만약 사용자가 부드럽게 줌 인/아웃 하기를 원한다면, 그러면 스타일러스를 누르고 줌잉 인/아웃을 위한 네비게이션 블록 위에 계속 잡고 있을 수 있다. 따라서, 뷰는 사용자가 스타일러스를 떼어내기까지 부드럽게 줌 된다. 스타일러스 밑의 픽셀은 줌잉 동안 원래 위치에 머무른다. 실시예로, 애플리케이션 뷰 내의 어떤 포인트까지 부드럽게 줌잉 인/아웃도 가능하다: 줌잉을 위한 네비게이션 블록 상에 스타일러스를 홀딩하는 동안, 스타일러스는 디스플레이 상에서 원하는 위치까지 움직여 진다. 여러 번의 줌잉 중 하나가 발생할 때 그 지점에서의 스타일러스 아래에 있는 픽셀은 자신의 원래 위치에 머무른다. 따라서, 줌잉을 위한 중앙 픽셀은 스타일러스가 움직임에 따라 바뀐다. 이 방법은, 줌잉 기능이 시작될 때 줌잉을 위한 네비게이션 블록이 그 장소에 있지 않을지라도, 사용자가 스크린 상에 필요한 영역이 남아있는 것을 확인할 수 있다. 줌잉 기능의 속도는, 목표 포인트까지 알맞은 시간에 움직이는 것을 더 용이하게 하기 위해 펜이 움직이는 동안, 늦추어 질 수도 있다.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 floatable navigation area 200, 200A, 200B. For example, a selection list or menu (where other control functions can be selected) can be opened by additionally pressing the mouse button on a given navigation block 202, 204, 206, 208, 210, 212, 214. . If a touch screen or pressure sensitive pen is used, it is possible to activate a given control function such as opening the selection list by placing the pen on the control block 214 and holding the pen without movement. Other topics on selection lists or menus include the floating navigation area 200, 200A, 200B, the navigation blocks 202, 204, 206, 208, 210, 212, 214, browsing functions and other settings. Can be related to the By using such selection lists, all settings and functions that are needed can be easily reached. Examples of control functions that may be included in the selection lists include toggling between the full screen and normal view, hiding the floating navigation area 200, 200A, 200B, selecting the ghost mode, and the floating navigation area. Setting the size and appearance of the 200, 200A, 200B, and the like. Perform the function under review, for example, by selecting a given topic from the selection list and then close the selection list. Tapping outside the select list can also be undone and close the select list.

도 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 steps 304 through 310 until the application is closed or the device is shut down. The method ends at 312.

본 발명이 첨부된 도면에 따라 예제를 참조하여 앞서 설명되었을 지라도, 본 발명은 여기에 한정되지 않으며 첨부된 특허청구범위의 범위 내에서 여러 방법들로 수정될 수 있다는 것은 명백하다.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)

전자 디바이스의 애플리케이션 뷰들 내에서 네비게이팅하는 방법에 있어서, 여기서 상기 전자 디바이스는 애플리케이션 뷰들를 보여주기 위한 디스플레이와 그리고 입력 디바이스를 포함하며, 상기 방법은,A method of navigating in application views of an electronic device, wherein the electronic device comprises a display for showing application views and an input device, the method comprising: 상기 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하는 단계와;Displaying an initial application view on the display; 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하는 단계와, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며;Providing a floatable navigation area at least partially displayed over the application views on the display, wherein the floatable navigation area includes navigation blocks for controlling given software functions; 상기 입력 디바이스에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하는 단계와;Detecting a selection of a given navigation block indicated by the input device; 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하는 단계와; 그리고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 performed software functions. 제 1항에 있어서,The method of claim 1, 상기 플로터블 네비게이션 영역의 위치를 바꾸기 위해 상기 플로터블 네비게이션 영역 내에 제어 블록을 제공하는 단계와, 그리고 상기 제어 블록으로부터의 탐지된 제어 명령들에 기초하여 상기 플로터블 네비게이션 영역의 위치를 바꾸는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Providing a control block within the floatable navigation area to change the position of the floatable navigation area, and repositioning the floatable navigation area based on detected control commands from the control block. Navigation method comprising a. 제 1항에 있어서,The method of claim 1, 상기 초기 애플리케이션 뷰가 상기 디스플레이 내에서 열릴 때 상기 플로터블 네비게이션 영역을 제공하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Providing the floatable navigation area when the initial application view is opened within the display. 제 1항에 있어서, 상기 소프트웨어 기능들을 수행하는 단계는,The method of claim 1, wherein performing the software functions comprises: 현재의 애플리케이션 뷰를 산출하기 위해 상기 초기 애플리케이션 뷰를 수평으로 또는 수직으로 스크롤 하는 단계를 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Scrolling the initial application view horizontally or vertically to yield a current application view. 제 1항에 있어서, 상기 소프트웨어 기능들을 수행하는 상기 단계는,The method of claim 1, wherein performing the software functions comprises: 현재의 애플리케이션 뷰를 산출하기 위해 상기 초기 애플리케이션 뷰로 줌 인하거나 또는 상기 초기 애플리케이션 뷰로부터 줌 아웃하는 단계를 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Zooming into or out of the initial application view to yield a current application view. 제 1항에 있어서, 상기 입력 디바이스에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하는 단계는, 상기 주어진 네비게이션 블록 상에서 드래그 기능 을 탐지하는 단계를 포함하며, 그리고 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들은 상기 주어진 네비게이션 블록 상에서의 상기 탐지된 드래그 기능에 기초하여 수행되는 것을 특징으로 하는 네비게이팅하는 방법.The method of claim 1, wherein detecting the selection of a given navigation block indicated by the input device comprises detecting a drag function on the given navigation block, and wherein the software functions associated with the selected navigation block are: Navigating based on the detected drag function on the given navigation block. 제 6항에 있어서, 상기 소프트웨어 기능들을 수행하는 단계,7. The method of claim 6, further comprising: performing the software functions, 다음의 것, 즉 상기 탐지된 드래그 기능의 양, 상기 탐지된 드래그 기능의 속도, 상기 탐지된 드래그 기능의 방향, 가운데 적어도 하나에 기초하는 것을 특징으로 하는 네비게이팅하는 방법.And at least one of the following, i.e., the amount of the detected drag function, the speed of the detected drag function, the direction of the detected drag function. 제 1항에 있어서, 상기 입력 디바이스는,The method of claim 1, wherein the input device, 네비게이팅을 위해 제어 명령들을 주는 터치 스크린을 포함하며, 그리고Includes a touch screen for giving control commands for navigating, and 상기 방법은,The method, 상기 터치 스크린에 의해 지시되는 상기 주어진 네비게이션 블록 상에서의 탐지된 터치 포인트 아래의 픽셀 성분을 탐지하는 단계와, 그리고 상기 소프트웨어 기능에 대해 상기 탐지된 픽셀 성분을 미드-포인트로 간주함으로써 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Detecting a pixel component below a detected touch point on the given navigation block indicated by the touch screen, and for the software function by considering the detected pixel component as a mid-point; And performing the associated software functions. 제 5항,제 6항, 그리고 제 8항에 있어서, According to claim 5, 6 and 8, 줌잉을 위해 주어진 네비게이션 블록으로부터 시작하는 상기 드래그 기능을 탐지하는 단계와, 그리고 상기 탐지된 드래그 기능에 기초하여 상기 초기 애플리케이션 뷰로 줌 인하거나 또는 상기 초기 애플리케이션 뷰로부터 줌 아웃하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법. Detecting the drag function starting from a given navigation block for zooming, and zooming in or out of the initial application view based on the detected drag function. How to navigate 제 8항에 있어서,The method of claim 8, 상기 주어진 네비게이션 블록 상에서 터치의 종료가 탐지되면 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하는 것을 종료하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Terminating performing the software functions associated with the selected navigation block if an end of touch is detected on the given navigation block. 제 8항에 있어서,The method of claim 8, 상기 주어진 네비게이션 블록의 선택을 탐지한 후에 상기 터치 스크린 상에서의 계속적인 터치에 의해 지시된 상기 디스플레이 상에서 드래그 기능을 탐지하는 단계와; 그리고 상기 디스플레이 상에서 상기 드래그 기능의 종료가 탐지되면 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Detecting a drag function on the display indicated by a continuous touch on the touch screen after detecting the selection of the given navigation block; And performing the software functions associated with the selected navigation block if an end of the drag function is detected on the display. 제 8항에 있어서,The method of claim 8, 줌잉을 위한 네비게이션 블록의 선택을 탐지하는 단계와; 상기 터치 스크린 상에서의 계속적인 터치에 의해 지시된 상기 디스플레이 상에서의 탐지된 드래그 기능에 기초하여 초기 애플리케이션 뷰로 줌 인하거나 초기 애플리케이션 뷰로부터 줌 아웃하는 단계와; 상기 터치 스크린 상에서의 터치가 상기 디스플레이의 가장자리에 도달한 것으로 탐지될 때 줌잉 기능을 스크롤링 기능으로 바꾸는 단계와; 그리고 상기 터치가 상기 디스플레이의 상기 가장자리로부터 떨어져 더 진행하는 것으로 탐지될 때 상기 줌잉 기능으로 돌아가는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Detecting a selection of a navigation block for zooming; Zooming in to or out of an initial application view based on the detected drag function on the display indicated by a continuous touch on the touch screen; Replacing the zooming function with a scrolling function when a touch on the touch screen is detected as reaching the edge of the display; And returning to the zooming function when the touch is detected to proceed further away from the edge of the display. 제 1항에 있어서,The method of claim 1, 애플리케이션 뷰 위에 상기 플로터블 네비게이션 영역을 반-투명하게 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.And semi-transparently displaying the floatable navigation area over an application view. 제 1항에 있어서,The method of claim 1, 상기 애플리케이션 뷰들 위에 상기 플로터블 네비게이션 영역의 아웃라인들을 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Displaying the outlines of the floatable navigation area over the application views. 제 1항에 있어서,The method of claim 1, 상기 애플리케이션 뷰들 위에 상기 네비게이션 블록들의 아웃라인들을 디스플레이하는 단계를 더 포함하는 것을 특징으로 하는 네비게이팅하는 방법.Displaying the outlines of the navigation blocks above the application views. 제 1항에 있어서,The method of claim 1, 상기 입력 디바이스는 터치 스크린을 포함하고, 그리고 상기 주어진 네비게 이션 블록의 선택을 탐지하는 단계는 상기 터치 스크린에 의해 지시된 주어진 네비게이션 블록 상에서 하나 이상의 터치들을 탐지하는 것을 포함하는 것을 특징으로 하는 네비게이팅하는 방법.The input device comprises a touch screen, and detecting the selection of the given navigation block comprises detecting one or more touches on a given navigation block indicated by the touch screen. Way. 제 16항에 있어서, 상기 소프트웨어 기능들을 수행하는 단계는,The method of claim 16, wherein performing the software functions comprises: 상기 터치 스크린에 의해 지시된 상기 주어진 네비게이션 블록 상에서의 상기 탐지된 하나 이상의 터치들에 기초하는 것을 특징으로 하는 네비게이팅하는 방법.And based on the detected one or more touches on the given navigation block indicated by the touch screen. 애플리케이션 뷰들 내에서 네비게이팅을 위한 전자 디바이스에 있어서, 상기 전자 디바이스는 상기 전자 디바이스의 기능을 제어하는 제어 유닛과, 상기 제어 유닛에 연결되어 애플리케이션 뷰들을 보여주는 디스플레이와, 그리고 상기 제어 유닛에 연결되어 네비게이팅을 위한 제어 명령들을 주는 입력 디바이스를 포함하여 구성되며, 상기 제어 유닛은,An electronic device for navigating within application views, said electronic device comprising: a control unit controlling the function of said electronic device, a display connected to said control unit for showing application views, and a navigation unit connected to said control unit An input device for giving control commands for gating, wherein the control unit comprises: 상기 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하고;Display an initial application view on the display; 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역을 제공하고, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며;Providing a floatable navigation area at least partially displayed above the application views on the display, wherein the floatable navigation area includes navigation blocks that control given software functions; 상기 입력 디바이스에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하고;Detect a selection of a given navigation block indicated by the input device; 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하고; 그리고Perform software functions associated with the selected navigation block if the selection of the navigation block is detected; And 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록 구성되는 것을 특징으로 하는 전자 디바이스.And display a current application view based on the software functions performed. 제 18항에 있어서, 상기 제어 유닛은,The method of claim 18, wherein the control unit, 상기 플로터블 네비게이션 영역의 위치를 바꾸기 위해 상기 플로터블 네비게이션 영역 내에서 제어 블록을 제공하고; 그리고 상기 제어 블록으로부터의 탐지된 제어 명령들에 기초하여 상기 플로터블 네비게이션 영역의 위치를 바꾸도록 더 구성되는 것을 특징으로 하는 전자 디바이스.Providing a control block within the floatable navigation area to change the position of the floatable navigation area; And change the position of the floatable navigation area based on the detected control commands from the control block. 제 18항에 있어서, 상기 제어 유닛은,The method of claim 18, wherein the control unit, 주어진 네비게이션 블록 상에서 드래그 기능을 탐지함으로써 상기 주어진 네비게이션 블록의 선택을 탐지하고, 그리고 상기 주어진 네비게이션 블록 상에서의 상기 탐지된 드래그 기능에 기초하여 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.And further configured to detect a selection of the given navigation block by detecting a drag function on a given navigation block, and perform the software functions associated with the selected navigation block based on the detected drag function on the given navigation block. An electronic device. 제 20항에 있어서, 상기 제어 유닛은,The method of claim 20, wherein the control unit, 다음의 것, 즉 상기 탐지된 드래그 기능의 양, 상기 탐지된 드래그 기능의 속도, 상기 탐지된 드래그 기능의 방향, 가운데 적어도 하나에 기초하여 상기 소프 트웨어 기능들을 수행하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.And be configured to perform the software functions based on at least one of the following, i.e., the amount of the detected drag function, the speed of the detected drag function, the direction of the detected drag function. device. 제 18항에 있어서, 상기 입력 디바이스는,The method of claim 18, wherein the input device, 네비게이팅을 위한 제어 명령들을 주는 터치 스크린을 포함하고, 그리고 상기 제어 유닛은 상기 터치 스크린에 의해 지시되는 상기 주어진 네비게이션 블록 상에서의 탐지된 터치 포인트 밑의 픽셀 성분을 탐지하고, 그리고 상기 탐지된 픽셀 성분을 상기 소프트웨어 기능에 대한 중간-포인트로 간주함으로써 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.A touch screen giving control commands for navigating, and wherein the control unit detects a pixel component below the detected touch point on the given navigation block indicated by the touch screen, and detects the detected pixel component And perform the software functions associated with the selected navigation block by considering a mid-point for the software function. 제 20항과 제22항에서, 상기 제어 유닛은,The method of claim 20 and 22, wherein the control unit, 줌잉을 위한 주어진 네비게이션 블록으로부터 시작하는 상기 드래그 기능을 탐지하고, 그리고 상기 탐지된 드래그 기능에 기초하여 상기 초기 애플리케이션 뷰로 줌 인하거나 또는 상기 초기 애플리케이션 뷰로부터 줌 아웃 하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.The electronic device further configured to detect the drag function starting from a given navigation block for zooming and to zoom in to or zoom out of the initial application view based on the detected drag function. . 제 22항에 있어서, 상기 제어 유닛은,The method of claim 22, wherein the control unit, 상기 주어진 네비게이션 블록 상에서 터치의 종료가 탐지되면, 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하는 것을 종료하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.And if termination of a touch is detected on the given navigation block, terminating performing the software functions associated with the selected navigation block. 제 22항에 있어서, 상기 제어 유닛은,The method of claim 22, wherein the control unit, 상기 주어진 네비게이션 블록의 선택을 탐지한 후에 상기 터치 스크린 상에서의 계속적인 터치에 의해 지시된 상기 디스플레이 상에서 드래그 기능을 탐지하고; 그리고 상기 디스플레이 상에서의 상기 드래그 기능의 종료가 탐지되면 상기 선택된 네비게이션 블록과 연관된 상기 소프트웨어 기능들을 수행하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.Detect a drag function on the display indicated by a continuous touch on the touch screen after detecting the selection of the given navigation block; And perform the software functions associated with the selected navigation block when an end of the drag function on the display is detected. 제 22항에 있어서, 상기 제어 유닛은,The method of claim 22, wherein the control unit, 줌잉을 위한 네비게이션 블록의 선택을 탐지하고; 상기 터치 스크린 상에서의 계속적인 터치에 의해 지시된 상기 디스플레이 상에서의 탐지된 드래그 기능에 기초하여 초기 애플리케이션 뷰로 줌 인하거나 초기 애플리케이션 뷰로부터 줌 아웃하고; 상기 터치 스크린 상에서의 터치가 상기 디스플레이의 가장자리에 도달한 것으로 탐지될 때 줌잉 기능을 스크롤링 기능으로 바꾸고; 그리고 상기 터치가 상기 디스플레이의 상기 가장자리로부터 떨어져 더 진행하는 것으로 탐지될 때 상기 줌잉 기능으로 돌아가도록 더 구성되는 것을 특징으로 하는 전자 디바이스.Detect a selection of a navigation block for zooming; Zoom in to or out of an initial application view based on the detected drag function on the display indicated by a continuous touch on the touch screen; Replace the zooming function with a scrolling function when a touch on the touch screen is detected as reaching the edge of the display; And return to the zooming function when the touch is detected to proceed further away from the edge of the display. 전자 디바이스의 디스플레이 상에 보여지는 애플리케이션 뷰들 내에서 네비게이팅을 위한 그래픽 사용자 인터페이스에 있어서, 상기 그래픽 사용자 인터페이스는,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; 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스플레이되는 플로터블 네비게이션 영역과, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며; 그리고A floatable navigation area at least partially displayed over the application views, wherein the floatable navigation area includes navigation blocks for controlling given software functions; And 탐지되고 선택된 네비게이션 블록들과 연관된 수행되는 소프트웨어 기능들에 기초하여 상기 디스플레이 상에 디스플레이되는 현재의 애플리케이션 뷰를 포함하는 것을 특징으로 하는 그래픽 사용자 인터페이스.And a current application view displayed on the display based on the performed software functions associated with the detected and selected navigation blocks. 제 27항에 있어서,The method of claim 27, 상기 플로터블 네비게이션 영역 내에 제어 블록을 더 포함하여 상기 제어 블록으로부터의 탐지된 제어 명령들에 기초하여 상기 플로터블 네비게이션 영역의 위치를 바꾸는 것을 특징으로 하는 그래픽 사용자 인터페이스. And further including a control block within the floatable navigation area to change the position of the floatable navigation area based on detected control commands from the control block. 제 27항에 있어서, 상기 현재의 애플리케이션 뷰는,The method of claim 27, wherein the current application view, 상기 초기 애플리케이션 뷰를 수평으로 또는 수직으로 스클롤 하는 상기 소프트웨어 기능들에 의해 산출되는 것을 특징으로 하는 그래픽 사용자 인터페이스.Graphical user interface as calculated by the software functions to scroll the initial application view horizontally or vertically. 제 27항에 있어서, 상기 현재의 애플리케이션 뷰는,The method of claim 27, wherein the current application view, 상기 초기 애플리케이션 뷰로 줌 인하거나 또는 상기 초기 애플리케이션 뷰로부터 줌 아웃하는 상기 소프트웨어 기능들에 의해 산출되는 것을 특징으로 하는 그래픽 사용자 인터페이스.Graphical user interface as calculated by the software functions that zoom in or out from the initial application view. 제 27항에 있어서, 상기 플로터블 네비게이션 영역은,The method of claim 27, wherein the floatable navigation area, 상기 애플리케이션 뷰들 위에 반-투명하게 디스플레이되는 것을 특징으로 하는 그래픽 사용자 인터페이스.And graphically displayed semi-transparently over said application views. 제 27항에 있어서, 상기 플로터블 네비게이션 영역의 아웃라인들은,28. The method of claim 27, wherein the outlines of the floatable navigation area are: 상기 애플리케이션 뷰들 위에 디스플레이되는 것을 특징으로 하는 그래픽 사용자 인터페이스.Graphical user interface displayed on the application views. 제 27항에 있어서, 상기 네비게이션 블록들의 아웃라인들은,The method of claim 27, wherein the outlines of the navigation blocks, 상기 애플리케이션 뷰들 위에 디스플레이되는 것을 특징으로 하는 그래픽 사용자 인터페이스.Graphical user interface displayed on the application views. 전자 디바이스의 애플리케이션 뷰 내에서 네비게이팅을 제공하는 컴퓨터 프로세스를 인코딩하는 컴퓨터 프로그램 산물에 있어서, 상기 컴퓨터 프로세스는,A computer program product for encoding 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 at least partially displayed over the application views on the display, wherein the floatable navigation area includes navigation blocks that control given software functions; 주어진 네비게이션 블록의 선택을 탐지하는 단계와;Detecting a selection of a given navigation block; 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하는 단계와; 그리고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 being performed. 제 34항에 있어서,The method of claim 34, 상기 플로터블 네비게이션 영역의 위치를 바꾸기 위해 상기 플로터블 네비게이션 영역 내에 제어 블록을 제공하는 기능들을 수행하는 단계와; 그리고 상기 제어 블록으로부터의 탐지된 제어 명령들에 기초하여 상기 플로터블 네비게이션 영역의 위치를 바꾸는 기능들을 수행하는 단계를 더 포함하는 것을 특징으로 하는 컴퓨터 프로그램 산물. Performing functions of providing a control block within the floatable navigation area to change the position of the floatable navigation area; And performing functions of relocating the floatable navigation area based on detected control commands from the control block. 애플리케이션 뷰들 내에서 네비게이팅을 위한 전자 디바이스에 있어서, 상기 전자 디바이스는 상기 전자 디바이스의 기능들을 제어하는 제어 수단과, 애플리케이션 뷰들을 보여주는 디스플레이 수단과, 그리고 네비게이팅을 위한 제어 명령들을 주는 입력 수단을 포함하여 구성되며, 상기 제어 수단은,An electronic device for navigating in application views, the electronic device comprising control means for controlling the functions of the electronic device, display means for showing application views, and input means for giving control commands for navigating. Is configured to, the control means, 디스플레이 상에 초기 애플리케이션 뷰를 디스플레이하고;Display an initial application view on the display; 상기 디스플레이 상의 상기 애플리케이션 뷰들 위에 적어도 부분적으로 디스 플레이되는 플로터블 네비게이션 영역을 제공하고, 여기서 상기 플로터블 네비게이션 영역은 주어진 소프트웨어 기능들을 제어하는 네비게이션 블록들을 포함하며;Providing a floatable navigation area at least partially displayed over the application views on the display, wherein the floatable navigation area includes navigation blocks that control given software functions; 상기 입력 수단에 의해 지시되는 주어진 네비게이션 블록의 선택을 탐지하고;Detect a selection of a given navigation block indicated by the input means; 상기 네비게이션 블록의 상기 선택이 탐지되면 상기 선택된 네비게이션 블록과 연관된 소프트웨어 기능들을 수행하고; 그리고Perform software functions associated with the selected navigation block if the selection of the navigation block is detected; And 상기 수행되는 소프트웨어 기능들에 기초하여 현재의 애플리케이션 뷰를 디스플레이하도록 더 구성되는 것을 특징으로 하는 전자 디바이스.And display the current application view based on the software functions performed.
KR1020067022770A 2004-03-30 2005-03-23 Method of navigating, electronic device, user interface and computer program product KR100795590B1 (en)

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)

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

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

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