KR20150119253A - 툴바 탐색(Toolbar Navigation)을 위한 사용자 인터페이스(User Interface) - Google Patents
툴바 탐색(Toolbar Navigation)을 위한 사용자 인터페이스(User Interface) Download PDFInfo
- Publication number
- KR20150119253A KR20150119253A KR1020157025051A KR20157025051A KR20150119253A KR 20150119253 A KR20150119253 A KR 20150119253A KR 1020157025051 A KR1020157025051 A KR 1020157025051A KR 20157025051 A KR20157025051 A KR 20157025051A KR 20150119253 A KR20150119253 A KR 20150119253A
- Authority
- KR
- South Korea
- Prior art keywords
- toolbar
- page
- tile
- user input
- pages
- 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
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
전자 디스플레이 스크린상에 디스플레이되는 툴바 아이템들의 컬렉션(collection)을 탐색하기 위한 시스템 및 방법. 버튼들과 같은, 툴바 아이템들은 툴바 페이지들의 순서화된 세트로 구성된다. 각 툴바 페이지는 툴바 아이템들의 고정된 수를 포함한다. 세트로부터 하나의 툴바 페이지가 디스플레이 스크린 상 고정된 디스플레이영역, 예를 들어 타일,내 한번에 디스플레이된다. 사용자 입력은 현재 디스플레이된 툴바 페이지가 순서화된 세트 내 다른 툴바 페이지에 의해 교체되게 한다. 툴바 디스플레이 타일에 걸처 연속 스와이프 제스처와 같은, 사용자 입력은 순서화된 세트 내 페이지들을 통한 탐색의 방향과 페이지 탐색의 속도를 결정한다. 툴바 디스플레이 영역은 순서화된 세트 내 현재 디스플레이된 툴바의 위치를 보여줄 수 있고 툴바 아이템들 사이의 애니메이션 전환들은 툴바 페이지 교체들을 알리기 위하여 디스플레이될 수 있다. 손가락 탭과 같은, 사용자 입력은 교체 툴바를 선택할 수 있다.
Description
본 특허 출원은 대리인 문서 번호 2686/186, 2013년 3월 12일 출원된 미국 임시 출원 번호 61/777,039에 대하여 우선권을 주장하며, 출원의 개시 내용은 그 전체가 여기에 참조로서 인용된다.
본 발명은 컴퓨터 처리 시스템들(computer processing systems)을 위한 사용자 인터페이스(user interface) 기술들, 특히, 디스플레이 스크린(display screen) 상 툴바(toolbar) 버튼들(buttons)의 세트들(sets) 사이의 탐색을 위한 기술들에 관한 것이다.
전자 처리 시스템들(electronic processing systems)의 디스플레이 스크린들은 툴바 버튼들을 활성화함(activating)으로써 사용자가 작업들(actions)을 시작하도록 허용하는 하나 이상의 툴바들을 종종 포함한다. 툴바 버튼 활성화는 마우스(mouse) 및 마우스 클릭(mouse click) 과 같은, 포인팅 디바이스(pointing device)를 통해 이루어질 수 있다. 또한, 터치(touch) 스크린들은 버튼에 사용자의 손가락의 터치함으로써 버튼 활성화를 허용할 수 있다.
사용자에게 동시에 디스플레이할 수 있는 툴바 버튼의 수는 툴바에 할당된 디스플레이스크린 공간과 버튼의 크기에 의해 제한된다. 부동산(real estate)” 스크린은 스마트 폰(smart phone)과 같은, 일부 디바이스들에 특별히 제한된다. 특히, 터치 스크린들을 가지는 디바이스들은 사용자 손가락 끝 크기에 의해 지시되는 최소 버튼 크기로 유지되야 한다.
툴바들에 할당된 스크린 공간 내에서 한번에 디스플레이할 수 있는 것보다 사용자에게 더 많은 툴바 버튼들을 제공할 효과적인 방법이 필요하다.
본 발명의 바람직한 실시 예에서, 전자 디스플레이 스크린 상에 디스플레이된 툴바 아이템(item)들의 콜렉션(collection)을 탐색하기 위한 방법이 제공된다. 버튼들과 같은, 툴바 아이템들은 툴바 페이지들의 순서화된 세트로 구성된다. 각 툴바 페이지는 툴바 아이템들의 고정된 수를 포함한다. 세트로부터 하나의 툴바 페이지는 스크린 상 고정된 디스플레이영역, 예를 들면 타일, 내 한번에 디스플레이된다. 사용자 입력은 현재 디스플레이된 툴바 페이지가 순서화된 세트 내의 다른 툴바 페이지로 대체되도록 한다. 툴바 디스플레이 타일에 걸친 연속 스와이프(swipe) 제스처(gesture)와 같은, 사용자 입력은 순서화된 세트와 툴바 페이지 탐색의 속도 내 툴바 페이지들을 통하여 탐색의 방향을 결정한다. 손가락의 탭(tab)과 같은, 사용자 입력은 디스플레이될 때 요구되는 교체 툴바 페이지를 선택할 수 있다.
본 발명의 다른 실시 예에서, 툴바 페이지들의 순서화된 세트 내에 현재 디스플레이된 툴바 페이지의 위치는 툴바 타일 상 도시된다. 페이지들의 순서화된 세트 내에 툴바 페이지들의 탐색의 방향은 툴바 타일 상 또한 디스플레이될 수 있다.
다양한 예들에서, 툴바 디스플레이 타일을 가로질러 스와이핑되는 손가락 또는 툴바 디스플레이 타일을 가로질러 마우스 포인터 움직이는 것과 같은, 사용자 제스처는 툴바 페이지들의 순서화된 세트를 통해 탐색을 야기한다. 툴바 아이템들은 툴바 페이지 교체를 보여주기 위해서 툴바 페이지 탐색 동안 애니메이션 전환들로 변경될 수 있다.
본 발명의 다른 바람직한 실시 예에서, 가상 터치패드(touchpad)가 툴바 디스플레이 타일의 일부로서 제공된다. 툴바 페이지 탐색은 사용자의 손가락 움직임에 의해 가상 터치 패드 상 연속 제스처로 달성된다. 시스템은 가상 터치 패드 상 좌우 또는 상하로 사용자의 손가락의 작은 움직임들을 인식한다. 이러한 손가락 움직임들은 사용자의 손가락의 움직임들의 방향에 의존하는 툴바 페이지들의 순서화된 세트를 통하여 앞뒤로 순환하는, 툴바 타일이 각 연속 툴바 페이지를 미리보도록 한다. 사용자는 다음으로 현재 디스플레이된 툴바 페이지를 대체하도록 미리 보여진 페이지를 선택할 수 있다.
본 발명의 실시 예에서, 시스템(system)은 특정 구현 내 툴바 타일에 전념되는 디스플레이 영역의 사이즈에 기초하여 툴바 페이지들의 순서화된 세트 내 각 툴바 페이지를 제시하는 툴바 아이템들의 수를 결정한다. 본 발명의 다른 실시예들에서, 시스템은 툴바 아이템들을 사용의 빈도의 순서로 제시하기 위하여 툴바 페이지 내 툴바 아이템들을 주문한다.
본 발명의 다른 바람직한 실시 예에서, 계층 서브메뉴(submenu)들에 대한 접근은 사용자 제스처를 통해 제공된다. 툴바 페이지는 계층 시각적 지시자를 포함하는 계층 툴바 아이템으로 디스플레이된다. 계층 구조에 추가되는 아이템들에 액세스하기 위하여, 사용자는 계층 툴바 아이템을 활성화한다. 시스템은 다음으로 서브메뉴 툴바 페이지와 툴바 타일 내 존재하는 툴바 페이지를 대체한다. 사용자는 다음으로 서브메뉴 툴바 페이지 내 원하는 아이템을 활성화할 수 있다. 서브메뉴 아이템 선택이 발생한 후, 원래 툴바 페이지는 계층 툴바 아이템을 대체하는 서브메뉴로부터 선택된 아이템으로 툴바 타일 내 다시 나타난다.
본 발명에 의하면 툴바들에 할당된 스크린 공간 내에서 한번에 디스플레이할 수 있는 것보다 사용자에게 더 많은 툴바 버튼들을 제공할 수 있다.
실시 예들의 특징들은 도면들과 함께 참조로 취해진, 다음의 상세한 설명에 참조에 의하여 더 쉽게 이해될 것이다.
도 1은 본 발명의 실시 예에서 사용하기 위한 데스크탑(desktop) 컴퓨터 시스템을 도시한다;
도 2는 본 발명의 실시 예에서 사용하기 위한 디바이스의 디스플레이스크린의 보기를 도시한다.
도 3은 도 1 및 도 2의 실시 예들의 디스플레이들에 대한 툴바 페이지 교체를 나타내는 흐름도이다.
도 4a는 도 2의 디스플레이 스크린과 함께 사용되는, 툴바 페이지 탐색을 일이키는 사용자 입력 제스처들을 도시한다.
도 4b 내지 4e는 본 발명의 실시 예에 사용된, 툴바 페이지 교체를 보여주는 툴바 아이템들의 애니메이션 전환들을 도시한다.
도 5a 및 5b는 본 발명의 실시 예에 사용된 툴바 페이지 교체를 보여주기 위한 툴바 아이템들의 다른 애니메이션을 보여준다.
도 6은 본 발명의 실시 예에서 툴바 페이지 탐색을 위해 사용되는 가상 터치패드와 툴바 디스플레이 타일을 도시한다.
도 7은 본 발명의 실시 예에서, 도 1의 컴퓨터 시스템으로 사용되는 사용자 인터페이스의 요소의 레이아웃을 도시한다; 및
도 8a 내지 8f및 9는 본 발명의 다른 실시 예에서, 계층 툴바 메뉴 내 서브메뉴 아이템들에 접근할 수 있는 사용자 입력 제스처들을 도시한다.
도 1은 본 발명의 실시 예에서 사용하기 위한 데스크탑(desktop) 컴퓨터 시스템을 도시한다;
도 2는 본 발명의 실시 예에서 사용하기 위한 디바이스의 디스플레이스크린의 보기를 도시한다.
도 3은 도 1 및 도 2의 실시 예들의 디스플레이들에 대한 툴바 페이지 교체를 나타내는 흐름도이다.
도 4a는 도 2의 디스플레이 스크린과 함께 사용되는, 툴바 페이지 탐색을 일이키는 사용자 입력 제스처들을 도시한다.
도 4b 내지 4e는 본 발명의 실시 예에 사용된, 툴바 페이지 교체를 보여주는 툴바 아이템들의 애니메이션 전환들을 도시한다.
도 5a 및 5b는 본 발명의 실시 예에 사용된 툴바 페이지 교체를 보여주기 위한 툴바 아이템들의 다른 애니메이션을 보여준다.
도 6은 본 발명의 실시 예에서 툴바 페이지 탐색을 위해 사용되는 가상 터치패드와 툴바 디스플레이 타일을 도시한다.
도 7은 본 발명의 실시 예에서, 도 1의 컴퓨터 시스템으로 사용되는 사용자 인터페이스의 요소의 레이아웃을 도시한다; 및
도 8a 내지 8f및 9는 본 발명의 다른 실시 예에서, 계층 툴바 메뉴 내 서브메뉴 아이템들에 접근할 수 있는 사용자 입력 제스처들을 도시한다.
본 발명의 다양한 실시 예에서, 전자 디스플레이 스크린 상에 디스플레이되는 툴바 아이템들의 콜렉션을 탐색하기 위한 방법이 제공된다. 버튼들과 같은, 상기 툴바 아이템들은 툴바 페이지의 순서화된 세트로 구성된다. 각 도구 모음 페이지는 툴바 아이템들의 고정된 수를 포함한다. 세트로부터 하나의 툴바 페이지는 스크린 상에 고정된 디스플레이영역, 예를 들면 타일, 내에 한번에 디스플레이된다. 사용자 입력은 현재 디스플레이된 툴바 페이지가 순서화된 세트 내 다른 툴바 페이지에 의해 교체되도록 한다. 툴바 디스플레이 타일을 가로질러 연속 스와이프 제스처와 같은, 사용자 입력은 순서화된 세트 내 페이지를 통한 탐색의 방향과 페이지 탐색의 속도를 결정한다. 툴바 디스플레이 영역은 순서화된 세트 내 현재 디스플레이된 툴바의 위치를 보여주고 툴바 아이템들 사이의 애니메이션 전환들은 툴바 페이지 교체들을 전달하도록 디스플레이될 수 있다. 디스플레이될 때, 사용자 입력은, 예컨대 손가락 탭으로서, 여분의 툴바 페이지를 선택할 수있다. 툴바 탐색의 방법은 디스플레이 스크린의 다른 영역을 모호하기 할 수 있는 드롭 다운 패널들의 사용을 피하는 동안 툴바 아이템들의 많은 수를 사용자에게 제공할 수 있다. 또한, 이러한 접근은 툴바들의 스크롤의 어려움의 일부를 피할 수 있으며, 즉 툴바 페이지로 제공되는 툴바 아이템들보다, 툴바 디스플레이 영역의 밖 및 안으로 스크롤된 아이템들을 시각적으로 만족시키기 더 어려울 수 있다.
도 1은 본 발명의 실시 예에 사용하기 위한 퍼스널(personal) 컴퓨터 시스템(100)을 보여준다. 시스템은 디스플레이 스크린(110)으로 디스플레이 모니터(105)를 포함한다. 컴퓨터 프로세서는 시스템 유니트(120)에 포함된다. 키보드(140) 및 마우스 (130)은 시스템(100)에 사용자 입력을 제공한다. 도 2는 본 발명의 실시 예와 함께 사용하기 위한 스마트 폰(smart phone) 또는 태블릿(tablet) 퍼스널 컴퓨터(200)을 보여준다. 디바이스(200)은 정보 디스플레이 및 사용자 입력 모두를 위하여 제공되는 터치 스크린(210)을 포함한다. 이러한 디바이스들(100), (200)은 예로서 도시되고 제한되는 것은 아니다. 본 발명의 실시 예들에서 사용될 수 있는 다른 디바이스들은 폰-태블릿-하이브리드, 휴대용 게이밍 시스템들 및 모션 컨트롤러를 사용하는 순수한 제스처 입력의 상업용 텔레비전 디스플레이를 포함하지만 이에 제한되는 것은 아니다. 본 발명의 실시 예들은 사용자 입력 기능이 있는 임의의 전자 디스플레이 디바이스 상에 구현될 수 있다.
도 2에 도시된 것과 같은, 본 발명의 바람직한 실시 예에서, 타일(215)로 알려진, 디바이스 터치 스크린(210)의 고정된 영역은 툴바 페이지를 디스플레이 한다. 타일(215) 내 툴바 페이지는 다섯 툴바 아이템들(217)을 포함하지만, 툴바 페이지는 타일(215) 내 적합할 수 있는 아이템들의 임의의 수를 포함할 수 있다. 도 2내 툴바 아이템들(217)은 사각형 버튼들일 수 있지만, 툴바 아이템들은 임의의 형태를 취할 수 있다. 툴바 페이지들의 순서화된 세트는 둘 또는 그 이상의 툴바 페이지들을 포함하는 것을 제공한다. 툴바 페이지들 내 각 페이지는 툴바 아이템들의 고정 세트를 포함한다. 순서화된 세트로부터 툴바 아이템들의 각 페이지는 한번에 한 페이지, 각 유니트로서 타일(215) 내 터치 스크린 상에 디스플레이된다. 툴바 페이지들은 세트 내의 순서에 따라 툴바 디스플레이 타일(215)내에 디스플레이된다. 설명의 목적을 위해, 순서화된 세트 내 현재 지시된 툴바 페이지 후에 툴바 페이지를 디스플레이하는 것은 툴바 페이지들의 순서화된 세트 내에서 “전방으로 움직임”이라고 불리 울 수 있으며, 반면 세트 내에서 이전 페이지를 디스플레이하는 것은 “후방으로 움직임”이라고 불리 울 수 있다. 도 3에서 도시된 바와 같이, 현재 디스플레이된 툴바 페이지(300)은 사용자 입력(310)에 의해 요청될 때 페이지들의 순서화된 세트로부터 다른 페이지들로 교체된다. 사용자 입력은 페이지들(320)의 순서화된 세트 내 요청된 페이지(전방, 후방)의 방향과 현재 디스플레이된 페이지로부터 요청된 페이지의 페이지들 내 거리를 결정한다. 요청된 툴바 페이지는 툴바 페이지들(340)의 세트로부터 검색된, 330으로 식별되고 다음으로 툴바 디스플레이 타일(215)내 350으로 디스플레이된다. 시스템은 다음으로 더 많은 사용자 입력(300), (310)을 기다린다.
디스플레이 스크린(210)은 순서화된 세트 내 현재 디스플레이된 툴바 페이지의 위치를 보여준다 - 도 2의 예에서, 세트 내 툴바 위치는 도시된 디스크들(218)의 열에 의해 보여진다. 이 예에서, 툴바 세트는 세 페이지를 포함한다. 다른 위치 지시자들은 또한 진행률 바, 등과 같이 사용될 수 있다. 진행률 바는 툴바 페이지들의 세트가 많은 툴바 페이지들을 포함할 때 특히 유용하다. 디스플레이 스크린(210)은 현재 사용자 입력 제스처에 의해 요청된 것과 같이, 툴바 페이지들의 순서화된 세트 내 툴바 교체 페이지의 탐색(예를 들면, 전방 또는 후방)의 방향을 또한 보여준다. 이 경우, 툴바 페이지 탐색의 방향은 이중 하향 포인팅 화살표들(219)에 의해 도시된다. 이중 하향 포인팅 화살표들은 이전 문단에서 설명된 것과 같이, 교체 페이지들의 탐색이 툴바 페이지들의 순서화된 세트 내에서 전방인 것을 나타낸다. 이중 상향 포인팅 화살표들(미도시)는 교체 툴바 페이지들의 탐색이 툴바 페이지들의 순서화된 세트의 후방인 것을 가리킬 수 있다. 화살표들은 툴바 페이지들의 교체를 요청하는 사용자 입력이 존재하지 않는 경우 제거된다. 물론, 화살표들 이외의 아이콘들이 툴바들의 순서화된 세트 내 툴바 페이지 교체의 탐색(즉, 전방 또는 후방)의 방향을 가리키기 위하여 사용될 수 있다.
툴바 페이지 교체를 요청하는 사용자 입력(310),(320),(330)은 본 발명의 다양한 실시 예에 있어서 다양한 형태를 취할 수 있다. 예를 들어, 도 4a는 도 2의 디바이스(200) 상 스크린(210)과 같은 터치스크린으로 사용될 수 있는 사용자 제스처들을 보여준다. 도 4a에 도시된 바와 같이, 사용자는 손가락 터치를 통해 간단한 스와이프 제스처를 사용하여 툴바 페이지들을 통한 전방 및 후방 탐색을 할 수 있다. 일단 제스처가 시작하면, 툴바 타일(215)상 오른쪽으로 손가락을 움직이는 것은 전방으로 페이지될 수 있고 툴바 타일 상 왼쪽으로 손가락을 움직이는 것은 툴바 페이지들의 순서화된 세트를 통해 후방으로 페이지될 수 있다. 연속 스와이프 제스처 동안, 사용자는 원하는 툴바 페이지가 툴바 타일 내 디스플레이될 때 원하는 툴바 페이지를 요청할 수 있다. 본 발명의 다양한 특정 실시 예들에서, 이 요청은 “빠른 탭”의 형태를 취할 수 있다. 즉, 사용자는 그 또는 그녀의 손가락을 빨리 들어 올리고 동일 툴바 위치 내 다시 내려 탭한다. 또한, 사용자는 툴바 타일 상 하향 움직임에 그 또는 그녀의 손가락을 쓸어 넘김으로써 툴바 페이지 교체를 요청할 수 있다. 또한, 사용자는 툴바 페이지의 교체 없이 처음에 디스플레이된 툴바 페이지 뷰에 툴바 타일을 반환하는, 툴바 타일 상 그 또는 그녀의 손가락을 위로 쓸어 넘김으로써 연속 스와이프 제스처를 빨리 취소할 수 있다. 이러한 예들은 예시적으로 제시되고 이에 한정되는 것은 아니다: 교체 툴바 페이지를 선택하거나 또는 교체 페이지를 취소하기 위한 다른 사용자 제스처가 사용될 수 있다.
사용자의 손가락 아래의 툴바 아이템들(217)은 툴바 페이지 교체를 보여주기 위해 애니메이션 전환으로 변경될 수 있다. 다양한 애니메이션 전환들이 사용자의 입력 제스처 동안 툴바 아이템들의 새로운 페이지들을 디스플레이하기 위해 사용될 수 있다. 예를 들어, 도 4b 내지 4e를 통해 보여지는 바와 같이, 개별 툴바 아이템들의 “플립”이 사용될 수 있다. 사용자의 손가락이 연속 스와이프 제스처 내 툴바 타일을 가로질러 움직이는 바와 같이, 개별 툴바 아이템들은 교체 툴바 페이지 내 대응되는 툴바 아이템을 개시하는 애니메이션 방식으로 뒤집을 수 있다. 도 4b는 두번째 페이지부터 툴바 페이지들의 순서화된 세트의 세번째 페이지로 툴바 타일을 움직이기 위해 오른쪽으로 스와이프 제스처를 시작하는 사용자를 도시한다. 도 4b에서 보여지는 바와 같이, 두번째 페이지, 2A,의 제1 툴바 아이템은 오른쪽으로 뒤집어지기 시작한다. 도 4c는 연속 스와이프 제스처가 진행됨에 따른 툴바 타일을 보여준다. 세번째 툴바 페이지로부터 첫번째 두번째 툴바 아이템들(3A,3B)는 보여지도록 뒤집어지고 세번째 툴바 아이템, 3C,는 중간 애니메이션내이다. 두번째 페이지 내 네번째 아이템, 2D,는 뒤집기 애니메이션을 시작한다. 도 4d에서 보여지듯이, 사용자는 부분 디스플페이에 기초하여, 세번째 툴바 페이지가 정말로 사용자가 디스플레이하기를 원하는지 것인 경우를 사용자가 결정하는 스와이프 제스처를 통하는 중이다. 연속 스와이프 제스처가 중지되기 때문에 사용자의 손 위에 화살표가 없다. 도 4e에 도시된 바와 같이, 사용자는 세번째 툴바를 원하지 않음이 결정되면, 그러므로 사용자의 손은 왼쪽으로 연속 스와이프 제스처를 시작한다. 왼쪽으로 향하는 스와이프 제스처가 시작한 후에, 사용자의 손가락의 오른쪽 상의 툴바 아이템들은 - 툴바 페이지가 제스처 요청하는- 첫번째 툴바 페이지 로 변경되고 사용자의 손가락의 왼쪽에 아이템들은 현재 툴바 페이지, 즉 두번째 페이지를 보여준다. 따라서, 이 애니메이션은 삼진 아웃된 카드들의 데크를 뒤집는 것과 유사하게 작동한다. 데크의 끝에 카드가 올려질 때, 다른 카드들은 점진적으로 뒤집어지기 시작한다. 사용자가 그 또는 그녀의 손가락을 현재 디스플레이된 툴바 페이지에 툴바 아이템들의 다음 페이지인, 툴바 타일 상 오른쪽으로 드래그하면, 삼진 아웃된 카드 데크 내 뒤집어진 카드들과 같이, 사용자의 손가락의 왼쪽에 보여지도록 뒤집어지기 시작한다. 제스처 동안, 사용자는 그들이 점진적으로 뒤집는 새로운 툴바 아이템들의 퍼센트를 단지 볼 수 있지만, 애니메이션은 사용자에게 사용자가 전체 툴바 페이지를 디스플레이 하는 것 없이(또는 안하고) 오른쪽 페이지를 바라보는 경우 볼 수 있는 능력을 준다. 교체 툴바가 사용자가 원하는 툴바가 아닌 경우, 사용자는 다른 방향(왼쪽)으로 사용자의 손가를 움직일 수 있고 현재 디스플레이된 페이지 이전에 툴바 아이템들의 페이지가 오른쪽으로부터 점차적으로 뒤집어지는 것을 시작할 수 있다. 다른 애니메이션들은 스와이프 제스처의 방향에 의존하여 왼쪽 또는 오른쪽내 교체 페이지 슬라이드 내 모든 툴바 아이템들인 수평 슬라이드와 같이 사용될 수 있다.
본 발명의 다른 바람직한 실시 예에서, 툴바 아이템들(500)의 다른 애니메이션은 도 5a와 5b에서 보여지는 바와 같이, 툴바 페이지 교체를 보여주기 위해 사용된다. 이 툴바 디스플레이 타일(515)는 툴바 페이지 세트를 주문한 “N”페이지 내 현재 디스플레이된 툴바 페이지를 보여주기 위한 진행률 바(518)을 포함한다. 사용자가 오른쪽으로 툴바 타일을 가로질러 그 또는 그녀의 손가락을 움직이면, 현재 디스플레이된 툴바 페이지 아이템들(517)은 오른쪽에 함께 압축되기 시작한다. 사용자가 그 또는 그녀의 손가락을 오른쪽으로 스와이핑하면, 툴바 아이템들의 다음 세트는 왼쪽으로부터 스냅(snap)되고 추가 툴바 아이템들이 공간을 허용하면서 디스플레이된다. 툴바 아이템들의 현재 세트가 주어진 수에 도달할 때, 현재 디스플레이된 툴바 페이지의 툴바 아이템들은 사라지고 툴바 아이템들의 순서화된 세트내 완전한 연속적인 페이지는 공간 내로 스냅핑되며, 툴바 디스플레이 타일(515)내 지시된다. 연속 스와이프 제스처가 오른쪽으로 계속되면서, 이 페이징/애니메이션 주기는 계속된다. 사용자가 그 또는 그녀의 손가락을 반대 방향으로 움직이기를 시작하면, 이 툴바 페이지 교체 애니메이션 프로세스는 툴바 페이지들의 순서화된 세트 내 반대 방향(즉, 후방)으로 일어날 수 있다.
이러한 사용자 제스처들 및 애니메이션들은 본 발명의 다양한 실시 예에서 사용된 제스처들 및 애니메이션들로 제한되는 목적이 아니라, 설명의 목적으로 기재되었음을 주목한다.
본 발명의 다른 실시 예에서, 페이지 탐색을 위한 가상 터치 패드를 가지는 툴바 타일(615)는 도 6에 보여지는 바와 같이, 도 2의 디스플레이 스크린(210)상에 600으로 제공된다. 사용자는 스와이프 제스처 동안 발생할 수 있는, 툴바 아이템(617)을 모호하게 하는 것 없이 순서화된 세트 내 툴바 페이지들을 통한 탐색을 위해 툴바 디스플레이 타일(615)의 측면에 배치된, 디스플레이 스크린(210)상 가상 터치 패드(602)를 사용할 수 있다. 페이지 탐색은 사용자 손가락(622)를 움직이는 것에 의해 가상 터치 패드(602) 상에 하나의 연속 제스처에 달성된다. 시스템은 가상 터치 패드(602)상 좌우 또는 상하로 사용자의 손가락의 매우 작은 움직임들을 인식한다. 이들 손가락 움직임들은 사용자의 손가락 움직임 방향에 의존하여, 툴바 페이지들의 순서화된 세트 내 전방 또는 후방 순환하는, 툴바 타일(615)가 각 연속적인 툴바 페이지를 미리 보도록 한다. 예를 들어, 터치패드 상 사용자의 손가락이 위로 움직이는 것은 페이지들의 순서화된 세트 내 후방 움직임을 야기할 수 있는 반면에, 아래 손가락 움직임은 페이지들의 순서화된 세트 내 전방 움직임을 야기할 수 있다. 시스템은 사용자의 손가락 움직임의 속도에 기초하여 페이징 및 툴바 아이템 애니메이션 속도들을 조정할 수 있다. 가상 터치패드 제스처 동안, 사용자는 빠르게 그 또는 그녀의 손가락을 들어 올리고 신속한 탭 제스처를 통해 터치패드상 눌러 탭함으로써 원하는 툴바를 요청할 수 있다. 물론, 다른 사용자 제스처들은 유사한 결과를 얻을 수 있다: 예를 들어, 다른 실시 예들에서, 좌우의 손가락 움직임은 상하 손가락 움직임에 유사한 방식으로 페이지 탐색을 일으킬 수 있다. 진행률 바(618)은 먼저 페이지들의 순서화된 세트 내 현재 디스플레이되는 툴바 페이지의 위치를 보여주고 다음으로 터치패드(602)를 통해 툴바 페이지들의 세트를 통한 사용자 탐색으로 툴바 페이지 미리보기의 위치를 보여준다.
도 7은 본 발명의 실시 예로, 도 1의 컴퓨터 시스템(100)내 디스플레이 스크린(110)을 위한 디스플레이 스크린 레이아웃을 보여준다. 디스플레이 스크린(110)은 툴바 타일(117), 툴바 아이템들(115)의 수, 툴바 페이지 위치 지시자(118) 및 동작 지시자(119)의 툴바 방향을 포함한다. 각 특징은 도 2에 보여진 대응되는 특징이 수행되는 기능을 수행한다. 이 실시 예에서, 사용자 입력은 마우스(130) 및/또는 키보드(140)에 의해 제공된다. 예를 들어, 툴바 페이지를 교체하기 위한 사용자 제스처는 CTRL과 같은, 키를 누름과 “스와이프” 제스처의 기능을 제공하기 위한 툴바 타일을 가로질러 왼쪽으로부터 오른쪽 또는 오른쪽으로부터 왼쪽으로 마우스를 움직이는 것의 조합이 될 수 있다. 키들 및 마우스 움직임의 다른 조합들은 시스템 구성에 따라 사용될 수 있다. 툴바 아이템들의 애니메이션된 전환은 도 2의 실시 예와 관련하여 기재된 본 발명의 이 실시 예에 사용될 수 있다.
발명의 일부 실시 예에서, 시스템은 특정 구현내 툴바 타일에 전념되는 디스플레이 영역의 크기에 기초하여 툴바 페이지들의 순서화된 세트내 각 툴바 페이지에 제공되는 툴바 아이템들의 수를 결정한다. 예를 들어, “N” 아이템들을 넘버링한, 관련된 툴바 아이템들의 페이지는 도 1의 스크린(110)과 같은 디스플레이 스크린 상 툴바 타일(115)에 제공될 수 있다. 시스템은 예를 들어, 디스플레이 모니터의 툴바 타일과 비교하여 이러한 장치들 상에 사용 가능한 더 작은 툴바 타일의 인식에서, 자동적으로 태블릿 디바이스를 위한 N 배 두번째 페이지들과 스마트 폰 디바이스를 위한 N 배 네번째 페이지들로 툴바 페이지를 나눌 수 있다. 툴바 타일 사이즈에 기초하여 툴바 페이지당 툴바 아이템들의 수의 이 자동 조정은 하나의 디스플레이 스크린 타입으로부터 다른 디스플레이 스크린 타입으로 포트 구현에 필요한 노력을 줄인다.
본 발명의 다른 예에서, 시스템은 툴바 아이템들이 사용의 빈도의 순서로 제공되도록 툴바 페이지 내 툴바 아이템들을 주문한다. 예를 들어, 시스템은 가장 빈번하게 사용되는 툴바 아이템이 툴바 타일내 가장 왼쪽 툴바 아이템 위치내 제공되도록, 두번째 가장 빈번히 사용되는 아이템이 첫번째 툴바 아이템의 바로 오른쪽에 제공되도록, 등등, 툴바 페이지내 남아있는 아이템들을 위하여, 페이지 내 툴바 아이템들을 제공할 수 있다. 본 발명의 다양한 특정 실시 예에서, 툴바 아이템들은 함께 그룹된 유사한 툴바 아이템들과 함께 툴바 아이템 카테고리에 의해 페이지들로 그룹되어 질 수 있다. 다른 특정한 실시 예들에서, 이러한 툴바 아이템 카테고리들 내, 툴바 디스플레이 타일 내 툴바 페이지 내 아이템들의 제공의 순서는 툴바 아이템 사용의 빈도에 따라 세트될 수 있다: 툴바 아이템들은 사용의 감소하는 빈도의 순서로 툴바 타일의 한 끝으로부터 다른 끝으로 제공된다. 다른 실시 예에서, 시스템은 각 툴바 아이템을 위한 특정 사용자의 사용의 빈도에 대한 정보를 수집할 수 있고 그 유자를 위한 디스플레이된 툴바 페이지 내 툴바 아이템들의 제공의 순서를 결정하기 위해 이 정보를 사용할 수 있다.
본 발명의 다른 바람직한 실시 예에서, 계층 서브메뉴들에 접근은 도 8a-f 및 도 9내 도시된 바와 같이, 사용자 제스처를 통해 제공된다. 도 8a는 시각적 지시자(828)(900)에 의해 지시되는 계층 툴바 아이템(827)과 함께 툴바 페이지(215)를 보여준다. 도 8a에서, 예를 들어, 지시자는 “E”(827)로 라벨된 툴바 버튼 상 화살표 문양(828)이다. 계층구조내 추가 아이템들에 접속하기 위해, 사용자는 사용자의 손가락으로 계층 툴바 아이템(827)을 탭 및 누를 수 있거나 도 8b에서 보여진 바와 같이, 툴바 아이템(910)을 포인팅하는 동안 마우스 버튼을 누를 수 있다. 시스템은 도 8c에 보여진 바 같이, 서브메뉴 툴바 페이지(830, 920)과 기존의 툴바 페이지를 교체한다. 일부 실시 예에서, 툴바 배경은 교체 툴바가 이전의 툴바 페이지로부터 서브메뉴인 것을 지시하기 위하여 또한 변경된다. 예를 들어, 서브메뉴 툴바(830)의 배경은 교체되는 툴바 등,으로부터 다른 색상으로 변경될 수 있다. 도 8c에서, “E”로 라벨된, 계층 툴바 아이템(827)은 교체 서부메뉴 툴바(830)내 그것 주변의 서브 메뉴(“1”, “2” 및 “3”)의 다른 아이템으로 보여진다. 툴바(830) 배경은 이 툴바 페이지가 서브메뉴인 것을 지시하기 위하여 회색이 된다. 도 8d내 보여진바 같이, 사용자는 서브메뉴 내 툴바 아이템들을 보기 위하여 사용자의 손가락을 들어 올리거나 마우스 버튼을 해제할 수 있다. 사용자는 그러면 사용자의 손가락으로 원하는 툴바 아이템(217)을 탭할 수 있거나 마우스 클릭으로 아이템(930)을 활성화 할 수 있다. 또한, 도 8e에서 보여지듯이, 사용자는 버튼(827) 상 또는 해제된 마우스 버튼 상 그 또는 그녀의 손가락을 유지할 수 있고 연속 제스처 내 원하는 버튼(829)로 움직일 수 있다. 사용자의 손가락 또는 마우스 포인터 아래의 아이템(829)는 사용자가 사용자의 손가락을 들어올리거나 마우스 버튼이 해제될 때 선택될 수 있다. 서브메뉴 아이템 선택이 발생한 후에, 원래 툴바 페이지(215)는 계층 툴바 아이템(827)을 대체하는 서브메뉴로부터 선택된 아이템으로 940을 다시 나타낸다. 도 8e에서 보여진바 같이, 툴바 아이템 “E”(827)은 “3”(829)로 라벨된, 버튼으로 교체된다.
본 발명의 다양한 예가 프로세서와 함께 사용되기 위한 컴퓨터 프로그램 로직(예를 들어, 마이크로프로세서, 마이크로컨트롤러, 디지털 시그널 프로세서, 또는 범용 목적 컴퓨터), 프로그래머블 로직 디바이스와 사용하기위한 프로그래머블 로직(예를 들어, 필드 프로그래머블 게이트 어레이(FPGA) 또는 다른 PLD), 개별 소자, 집적 회로(예를 들어, 응용 특정 집적 회로(ASIC)), 또는 그들의 임의의 조합을 포함하는 다른 수단들을 포함하지만, 이로 제한되지는 않는, 많은 다양한 형태로 실시될 수 있다. 원하는 기능의 일부 또는 전부를 구현하는 컴퓨터 프로그램 로직은 전형적으로 컴퓨터 실행 형태로 변환되는 컴퓨터 프로그램 명령어들의 세트로 구현되고, 컴퓨터 판독 매체 내 그러하게 저장되고, 운영 시스템의 제어 하 마이크로프로세서에 의해 실행된다. 원하는 기능의 일부 또는 전부를 구현하는 하드웨어 기반 로직은 하나 또는 그 이상의 적절하게 구성되는 FPGA들로 구현될 수 있다.
이전에 여기서 설명되어진 기능의 전부 또는 일부를 구현하는 컴퓨터 프로그램 로직은 소스 코드 형태, 컴퓨터 실행 형태, 및 다양한 중간 형태들(예를 들어, 어셈블러, 컴파일러, 링커, 또는 로케이터에 의해 형성되는 형태들)을 포함하지만, 이에 제한되지 않는, 다양한 형태들로 구현될 수 있다. 소스 코드는 다양한 운영 시스템들 또는 운영 환경에 사용되기 위한 다양한 프로그래밍 언어들(예를 들어, 오브젝트 코드, 어셈블리 언어, 또는 포트란, C, C++, 자바 또는 HTML)과 같은 고급 언어)의 임의의 것으로 구현되는 컴퓨터 프로그램 명령어들의 시리즈를 포함할 수 있다. 소스 코드는 다양한 데이터 구조들 및 통신 메시지들을 정의하고 사용할 수 있다. 소스 코드는 컴퓨터 실행 형태(예를 들어, 인터프리터를 통해) 일 수 있고, 또는 소스 코드는 컴퓨터 실행 형태로 변환(예를 들어, 트랜스레이터, 어셈블러, 또는 컴파일러)된 것일 수 있다.
컴퓨터 프로그램은 반도체 메모리 디바이스(예를 들어, 램, 롬, 피롬, 이투피롬, 또는 플래시 프로그래머블 램), 마그네틱 메모리 디바이스(예를 들어, 디스켓 또는 고정 디스크), 광학 메모리 디바이스(예를 들어, CD-롬), PC 카드(예를 들어, PCMCIA 카드), 또는 다른 메모리 디바이스와 같이 유형 저장 장치 내 영구적 또는 일시적으로 임의의 형태(예를 들어, 소스 코드 형태, 컴퓨터 실행 형태, 또는 중간 형태)로 고정될 수 있다. 컴퓨터 프로그램은 아날로그 기술들, 디지털 기술들, 광학 기술들, 무선 기술들(예를 들어, 블루투스), 네트워킹 기술들, 및 인터네트워킹 기술들을 포함하지만, 이에 제한되지 않는 다양한 통신 기술들의 임의의 것을 사용하는 컴퓨터에 전송될 수 있는 신호 내 임의의 형태로 고정될 수 있다. 컴퓨터 프로그램은 프린트 또는 전자 문서를 수반하는 제거 가능한 저장 매체(예를 들어, 스링크 랩핑 소프트웨어). 컴퓨터 시스템에 사전 로드된(예를 들어, 시스템 롬 또는 고정 디스크 상), 또는 통신 시스템을 가로질러 서버 또는 전자 블레틴 보드로부터 분배되는(예를 들어, 인터넷 또는 월드 와이드 웹)과 같은 임의의 형태로 분배될 수 있다.
여기서 이전에 기재된 기능의 전부 또는 일부를 구현하는 하드웨어 로직(프로그래머블 로직 디바이스와 함께 사용되기 위한 프로그래머블 로직을 포함하는)은 전통적인 수동 방법들을 사용하여 디자인될 수 있고, 또는 컴류터 지원 디자인(CAD), 하드웨어 기술 언어(예를 들어, VHDL 또는 AHDL), 또는 PLD 프로그래밍 언어(예를 들어, PALASM, ABEL, 또는 CUPL)과 같은 다양한 툴들을 사용하여 전자적으로 디자인되거나, 캡처되거나, 시뮬레이션되거나, 또는 문서화될 수 있다.
프로그래머블 로직은 반도체 메모리 디바이스(예를 들어, 램, 롬, 피롬, 이투피롬, 또는 플래시 프로그래머블 램), 마그네틱 메모리 디바이스(예를 들어, 디스켓 또는 고정 디스크), 광학 메모리 장치(예를 들어, CD-ROM), 또는 다른 메모리 장치와 같이 유형 저장 장치 내 영구적 또는 일시적으로 고정될 수 있다. 프로그램 로직은 아날로그 기술들, 디지털 기술들, 광학 기술들, 무선 기술들(예를 들어 블루투스), 네트워킹 기술들, 및 인터네트워킹 기술들을 포함하지만, 이에 제한되지 않는 다양한 통신 기술들의 임의의 것을 사용하는 컴퓨터에 전송될 수 있는 신호로 고정될 수 있다. 프로그램 로직은 프린트 또는 전자적 문서 (예를 들어, 스링크 랩핑 소프트웨어), 컴퓨터 시스템에 사전 로드(예를 들어, 통신 시스템(예를 들어, 인터넷 또는 월드 와이드 웹)을 통해 서버 또는 전자 블레틴 보드로부터 배분되는, 를 수반하는 제거 가능한 저장 매체로서 분배될 수 있다. 물론, 본 발명의 일부 실시 예는 소프트웨어(예를 들어, 컴퓨터 프로그램 제품) 및 하드웨어의 조합으로 구현될 수 있다. 여전히 본 발명의 다른 실시 예들은 전체 하드웨어, 또는 전체 소프트웨어로 구현될 수 있다.
상술한 본 발명의 실시 예들은 단지 예시적인 것으로 의도된다. 다수의 변형들 및 수정이 당해 기술분야의 당업자에게 명백할 것이다. 예를 들어, 툴바 타일들이 디스플레이 스크린들 상 수평으로 지향된 기능들로 보여지는 동안, 스크린 상 수직으로 지향된 것과 같은 다른 지향의 툴바 타일들이 적절히 수정된 사용자 제스처들과, 본 발명의 다양한 실시 예들로 사용될 수 있다. 그리고, “왼쪽”, “오른쪽”, “위”, “아래” 등과 같은 방향의 설명은 단지 설명을 위한 것이며 본 발명의 범위를 제한하고자 하는 것은 아니다. 모든 이러한 변형들 및 수정들은 임의의 첨부된 청구항들 내 정의된 본 발명의 범위 내 포함되는 것이다.
100 : 시스템
105 : 디스플레이 모니터
110 : 디스플레이 스크린
115 : 툴바 아이템들
117 : 툴바 타일
118 : 툴바 페이지 위치 지시자
119 : 동작 지시자
120 : 시스템 유니트
130 : 마우스
140 : 키보드
200 : 태블릿(tablet) 퍼스널 컴퓨터
210 : 디스플레이 스크린
215 : 타일
217 : 툴바 아이템들
218 : 디스크들
219 : 이중 하향 포인팅 화살표들
500 : 툴바 아이템들
515 : 툴바 디스플레이 타일
518 : 진행률 바
602 : 가상 터치 패드
615 : 툴바 디스플레이 타일
617 : 툴바 아이템들
618 : 진행률 바
622 : 사용자 손가락
827 : 계층 툴바 아이템
828 : 시각적 지시자
829 : 버튼
830 : 서브메뉴 툴바 페이지
105 : 디스플레이 모니터
110 : 디스플레이 스크린
115 : 툴바 아이템들
117 : 툴바 타일
118 : 툴바 페이지 위치 지시자
119 : 동작 지시자
120 : 시스템 유니트
130 : 마우스
140 : 키보드
200 : 태블릿(tablet) 퍼스널 컴퓨터
210 : 디스플레이 스크린
215 : 타일
217 : 툴바 아이템들
218 : 디스크들
219 : 이중 하향 포인팅 화살표들
500 : 툴바 아이템들
515 : 툴바 디스플레이 타일
518 : 진행률 바
602 : 가상 터치 패드
615 : 툴바 디스플레이 타일
617 : 툴바 아이템들
618 : 진행률 바
622 : 사용자 손가락
827 : 계층 툴바 아이템
828 : 시각적 지시자
829 : 버튼
830 : 서브메뉴 툴바 페이지
Claims (20)
- 전자 디스플레이 스크린(electronic display screen) 상 툴바(toolbar) 타일(tile) 내 툴바 페이지(page)들을 디스플레이하기 위한 방법으로서, 상기 방법은
a. 툴 바 페이지들의 순서화된 세트(set)를 제공하는 단계로서, 각 툴바 페이지는 적어도 하나의 디스플레이 아이템을 제공하는 것인 단계;
b. 상기 툴바 타일 내 상기 순서화된 세트로부터 주어진 툴바 페이지를 디스플레이하고 현재 디스플레이된 페이지의 상기 순서화된 세트 내의 위치의 지시자를 디스플레이하는 단계;
c. 요청된 페이지와 현재 디스플레이된 툴바 페이지의 교체를 요청하는 사용자 입력을 수신하는 단계로서, 상기 사용자 입력은 순서화된 세트 내의 현재 디스플레이된 페이지로부터 상기 요청된 페이지를 위한 방향을 지시하는 것인 단계;
d. 상기 순서화된 세트로부터 제2 툴바 페이지로 주어진 상기 툴바 페이지를 교체하는 단계로서, 교체된 상기 툴바 페이지는 상기 사용자 입력에 의해 결정되는 것인 단계; 및
e.현재 디스플레이된 툴바 페이지의 상기 순서화된 세트 내의 위치의 상기 지시자를 업데이트하는 단계;를 포함하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 툴바 교체를 요청하는 상기 사용자 입력은 현재 디스플레이된 툴바로부터 요청된 툴바의 페이지들 내의 거리를 식별하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 툴바 교체를 요청하는 상기 사용자 입력은 사용자의 손가락으로 상기 툴바 타일을 스와이핑(swiping)하는 것을 포함하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 툴바 교체를 요청하는 상기 사용자 입력은 상기 툴바 타일을 가로질러 포인팅 디바이스 포인터(pointer)를 움직이는 것을 포함하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 툴바 아이템들은 툴바 페이지가 교체될 때 애니메이션(animation) 되는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제5항에 있어서, 툴바 애니메이션은 툴바 페이지가 교체될 때 주어진 툴바를 뒤집는 것을 포함하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제5항에 있어서, 툴바 애니메이션은 툴바 페이지가 교체될 때 툴바의 사이드로부터 교체 툴바 아이템들 내 슬라이딩(sliding)되는 것을 포함하는, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 상기 순서화된 세트 내의 현재 디스플레이된 페이지의 위치의 상기 지시자는 조명 디스크들의 열(column)인, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 제1항에 있어서, 상기 순서화된 세트 내 현재 디스플레이된 페이지의 위치의 상기 지시자는 진행률 바(bar)인, 전자 디스플레이 스크린상 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 방법.
- 전자 스크린 상 툴바 타일 내 계층 툴바 페이지를 디스플레이하기 위한 방법으로서, 상기 방법은
a. 주어진 툴바 페이지를 디스플레이하는 단계로서, 툴바 페이지는 제1 계층 툴바 아이템을 포함하는 것인 단계;
b. 서브메뉴 페이지의 디스플레이를 요청하는 사용자 입력을 수신하는 단계로서, 상기 서브메뉴 페이지는 제1 계층 툴바 디스플레이 아이템과 관련된 것인 단계;
c. 상기 툴바 타일 내 상기 주어진 툴바 페이지를 상기 서브메뉴 페이지로 교체하는 단계;
d. 상기 서브메뉴 페이지로부터 제2 계층 툴바 아이템을 선택하는 사용자 입력을 수신하는 단계; 및
e. 상기 툴바 타일 내 상기 주어진 툴바 페이지를 상기 제1 계층 툴바 아이템을 대체하는 상기 제2 계층 툴바 아이템으로 재디스플레이하는 단계;를 포함하는 전자 스크린 상 툴바 타일내 계층 툴바 페이지를 디스플레이하기 위한 방법.
- 제10항에 있어서, 상기 제1 계층 툴바 아이템은 계층 지시자를 포함하는, 전자 스크린 상 툴바 타일 내 계층 툴바 페이지를 디스플레이하기 위한 방법.
- 제11항에 있어서, 상기 계층 지시자는 화살표 문양인, 전자 스크린 상 툴바 타일 내 계층 툴바 페이지를 디스플레이하기 위한 방법.
- 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템으로서, 상기 시스템은 프로세서, 메모리, 및 상기 전자 디스플레이를 포함하고,
상기 메모리는 상기 프로세서가 :
a. 툴바 타일내 툴바 페이지들의 순서화된 세트로부터 주어진 툴바 페이지를 디스플레이하고, 현재 디스플레이된 페이지의 상기 순서화된 세트 내의 위치의 지시자를 디스플레이하는 단계로서, 각 툴바 페이지는 적어도 하나의 디스플레이 아이템을 포함하는 것인 단계;
b. 요청된 페이지와 현재 디스플레이된 툴바 페이지의 교체를 요청하는 사용자 입력을 수신하는 단계로서, 상기 사용자 입력은 상기 순서화된 세트 내 현재 디스플레이되는 페이지로부터 상기 요청된 페이지를 위한 방향을 지시하는 것인 단계;
c. 상기 주어진 툴바 페이지를 상기 순서화된 세트의 제2 툴바 페이지로 교체하는 단계로서, 교체된 툴바 페이지는 상기 사용자 입력에 의해 결정되는 것인 단계; 및
d. 현재 디스플레이된 툴바 페이지의 상기 순서화된 세트 내의 위치의 상기 지시자를 업데이트하는 단계;를 수행토록 하는 명령어들을 포함하는 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템.
- 제13항에 있어서, 툴바 교체를 요청하는 상기 사용자 입력은 현재 디스플레이된 툴바로부터 요청된 툴바의 페이지들 내의 거리를 식별하는 것인, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템.
- 제13항에 있어서, 툴바 대체를 요청하는 상기 사용자 입력은 사용자의 손가락으로 상기 툴바 타일을 스와이핑하는 것을 포함하는, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템.
- 제13항에 있어서, 툴바 교체를 요청하는 상기 사용자 입력은 상기 툴바 타일을 가로질러 포인팅 디바이스 포인터를 움직이는 것을 포함하는, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템.
- 제13항에 있어, 툴바 아이템들은 툴바 페이지가 교체될 때 애니메이션되는, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이하기 위한 시스템.
- 전자 디스플레이 상에 툴바 타일내 툴바 페이지들을 디스플레이 하기 위한 시스템으로서, 상기 시스템은 프로세서, 메모리, 및 상기 전자 디스플레이를 포함하고, 상기 메모리는 상기 프로세서가
a. 주어진 툴바 페이지를 디스플레이하는 단계로서, 툴바 페이지는 제1 계층 툴바 아이템을 포함하는 것인 단계;
b. 서브메뉴 페이지의 디스플레이를 요청하는 사용자 입력을 수신하는 단계로서, 상기 서브메뉴 페이지는 상기 제1 계층 툴바 아이템과 관련되는 것인 단계;
c. 상기 서브메뉴 페이지의 상기 툴바 타일 내 상기 주어진 툴바 페이지를 교체하는 단계;
d. 상기 서브메뉴 페이지로부터 제2 계층 툴바 아이템을 선택하는 사용자 입력을 수신하는 단계; 및
e. 상기 툴바 타일 내의 상기 주어진 툴바 페이지를 상기 제1 계층 툴바 아이템을 교체하는 상기 제2 계층 툴바 아이템으로 재디스플레이하는 단계;를 수행토록 하는 명령어들을 포함하는 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이 하기 위한 시스템.
- 제18항에 있어서, 상기 제1 계층 툴바 아이템은 계층 지시자를 포함하는, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이 하기 위한 시스템.
- 제18항에 있어서, 상기 제1 계층 지시자는 화살표 문양인, 전자 디스플레이 상에 툴바 타일 내 툴바 페이지들을 디스플레이 하기 위한 시스템.
Applications Claiming Priority (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201361777039P | 2013-03-12 | 2013-03-12 | |
US61/777,039 | 2013-03-12 | ||
US14/155,457 | 2014-01-15 | ||
US14/155,457 US9477381B2 (en) | 2013-03-12 | 2014-01-15 | User interface for toolbar navigation |
PCT/US2014/011805 WO2014143405A1 (en) | 2013-03-12 | 2014-01-16 | User interface for toolbar navigation |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20150119253A true KR20150119253A (ko) | 2015-10-23 |
KR101686581B1 KR101686581B1 (ko) | 2016-12-14 |
Family
ID=51534475
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020157025051A KR101686581B1 (ko) | 2013-03-12 | 2014-01-16 | 툴바 탐색(Toolbar Navigation)을 위한 사용자 인터페이스(User Interface) |
Country Status (7)
Country | Link |
---|---|
US (1) | US9477381B2 (ko) |
EP (1) | EP2972735B1 (ko) |
KR (1) | KR101686581B1 (ko) |
CN (1) | CN104981765A (ko) |
BR (1) | BR112015018083A2 (ko) |
CA (1) | CA2898852C (ko) |
WO (1) | WO2014143405A1 (ko) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190068092A (ko) * | 2017-12-08 | 2019-06-18 | 네이버 주식회사 | 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법 |
Families Citing this family (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
USD797139S1 (en) * | 2014-10-10 | 2017-09-12 | Travelport, Lp | Display screen or portion thereof with transitional graphical user interface |
USD770497S1 (en) * | 2014-12-17 | 2016-11-01 | Go Daddy Operating Company, LLC | Display screen with graphical user interface |
CN105045484B (zh) * | 2015-07-06 | 2018-04-17 | 腾讯科技(深圳)有限公司 | 操作处理方法及电子设备 |
US11962561B2 (en) | 2015-08-27 | 2024-04-16 | Deborah A. Lambert As Trustee Of The Deborah A. Lambert Irrevocable Trust For Mark Lambert | Immersive message management |
US10623361B2 (en) * | 2015-08-27 | 2020-04-14 | Deborah A. Lambert | Method, system and apparatus for organizing and interacting with email on mobile devices |
RU2640329C1 (ru) | 2016-09-28 | 2017-12-27 | Общество с ограниченной ответственностью "ПИРФ" (ООО "ПИРФ") | Способ, система и машиночитаемый носитель данных для управления устройством пользователя с помощью контекстного тулбара |
CN108334371B (zh) * | 2017-09-07 | 2021-03-09 | 北京小米移动软件有限公司 | 编辑对象的方法和装置 |
EP3709143B1 (en) * | 2017-11-09 | 2021-10-20 | Rakuten Group, Inc. | Display control system, display control method, and program |
CN109947326A (zh) * | 2017-12-21 | 2019-06-28 | 广州市动景计算机科技有限公司 | 工具栏展示方法、装置和客户端设备 |
JP7119408B2 (ja) * | 2018-02-15 | 2022-08-17 | コニカミノルタ株式会社 | 画像処理装置、画面取扱い方法、およびコンピュータプログラム |
CN110543248B (zh) * | 2018-05-29 | 2023-11-03 | 华硕电脑股份有限公司 | 电子装置 |
USD924257S1 (en) * | 2019-10-11 | 2021-07-06 | Bublup, Inc. | Display screen with a graphical user interface element |
CN111338730A (zh) * | 2020-02-21 | 2020-06-26 | 北京字节跳动网络技术有限公司 | 生成显示界面的方法、装置及电子设备 |
CN113342230A (zh) * | 2021-06-29 | 2021-09-03 | 北京字跳网络技术有限公司 | 控件显示方法、装置、设备及介质 |
CN114780193A (zh) * | 2022-04-24 | 2022-07-22 | Oppo广东移动通信有限公司 | 工具栏的显示方法、装置、电子设备以及存储介质 |
CN117666868A (zh) * | 2022-08-29 | 2024-03-08 | Oppo广东移动通信有限公司 | 工具栏显示方法、装置、终端和计算机可读存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20090111764A (ko) * | 2008-04-22 | 2009-10-27 | 에이치티씨 코퍼레이션 | 그래픽 메뉴바 작동 방법 및 장치 그리고 이를 사용하는 기록 장치 |
US20100281430A1 (en) * | 2009-05-02 | 2010-11-04 | Samir Hanna Safar | Mobile applications spin menu |
KR20120023722A (ko) * | 2009-04-30 | 2012-03-13 | 애플 인크. | 스크롤가능 메뉴 및 도구모음 |
Family Cites Families (35)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5748185A (en) | 1996-07-03 | 1998-05-05 | Stratos Product Development Group | Touchpad with scroll and pan regions |
US5943052A (en) | 1997-08-12 | 1999-08-24 | Synaptics, Incorporated | Method and apparatus for scroll bar control |
JPH11154074A (ja) | 1997-11-25 | 1999-06-08 | Sharp Corp | スクロール制御装置 |
US6211856B1 (en) | 1998-04-17 | 2001-04-03 | Sung M. Choi | Graphical user interface touch screen with an auto zoom feature |
US6154194A (en) | 1998-12-03 | 2000-11-28 | Ericsson Inc. | Device having adjustable touch-based display of data |
US6757002B1 (en) | 1999-11-04 | 2004-06-29 | Hewlett-Packard Development Company, L.P. | Track pad pointing device with areas of specialized function |
US6828992B1 (en) | 1999-11-04 | 2004-12-07 | Koninklijke Philips Electronics N.V. | User interface with dynamic menu option organization |
US7434177B1 (en) | 1999-12-20 | 2008-10-07 | Apple Inc. | User interface for providing consolidation and access |
US7730401B2 (en) | 2001-05-16 | 2010-06-01 | Synaptics Incorporated | Touch screen with user interface enhancement |
US8091042B2 (en) | 2001-11-15 | 2012-01-03 | Siebel Systems, Inc. | Apparatus and method for displaying selectable icons in a toolbar for a user interface |
US6907365B2 (en) | 2001-12-11 | 2005-06-14 | Lecroy Corporation | Context sensitive toolbar |
CA2393887A1 (en) | 2002-07-17 | 2004-01-17 | Idelix Software Inc. | Enhancements to user interface for detail-in-context data presentation |
US7958455B2 (en) | 2002-08-01 | 2011-06-07 | Apple Inc. | Mode activated scrolling |
TW591500B (en) | 2003-01-09 | 2004-06-11 | Darfon Electronics Corp | Input apparatus having scrolling function using cursor key and method thereof |
US8276095B2 (en) | 2004-02-20 | 2012-09-25 | Advanced Intellectual Property Group, Llc | System for and method of generating and navigating within a workspace of a computer application |
US7565625B2 (en) | 2004-05-06 | 2009-07-21 | Pixar | Toolbar slot method and apparatus |
US7434173B2 (en) | 2004-08-30 | 2008-10-07 | Microsoft Corporation | Scrolling web pages using direct interaction |
US7383510B2 (en) | 2004-09-13 | 2008-06-03 | Third Generation Search, Ltd | System for organization, display, and navigation of digital information |
US7705858B2 (en) | 2004-10-06 | 2010-04-27 | Apple Inc. | Techniques for displaying digital images on a display |
US20060136834A1 (en) | 2004-12-15 | 2006-06-22 | Jiangen Cao | Scrollable toolbar with tool tip on small screens |
US9041744B2 (en) | 2005-07-14 | 2015-05-26 | Telecommunication Systems, Inc. | Tiled map display on a wireless device |
US20080040683A1 (en) | 2006-08-11 | 2008-02-14 | David Walsh | Multi-pane graphical user interface with common scroll control |
US8261205B2 (en) | 2007-05-30 | 2012-09-04 | Hewlett-Packard Development Company, L.P. | User interface for presenting a list of thumbnail items associated with media items |
US9619143B2 (en) * | 2008-01-06 | 2017-04-11 | Apple Inc. | Device, method, and graphical user interface for viewing application launch icons |
US9891783B2 (en) | 2007-09-26 | 2018-02-13 | Autodesk, Inc. | Navigation system for a 3D virtual scene |
US8091041B2 (en) | 2007-10-05 | 2012-01-03 | International Business Machines Corporation | Identifying grouped toolbar icons |
US8484574B2 (en) | 2007-12-06 | 2013-07-09 | Microsoft Corporation | Rule-based multi-pane toolbar display |
TW200945165A (en) | 2008-04-22 | 2009-11-01 | Htc Corp | Method and apparatus for operating graphic menu bar and recording medium using the same |
US20100299614A1 (en) | 2009-05-20 | 2010-11-25 | Motorola, Inc. | User Interface of a Mobile Device Having a Toolbar for Composing Rich Text Messages |
CN101996018A (zh) | 2009-08-17 | 2011-03-30 | 张学志 | 一种新型的竖向彩带图形用户界面 |
US8775952B2 (en) | 2009-12-10 | 2014-07-08 | Sap Ag | Intelligent roadmap navigation in a graphical user interface |
US20110197156A1 (en) | 2010-02-09 | 2011-08-11 | Dynavox Systems, Llc | System and method of providing an interactive zoom frame interface |
US8904305B2 (en) | 2011-03-11 | 2014-12-02 | Google Inc. | Automatically hiding controls |
US9310958B2 (en) | 2011-06-02 | 2016-04-12 | Lenovo (Singapore) Pte. Ltd. | Dock for favorite applications |
US10620796B2 (en) * | 2013-12-19 | 2020-04-14 | Barnes & Noble College Booksellers, Llc | Visual thumbnail scrubber for digital content |
-
2014
- 2014-01-15 US US14/155,457 patent/US9477381B2/en active Active
- 2014-01-16 BR BR112015018083A patent/BR112015018083A2/pt not_active IP Right Cessation
- 2014-01-16 EP EP14704423.4A patent/EP2972735B1/en active Active
- 2014-01-16 CN CN201480008453.7A patent/CN104981765A/zh active Pending
- 2014-01-16 KR KR1020157025051A patent/KR101686581B1/ko active IP Right Grant
- 2014-01-16 CA CA2898852A patent/CA2898852C/en not_active Expired - Fee Related
- 2014-01-16 WO PCT/US2014/011805 patent/WO2014143405A1/en active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20090111764A (ko) * | 2008-04-22 | 2009-10-27 | 에이치티씨 코퍼레이션 | 그래픽 메뉴바 작동 방법 및 장치 그리고 이를 사용하는 기록 장치 |
KR20120023722A (ko) * | 2009-04-30 | 2012-03-13 | 애플 인크. | 스크롤가능 메뉴 및 도구모음 |
US8601389B2 (en) * | 2009-04-30 | 2013-12-03 | Apple Inc. | Scrollable menus and toolbars |
US20100281430A1 (en) * | 2009-05-02 | 2010-11-04 | Samir Hanna Safar | Mobile applications spin menu |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20190068092A (ko) * | 2017-12-08 | 2019-06-18 | 네이버 주식회사 | 웹 브라우저 표시 장치 및 웹 브라우저 표시 방법 |
Also Published As
Publication number | Publication date |
---|---|
EP2972735B1 (en) | 2023-06-28 |
US20140282151A1 (en) | 2014-09-18 |
CA2898852C (en) | 2018-05-29 |
WO2014143405A1 (en) | 2014-09-18 |
KR101686581B1 (ko) | 2016-12-14 |
EP2972735A1 (en) | 2016-01-20 |
US9477381B2 (en) | 2016-10-25 |
CN104981765A (zh) | 2015-10-14 |
CA2898852A1 (en) | 2014-09-18 |
BR112015018083A2 (pt) | 2017-07-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101686581B1 (ko) | 툴바 탐색(Toolbar Navigation)을 위한 사용자 인터페이스(User Interface) | |
US11972164B2 (en) | User interfaces for devices with multiple displays | |
KR101110768B1 (ko) | 터치 기반 탭 네비게이션 방법 및 관련 장치 | |
CA2865442C (en) | Method and apparatus for providing a user interface on a device that indicates content operators | |
EP2256614B1 (en) | Display control apparatus, display control method, and computer program | |
US20170003852A1 (en) | Information display terminal, information display method and program | |
US20140351758A1 (en) | Object selecting device | |
EP2631738A1 (en) | Method and apparatus for adjusting a user interface to reduce obscuration | |
EP2631760A1 (en) | Method and apparatus for providing a user interface on a device enabling selection of operations to be performed in relation to content | |
EP2631762A1 (en) | Method and apparatus for providing an option to enable multiple selections | |
KR20140117469A (ko) | 시선 상호작용을 위한 시스템 | |
CA2865193A1 (en) | Method of accessing and performing quick actions on an item through a shortcut menu | |
CA2865190A1 (en) | Method of accessing and performing quick actions on an item through a shortcut menu | |
US10120540B2 (en) | Visual feedback for user interface navigation on television system | |
US20140347276A1 (en) | Electronic apparatus including touch panel, position designation method, and storage medium | |
JP6041742B2 (ja) | タッチパネル表示制御装置 | |
KR100795590B1 (ko) | 네비게이팅하는 방법, 전자 디바이스, 사용자 인터페이스,그리고 컴퓨터 프로그램 산물 | |
JP2011081447A (ja) | 情報処理方法及び情報処理装置 | |
JP5414134B1 (ja) | タッチ式入力システムおよび入力制御方法 | |
US20170205967A1 (en) | Display and interaction method in a user interface | |
CN109471581B (zh) | 电子设备及存储介质 | |
KR20130031394A (ko) | 터치스크린 출력화면 조정방법 | |
KR101529886B1 (ko) | 제스처 기반 3d 그래픽 사용자 인터페이스 제공방법 | |
JP5516794B2 (ja) | 携帯情報端末、表示制御方法およびプログラム | |
KR20150049661A (ko) | 터치패드 입력 정보 처리 장치 및 방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
N231 | Notification of change of applicant | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |