KR20140143696A - 스택형 탭 뷰 - Google Patents

스택형 탭 뷰 Download PDF

Info

Publication number
KR20140143696A
KR20140143696A KR1020140063025A KR20140063025A KR20140143696A KR 20140143696 A KR20140143696 A KR 20140143696A KR 1020140063025 A KR1020140063025 A KR 1020140063025A KR 20140063025 A KR20140063025 A KR 20140063025A KR 20140143696 A KR20140143696 A KR 20140143696A
Authority
KR
South Korea
Prior art keywords
content
content window
window
computing device
pane
Prior art date
Application number
KR1020140063025A
Other languages
English (en)
Other versions
KR101592312B1 (ko
Inventor
차나카 지. 카루나무니
이안 엠. 헨더슨
폴 러셀 나이트
앤소니 드오리아
Original Assignee
애플 인크.
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 애플 인크. filed Critical 애플 인크.
Publication of KR20140143696A publication Critical patent/KR20140143696A/ko
Application granted granted Critical
Publication of KR101592312B1 publication Critical patent/KR101592312B1/ko

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]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • 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/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/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • 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/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
    • G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/134—Hyperlinking

Abstract

스택형 탭 뷰가 기술된다. 컴퓨팅 디바이스는 웹 브라우저 윈도우 내에 다수의 콘텐츠 창을 표시할 수 있다. 각각의 콘텐츠 창은 상이한 웹 사이트에 대응할 수 있다. 콘텐츠 창들은 시각적 스택으로 배열될 수 있고, 여기서 콘텐츠 창은 3차원 뷰에서 하나가 다른 하나의 앞에 배치된다. 3차원 뷰에서, 콘텐츠 창들 사이의 거리가 콘텐츠 창들을 분리하는 것으로 보일 수 있다. 각각의 콘텐츠 창은 웹 사이트의 콘텐츠의 스냅숏 이미지를 표시할 수 있다. 콘텐츠 창들은 탭들 대신에 웹 페이지들 사이를 내비게이션하기 위해 사용될 수 있다.

Description

스택형 탭 뷰{STACKED TAB VIEW}
관련 출원들에 대한 상호 참조
본 출원은 그 전체 내용이 본 명세서에 참고로 포함되는 2013년 6월 9일자로 출원된 미국 가특허 출원 제61/832,915호에 대한 우선권을 주장한다.
본 개시 내용은 일반적으로 그래픽 사용자 인터페이스 항목(graphical user interface item)들에 관한 것이다.
웹 브라우저가 탭이 달린(tabbed) 그래픽 사용자 인터페이스(GUI)를 구현할 수 있다. 탭이 달린 GUI를 구현하는 브라우저는 사용자가 단일 브라우저 윈도우에서 다수의 웹 페이지를 여는 것을 가능하게 할 수 있다. 브라우저는 다수의 탭을 나란히, 보통 브라우저 윈도우의 상부에 또는 그 부근에 표시할 수 있다. 각각의 탭은 상이한 웹 페이지에 대응할 수 있다. 브라우저가 사용자의 탭 선택을 수신하면, 보통 탭 아래의, 브라우저 윈도우의 창(pane)이 대응하는 웹 페이지를 표시할 수 있다. 사용자는 상이한 탭들을 클릭함으로써 웹 페이지들 사이를 전환할 수 있다.
스택형 탭 뷰(stacked tab view)가 기술된다. 컴퓨팅 디바이스는 웹 브라우저 윈도우 내에 다수의 콘텐츠 창을 표시할 수 있다. 각각의 콘텐츠 창은 상이한 웹 사이트에 대응할 수 있다. 콘텐츠 창들은 시각적 스택으로 배열될 수 있고, 여기서 콘텐츠 창은 3차원 뷰에서 하나가 다른 하나의 앞에 배치된다. 3차원 뷰에서, 콘텐츠 창들 사이의 거리가 콘텐츠 창들을 분리하는 것으로 보일 수 있다. 각각의 콘텐츠 창은 웹 사이트의 콘텐츠의 스냅숏 이미지(snapshot image)를 표시할 수 있다. 콘텐츠 창들은 탭들 대신에 웹 페이지들 사이를 내비게이션하기 위해 사용될 수 있다.
컴퓨팅 디바이스는 웹 페이지에 대응하는 콘텐츠 창을 선택하는 사용자 선택을 수신할 때 해당 웹 페이지의 콘텐츠를 전체 화면 모드로 표시할 수 있다. 게다가, 컴퓨팅 디바이스는 사용자 입력을 수신할 때 콘텐츠 창들을 정리(order)할 수 있다. 콘텐츠 창을 원래 위치에서 새로운 위치로 이동시키는 사용자 입력에 응답하여, 컴퓨팅 디바이스는 애니메이션된 모션에서 해당 콘텐츠 창을 이동시킬 수 있고, 여기서 다른 콘텐츠 창이 원래의 위치와 새로운 위치 사이의 길을 막고 있다면 그 다른 콘텐츠 창은 이동하는 콘텐츠 창의 움직임에 응답하여 더킹한다(duck).
본 명세서에 기술된 특징들은 하나 이상의 이점을 달성하기 위해 구현될 수 있다. 예를 들어, 종래의 탭 컨트롤에 비하여, 스택형 탭 뷰를 구현하는 컴퓨팅 디바이스는 하나의 디스플레이 스크린에 다수의 웹 페이지의 프리뷰(preview)를 제공할 수 있다. 이 프리뷰들은 사용자가 그가 방문하고 싶은 웹 사이트를 선택하는 데 도움을 줄 수 있다. 콘텐츠 창들을 재배열하는 중에 제공되는 매끄러운 애니메이션은 종래의 탭 컨트롤들보다 더 살아 있는 듯하고 직관적일 수 있다.
첨부 도면들과 하기의 설명에서는 스택형 탭 뷰의 하나 이상의 구현의 세부 사항들이 제시된다. 이 설명, 도면들, 및 특허청구범위로부터 스택형 탭 뷰의 다른 특징들, 태양들, 및 이점들이 분명해질 것이다.
<도 1>
도 1은 예시적인 스택형 탭 뷰를 보여주는 도면.
<도 2a 및 도 2b>
도 2a 및 도 2b는 스택형 탭 뷰에서 콘텐츠 창들의 위치들을 재배열하는 예시적인 애니메이션들을 보여주는 도면들.
<도 2c 및 도 2d>
도 2c 및 도 2d는 스택형 탭 뷰의 롤로덱스(rolodex)형 동작들의 예시적인 애니메이션들을 보여주는 도면들.
<도 3a>
도 3a는 콘텐츠 창을 닫는 예시적인 동작들을 보여주는 도면.
<도 3b>
도 3b는 스택형 탭 뷰로부터의 선택 시에 그리드 모드로 예시적인 콘텐츠 창을 보여주는 도면.
<도 3c>
도 3c는 스택형 탭 뷰로부터의 선택 시에 리스트 모드로 예시적인 콘텐츠 창을 보여주는 도면.
<도 3d>
도 3d는 스택형 탭 뷰에서 콘텐츠 창의 예시적인 스냅숏 동작들을 보여주는 도면.
<도 4>
도 4는 컴퓨팅 디바이스의 예시적인 스택형 탭 뷰 서브시스템의 컴포넌트들을 보여주는 도면.
<도 5a 내지 도 5c>
도 5a 내지 도 5c는 스택형 탭 뷰의 예시적인 절차의 순서도들.
<도 6>
도 6은 도 1 내지 도 5의 특징들 및 동작들을 구현하는 컴퓨팅 디바이스의 예시적인 디바이스 아키텍처를 보여주는 블록도.
<도 7>
도 7은 도 1 내지 도 5의 특징들 및 동작들을 구현하는 컴퓨팅 디바이스에 대한 예시적인 네트워크 운영 환경의 블록도.
다양한 도면들에서 동일한 도면 부호들은 동일한 요소들을 나타낸다.
예시적인 스택형 탭 뷰
도 1은 예시적인 스택형 탭 뷰를 보여주는 도면이다. 스택형 탭 뷰의 특징들 및 동작들은 컴퓨팅 디바이스(102)에 의해 구현될 수 있다. 컴퓨팅 디바이스(102)는 고정 디바이스(예를 들어, 클라우드 컴퓨팅 서버) 또는 이동 디바이스(예를 들어, 태블릿 컴퓨터, 스마트폰, 또는 착용가능 컴퓨팅 디바이스)일 수 있다. 컴퓨팅 디바이스(102)는 디스플레이 표면(106)(예를 들어, 터치 감응식 디스플레이 스크린)을 포함하거나 이에 결합되어 있을 수 있다. 컴퓨팅 디바이스(102)는 디스플레이 표면(106) 상에 콘텐츠를 표시하는 컴퓨터 프로그램(예를 들어, 웹 브라우저)을 실행할 수 있다.
컴퓨팅 디바이스(102)는 디스플레이 표면(106) 상에 콘텐츠 창들(110, 112, 114, 116)을 표시할 수 있다. 콘텐츠 창들(110, 112, 114, 116) 각각은 동일한 또는 상이한 웹 페이지에 대응하는 시각 영역일 수 있다. 콘텐츠 창들(110, 112, 114, 116) 각각은 대응하는 웹 페이지의 콘텐츠의 스냅숏(예를 들어, 이미지)을 포함할 수 있다. 콘텐츠 창들(110, 112, 114, 116)은 3차원 시각적 스택으로 배열될 수 있다. 예를 들어, 콘텐츠 창들(110, 112, 114, 116) 각각은 기부 표면(예를 들어, 가시 또는 비가시 바닥)으로부터 똑바로 서 있는 것으로 보일 수 있다. Z축 상의 거리(예를 들어, 거리(118))가 콘텐츠 창들(112, 114, 116) 각각을 다른 콘텐츠 창으로부터 분리할 수 있다. 콘텐츠 창들(112, 114, 116) 각각은 그 앞에 있는(예를 들어, 사용자에게 더 가까운 것으로 보이는) 콘텐츠 창에 의해 부분적으로 가려질 수 있다. 콘텐츠 창들(112, 114, 116)의 가려진 부분들은 도 1에서 파선을 사용하여 예시되어 있다.
컴퓨팅 디바이스(102)는 콘텐츠 창들(112, 114, 116) 중 하나를 선택하는 선택 입력(예를 들어, 터치 입력)을 수신할 수 있다. 선택 입력을 수신할 때, 컴퓨팅 디바이스(102)는 선택된 콘텐츠 창에 대응하는 웹 페이지의 콘텐츠를 전체 화면 모드로 표시할 수 있다. 콘텐츠를 전체 화면 모드로 표시하는 것은 디스플레이 표면(106)의 전체 영역 상에 콘텐츠, 및 선택적으로, 하나 이상의 컨트롤 항목(예를 들어, 웹 페이지들 사이를 내비게이션하기 위한 컨트롤 항목들을 포함하는 내비게이션 툴바(toolbar)) 및/또는 하나 이상의 장식용 항목을 렌더링하는 것을 포함할 수 있다.
컴퓨팅 디바이스(102)는 콘텐츠 창(112)을 앞으로 이동시키기 위한 위치 제스처 입력(position gesture input)(120)을 수신할 수 있다. 위치 제스처 입력(120)은 포워드 제스처일 수 있고, 여기서 스타일러스 또는 손가락이 콘텐츠 창(112)의 가려지지 않은 부분을 터치하고, 콘텐츠 창(112)의 가려지지 않은 부분을 터치하면서, 사용자 쪽으로 보이는, 디스플레이 표면(106)의 하부 가장자리 쪽으로 아래로 스와이핑한다(swipe). 이에 응답하여, 컴퓨팅 디바이스(102)는 콘텐츠 창(112) 및 콘텐츠 창(112)의 뒤에 위치해 있는 콘텐츠 창들(114, 116)을 앞으로(예를 들어, 사용자 쪽으로) 이동시킬 수 있다. 다양한 구현예들에서, 콘텐츠 창들(112, 114, 116) 사이의 거리가 증가할 수 있고, 또는 추가로 또는 대안적으로, 새로운 콘텐츠 창이 콘텐츠 창(116)의 뒤에 나타날 수 있다. 컴퓨팅 디바이스(102)는 포워드 제스처가 임계치(예를 들어, 임계 거리 또는 임계 속도)에 이르렀다고 결정할 때, 거리들을 증가시키거나, 새로운 콘텐츠 창을 추가하거나, 둘 모두를 행할 수 있다.
위치 제스처 입력(120)은 콘텐츠 창(112)을 콘텐츠 창(110)의 앞으로 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 위치 제스처 입력(120)이, 디스플레이 표면(106)을 터치하면서, 콘텐츠 창(110) 위의 위치까지 아래로 스와이핑하고, 이어서 콘텐츠 창(112)을 놓아준다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 애니메이션(122)에서 콘텐츠 창(112)을 콘텐츠 창(110)의 앞에 위치시킬 수 있다.
애니메이션(122)은 콘텐츠 창(110)이 콘텐츠 창(112) 아래로 더킹하고 콘텐츠 창(112)의 뒤에 다시 나타나는 모습을 가질 수 있다. 컴퓨팅 디바이스(102)는 이 더킹을 애니메이션할 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창(110)이 콘텐츠 창들(112, 114, 116)이 서 있는 가시 또는 비가시 바닥보다 더 아래 쪽에 위치해 있는 것으로 보일 때까지 콘텐츠 창(110)이 디스플레이 표면(106)의 하부 가장자리 쪽으로 움직이게 할 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창이 높이 임계치에 이를 때까지 콘텐츠 창(110)이 더 짧아 보이게 만들기 위해 콘텐츠 창(110)의 높이를 감소시킬 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창(110)이 서 있는 위치에서 누워 있는 위치까지 변하고 있는 것으로 보이도록 콘텐츠 창(110)의 디스플레이 관점을 변화시킬 수 있다.
더킹 애니메이션 전에, 도중에, 또는 후에, 컴퓨팅 디바이스(102)는 콘텐츠 창(112)이 앞으로, 예를 들어, 콘텐츠 창(110)이 원래 차지한 위치로 움직이게 할 수 있다. 그 후 컴퓨팅 디바이스(102)는 콘텐츠 창(110)이 콘텐츠 창(112)이 원래 차지한 위치에 있을 때까지 콘텐츠 창(110)이 콘텐츠 창(112) 뒤에서 위로 움직이게 할 수 있다. 애니메이션(122)에서의 움직임은 콘텐츠 창(112)의 비율들을 유지하는 것, 또는 콘텐츠 창(112)의 비율들을 (예를 들어, 그 높이를 감소시킴으로써) 변화시키는 것을 포함할 수 있다.
컴퓨팅 디바이스(102)는 콘텐츠 창(112)을 뒤로 이동시키기 위한 위치 제스처 입력(124)을 수신할 수 있다. 위치 제스처 입력(124)은 백워드 제스처일 수 있고, 여기서 스타일러스 또는 손가락이 콘텐츠 창(112)의 가려지지 않은 부분을 터치하고, 콘텐츠 창(112)의 가려지지 않은 부분을 터치하면서, 사용자로부터 멀어지는 방향으로 보이는, 디스플레이 표면(106)의 상부 가장자리 쪽으로 위로 스와이핑한다. 이에 응답하여, 컴퓨팅 디바이스(102)는 콘텐츠 창(112) 및 콘텐츠 창(112)의 뒤에 위치해 있는 콘텐츠 창들(114, 116)을 뒤로(예를 들어, 사용자로부터 멀어지게) 이동시킬 수 있다. 다양한 구현예들에서, 콘텐츠 창들(112, 114, 116) 사이의 거리가 감소할 수 있고, 또는 추가로 또는 대안적으로, 마지막 콘텐츠 창(이 예에서, 콘텐츠 창(116))이 사라질 수 있다. 컴퓨팅 디바이스(102)는 백워드 제스처가 임계치(예를 들어, 임계 거리 또는 임계 속도)에 이르렀다고 결정할 때, 거리들을 감소시키거나, 콘텐츠 창(116)을 제거하거나, 둘 모두를 행할 수 있다.
위치 제스처 입력(124)은 콘텐츠 창(112)을 콘텐츠 창(114)의 뒤로 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 위치 제스처 입력(124)이, 콘텐츠 창(112)을 터치하면서, 콘텐츠 창(114) 위의 위치까지 위로 스와이핑하고, 이어서 콘텐츠 창(112)을 놓아준다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 애니메이션에서 콘텐츠 창(112)을 콘텐츠 창(114)의 뒤에 위치시킬 수 있다.
애니메이션은 콘텐츠 창(114)이 콘텐츠 창(112) 아래로 더킹하고 콘텐츠 창(112)의 앞에 다시 나타나는 모습을 가질 수 있다. 컴퓨팅 디바이스(102)는 이 더킹을 애니메이션할 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창(114)이 콘텐츠 창들(110, 112, 116)이 서 있는 가시 또는 비가시 바닥보다 더 아래 쪽에 위치해 있는 것으로 보일 때까지 콘텐츠 창(114)이 디스플레이 표면(106)의 하부 가장자리 쪽으로 움직이게 할 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창이 높이 임계치에 이를 때까지 콘텐츠 창(110)이 더 짧아 보이게 만들기 위해 콘텐츠 창(114)의 높이를 감소시킬 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 콘텐츠 창(114)이 서 있는 위치에서 누워 있는 위치까지 변하고 있는 것으로 보이도록 콘텐츠 창(114)의 디스플레이 관점을 변화시킬 수 있다.
더킹 애니메이션 전에, 도중에, 또는 후에, 컴퓨팅 디바이스(102)는 콘텐츠 창(112)이 뒤로, 예를 들어, 콘텐츠 창(114)이 원래 차지한 위치로 움직이게 할 수 있다. 그 후 컴퓨팅 디바이스(102)는 콘텐츠 창(114)이 콘텐츠 창(112)이 원래 차지한 위치에 있을 때까지 콘텐츠 창(114)이 콘텐츠 창(112) 앞에서 위로 움직이게 할 수 있다.
컴퓨팅 디바이스(102)는 창 추가 입력을 수신할 수 있다. 창 추가 입력은 모든 콘텐츠 창(110, 112, 114, 116)을 임계 거리보다 더 많이 뒤로(예를 들어, 사용자로부터 멀어지게) 이동시키는 입력을 포함할 수 있다. 새로운 콘텐츠 창이 콘텐츠 창(110)의 앞에 나타날 수 있다. 일부 구현예들에서, 창 추가 입력은 창 추가 가상 버튼(128)을 터치하는 것에 의한 사용자 입력을 포함할 수 있다. 사용자가 창 추가 가상 버튼(128)을 터치하였다고 결정하는 것에 응답하여, 컴퓨팅 디바이스(102)는 새로운 콘텐츠 창을 위한 공간을 만들기 위해 콘텐츠 창들(110, 112, 114, 116)이 뒤로 움직이게 할 수 있다. 컴퓨팅 디바이스(102)는 콘텐츠 창(110)이 원래 차지한 위치에 새로운 콘텐츠 창을 표시할 수 있다.
컴퓨팅 디바이스(102)는 시차(parallax) 효과를 시뮬레이션하기 위해 기울기 입력(132)에 응답하여 콘텐츠 창들(110, 112, 114, 116)의 위치들, 디스플레이 관점들, 또는 둘 모두를 조정할 수 있다. 기울기 입력(132)은 디스플레이 표면(106)의 하나의 가장자리(예를 들어, 왼쪽 가장자리 또는 하부 가장자리)와 뷰어(예를 들어, 디스플레이 표면(106)을 들고 있는 사용자) 사이의 거리가 맞은편 가장자리(예를 들어, 각각, 오른쪽 가장자리 또는 상부 가장자리)와 뷰어 사이의 거리와 다르도록 디스플레이 표면(106)을 기울어지게 할 수 있다. 컴퓨팅 디바이스(102)는 컴퓨팅 디바이스(102)에 결합된 모션 센서(예를 들어, 가속도계 또는 자이로스코프 또는 둘 모두)를 사용하여 기울기 입력(132)을 검출할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 기울기의 3차원 시각 효과(예를 들어, 시차 효과)를 시뮬레이션하기 위해 콘텐츠 창들(110, 112, 114, 116) 각각의 위치 또는 배향을 조정할 수 있다.
예를 들어, 일부 구현예들에서, 디스플레이 표면이 왼쪽으로 기울어져 있다 - 여기서 디스플레이 표면(106)의 왼쪽 가장자리와 뷰어 사이의 거리가 디스플레이 표면(106)의 오른쪽 가장자리와 사용자 사이의 거리보다 큼 - 고 결정할 때, 컴퓨팅 디바이스(102)는 콘텐츠 창들(110, 112, 114, 116)의 상대 위치들을 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 콘텐츠 창들(110, 112, 114, 116) 중 하나 이상을, 각각 기울기의 각도 및 콘텐츠 창과 뷰어 사이의 각각의 거리에 기초하여 결정된 거리만큼 수평으로 이동시킬 수 있다. 콘텐츠 창들(110, 112, 114, 116) 중 하나 이상의 움직임은 상대적으로 앞의 위치에 있는 콘텐츠 창이 상대적으로 왼쪽으로 움직이고, 상대적으로 뒤의 위치에 있는 콘텐츠 창이 상대적으로 오른쪽으로 움직이는 시각 효과를 가질 수 있다.
일부 구현예들에서, 디스플레이 표면이 왼쪽으로 기울어져 있다고 결정할 때, 컴퓨팅 디바이스(102)는 콘텐츠 창들(110, 112, 114, 116) 각각이 기울기의 각도에 대응하는 각도로 오른쪽으로 향하고 있는 것으로 보이도록, 콘텐츠 창들(110, 112, 114, 116) 각각의 배향을 변화시킬 수 있다.
도 2a 및 도 2b는 스택형 탭 뷰에서 콘텐츠 창들의 위치들을 재배열하는 예시적인 애니메이션들을 보여주는 도면들이다. 도 2a는 도 1의 애니메이션(122)에 대응할 수 있다. 도 2a는 디스플레이 표면(106)의 오른쪽에서 본 애니메이션(122)의 개념도를 보여준다. 뷰어를 가리키는 Z축이 콘텐츠 창들(110, 112, 114, 116) 사이의 층을 이룬 공간적 관계를 보여준다.
콘텐츠 창들(110, 112, 114, 116)은 평행 스택으로 배열될 수 있고, 여기서 콘텐츠 창들(110, 112, 114, 116) 각각은 서로에 대해 평행하다. 일부 구현예들에서, 콘텐츠 창들(110, 112, 114, 116)은 롤로덱스 스택(rolodex stack)으로 배열될 수 있고, 여기서 콘텐츠 창들(110, 112, 114, 116) 각각은 가시 또는 비가시 수평축(201)으로 위쪽으로 또는 아래쪽으로 가리키는 것으로 보인다. 수평축(201)은 디스플레이 표면(106)의 하부 가장자리보다 아래에 있을 수 있다. 일부 구현예들에서, 콘텐츠 창들(110, 112, 114)은 각각 하부 가장자리에서 롤러(202)에 부착되어 있는 것으로 보일 수 있다. 롤러(202)는 디스플레이 표면(106)에서 바닥으로 표시될 수 있다. 일부 구현예들에서, 롤러(202)는 보이지 않고, 콘텐츠 창들(110, 112, 114, 116)의 디스플레이 관점에 의해 정의될 수 있다.
(콘텐츠 창(112)이 콘텐츠 창(110)과 위치를 전환하도록 선택되는) 애니메이션(122)에서, 컴퓨팅 디바이스(102)는 모션(204)에서 콘텐츠 창(110)을 디스플레이 표면(106)의 하부 가장자리 쪽으로 아래로 이동시킬 수 있다. 모션(204) 후에, 콘텐츠 창(110)은 위치(110b)에 나타날 수 있고, 이 위치는 콘텐츠 창(110)의 원래 위치의 앞에 있는(예를 들어, Z축 상에서 사용자에 더 가까운) 곳에서의 반듯이 누운(예를 들어, 콘텐츠가 위로 향하는) 위치 또는 엎드린(예를 들어, 콘텐츠가 아래로 향하는) 위치일 수 있다. 일부 구현예들에서, 모션(204)은 모션(204)에서 도시된 것과 같은 화살표로 표시된 경로를 따르는 슬라이딩 모션(sliding motion)일 수 있다. 슬라이딩 모션에서는, 콘텐츠 창(110)이 수평의 반듯이 누운 위치에 있는 것으로 보일 때까지 콘텐츠 창(110)의 상부 가장자리가 아래로 움직일 수 있고, 콘텐츠 창(110)의 하부 가장자리가 뷰어 쪽으로 움직일 수 있다. 일부 구현예들에서, 모션(204)은 플리핑 모션(flipping motion)일 수 있다. 플리핑 모션에서는, 콘텐츠 창(110)이 수평의 엎드린 위치에 있는 것으로 보일 때까지 콘텐츠 창(110)의 하부 가장자리가 불변인 채로 있을 수 있고 콘텐츠 창(110)의 상부 가장자리가 뷰어 쪽으로 움직일 수 있다.
그 후 컴퓨팅 디바이스(102)는 모션(206)에서 콘텐츠 창(112)을 콘텐츠 창(110)이 원래 차지한 위치로 앞으로 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 모션(208)에서 콘텐츠 창(110)을 위치(110b)에서 콘텐츠 창(112)이 원래 차지한 위치로 이동시킬 수 있다. 위치(110b)가 반듯이 누운 위치이면, 모션(208)은 모션(208)에서 도시된 것과 같은 화살표로 표시된 경로를 따르는 슬라이딩 모션일 수 있다. 슬라이딩 모션에서는, 콘텐츠 창(110)이 콘텐츠 창(112)이 원래 차지한 위치를 차지하는 위치에 서 있을 때까지 콘텐츠 창(110)의 상부 가장자리(110b를 보여주는 라인의 가장 오른쪽 지점)가 위로 움직일 수 있고, 콘텐츠 창(110)의 하부 가장자리(110b를 보여주는 라인의 가장 왼쪽 지점)가 뒤로(예를 들어, Z축에 도시된 것과 같은 방향과 반대인, 도 2a에서 오른쪽으로) 움직일 수 있다. 위치(110b)가 엎드린 위치이면, 모션(208)은 플리핑 모션일 수 있다.
도 2b는 콘텐츠 창(112)을 콘텐츠 창(114)의 뒤로 이동시키기 위한 애니메이션의 우측면도를 보여준다. 이 애니메이션에서, 컴퓨팅 디바이스(102)는 모션(210)에서 콘텐츠 창(114)을 아래로 이동시킬 수 있다. 모션(210) 후에, 콘텐츠 창(114)은 위치(114b)에 나타날 수 있다.
그 후 컴퓨팅 디바이스(102)는 모션(214)에서 콘텐츠 창(112)을 콘텐츠 창(114)이 원래 차지한 위치로 뒤로 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 모션(216)에서 콘텐츠 창(114)을 위치(114b)에서 콘텐츠 창(114)이 원래 차지한 위치로 이동시킬 수 있다. 모션(210)과 모션(216) 각각은 슬라이딩 모션이거나 플리핑 모션일 수 있다.
도 2c 및 도 2d는 스택형 탭 뷰의 롤로덱스형 동작들의 예시적인 애니메이션들을 보여주는 도면들이다. 도 2c는 디스플레이 표면(106)의 오른쪽에서 본 예시적인 회전 모션을 보여준다. 회전 제스처, 예를 들어, 다수의 콘텐츠 창을 가로질러 스와이핑하는 제스처를 수신할 때, 컴퓨팅 디바이스(102)는 콘텐츠 창들(110, 112, 114, 116)이 수평축(201) 주위를 회전하게(220) 할 수 있다. 예를 들어, 컴퓨팅 디바이스(102)는 디스플레이 표면(106)의 하부 가장자리의 또는 그에 근접한 곳으로부터 모든 콘텐츠 창들(110, 112, 114, 116)을 가로질러 디스플레이 표면(106)의 상부 가장자리의 또는 그에 근접한 곳까지 위로 움직이는, 앞쪽에서 뒤쪽으로 움직이는 외관상 궤적을 가진 제스처를 수신할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 회전(220) 움직임을 야기할 수 있다.
도 2d는 새로운 콘텐츠 창을 추가하는 예시적인 동작들을 보여준다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 회전(220)으로 인해 콘텐츠 창들(110, 112, 114, 116)이 뒤로(예를 들어, Z축 상에서 뷰어로부터 멀어지게), 디스플레이 표면(106) 상에 표시할 새로운 콘텐츠 창(222)을 두기에 충분한 임계 거리를 움직였다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 가장 앞쪽 콘텐츠 창(예를 들어, 콘텐츠 창(110))이 원래 차지한 위치에 콘텐츠 표면(222)을 표시할 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 (예를 들어, 새로운 창 버튼(128)을 통하여) 새로운 콘텐츠 창 입력을 수신할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 콘텐츠 창(110)의 앞에 새로운 콘텐츠 창(222)을 수용하기에 충분한 공간이 생성될 때까지 콘텐츠 창들(110, 112, 114, 116)을 뒤로(예를 들어, 뷰어로부터 멀어지게) 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 콘텐츠 창(110)의 앞의 공간에 새로운 콘텐츠 창(222)을 추가할 수 있다.
새로운 콘텐츠 창(222)은 처음에는 특정 웹 페이지와 연관되지 않은 새로운 디스플레이 영역에 대응할 수 있다. 새로운 콘텐츠 창(222)에 표시되는 항목들에 대한 세부 사항들은 도 3b 및 도 3c에 관련하여 아래에 기술된다. 대안적으로, 새로운 콘텐츠 창(222)은 콘텐츠 페이지의 스냅숏을 포함할 수 있다. 이 콘텐츠 페이지는 이전에는 열렸지만 스택형 탭 뷰에 동시에 표시되는 콘텐츠 창들의 수에 대한 미리 명시된 한도로 인해 스택형 탭 뷰에 표시되지 않은 웹 페이지일 수 있다.
컴퓨팅 디바이스(102)는 회전(220)에 이어서 콘텐츠 창(116)이 보이지 않는(예를 들어, 가상 바닥보다 아래로 또는 다른 콘텐츠 창들에 의해 완전히 가려지는) 위치로 움직였다고 결정할 수 있다. 추가로 또는 대안적으로, 컴퓨팅 디바이스(102)는, 새로운 콘텐츠 창(222)의 추가로 인해, 콘텐츠 창들의 총수가, 뷰어로부터 가장 멀리 위치해 있는 콘텐츠 창(116)을 포함한다면, 미리 명시된 한도를 초과한다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 콘텐츠 창(116)을 비활성으로 지정하고, 스택형 탭 뷰의 표시로부터 콘텐츠 창(116)을 제거할 수 있다. 컴퓨팅 디바이스(102)는 콘텐츠 창들(222, 110, 112, 114)을 앞으로 회전시키는 입력을 수신할 때 콘텐츠 창(116)을 다시 활성화하고 콘텐츠 창(116)을 표시할 수 있다.
도 3a는 콘텐츠 창을 닫는 예시적인 동작들을 보여주는 도면이다. 컴퓨팅 디바이스(102)는 삭제 제스처 입력(302)을 수신할 수 있다. 삭제 제스처 입력(302)은 디스플레이 표면(106) 상에서 콘텐츠 창(112)의 가려지지 않은 부분을 터치하는 것을 포함할 수 있다. 삭제 제스처 입력(302)은 콘텐츠 창(112)의 가려지지 않은 부분을 터치하면서 (예를 들어, 디스플레이 표면(106)의 왼쪽 가장자리 또는 오른쪽 가장자리 쪽으로) 옆으로 스와이핑하는 모션을 포함할 수 있다. 컴퓨팅 디바이스(102)는 콘텐츠 창(112)이 스와이핑 모션의 방향을 따라 움직이게 할 수 있다. 컴퓨팅 디바이스(102)는 옆으로 스와이핑하는 거리가 삭제 임계치를 만족시켰다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 콘텐츠 창(112)을 스택형 탭 뷰로부터 제거할 수 있다.
콘텐츠 창(112)의 제거 시에, 컴퓨팅 디바이스(102)는 원래 콘텐츠 창(112)의 뒤에 있던 콘텐츠 창들(114, 116)을 콘텐츠 창(112)이 원래 차지한 위치를 차지하도록 앞으로 이동시킬 수 있다. 대안적으로 또는 추가로, 콘텐츠 창(112)의 제거 시에, 컴퓨팅 디바이스(102)는 원래 콘텐츠 창(112)의 앞에 있던 콘텐츠 창(110)을 콘텐츠 창(112)이 원래 차지한 위치를 차지하도록 뒤로 이동시킬 수 있다.
도 3b는 스택형 탭 뷰로부터의 선택 시에 그리드 모드로 예시적인 콘텐츠 창을 보여주는 도면이다. 예시적인 콘텐츠 창은 도 2의 새로운 콘텐츠 창(222)일 수 있다.
새로운 콘텐츠 창(222)은 웹 페이지와 연관되지 않은 새로운 윈도우일 수 있다. 선택 입력을 수신할 때, 새로운 콘텐츠 창(222)이 전체 화면 표시 모드에 들어갈 수 있고, 여기서 새로운 콘텐츠 창(222)의 콘텐츠가 스택 탭 뷰 대신에 디스플레이 표면(106)을 차지한다. 새로운 콘텐츠 창(222)은 웹 사이트의 URL(uniform resource locator)에 대한 텍스트 입력을 수신하도록 구성된 입력 박스(308)를 포함할 수 있다.
새로운 콘텐츠 창(222)은 그리드 뷰 영역(310)을 포함할 수 있다. 그리드 뷰 영역(310)은 그리드 레이아웃으로 이미지들을 표시하도록 구성된, 테두리가 있거나 없는, 새로운 콘텐츠 창(222)의 부분이다. 그리드 레이아웃은 X개의 열과 Y개의 행을 포함할 수 있다. 이미지들은 예시적인 이미지들(312, 314, 316)을 포함할 수 있다. 이미지들(312, 314, 316)은 폴더에 또는 북마크 파일에 저장된 원격 문서들 또는 웹 사이트들로의 링크들의 그룹에 대응할 수 있다. 이미지들(312, 314, 316) 각각은 폴더 또는 북마크 파일 내의 링크들 중 하나에 대응할 수 있다.
컴퓨팅 디바이스(102)는 이미지들(312, 314, 316)을 그들 각각의 콘텐츠 소스들에 기초하여 결정할 수 있다. 컴퓨팅 디바이스(102)는 대표 이미지로 지정된 이미지(예를 들어, 웹 사이트 또는 웹 페이지를 식별하기 위한 파비콘(favicon))를 검색할 수 있다. 예를 들어, 컴퓨팅 디바이스(102)는 제1 웹 사이트로부터의 파비콘을 검색할 수 있다. 컴퓨팅 디바이스(102)는 검색된 파비콘이 사이즈 임계치를 만족시킨다고(예를 들어, 적어도 M x N 픽셀들만큼 크다고) 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 검색된 파비콘의 사이즈를 그리드에 맞는 미리 정해진 사이즈로 조정(예를 들어, 확대 또는 축소)하고, 조정된 파비콘을 그리드 뷰 영역(310)에 이미지(312)로 표시할 수 있다. 이미지(312)를 선택하는 사용자 입력을 수신할 때, 컴퓨팅 디바이스(102)는 디스플레이 표면(106) 상에 표시할 제1 웹 사이트의 콘텐츠를 제공할 수 있다.
컴퓨팅 디바이스(102)는 제2 웹 사이트로부터의 대표 이미지를 검색할 수 있다. 컴퓨팅 디바이스(102)는 검색된 이미지가 사이즈 임계치를 만족시키지 못한다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 검색된 이미지의 주조색(dominant color)을 결정할 수 있다. 컴퓨팅 디바이스(102)는 검색된 이미지의 대부분의 많은 비백색 픽셀들의 색에 기초하여, 또는 비백색 픽셀들의 평균 색에 기초하여 주조색을 결정할 수 있다. 컴퓨팅 디바이스(102)는 주조색에 기초하여 이미지(314)를 생성할 수 있다. 이미지(314)를 생성하는 것은 주조색, 그리드에 대해 명시된 사이즈, 및 이미지(315)에 기초하여 이미지를 결정하는 것을 포함할 수 있다. 이미지(315)는 주조색과 대비되는 색을 가진 컴퓨팅 디바이스(102)에 의해 제공되는 이미지일 수 있다. 이미지(314)를 선택하는 사용자 입력을 수신할 때, 컴퓨팅 디바이스(102)는 디스플레이 표면(106) 상에 표시할 제2 웹 사이트의 콘텐츠를 제공할 수 있다.
컴퓨팅 디바이스(102)는 제3 웹 사이트가 대표 이미지를 제공하지 않는다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 디폴트 이미지일 수 있는 이미지(316)를 결정할 수 있다. 그 후 컴퓨팅 디바이스(102)는 그리드 뷰 영역(310)에 표시할 이미지(316)를 제공할 수 있다. 이미지(316)를 선택하는 사용자 입력을 수신할 때, 컴퓨팅 디바이스(102)는 디스플레이 표면(106) 상에 표시할 제3 웹 사이트의 콘텐츠를 제공할 수 있다.
도 3c는 스택형 탭 뷰로부터의 선택 시에 리스트 모드로 예시적인 콘텐츠 창을 보여주는 도면이다. 콘텐츠 창은 콘텐츠 창(110, 112, 114, 116, 또는 222)일 수 있다.
컴퓨팅 디바이스(102)는 컴퓨팅 디바이스(102) 또는 원격 서버에 저장된 콘텐츠 항목들의 리스트를 표시할 수 있다. 리스트는 콘텐츠 항목들, 예를 들어, 로컬로 또는 원격으로 저장된 기사들 또는 웹 페이지들을 포함할 수 있다. 리스트는 디바이스들 상에서(예를 들어, 컴퓨팅 디바이스(102) 및 제2 컴퓨팅 디바이스 상에서) 사용자가 보는 콘텐츠 항목들에 기초하여 다수의 디바이스로부터 자동으로 모아질 수 있다.
컴퓨팅 디바이스(102)는 리스트에 표시할, 각각의 기사 또는 웹 사이트에 각각 대응하는, 이미지들(320, 322, 324)을 결정할 수 있다. 이미지들(320, 322, 324) 각각을 결정하는 것은 각각의 기사 또는 웹 사이트로부터의 대표 이미지를 식별하는 것을 포함할 수 있다. 대표 이미지를 식별하는 것은 웹 사이트의 파비콘을 결정하는 것, 기사 또는 웹 사이트에서 최대 이미지를 결정하는 것, 또는 사람의 얼굴을 포함하는 이미지를 결정하는 것을 포함할 수 있다. 이미지들(320, 322, 324) 각각을 결정하는 것은 식별된 대표 이미지를 잘라내는 것 또는 식별된 대표 이미지의 사이즈를 조정하는 것을 포함할 수 있다.
도 3d는 스택형 탭 뷰에서 콘텐츠 창의 예시적인 스냅숏 동작들을 보여주는 도면이다. 콘텐츠 창은 콘텐츠 창(110, 112, 114, 116, 또는 222)일 수 있다.
컴퓨팅 디바이스(102)는 내비게이션 입력(325)을 수신할 수 있다. 내비게이션 입력(325)은 제1 콘텐츠 페이지(326)를 표시하는 디스플레이 표면(106) 상의 스와이프 제스처 입력일 수 있다. 제1 콘텐츠 페이지(326)는 제1 페이지 콘텐츠(327)를 포함하는 웹 페이지일 수 있다. 컴퓨팅 디바이스(102)는, 콘텐츠 사이즈 및 사용자 스크롤 이력에 기초하여, 제1 콘텐츠 페이지(326)가 표시될 때 내비게이션 툴바(328)가 감소된 높이(330)를 가진다고 결정할 수 있다. 감소된 높이(330)를 가진 내비게이션 툴바(328)에서, 컴퓨팅 디바이스(102)는 웹 페이지 제목을 표시하고 하나 이상의 도구 항목(예를 들어, 사용자가 입력한 URL을 수신하도록 구성된 내비게이션 박스)을 감출 수 있다.
내비게이션 입력(325)을 수신할 때, 컴퓨팅 디바이스(102)는 스와이프 제스처 입력의 방향(예를 들어, 오른쪽)을 따르는 애니메이션에서 제1 콘텐츠 페이지(326)를 디스플레이 표면(106) 밖으로 이동시킬 수 있다. 컴퓨팅 디바이스(102)는 제1 콘텐츠 페이지(326)가 남긴 공간을 제2 콘텐츠 페이지의 스냅숏(332)을 사용하여 채울 수 있다. 스냅숏(332)은 콘텐츠 항목(333)을 포함할 수 있다. 컴퓨팅 디바이스(102)는 사용자가 제2 콘텐츠 페이지를 떠나고 있다고 결정할 때 제2 콘텐츠 페이지의 스냅숏(332)을 생성할 수 있다. 예를 들어, 내비게이션 입력(325)을 수신할 때, 컴퓨팅 디바이스(102)는 제1 콘텐츠 페이지(326)의 스냅숏을 생성하고, 이 생성된 스냅숏을 장차 사용자가 다시 제1 콘텐츠 페이지(326)로 내비게이션하고 있다고 결정할 때 표시하기 위해 저장할 수 있다. 각각의 콘텐츠 창은 다수의 스냅숏과 연관될 수 있다. 예를 들어, 도 3d의 예시적인 콘텐츠 창은 스냅숏(332) 및 제1 콘텐츠 페이지(326)의 스냅숏과 연관될 수 있다.
스냅숏(332)은 내비게이션 툴바(328)가 완전한 높이(full height)(334)를 가졌을 때 취해질 수 있다. 컴퓨팅 디바이스는 제2 콘텐츠 페이지 상에서의 사용자에 의한 브라우징 액션들에 기초하여(예를 들어, 사용자가 제2 콘텐츠 페이지의 상부까지 스크롤할 때) 내비게이션 툴바(328)를 완전한 높이(334)로 표시할 수 있다. 스와이프 제스처 입력이 위치(336)에(예를 들어, 디스플레이 표면(106)의 수직 중심 부근에) 있을 때, 내비게이션 툴바(328)의 제1 부분(예를 들어, 오른쪽)이 감소된 높이(330)를 가질 수 있고, 내비게이션 툴바(328)의 제2 부분(예를 들어, 왼쪽)이 완전한 높이(334)를 가질 수 있다. 제1 콘텐츠 페이지(326)가 디스플레이 표면(106) 밖으로 완전히 움직이기 전에, 컴퓨팅 디바이스는 스냅숏(332)에 의해 커버되지 않는 공간을 차지할 디스플레이 플레이스홀더(placeholder)(338)를 제공할 수 있다. 이 공간은 감소된 높이(330)와 완전한 높이(334) 사이의 높이의 차이인 높이를 가질 수 있다. 이 공간은 디스플레이 표면(106)의 왼쪽 가장자리와 위치(336) 사이의 거리인 폭을 가질 수 있다. 컴퓨팅 디바이스(102)는 내비게이션 툴바(328)와 스냅숏(332) 사이에 플레이스홀더(338)를 위치시킬 수 있다.
컴퓨팅 디바이스(102)는 제2 웹 페이지의 콘텐츠에 기초하여 플레이스홀더(338) 내의 콘텐츠를 결정할 수 있다. 예를 들어, 컴퓨팅 디바이스(102)는 제2 웹 페이지의 배경색을 결정하고, 이 배경색을 플레이스홀더(338)의 색으로 지정할 수 있다. 렌더링 조건이 만족되었다고 결정할 때(예를 들어, 제1 콘텐츠 페이지(326)가 디스플레이 표면(106) 밖으로 완전히 움직였다고 결정할 때), 컴퓨팅 디바이스(102)는 플레이스홀더(338)의 콘텐츠를, 내비게이션 툴바(328)가 감소된 높이를 가질 때 감추어지는 완전한 높이 내비게이션 툴바(328)의 사용자 인터페이스 항목으로 대체할 수 있다. 사용자 인터페이스 항목은 사용자가 입력한 URL을 수신하도록 구성된 내비게이션 박스일 수 있다.
제2 콘텐츠 페이지의 스냅숏(332)을 사용하여 공간을 채우는 동안, 컴퓨팅 디바이스(102)는 제2 콘텐츠 페이지를 제공하는 웹 사이트로부터 콘텐츠를 다운로드할 수 있다. 대체 조건이 만족되었다고 결정할 때, 컴퓨팅 디바이스(102)는 스냅숏(332)을 제거하고, 표시를 위해 다운로드된 콘텐츠를 렌더링할 수 있다. 다운로드된 콘텐츠는 스냅숏(332)과 일치하거나 스냅숏(332)과 다를 수 있다. 예를 들어, 다운로드 콘텐츠는 콘텐츠 항목(340)을 포함할 수 있고, 이 콘텐츠 항목은 스냅숏(332)의 콘텐츠 항목(333)에 대응하지만 콘텐츠 항목(333)의 위치와 다른 위치에 위치해 있을 수 있다. 스냅숏(332)을 제거하는 것은 스냅숏(332)을 크로스 페이딩(cross fading)하는 것을 포함할 수 있고, 여기서 다운로드된 콘텐츠 위에 덮여 있는 스냅숏(332)은 다운로드된 콘텐츠를 드러내 보이기 위해, 스냅숏(332)이 사라질 때까지 점차 투명해진다.
대체 조건은 하나 이상의 규칙을 포함할 수 있고, 그 예들이 아래에 제공된다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 다운로드의 지속 기간이 타임아웃 임계치(예를 들어, X초)에 이르거나 이를 초과한다고 결정할 때 대체 조건이 만족된다고 결정할 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 다운로드된 콘텐츠의 양이 사이즈 임계치를 만족시켰다고 결정할 때 대체 조건이 만족된다고 결정할 수 있다. 컴퓨팅 디바이스(102)는 다운로드된 객체들의 수에 기초하여 다운로드된 콘텐츠의 양을 결정할 수 있다. 컴퓨팅 디바이스(102)는 다운로드된 객체들의 수와, 스냅숏(332)의 취해졌을 때 결정될 수 있는 렌더 트리(render tree)의 사이즈를 비교할 수 있다. 렌더 트리의 사이즈는 제2 콘텐츠 페이지를 렌더링하기 위한 객체들의 수를 포함할 수 있다. 컴퓨팅 디바이스(102)는 다운로드된 객체들의 수가 렌더 트리 사이즈의 X 퍼센트보다 많다고 결정할 때 다운로드된 콘텐츠의 양이 사이즈 임계치를 만족시켰다고 결정할 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는, 제2 콘텐츠 페이지를 제공하는 웹 사이트로부터의 정보 또는 지시에 기초하여, 다운로드가 일어나지 않을 것이라고 결정할 때 대체 조건이 만족된다고 결정할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 웹 사이트로부터 콘텐츠를 다운로드하는 대신에 이전에 본 콘텐츠 페이지로 갈 수 있다. 컴퓨팅 디바이스(102)는 일시 정지 기간(예를 들어, X 밀리초) 후에 스냅숏(332)을 제거할 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 다운로드된 콘텐츠가 스냅숏과 일치하지 않을 것이라고 결정할 때 대체 조건이 만족된다고 결정할 수 있다. 예를 들어, 컴퓨팅 디바이스(102)는 다운로드된 콘텐츠의 루트 객체가 스냅숏(332)과 연관된 렌더 트리 내의 루트 객체와 일치하지 않는다고 결정할 수 있다.
예시적인 디바이스 컴포넌트들
도 4는 컴퓨팅 디바이스(102)의 예시적인 스택형 탭 뷰 서브시스템(402)의 컴포넌트들을 보여주는 도면이다. 탭 뷰 서브시스템(402)의 각각의 컴포넌트는 하드웨어 및 소프트웨어 컴포넌트들을 포함할 수 있다.
서브시스템(402)은 콘텐츠 처리 서브시스템(404)을 포함할 수 있다. 콘텐츠 처리 서브시스템(404)은 스택형 탭 뷰를 표시하는 애플리케이션 프로그램(예를 들어, 웹 브라우저)을 실행하도록 구성된 하나 이상의 프로세서를 포함할 수 있다. 콘텐츠 처리 서브시스템(404)은 콘텐츠 창 관리자(406)를 포함할 수 있다. 콘텐츠 창 관리자(406)는 콘텐츠 창들(예를 들어, 콘텐츠 창들(110, 112, 114, 116, 222))의 스택형 뷰를 생성하고 콘텐츠 창들의 움직임들 및 애니메이션을 관리하도록 구성된 콘텐츠 처리 서브시스템(404)의 컴포넌트이다.
콘텐츠 처리 서브시스템(404)은 페이지 이미지 관리자(408)를 포함할 수 있다. 페이지 이미지 관리자(408)는 콘텐츠 페이지들의 대표 이미지들(예를 들어, 이미지들(312, 314, 316, 320, 322, 324))을 결정하도록 구성된 콘텐츠 처리 서브시스템(404)의 컴포넌트이다.
콘텐츠 처리 서브시스템(404)은 스냅숏 관리자(410)를 포함할 수 있다. 스냅숏 관리자(410)는 콘텐츠 페이지들의 스냅숏들(예를 들어, 스냅숏(332))을 생성하고 다수의 콘텐츠 창과 연관된 스냅숏들을 관리하도록 구성된 콘텐츠 처리 서브시스템(404)의 컴포넌트이다.
콘텐츠 처리 서브시스템(404)은 디스플레이 인터페이스(412)를 포함할 수 있다. 디스플레이 인터페이스(412)는 디스플레이 표면(106)으로부터 입력들(예를 들어, 터치 입력 또는 제스처 입력)을 수신하는 것을 포함하여 디스플레이 표면(106)과 상호 작용하고 콘텐츠 창 관리자(406), 페이지 이미지 관리자(408), 또는 스냅숏 관리자(410)에게 입력을 제공하도록 구성된 콘텐츠 처리 서브시스템(404)의 컴포넌트이다. 디스플레이 인터페이스(412)는 디스플레이 표면(106) 상에 표시하기 위해 콘텐츠 창 관리자(406), 페이지 이미지 관리자(408), 및 스냅숏 관리자(410)에 의해 생성된 콘텐츠를 제공할 수 있다.
서브시스템(402)은 통신 서브시스템(424)을 포함할 수 있다. 통신 서브시스템(424)은 안테나, 무선 프로세서(예를 들어, 베이스밴드 프로세서, Wi-Fi™ 프로세서, Bluetooth™ 프로세서), 및 무선 프로세서가 하나 이상의 웹사이트로부터 콘텐츠를 다운로드하는 동작들을 수행하고, 콘텐츠 창 관리자(406), 페이지 이미지 관리자(408), 또는 스냅숏 관리자(410)에게 콘텐츠를 제공하게 하는 소프트웨어 또는 펌웨어를 포함하는 서브시스템(402)의 컴포넌트이다.
예시적인 절차들
도 5a는 비간섭 영역 통지(non-intrusive region notification)의 예시적인 절차(500)의 순서도이다. 절차(500)는 컴퓨팅 디바이스(102)에 의해 수행될 수 있다.
컴퓨팅 디바이스(102)는, 디스플레이 표면(예를 들어, 디스플레이 표면(106)) 상에 표시하기 위해, 앞쪽 콘텐츠 창(front content pane)(예를 들어, 콘텐츠 창(110))과 뒤쪽 콘텐츠 창(back content pan)(예를 들어, 콘텐츠 창(112))을 제공할 수 있다(502). 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창 각각은 웹 페이지 또는 웹 페이지의 스냅숏일 수 있다. 스냅숏은 웹 페이지의 이미지를 포함할 수 있다. 앞쪽 콘텐츠 창은 뒤쪽 콘텐츠 창의 앞에 위치해 있고 뒤쪽 콘텐츠 창을 부분적으로 가리고 있는 것으로 보일 수 있다. 깊이 치수(depth dimension)의 거리가 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창을 분리하는 것으로 보일 수 있다.
일부 구현예들에서, 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창은 앞쪽 콘텐츠 창의 수직 가장자리와 뒤쪽 콘텐츠 창의 수직 가장자리가 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창 아래의 수평축(예를 들어, 수평축(201))을 가리키는 모습을 갖도록 배열될 수 있다. 수평축은 디스플레이 표면 상에 표시된 가시축 또는 도 2a 내지 도 2d에 예시된 것과 같은 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 디스플레이 관점들에 의해 정의된 비가시축일 수 있다. 컴퓨팅 디바이스(102)는 앞쪽 콘텐츠 창 또는 뒤쪽 콘텐츠 창 중 적어도 하나를 터치하고 위로 스와이핑하는 푸시백(pushback) 제스처 입력을 수신할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 사이즈를 축소하는 것과 뷰어로부터 멀어지게 움직이는 모습을 갖도록 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 디스플레이 관점들을 변화시키는 것을 포함하여, 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창이 수평축 주위를 회전(예를 들어, 회전(220))하는 것을 애니메이션할 수 있다.
컴퓨팅 디바이스(102)는 앞쪽 콘텐츠 창에 의해 가려지지 않은 뒤쪽 콘텐츠 창의 부분을 터치하고 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 위치로 스와이핑하는 위치 제스처 입력(예를 들어, 위치 제스처 입력(120))을 수신할 수 있다(504).
위치 제스처 입력에 응답하여, 컴퓨팅 디바이스(102)는 애니메이션된 모션에서 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 위치들을 전환할 수 있다(506). 애니메이션된 모션에서, 앞쪽 콘텐츠 창은 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보일 수 있다. 뒤쪽 콘텐츠 창은 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 앞으로 움직이는 것으로 보일 수 있다. 앞쪽 콘텐츠 창은 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 뒤쪽 콘텐츠 창 뒤에서 위로 움직이는 것으로 보일 수 있다.
일부 구현예들에서, 단계(506)에서 위치들을 전환한 후에, 컴퓨팅 디바이스(102)는, 전환 후에, 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 뒤쪽 콘텐츠 창을 터치하는 제2 위치 제스처 입력(예를 들어, 위치 제스처 입력(124))을 수신할 수 있다(508). 제2 위치 제스처는 (이제는 뒤쪽에 있는) 앞쪽 콘텐츠 창의 뒤에 있는 것으로 보이는 위치로 스와이핑할 수 있다.
제2 위치 제스처 입력에 응답하여, 컴퓨팅 디바이스(102)는 제2 애니메이션된 모션에서 뒤쪽 콘텐츠 창을 앞쪽 콘텐츠 창의 뒤로 이동시킬 수 있다(510). 제2 애니메이션된 모션에서, 앞쪽 콘텐츠 창은 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보일 수 있다. 뒤쪽 콘텐츠 창은 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 뒤로 움직이는 것으로 보일 수 있다. 그 후, 앞쪽 콘텐츠 창은 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 뒤쪽 콘텐츠 창 앞에서 위로 움직이는 것으로 보일 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 삭제 제스처 입력(예를 들어, 삭제 제스처 입력(302))을 수신할 수 있다. 삭제 제스처 입력은 앞쪽 콘텐츠 창 또는 뒤쪽 콘텐츠 창의 일부를 터치하고 옆으로 스와이핑할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 애니메이션에서 터치된 콘텐츠 창을 표시로부터 제거할 수 있다. 애니메이션에서, 터치된 콘텐츠 창은 삭제 제스처 입력의 스와이핑 방향에 따라 디스플레이 표면에서 미끄러져 떨어질 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 디스플레이 표면에 표시할 새로운 콘텐츠 창을 추가하기 위한 새로운 콘텐츠 창 입력을 수신할 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 애니메이션에서 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창 둘 모두의 앞에 새로운 콘텐츠 창을 추가할 수 있다.
일부 구현예들에서, 디바이스(102)는 디스플레이 표면의 제1 수직 가장자리와 뷰어 사이의 거리가 디스플레이 표면의 제2 수직 가장자리와 뷰어 사이의 거리보다 큰 위치로 디스플레이 표면을 기울어지게 하는 기울기 입력(예를 들어, 기울기 입력(132))을 수신할 수 있다. 이에 응답하여, 컴퓨팅 디바이스는 기울기의 3차원 효과를 시뮬레이션하기 위해 앞쪽 콘텐츠 창의 외관상 평면과 뒤쪽 콘텐츠 창의 외관상 평면을 변화시킬 수 있다. 이 변화는 각도 변화 또는 이동(shifting) 변화를 포함할 수 있다.
도 5b는 그리드 모드로 콘텐츠 창을 표시하는 예시적인 절차(520)를 보여주는 순서도이다. 절차(520)는 컴퓨팅 디바이스(102)에 의해 수행될 수 있다.
컴퓨팅 디바이스(102)는 콘텐츠 창을 채우라는 요청을 수신할 수 있다(522). 요청은 새로운 콘텐츠 창(예를 들어, 새로운 콘텐츠 창(222))을 생성하는 사용자 입력 또는 북마크 페이지에 액세스하는 사용자 입력을 포함할 수 있다.
컴퓨팅 디바이스(102)는 콘텐츠 저장소로부터, 웹 사이트들로의 하나 이상의 링크의 컬렉션을 검색할 수 있다(524). 콘텐츠 저장소는 컴퓨팅 디바이스(102) 상에 로컬로 또는 컴퓨팅 디바이스(102)로부터 원격으로 저장된 폴더일 수 있다. 콘텐츠 저장소는 북마크 페이지 또는 판독 리스트일 수 있다.
컴퓨팅 디바이스(102)는 하나 이상의 이미지를 결정할 수 있다(526). 각각의 이미지는 컬렉션 내의 웹 사이트 링크에 대응할 수 있다. 각각의 이미지를 결정하는 것은, 대응하는 웹 사이트에 의해 제공된 대표 이미지가 사이즈 임계치를 만족시킨다고 결정할 때, 그 대표 이미지를 웹 사이트에 대응하는 이미지로 지정하는 것을 포함할 수 있다. 각각의 이미지를 결정하는 것은, 대표 이미지가 사이즈 임계치를 만족시키지 못한다고 결정할 때, 대표 이미지에 기초하여 이미지를 생성하는 것과, 생성된 이미지를 웹 사이트에 대응하는 이미지로 지정하는 것을 포함할 수 있다. 이미지(예를 들어, 이미지(314))를 생성하는 것은 대표 이미지에 기초하여 주조색을 결정하는 것과, 주조색에 기초하여 웹 사이트에 대응하는 이미지를 생성하는 것을 포함할 수 있다.
컴퓨팅 디바이스(102)는 요청에 응답하여 콘텐츠 창에 그리드 패턴(grid pattern)으로(예를 들어, 그리드 뷰 영역(310)에) 또는 리스트 패턴(list pattern)으로(예를 들어, 도 3c에 도시된 바와 같이) 표시하기 위해 하나 이상의 이미지를 제공할 수 있다(528).
도 5c는 스냅숏들을 관리하는 절차(540)를 보여주는 순서도이다. 절차(540)는 컴퓨팅 디바이스(102)에 의해 수행될 수 있다.
제1 콘텐츠 페이지로부터 제2 콘텐츠 페이지로 내비게이션하기 위한 내비게이션 입력(예를 들어, 내비게이션 입력(325))에 응답하여, 컴퓨팅 디바이스(102)는 제2 콘텐츠 페이지의 스냅숏(예를 들어, 스냅숏(332))을 식별할 수 있다(542). 스냅숏은 제2 콘텐츠 페이지의 이미지를 포함하고 제2 콘텐츠 페이지를 제공하는 웹 사이트와 연관되어 있을 수 있다.
컴퓨팅 디바이스(102)는 제1 콘텐츠 페이지와 연관된 툴바(예를 들어, 내비게이션 툴바(328))가 스냅숏과 연관된 툴바의 제2 치수(예를 들어, 완전한 높이(334))보다 작은 제1 치수(예를 들어, 감소된 높이(330))를 갖고 있다고 결정할 수 있다(544).
컴퓨팅 디바이스(102)는 제1 치수와 제2 치수 사이의 차이, 및 제2 콘텐츠 페이지와 연관된 배경색에 기초하여 플레이스홀더(예를 들어, 플레이스홀더(338))를 결정할 수 있다(546).
컴퓨팅 디바이스(102)는 내비게이션 입력에 응답하여 제1 콘텐츠 페이지로부터 제2 콘텐츠 페이지로 내비게이션하는 애니메이션에서, 스냅숏과 연관하여 표시하기 위해 플레이스홀더를 제공할 수 있다(548). 컴퓨팅 디바이스(102)는 애니메이션의 완료 시에 플레이스홀더를 툴바의 콘텐츠 항목으로 대체할 수 있다(550).
일부 구현예들에서, 컴퓨팅 디바이스(102)는 다수의 스냅숏을 결정할 수 있다. 각각의 스냅숏은 웹 페이지를 제공하는 웹 사이트와 연관될 수 있다. 각각의 웹 사이트는 다수의 콘텐츠 창을 가진 웹 브라우저의 콘텐츠 창과 연관될 수 있다. 예를 들어, 콘텐츠 창들(110, 112, 114, 116, 222)은 각각 내비게이션 도중에 생성된 다수의 스냅숏과 연관될 수 있다.
컴퓨팅 디바이스(102)는 컴퓨팅 디바이스(102)의 운영 체제로부터 또는 애플리케이션 프로그램으로부터 신호를 수신할 수 있다. 신호는 메모리 사용 압박(memory usage pressure)의 수준(예를 들어, 중간, 높은, 또는 위험(critical))을 나타낼 수 있다. 이에 응답하여, 컴퓨팅 디바이스(102)는 메모리 사용 압박의 수준에 기초하여 하나 이상의 스냅숏을 제거할 수 있다.
예를 들어, 신호가 중간 메모리 사용 압박 수준을 나타낸다고 결정할 때, 컴퓨팅 디바이스(102)는 비활성으로 지정된 콘텐츠 창들(예를 들어, 현재 전체 화면 모드로 표시되지 않은 콘텐츠 창들)을 통하여 반복할 수 있다. 이 반복에서, 컴퓨팅 디바이스(102)는 비활성 콘텐츠 창들과 연관된 하나 이상의 스냅숏을 제거할 수 있다. 신호가 높은 메모리 사용 압박 수준을 나타낸다고 결정할 때, 컴퓨팅 디바이스(102)는 비활성 콘텐츠 창들과 연관된 하나 이상의 스냅숏 및 활성 콘텐츠 창(예를 들어, 현재 전체 화면 모드로 표시된 콘텐츠 창)과 연관된 하나 이상의 스냅숏 - 현재 스냅숏, 다음(forward) 스냅숏, 및 이전 스냅숏은 제외 - 을 제거할 수 있다. 현재 스냅숏은 콘텐츠 창에 현재 표시된 콘텐츠 페이지의 이미지일 수 있다. 다음 스냅숏은 현재 표시된 웹 페이지로부터 제1 방향으로(예를 들어, 현재 표시된 웹 페이지의 오른쪽으로) 내비게이션할 때 도달 가능한 페이지이다. 이전 스냅숏은 현재 표시된 웹 페이지로부터 제2 방향으로(예를 들어, 현재 표시된 웹 페이지의 왼쪽으로) 내비게이션할 때 도달 가능한 페이지이다. 신호가 위험 메모리 사용 압박 수준을 나타낸다고 결정할 때, 컴퓨팅 디바이스(102)는 모든 스냅숏을 제거할 수 있다.
예시적인 디바이스 아키텍처
도 6은 도 1 내지 도 5의 특징들 및 동작들을 구현하는 컴퓨팅 디바이스(102)의 예시적인 디바이스 아키텍처(600)를 보여주는 블록도이다. 컴퓨팅 디바이스(102)는 랩톱 컴퓨터, 태블릿 컴퓨터, 스마트폰, 또는 착용가능 컴퓨팅 디바이스(예를 들어, 스마트 손목시계)일 수 있다. 컴퓨팅 디바이스(102)는 메모리 인터페이스(602), 하나 이상의 데이터 프로세서, 이미지 프로세서 및/또는 프로세서(604), 및 주변 장치 인터페이스(606)를 포함할 수 있다. 메모리 인터페이스(602), 하나 이상의 프로세서(604) 및/또는 주변 장치 인터페이스(606)는 별개의 컴포넌트들일 수 있거나 하나 이상의 집적 회로에 통합될 수 있다. 프로세서들(604)은 하나 이상의 애플리케이션 프로세서 및 하나 이상의 무선 프로세서를 포함할 수 있다. 컴퓨팅 디바이스(102) 내의 다양한 컴포넌트들은, 예를 들어, 하나 이상의 통신 버스 또는 신호 라인에 의해 결합될 수 있다.
다수의 기능을 가능하게 하기 위해 센서들, 디바이스들, 및 서브시스템들이 주변 장치 인터페이스(606)에 결합될 수 있다. 예를 들어, 이동 디바이스의 방위, 조명, 및 근접 기능들을 가능하게 하기 위해 모션 센서(610), 조명 센서(612), 및 근접 센서(614)가 주변 장치 인터페이스(606)에 결합될 수 있다. 지리적 위치 확인(geopositioning)을 제공하기 위해 로케이션 프로세서(615)(예를 들어, GPS 수신기)가 주변 장치 인터페이스(606)에 연결될 수 있다. 자북의 방향을 결정하는 데 사용될 수 있는 데이터를 제공하기 위해 전자 자력계(616)(예를 들어, 집적 회로 칩)가 또한 주변 장치 인터페이스(606)에 연결될 수 있다. 따라서, 전자 자력계(616)는 전자 나침반으로 사용될 수 있다. 모션 센서(610)는 이동 디바이스의 움직임의 방향 및 속도 변화를 결정하도록 구성된 하나 이상의 가속도계를 포함할 수 있다. 기압계(617)는 주변 장치 인터페이스(606)에 연결되어 이동 디바이스 주위의 대기압을 측정하도록 구성된 하나 이상의 디바이스를 포함할 수 있다.
카메라 서브시스템(620) 및 광 센서(622), 예를 들어, 전하 결합 소자(CCD) 또는 상보형 금속 산화물 반도체(CMOS) 광 센서는 사진 및 비디오 클립의 녹화와 같은 카메라 기능들을 가능하게 하기 위해 이용될 수 있다.
통신 기능들은 무선 주파수 수신기들 및 송신기들 및/또는 광(예를 들어, 적외선) 수신기들 및 송신기들을 포함할 수 있는 하나 이상의 무선 통신 서브시스템(624)을 통하여 가능해질 수 있다. 통신 서브시스템(624)의 구체적인 설계 및 구현은 이동 디바이스가 동작하도록 의도되어 있는 통신 네트워크(들)에 좌우될 수 있다. 예를 들어, 이동 디바이스는 GSM 네트워크, GPRS 네트워크, EDGE 네트워크, Wi-Fi™ 또는 WiMax™ 네트워크, 및 Bluetooth™ 네트워크 상에서 동작하도록 설계된 통신 서브시스템들(624)을 포함할 수 있다. 특히, 무선 통신 서브시스템들(624)은 이동 디바이스가 다른 무선 디바이스들에 대한 기지국으로 구성될 수 있도록 호스팅 프로토콜들을 포함할 수 있다.
음성 인식, 음성 복제, 디지털 녹음, 및 전화 기능과 같은 음성 지원 기능들을 가능하게 하기 위해 오디오 서브시스템(626)이 스피커(628) 및 마이크(630)에 결합될 수 있다. 오디오 서브시스템(626)은 사용자로부터 음성 명령들을 수신하도록 구성될 수 있다.
I/O 서브시스템(640)은 터치 표면 제어기(642) 및/또는 기타 입력 제어기(들)(644)를 포함할 수 있다. 터치 표면 제어기(642)는 터치 표면(646) 또는 패드에 결합될 수 있다. 터치 표면(646) 및 터치 표면 제어기(642)는, 예를 들어, 용량성, 저항성, 적외선, 및 표면 음파 기술들뿐만 아니라, 터치 표면(646)과의 하나 이상의 접촉점을 결정하기 위한 기타 근접 센서 어레이들 또는 기타 요소들을 포함하지만 이들로 제한되지 않는 복수의 터치 감응성 기술들 중 임의의 기술을 사용하여 접촉 및 움직임 또는 그의 중단을 검출할 수 있다. 터치 표면(646)은, 예를 들어, 터치 스크린을 포함할 수 있다.
기타 입력 제어기(들)(644)가 하나 이상의 버튼, 로커 스위치(rocker switch), 지동륜(thumb-wheel), 적외선 포트, USB 포트, 및/또는 포인터 디바이스, 예컨대 스타일러스와 같은 기타 입력/제어 디바이스들(648)에 결합될 수 있다. 하나 이상의 버튼(미도시)은 스피커(628) 및/또는 마이크(630)의 볼륨 제어를 위한 업/다운 버튼을 포함할 수 있다.
일 구현예에서, 제1 지속 기간 동안 버튼을 누르면 터치 표면(646)의 잠김이 풀릴 수 있고; 제1 지속 기간보다 긴 제2 지속 기간 동안 버튼을 누르면 컴퓨팅 디바이스(102)의 전원이 켜지거나 꺼질 수 있다. 사용자는 하나 이상의 버튼의 기능을 사용자 지정(customize)할 수 있다. 터치 표면(646)은, 예를 들어, 가상 또는 소프트 버튼들 및/또는 키보드를 구현하는 데 또한 사용될 수 있다.
일부 구현예들에서, 컴퓨팅 디바이스(102)는 MP3, AAC, 및 MPEG 파일들과 같이 녹음된 오디오 파일들 및/또는 녹화된 비디오 파일들을 프리젠테이션할 수 있다. 일부 구현예들에서, 컴퓨팅 디바이스(102)는 MP3 플레이어의 기능을 포함할 수 있다. 그러므로, 컴퓨팅 디바이스(102)는 아이팟(iPod)과 호환되는 핀 커넥터를 포함할 수 있다. 기타 입력/출력 및 제어 디바이스들이 또한 사용될 수 있다.
메모리 인터페이스(602)가 메모리(650)에 결합될 수 있다. 메모리(650)는 고속 랜덤 액세스 메모리 및/또는 비휘발성 메모리, 예컨대 하나 이상의 자기 디스크 저장 디바이스, 하나 이상의 광 저장 디바이스, 및/또는 플래시 메모리(예를 들어, NAND, NOR)를 포함할 수 있다. 메모리(650)는 다윈(Darwin), RTXC, LINUX, UNIX, OS X, WINDOWS, iOS, 또는 임베디드 운영 체제, 예컨대 VxWorks와 같은 운영 체제(652)를 저장할 수 있다. 운영 체제(652)는 기본 시스템 서비스들을 처리하기 위한 그리고 하드웨어 종속 작업들을 수행하기 위한 명령어들을 포함할 수 있다. 일부 구현예들에서, 운영 체제(652)는 커널(예를 들어, UNIX 커널)을 포함할 수 있다.
메모리(650)는 또한 하나 이상의 추가 디바이스, 하나 이상의 컴퓨터 및/또는 하나 이상의 서버와의 통신을 가능하게 하는 통신 명령어들(654)을 저장할 수 있다. 메모리(650)는 그래픽 사용자 인터페이스 처리를 가능하게 하는 그래픽 사용자 인터페이스 명령어들(656); 센서 관련 처리 및 기능들을 가능하게 하는 센서 처리 명령어들(658); 전화 관련 프로세스들 및 기능들을 가능하게 하는 전화 명령어들(660); 전자 메시징 관련 프로세스들 및 기능들을 가능하게 하는 전자 메시징 명령어들(662); 웹 브라우징 관련 프로세스들 및 기능들을 가능하게 하는 웹 브라우징 명령어들(664); 미디어 처리 관련 프로세스들 및 기능들을 가능하게 하는 미디어 처리 명령어들(666); GPS 및 내비게이션 관련 프로세스들 및 명령어들을 가능하게 하는 GPS/내비게이션 명령어들(668); 카메라 관련 프로세스들 및 기능들을 가능하게 하는 카메라 명령어들(670); 자력계 캘리브레이션을 가능하게 하는 자력계 데이터(672) 및 캘리브레이션 명령어들(674)을 포함할 수 있다. 메모리(650)는 또한 기타 소프트웨어 명령어들(미도시), 예컨대 보안 명령어들, 웹 비디오 관련 프로세스들 및 기능들을 가능하게 하는 웹 비디오 명령어들, 및/또는 웹 쇼핑 관련 프로세스들 및 기능들을 가능하게 하는 웹 쇼핑 명령어들을 저장할 수 있다. 일부 구현예들에서, 미디어 처리 명령어들(666)은 오디오 처리 관련 프로세스들 및 기능들과 비디오 처리 관련 프로세스들 및 기능들을 각각 가능하게 하는 오디오 처리 명령어들 및 비디오 처리 명령어들로 나누어진다. 활성화 레코드 및 IMEI(International Mobile Equipment Identity) 또는 유사한 하드웨어 식별자가 또한 메모리(650)에 저장될 수 있다.
메모리(650)는 브라우저 관리 명령어들(676)을 저장할 수 있다. 브라우저 관리 명령어들은, 실행될 때, 프로세서(604)로 하여금, 절차(500)의 실행을 포함하여, 콘텐츠 창 관리자(406)의 동작들을 수행하게 하는 콘텐츠 창 관리 명령어들을 포함할 수 있다. 브라우저 관리 명령어들(676)은, 실행될 때, 프로세서(604)로 하여금, 절차(520)의 실행을 포함하여, 페이지 이미지 관리자(408)의 동작들을 수행하게 하는 페이지 이미지 관리 명령어들을 포함할 수 있다. 브라우저 관리 명령어들(676)은, 실행될 때, 프로세서(604)로 하여금, 절차(540)의 실행을 포함하여, 스냅숏 관리자(410)의 동작들을 수행하게 하는 스냅숏 관리 명령어들을 포함할 수 있다.
위에 확인된 명령어들 및 애플리케이션들 각각은 위에 기술된 하나 이상의 기능을 수행하기 위한 명령어들의 세트에 대응할 수 있다. 이들 명령어는 별개의 소프트웨어 프로그램들, 절차들, 또는 모듈들로서 구현될 필요는 없다. 메모리(650)는 추가의 명령어들 또는 더 소수의 명령어들을 포함할 수 있다. 더욱이, 이동 디바이스의 다양한 기능들은 하나 이상의 신호 처리 및/또는 특수 용도의 집적 회로들에서 구현되는 것을 포함하여, 하드웨어로 및/또는 소프트웨어로 구현될 수 있다.
예시적인 운영 환경
도 7은 도 1 내지 도 5의 특징들 및 동작들을 구현하는 컴퓨팅 디바이스에 대한 예시적인 네트워크 운영 환경(700)의 블록도이다. 이동 디바이스들(702a, 702b) 각각은 컴퓨팅 디바이스(102)일 수 있다. 이동 디바이스들(702a, 702b)은, 예를 들어, 데이터 통신 시에 하나 이상의 유선 및/또는 무선 네트워크(710)를 통하여 통신할 수 있다. 예를 들어, 무선 네트워크(712), 예를 들어, 셀룰러 네트워크가, 게이트웨이(716)를 사용하여, 인터넷과 같은 광역 네트워크(WAN)(714)와 통신할 수 있다. 마찬가지로, 802.11g 무선 액세스 포인트와 같은 액세스 디바이스(718)가 광역 네트워크(714)로의 통신 액세스를 제공할 수 있다.
일부 구현예들에서, 무선 네트워크(712) 및 액세스 디바이스(718)를 통하여 음성 및 데이터 통신 둘 모두가 확립될 수 있다. 예를 들어, 이동 디바이스(702a)가 전화를 걸고 받고(예를 들어, VoIP(voice over Internet Protocol) 프로토콜을 사용하여), 이메일 메시지들을 보내고 받고(예를 들어, POP3(Post Office Protocol 3)를 사용하여), 무선 네트워크(712), 게이트웨이(716), 및 광역 네트워크(714)를 통하여 웹 페이지, 사진, 및 비디오와 같은 전자 문서 및/또는 스트림을 검색할 수 있다(예를 들어, TCP/IP(Transmission Control Protocol/Internet Protocol) 또는 UDP(User Datagram Protocol)를 사용하여). 마찬가지로, 일부 구현예들에서, 이동 디바이스(702b)는 전화를 걸고 받고, 이메일 메시지들을 보내고 받고, 액세스 디바이스(718) 및 광역 네트워크(714)를 통하여 전자 문서들을 검색할 수 있다. 일부 구현예들에서, 이동 디바이스(702a 또는 702b)는 하나 이상의 케이블을 사용하여 액세스 디바이스(718)에 물리적으로 연결될 수 있고, 액세스 디바이스(718)는 개인용 컴퓨터일 수 있다. 이 구성에서, 이동 디바이스(702a 또는 702b)는 "테더링된(tethered)" 디바이스라고 부를 수 있다.
이동 디바이스들(702a, 702b)은 또한 다른 수단으로 통신을 확립할 수 있다. 예를 들어, 무선 이동 디바이스(702a)는 무선 네트워크(712)를 통하여, 다른 무선 디바이스들, 예를 들어, 다른 이동 디바이스들, 휴대폰들 등과 통신할 수 있다. 마찬가지로, 이동 디바이스들(702a, 702b)은 Bluetooth™ 통신 디바이스와 같은 하나 이상의 통신 서브시스템을 사용하여, 피어-투-피어 통신(720), 예를 들어, 개인 영역 네트워크(personal area network)를 확립할 수 있다. 기타 통신 프로토콜들 및 토폴로지들이 또한 구현될 수 있다.
이동 디바이스(702a 또는 702b)는, 예를 들어, 하나 이상의 유선 및/또는 무선 네트워크를 통하여 하나 이상의 서비스(730, 740)와 통신할 수 있다. 예를 들어, 제1 콘텐츠 서비스(730)가 제1 콘텐츠 페이지(326)를 제공할 수 있다. 제2 콘텐츠 서비스(740)가, 어느 이동 디바이스들(702a, 702b)이 스냅숏(332)을 생성할 수 있는지에 기초하여 제2 콘텐츠 페이지를 이동 디바이스들(702a, 702b)에 제공할 수 있다.
이동 디바이스(702a 또는 702b)는 또한 하나 이상의 유선 및/또는 무선 네트워크를 통하여 다른 데이터 및 콘텐츠에 액세스할 수 있다. 예를 들어, 뉴스 사이트, RSS(Really Simple Syndication) 피드, 웹 사이트, 블로그, 소셜 네트워킹 사이트, 개발자 네트워크 등과 같은 콘텐츠 게시자들이 이동 디바이스(702a 또는 702b)에 의해 액세스될 수 있다. 그러한 액세스는 사용자가, 예를 들어, 웹 객체를 터치하는 것에 응답하여 웹 브라우징 기능 또는 애플리케이션(예를 들어, 브라우저)의 호출에 의해 제공될 수 있다.
본 발명의 다수의 구현예가 기술되었다. 그럼에도 불구하고, 본 발명의 사상 및 범주를 벗어남이 없이 다양한 수정들이 이루어질 수 있다는 것을 이해할 것이다.

Claims (25)

  1. 디스플레이 표면 상에 표시하기 위해 앞쪽 콘텐츠 창(front content pane)과 뒤쪽 콘텐츠 창(back content pane)을 제공하는 단계 - 상기 앞쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창의 앞에 위치해 있고 상기 뒤쪽 콘텐츠 창을 부분적으로 가리고 있는 것으로 보이며, 깊이 치수(depth dimension)의 거리가 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창을 분리하는 것으로 보임 - ;
    상기 앞쪽 콘텐츠 창에 의해 가려지지 않은 상기 뒤쪽 콘텐츠 창의 부분을 터치하고 상기 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 위치로 스와이핑(swiping)하는 위치 제스처 입력(position gesture input)을 수신하는 단계; 및
    이에 응답하여, 애니메이션된 모션에서 상기 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 위치들을 전환하는 단계 - 상기 애니메이션된 모션에서, 상기 앞쪽 콘텐츠 창은 상기 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보이고, 상기 뒤쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 앞으로 움직이는 것으로 보이며, 이어서, 상기 앞쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 상기 뒤쪽 콘텐츠 창 뒤에서 위로 움직이는 것으로 보임 -
    를 포함하며,
    하나 이상의 프로세서를 포함하는 컴퓨팅 디바이스에 의해 수행되는, 방법.
  2. 제1항에 있어서, 상기 위치들을 전환하는 단계 후에:
    상기 전환 후에, 상기 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 상기 뒤쪽 콘텐츠 창을 터치하는 제2 위치 제스처 입력을 수신하는 단계 - 상기 제2 위치 제스처는 상기 앞쪽 콘텐츠 창의 뒤에 있는 것으로 보이는 위치로 스와이핑함 - ; 및
    이에 응답하여, 제2 애니메이션된 모션에서 상기 뒤쪽 콘텐츠 창을 상기 앞쪽 콘텐츠 창의 뒤로 이동시키는 단계 - 상기 제2 애니메이션된 모션에서, 상기 앞쪽 콘텐츠 창은 상기 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보이고, 상기 뒤쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 뒤로 움직이는 것으로 보이며, 이어서, 상기 앞쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 상기 뒤쪽 콘텐츠 창 앞에서 위로 움직이는 것으로 보임 -
    를 포함하는, 방법.
  3. 제1항에 있어서,
    상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 각각은 웹 페이지 또는 웹 페이지의 스냅숏(snapshot)이고, 상기 스냅숏은 상기 웹 페이지의 이미지인, 방법.
  4. 제1항에 있어서,
    삭제 제스처 입력을 수신하는 단계 - 상기 삭제 제스처 입력은 상기 앞쪽 콘텐츠 창 또는 상기 뒤쪽 콘텐츠 창의 일부를 터치하고 옆으로 스와이핑함 - ; 및
    이에 응답하여, 애니메이션에서 상기 터치된 콘텐츠 창을 표시로부터 제거하는 단계 - 상기 애니메이션에서 상기 터치된 콘텐츠 창은 상기 삭제 제스처 입력의 스와이핑 방향에 따라 상기 디스플레이 표면에서 미끄러져 떨어짐 -
    를 포함하는, 방법.
  5. 제1항에 있어서, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창의 수직 가장자리와 상기 뒤쪽 콘텐츠 창의 수직 가장자리가 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 아래의 수평축을 가리키는 모습을 갖도록 배열되고, 상기 수평축은 상기 디스플레이 표면 상에 표시된 가시축(visible axis) 또는 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 디스플레이 관점들에 의해 정의된 비가시축인, 방법.
  6. 제5항에 있어서,
    상기 앞쪽 콘텐츠 창 또는 상기 뒤쪽 콘텐츠 창 중 적어도 하나를 터치하고 위로 스와이핑하는 푸시백(pushback) 제스처 입력을 수신하는 단계; 및
    이에 응답하여, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 사이즈를 축소하는 것과 뷰어로부터 멀어지게 움직이는 모습을 갖도록 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 디스플레이 관점들을 변화시키는 것을 포함하여, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창이 상기 수평축 주위를 회전하는 것을 애니메이션하는 단계
    를 포함하는, 방법.
  7. 제1항에 있어서,
    상기 디스플레이 표면에 표시할 새로운 콘텐츠 창을 추가하기 위한 새로운 콘텐츠 창 입력을 수신하는 단계; 및
    이에 응답하여, 애니메이션에서 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 둘 모두의 앞에 새로운 콘텐츠 창을 추가하는 단계
    를 포함하는, 방법.
  8. 제1항에 있어서,
    상기 디스플레이 표면의 제1 수직 가장자리와 뷰어 사이의 거리가 상기 디스플레이 표면의 제2 수직 가장자리와 뷰어 사이의 거리보다 큰 위치로 상기 디스플레이 표면을 기울어지게 하는 기울기 입력(tilt input)을 수신하는 단계; 및
    이에 응답하여, 상기 기울기의 3차원 시각 효과를 시뮬레이션하기 위해 상기 앞쪽 콘텐츠 창의 외관상 평면과 상기 뒤쪽 콘텐츠 창의 외관상 평면을 변화시키는 단계
    를 포함하는, 방법.
  9. 컴퓨팅 디바이스가, 콘텐츠 창을 채우라는 요청을 수신하는 단계;
    콘텐츠 저장소로부터, 웹 사이트들로의 하나 이상의 링크의 컬렉션을 검색하는 단계;
    하나 이상의 이미지를 결정하는 단계 - 각각의 이미지는 상기 컬렉션 내의 웹 사이트 링크에 대응함 - ; 및
    상기 요청에 응답하여 상기 콘텐츠 창에 그리드 패턴(grid pattern) 또는 리스트 패턴(list pattern)으로 표시하기 위해 상기 하나 이상의 이미지를 제공하는 단계
    를 포함하며,
    하나 이상의 프로세서를 포함하는 컴퓨팅 디바이스에 의해 수행되는, 방법.
  10. 제9항에 있어서, 상기 요청은 새로운 콘텐츠 창을 생성하라는 사용자 입력 또는 북마크 페이지에 액세스하라는 사용자 입력을 포함하는, 방법.
  11. 제9항에 있어서, 각각의 이미지를 결정하는 단계는:
    대응하는 웹 사이트에 의해 제공된 대표 이미지가 사이즈 임계치를 만족시킨다고 결정할 때, 상기 대표 이미지를 상기 웹 사이트에 대응하는 이미지로 지정하는 단계; 또는
    상기 대표 이미지가 상기 사이즈 임계치를 만족시키지 못한다고 결정할 때, 상기 대표 이미지에 기초하여 이미지를 생성하고, 상기 생성된 이미지를 상기 웹 사이트에 대응하는 이미지로 지정하는 단계
    중 하나를 포함하는, 방법.
  12. 제11항에 있어서, 상기 이미지를 생성하는 단계는:
    상기 대표 이미지에 기초하여 주조색(dominating color)을 결정하는 단계; 및
    상기 주조색에 기초하여 상기 웹 사이트에 대응하는 이미지를 생성하는 단계
    를 포함하는, 방법.
  13. 제1 콘텐츠 페이지로부터 제2 콘텐츠 페이지로 내비게이션하기 위한 내비게이션 입력(navigation input)에 응답하여, 상기 제2 콘텐츠 페이지의 스냅숏을 식별하는 단계 - 상기 스냅숏은 상기 제2 콘텐츠 페이지의 이미지를 포함하고 상기 제2 콘텐츠 페이지를 제공하는 웹 사이트와 연관되어 있음 - ;
    상기 제1 콘텐츠 페이지와 연관된 툴바(toolbar)가 상기 스냅숏과 연관된 툴바의 제2 치수보다 작은 제1 치수를 갖고 있다고 결정하는 단계;
    상기 제1 치수와 상기 제2 치수 사이의 차이, 및 상기 제2 콘텐츠 페이지와 연관된 배경색에 기초하여 플레이스홀더(placeholder)를 결정하는 단계;
    상기 내비게이션 입력에 응답하여 상기 제1 콘텐츠 페이지로부터 상기 제2 콘텐츠 페이지로 내비게이션하는 애니메이션에서 상기 스냅숏과 연관하여 표시하기 위해 상기 플레이스홀더를 제공하는 단계; 및
    상기 애니메이션의 완료 시에 상기 플레이스홀더를 상기 툴바의 콘텐츠 항목으로 대체하는 단계
    를 포함하며,
    하나 이상의 프로세서를 포함하는 컴퓨팅 디바이스에 의해 수행되는, 방법.
  14. 제13항에 있어서, 상기 제1 콘텐츠 페이지와 상기 제2 콘텐츠 페이지 각각은 웹 브라우저에 의해 표시된 웹 페이지인, 방법.
  15. 제13항에 있어서,
    복수의 스냅숏을 결정하는 단계 - 각각의 스냅숏은 웹 페이지를 제공하는 웹 사이트와 연관되어 있고, 각각의 웹 사이트는 복수의 콘텐츠 창을 가진 웹 브라우저의 콘텐츠 창과 연관되어 있음 - ;
    메모리 사용 압박(memory usage pressure)의 수준을 나타내는 신호를 수신하는 단계; 및
    이에 응답하여, 상기 메모리 사용 압박의 수준에 기초하여 하나 이상의 스냅숏을 제거하는 단계
    를 포함하는, 방법.
  16. 제15항에 있어서, 상기 하나 이상의 스냅숏을 제거하는 단계는:
    상기 신호가 중간 메모리 사용 압박 수준을 나타낸다고 결정할 때, 비활성으로 지정된 콘텐츠 창들을 통하여 반복하는 단계 - 상기 비활성 콘텐츠 창들과 연관된 하나 이상의 스냅숏을 제거하는 것을 포함함 - ; 및
    상기 신호가 높은 메모리 사용 압박 수준을 나타낸다고 결정할 때, 상기 비활성 콘텐츠 창들과 연관된 하나 이상의 스냅숏 및 활성 콘텐츠 창과 연관된 하나 이상의 스냅숏 - 상기 활성 콘텐츠 창의 현재 스냅숏, 다음(forward) 스냅숏, 및 이전 스냅숏은 제외 - 을 제거하는 단계; 또는
    상기 신호가 위험(critical) 메모리 사용 압박 수준을 나타낸다고 결정할 때, 모든 스냅숏을 제거하는 단계
    를 포함하고, 상기 현재 스냅숏은 상기 콘텐츠 창에 현재 표시된 웹 페이지의 이미지이고, 상기 다음 스냅숏은 상기 현재 표시된 웹 페이지로부터 왼쪽으로 내비게이션할 때 도달 가능한 웹 페이지의 이미지이며, 상기 이전 스냅숏은 상기 현재 표시된 웹 페이지로부터 오른쪽으로 내비게이션할 때 도달 가능한 웹 페이지의 이미지인, 방법.
  17. 컴퓨팅 디바이스; 및
    상기 컴퓨팅 디바이스에 결합된 비일시적 컴퓨터 판독가능 저장 매체
    를 포함하며, 상기 비일시적 컴퓨터 판독가능 저장 매체는 상기 컴퓨팅 디바이스로 하여금:
    디스플레이 표면 상에 표시하기 위해 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창을 제공하는 단계 - 상기 앞쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창의 앞에 위치해 있고 상기 뒤쪽 콘텐츠 창을 부분적으로 가리고 있는 것으로 보이며, 깊이 치수의 거리가 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창을 분리하는 것으로 보임 - ;
    상기 앞쪽 콘텐츠 창에 의해 가려지지 않은 상기 뒤쪽 콘텐츠 창의 부분을 터치하고 상기 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 위치로 스와이핑하는 위치 제스처 입력을 수신하는 단계; 및
    이에 응답하여, 애니메이션된 모션에서 상기 앞쪽 콘텐츠 창과 뒤쪽 콘텐츠 창의 위치들을 전환하는 단계 - 상기 애니메이션된 모션에서, 상기 앞쪽 콘텐츠 창은 상기 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보이고, 상기 뒤쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 앞으로 움직이는 것으로 보이며, 이어서, 상기 앞쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 상기 뒤쪽 콘텐츠 창 뒤에서 위로 움직이는 것으로 보임 -
    를 포함하는 동작들을 수행하게 하도록 동작 가능한 컴퓨터 명령어들을 저장하고 있는, 시스템.
  18. 제17항에 있어서, 상기 동작들은, 상기 위치들을 전환하는 단계 후에:
    상기 전환 후에, 상기 앞쪽 콘텐츠 창의 앞에 있는 것으로 보이는 상기 뒤쪽 콘텐츠 창을 터치하는 제2 위치 제스처 입력을 수신하는 단계 - 상기 제2 위치 제스처는 상기 앞쪽 콘텐츠 창의 뒤에 있는 것으로 보이는 위치로 스와이핑함 - ; 및
    이에 응답하여, 제2 애니메이션된 모션에서 상기 뒤쪽 콘텐츠 창을 상기 앞쪽 콘텐츠 창의 뒤로 이동시키는 단계 - 상기 제2 애니메이션된 모션에서, 상기 앞쪽 콘텐츠 창은 상기 디스플레이 표면의 하부 가장자리 쪽으로 움직이는 것으로 보이고, 상기 뒤쪽 콘텐츠 창은 상기 뒤쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 뒤로 움직이는 것으로 보이며, 이어서, 상기 앞쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창이 원래 차지한 위치를 차지하기 위해 상기 뒤쪽 콘텐츠 창 앞에서 위로 움직이는 것으로 보임 -
    를 포함하는, 시스템.
  19. 제17항에 있어서,
    상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 각각은 웹 페이지 또는 웹 페이지의 스냅숏이고, 상기 스냅숏은 상기 웹 페이지의 이미지인, 시스템.
  20. 제17항에 있어서,
    삭제 제스처 입력을 수신하는 단계 - 상기 삭제 제스처 입력은 상기 앞쪽 콘텐츠 창 또는 상기 뒤쪽 콘텐츠 창의 일부를 터치하고 옆으로 스와이핑함 - ; 및
    이에 응답하여, 애니메이션에서 상기 터치된 콘텐츠 창을 표시로부터 제거하는 단계 - 상기 애니메이션에서 상기 터치된 콘텐츠 창은 상기 삭제 제스처 입력의 스와이핑 방향에 따라 상기 디스플레이 표면에서 미끄러져 떨어짐 -
    를 포함하는, 시스템.
  21. 제17항에 있어서, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창은 상기 앞쪽 콘텐츠 창의 수직 가장자리와 상기 뒤쪽 콘텐츠 창의 수직 가장자리가 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 아래의 수평축을 가리키는 모습을 갖도록 배열되고, 상기 수평축은 상기 디스플레이 표면 상에 표시된 가시축 또는 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 디스플레이 관점들에 의해 정의된 비가시축인, 시스템.
  22. 제21항에 있어서, 상기 동작들은:
    상기 앞쪽 콘텐츠 창 또는 상기 뒤쪽 콘텐츠 창 중 적어도 하나를 터치하고 위로 스와이핑하는 푸시백 제스처 입력을 수신하는 단계; 및
    이에 응답하여, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 사이즈를 축소하는 것과 뷰어로부터 멀어지게 움직이는 모습을 갖도록 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창의 디스플레이 관점들을 변화시키는 것을 포함하여, 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창이 상기 수평축 주위를 회전하는 것을 애니메이션하는 단계
    를 포함하는, 시스템.
  23. 제17항에 있어서, 상기 동작들은:
    상기 디스플레이 표면에 표시할 새로운 콘텐츠 창을 추가하기 위한 새로운 콘텐츠 창 입력을 수신하는 단계; 및
    이에 응답하여, 애니메이션에서 상기 앞쪽 콘텐츠 창과 상기 뒤쪽 콘텐츠 창 둘 모두의 앞에 새로운 콘텐츠 창을 추가하는 단계
    를 포함하는, 시스템.
  24. 제17항에 있어서, 상기 동작들은:
    상기 디스플레이 표면의 제1 수직 가장자리와 뷰어 사이의 거리가 상기 디스플레이 표면의 제2 수직 가장자리와 뷰어 사이의 거리보다 큰 위치로 상기 디스플레이 표면을 기울어지게 하는 기울기 입력을 수신하는 단계; 및
    이에 응답하여, 상기 기울기의 3차원 시각 효과를 시뮬레이션하기 위해 상기 앞쪽 콘텐츠 창의 외관상 평면과 상기 뒤쪽 콘텐츠 창의 외관상 평면을 변화시키는 단계
    를 포함하는, 시스템.
  25. 컴퓨팅 디바이스; 및
    상기 컴퓨팅 디바이스에 결합된 비일시적 컴퓨터 판독가능 저장 매체
    를 포함하며, 상기 비일시적 컴퓨터 판독가능 저장 매체는 상기 컴퓨팅 디바이스로 하여금:
    콘텐츠 창을 채우라는 요청을 수신하는 단계;
    콘텐츠 저장소로부터, 웹 사이트들로의 하나 이상의 링크의 컬렉션을 검색하는 단계;
    하나 이상의 이미지를 결정하는 단계 - 각각의 이미지는 상기 컬렉션 내의 웹 사이트 링크에 대응함 - ; 및
    상기 요청에 응답하여 상기 콘텐츠 창에 그리드 패턴 또는 리스트 패턴으로 표시하기 위해 상기 하나 이상의 이미지를 제공하는 단계
    를 포함하는 동작들을 수행하게 하도록 동작 가능한 컴퓨터 명령어들을 저장하고 있는, 시스템.
KR1020140063025A 2013-06-09 2014-05-26 스택형 탭 뷰 KR101592312B1 (ko)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
US201361832915P 2013-06-09 2013-06-09
US61/832,915 2013-06-09
US14/198,099 US9804745B2 (en) 2013-06-09 2014-03-05 Reordering content panes in a stacked tab view
US14/198,099 2014-03-05

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020160012199A Division KR101951991B1 (ko) 2013-06-09 2016-02-01 스택형 탭 뷰

Publications (2)

Publication Number Publication Date
KR20140143696A true KR20140143696A (ko) 2014-12-17
KR101592312B1 KR101592312B1 (ko) 2016-02-05

Family

ID=50486771

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020140063025A KR101592312B1 (ko) 2013-06-09 2014-05-26 스택형 탭 뷰
KR1020160012199A KR101951991B1 (ko) 2013-06-09 2016-02-01 스택형 탭 뷰

Family Applications After (1)

Application Number Title Priority Date Filing Date
KR1020160012199A KR101951991B1 (ko) 2013-06-09 2016-02-01 스택형 탭 뷰

Country Status (4)

Country Link
US (3) US9804745B2 (ko)
EP (2) EP2811385B1 (ko)
KR (2) KR101592312B1 (ko)
CN (1) CN104238902B (ko)

Families Citing this family (44)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9568891B2 (en) 2013-08-15 2017-02-14 I.Am.Plus, Llc Multi-media wireless watch
US20150098309A1 (en) * 2013-08-15 2015-04-09 I.Am.Plus, Llc Multi-media wireless watch
JP6086851B2 (ja) * 2013-09-18 2017-03-01 株式会社ソニー・インタラクティブエンタテインメント 情報処理装置および情報処理方法
US9952756B2 (en) * 2014-01-17 2018-04-24 Intel Corporation Dynamic adjustment of a user interface
US20160004393A1 (en) * 2014-07-01 2016-01-07 Google Inc. Wearable device user interface control
JP5855196B1 (ja) * 2014-09-19 2016-02-09 ヤフー株式会社 情報表示装置、配信装置、情報表示方法および情報表示プログラム
KR102328823B1 (ko) * 2014-11-12 2021-11-19 삼성전자 주식회사 화면 내 빈 영역 활용 방법 및 장치
US20160259523A1 (en) * 2015-03-06 2016-09-08 Greg Watkins Web Comments with Animation
RU2637882C2 (ru) 2015-03-31 2017-12-07 Общество С Ограниченной Ответственностью "Яндекс" Способ управления отображением веб-ресурсов в браузерном окне, способ помещения вкладок в стек в браузерном окне, электронное устройство и сервер
JP6525820B2 (ja) * 2015-08-28 2019-06-05 キヤノン株式会社 電子機器およびその制御方法、撮像装置
RU2632131C2 (ru) 2015-08-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для создания рекомендуемого списка содержимого
CN106528187B (zh) * 2015-09-09 2020-04-07 腾讯科技（深圳）有限公司 一种占位背景色确定方法及装置
RU2632100C2 (ru) 2015-09-28 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и сервер создания рекомендованного набора элементов
RU2629638C2 (ru) 2015-09-28 2017-08-30 Общество С Ограниченной Ответственностью "Яндекс" Способ и сервер создания рекомендуемого набора элементов для пользователя
RU2635065C2 (ru) * 2015-09-29 2017-11-08 Общество С Ограниченной Ответственностью "Яндекс" Способ (варианты) и электронное устройство (варианты) взаимодействия с элементом потока содержимого
CN106569679A (zh) * 2015-10-13 2017-04-19 阿里巴巴集团控股有限公司 一种对象展示方法和设备
FI127227B (en) * 2016-01-04 2018-01-31 Trimble Solutions Corp Control area as large as display area
US10216370B2 (en) 2016-03-29 2019-02-26 Microsoft Technology Licensing, Llc Tabs in system task switchers
RU2632144C1 (ru) 2016-05-12 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Компьютерный способ создания интерфейса рекомендации контента
WO2018000382A1 (zh) * 2016-06-30 2018-01-04 华为技术有限公司 一种查看应用程序的图形用户界面、方法及终端
RU2632132C1 (ru) 2016-07-07 2017-10-02 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для создания рекомендаций содержимого в системе рекомендаций
RU2636702C1 (ru) 2016-07-07 2017-11-27 Общество С Ограниченной Ответственностью "Яндекс" Способ и устройство для выбора сетевого ресурса в качестве источника содержимого для системы рекомендаций
CN106445274A (zh) * 2016-08-26 2017-02-22 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106372137A (zh) * 2016-08-26 2017-02-01 乐视控股（北京）有限公司 多窗口页面显示处理方法及装置
CN106227461B (zh) * 2016-09-06 2020-01-14 广东欧珀移动通信有限公司 一种窗口切换方法及装置
CN106648339B (zh) * 2016-09-09 2020-04-21 Oppo广东移动通信有限公司 一种窗口切换方法及装置
CN106502496B (zh) * 2016-10-19 2019-12-27 Oppo广东移动通信有限公司 一种窗口切换方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 快速切换网页的方法和装置
CN108268294B (zh) * 2016-12-30 2021-03-12 腾讯科技（深圳）有限公司 页面切换方法和装置
USD882600S1 (en) 2017-01-13 2020-04-28 Yandex Europe Ag Display screen with graphical user interface
US11630877B1 (en) * 2017-01-24 2023-04-18 Snap Inc. Custom visual codes for network links
RU2720899C2 (ru) 2018-09-14 2020-05-14 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для определения зависящих от пользователя пропорций содержимого для рекомендации
RU2714594C1 (ru) 2018-09-14 2020-02-18 Общество С Ограниченной Ответственностью "Яндекс" Способ и система определения параметра релевантность для элементов содержимого
RU2720952C2 (ru) 2018-09-14 2020-05-15 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для создания рекомендации цифрового содержимого
CN109358932A (zh) * 2018-09-28 2019-02-19 上海七色猫网络科技有限公司 通用软件界面流程控制方法
RU2725659C2 (ru) 2018-10-08 2020-07-03 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для оценивания данных о взаимодействиях пользователь-элемент
RU2731335C2 (ru) 2018-10-09 2020-09-01 Общество С Ограниченной Ответственностью "Яндекс" Способ и система для формирования рекомендаций цифрового контента
CN110262877B (zh) * 2019-04-30 2022-05-13 华为技术有限公司 一种卡片处理方法及设备
US11494209B2 (en) 2019-09-04 2022-11-08 Hiperwall, Inc. Multi-active browser application
RU2757406C1 (ru) 2019-09-09 2021-10-15 Общество С Ограниченной Ответственностью «Яндекс» Способ и система для обеспечения уровня сервиса при рекламе элемента контента
WO2022041162A1 (en) * 2020-08-29 2022-03-03 Citrix Systems, Inc. Mask including moveable window for viewing content
CN114363462B (zh) * 2020-09-30 2023-01-06 华为技术有限公司 一种界面显示方法、电子设备及计算机可读介质
CN114201713A (zh) * 2021-11-19 2022-03-18 北京字节跳动网络技术有限公司 一种页面跳转的方法、装置、计算机设备及存储介质
US20230314801A1 (en) * 2022-03-29 2023-10-05 Rovi Guides, Inc. Interaction methods and systems for a head-up display

Family Cites Families (44)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6909443B1 (en) * 1999-04-06 2005-06-21 Microsoft Corporation Method and apparatus for providing a three-dimensional task gallery computer interface
US9047047B2 (en) * 2010-10-01 2015-06-02 Z124 Allowing multiple orientations in dual screen view
US8341541B2 (en) * 2005-01-18 2012-12-25 Microsoft Corporation System and method for visually browsing of open windows
US8683362B2 (en) * 2008-05-23 2014-03-25 Qualcomm Incorporated Card metaphor for activities in a computing device
US9842097B2 (en) * 2007-01-30 2017-12-12 Oracle International Corporation Browser extension for web form fill
JP2009266188A (ja) 2008-03-31 2009-11-12 Yahoo Japan Corp 表示制御方法及びプログラム
US8392429B1 (en) * 2008-11-26 2013-03-05 Google Inc. Informational book query
US20110181521A1 (en) * 2010-01-26 2011-07-28 Apple Inc. Techniques for controlling z-ordering in a user interface
US8473860B2 (en) * 2010-02-12 2013-06-25 Microsoft Corporation Multi-layer user interface with flexible parallel and orthogonal movement
US8830225B1 (en) * 2010-03-25 2014-09-09 Amazon Technologies, Inc. Three-dimensional interface for content location
US10580051B2 (en) * 2010-05-18 2020-03-03 Google Llc Background element associated with an application installed in a browser application
CN103403644B (zh) * 2010-11-18 2016-10-05 谷歌公司 计算机的延迟关停
WO2012068520A2 (en) * 2010-11-18 2012-05-24 Google Inc. On-demand auto-fill
WO2012068551A1 (en) * 2010-11-18 2012-05-24 Google Inc. Surfacing off-screen visible objects
US9060320B1 (en) * 2010-11-18 2015-06-16 Google Inc. Identifying trapping access points
US8560960B2 (en) 2010-11-23 2013-10-15 Apple Inc. Browsing and interacting with open windows
US9142193B2 (en) * 2011-03-17 2015-09-22 Intellitact Llc Linear progression based window management
KR101810884B1 (ko) * 2011-06-07 2017-12-20 삼성전자주식회사 디바이스에서 제스처를 이용한 웹브라우저 인터페이스 제공 장치 및 방법
US8700999B2 (en) * 2011-08-15 2014-04-15 Google Inc. Carousel user interface for document management
US9213775B2 (en) * 2011-09-01 2015-12-15 Facebook. Inc. Domain-specific browser tab creation and management
US8739070B2 (en) * 2011-11-01 2014-05-27 WMODE, Inc. System, method and apparatus for providing an application carousel
US8866852B2 (en) * 2011-11-28 2014-10-21 Google Inc. Method and system for input detection
US8381102B1 (en) * 2011-12-06 2013-02-19 Google Inc. Systems and methods for visually scrolling through a stack of items displayed on a device
US9395868B2 (en) * 2011-12-06 2016-07-19 Google Inc. Graphical user interface window spacing mechanisms
US8881032B1 (en) * 2011-12-07 2014-11-04 Google Inc. Grouped tab document interface
US8836658B1 (en) * 2012-01-31 2014-09-16 Google Inc. Method and apparatus for displaying a plurality of items
US20150212670A1 (en) * 2012-02-01 2015-07-30 Google Inc. Highly Customizable New Tab Page
US9524272B2 (en) * 2012-02-05 2016-12-20 Apple Inc. Navigating among content items in a browser using an array mode
US8451246B1 (en) * 2012-05-11 2013-05-28 Google Inc. Swipe gesture classification
US9178746B2 (en) * 2012-07-03 2015-11-03 Google Inc. Browser-based fetch of external libraries
US8959438B2 (en) * 2012-09-06 2015-02-17 Google Inc. Media control pane in browser
US9696879B2 (en) * 2012-09-07 2017-07-04 Google Inc. Tab scrubbing using navigation gestures
US9219719B1 (en) * 2012-09-21 2015-12-22 Google Inc. Automatic dynamic vetting of browser extensions and web applications
US9465596B2 (en) * 2012-09-27 2016-10-11 Google Inc. Cross system installation of web applications
US9070211B1 (en) * 2012-10-18 2015-06-30 Google Inc. Webview tag for a sandboxed multiprocess browser
US9459705B2 (en) * 2013-03-18 2016-10-04 Facebook, Inc. Tilting to scroll
CN105474157A (zh) * 2013-05-09 2016-04-06 亚马逊技术股份有限公司 移动设备界面
US10126839B2 (en) * 2013-07-24 2018-11-13 Innoventions, Inc. Motion-based view scrolling with augmented tilt control
US9181760B2 (en) * 2013-07-24 2015-11-10 Innovations, Inc. Motion-based view scrolling with proportional and dynamic modes
US9547525B1 (en) * 2013-08-21 2017-01-17 Google Inc. Drag toolbar to enter tab switching interface
US9423941B2 (en) * 2013-09-05 2016-08-23 Facebook, Inc. Tilting to scroll
US10592064B2 (en) * 2013-09-17 2020-03-17 Amazon Technologies, Inc. Approaches for three-dimensional object display used in content navigation
US20150100552A1 (en) * 2013-10-07 2015-04-09 QQ Solutions Inc. Managing non-committed computerized workflows
US10310726B2 (en) * 2015-05-14 2019-06-04 Oath Inc. Content navigation based upon motion

Also Published As

Publication number Publication date
US9804745B2 (en) 2017-10-31
EP2811385A2 (en) 2014-12-10
EP3812879A1 (en) 2021-04-28
EP2811385B1 (en) 2021-03-17
EP2811385A3 (en) 2015-01-14
KR20160018638A (ko) 2016-02-17
US20140365854A1 (en) 2014-12-11
CN104238902B (zh) 2017-12-01
KR101592312B1 (ko) 2016-02-05
EP3812879B1 (en) 2023-02-15
KR101951991B1 (ko) 2019-02-25
US9798447B2 (en) 2017-10-24
US20180074667A1 (en) 2018-03-15
CN104238902A (zh) 2014-12-24
US20160299651A1 (en) 2016-10-13

Similar Documents

Publication Publication Date Title
KR101951991B1 (ko) 스택형 탭 뷰
US11144177B2 (en) Application execution method by display device and display device thereof
US9880640B2 (en) Multi-dimensional interface
US9213449B2 (en) Mobile terminal using proximity sensor and method of controlling the mobile terminal
US10187520B2 (en) Terminal device and content displaying method thereof, server and controlling method thereof
US9798443B1 (en) Approaches for seamlessly launching applications
US8860672B2 (en) User interface with z-axis interaction
EP3324582A1 (en) Mobile terminal and method for controlling the same
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
US10564843B2 (en) Display device and method of displaying screen on said display device
KR20140133353A (ko) 디스플레이 장치 및 그 ui 화면 제공 방법
EP3211515A1 (en) Display device and method for controlling display device
US20130179837A1 (en) Electronic device interface
CA2782786A1 (en) Electronic device interface
KR20140114758A (ko) 객체 디스플레이 방법 및 그 전자 장치
WO2024051556A1 (zh) 壁纸显示的方法、电子设备及存储介质
CA2857232C (en) Actionable user input on displayed items
AU2020101043A4 (en) Creative camera
AU2021201295B2 (en) Creative camera

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
A107 Divisional application of patent
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20190103

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20200103

Year of fee payment: 5