KR20140136526A - 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출 - Google Patents

스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출 Download PDF

Info

Publication number
KR20140136526A
KR20140136526A KR1020147030458A KR20147030458A KR20140136526A KR 20140136526 A KR20140136526 A KR 20140136526A KR 1020147030458 A KR1020147030458 A KR 1020147030458A KR 20147030458 A KR20147030458 A KR 20147030458A KR 20140136526 A KR20140136526 A KR 20140136526A
Authority
KR
South Korea
Prior art keywords
grid
cell
scrolling
size
content
Prior art date
Application number
KR1020147030458A
Other languages
English (en)
Inventor
캉 수 가틀린
엘리사 콕스
레베카 페닉
에리카 칼슨
안토니 영
Original Assignee
마이크로소프트 코포레이션
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 마이크로소프트 코포레이션 filed Critical 마이크로소프트 코포레이션
Publication of KR20140136526A publication Critical patent/KR20140136526A/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]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • 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
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37—Details of the operation on graphic patterns
    • G09G5/373—Details of the operation on graphic patterns for modifying the size of the graphic pattern

Abstract

스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출에 관련된 다양한 실시예들이 개시된다. 개시된 일 실시예는 디스플레이, 프로세서, 및 컨텐츠 그리드의 셀을 제1의 작은 크기에서 디스플레이하고, 셀의 제1의 작은 크기에 기초하여 잘린 컨텐츠 항목을 셀 내에 디스플레이하기 위해 프로세서에 의해 실행될 수 있는 명령어들을 포함하는 메모리를 포함하는 컴퓨팅 장치를 제공한다. 컴퓨팅 장치는 또한 그리드를 스크롤하기 위한 요청을 수신하고, 디스플레이 장치 상에서 그리드를 스크롤하도록 더 구성된다. 스크롤 동안, 셀의 크기는 제2의 큰 크기로 증가되고, 컨텐츠 항목의 잘린 부분의 노출이 애니메이트된다.

Description

스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출{REVEALING OF TRUNCATED CONTENT ON SCROLLABLE GRID}
다양한 유형의 컨텐츠는 컴퓨팅 장치 상에서, 각 셀이 컨텐츠 항목을 포함하도록 셀들의 그리드 레이아웃으로 조직된 두 축의 정보로서 디스플레이될 수 있다. 그러한 그리드는 캘린더 뷰, 텔레비전 일정 및 다른 유형의 일정, 타임라인들 및 스프레드시트를 위해 이용될 수 있다.
일부 경우들에서, 컴퓨팅 장치 상에 디스플레이되는 정보의 그리드는 셀들의 크기가 동일하다는 점에서 균일할 수 있다. 다른 경우들에서, 그리드는 셀들이 상이한 크기를 갖고, 정보의 축들을 따른 상이한 위치들에서 시작 및/또는 종료한다는 점에서 불균일할 수 있다. 주어진 셀의 크기에 따라, 그 셀 내에서 디스플레이되는 컨텐츠 항목은 셀의 크기에 기초하여 잘려질(truncated) 수 있다.
스크롤가능한 컨텐츠 그리드(scrollable grid of content) 상에서의 잘린 컨텐츠의 노출에 관련된 다양한 실시예들이 개시된다. 예를 들어, 개시된 일 실시예는 디스플레이, 프로세서, 및 컨텐츠 그리드의 셀을 제1의 작은 크기에서 디스플레이하고, 셀의 제1의 작은 크기에 기초하여 잘린 컨텐츠 항목을 셀 내에 디스플레이하기 위해 프로세서에 의해 실행될 수 있는 명령어들을 포함하는 메모리를 포함하는 컴퓨팅 장치를 제공한다. 컴퓨팅 장치는 또한 그리드를 스크롤하기 위한 요청을 수신하고, 디스플레이 장치 상에서 그리드를 스크롤하도록 더 구성된다. 스크롤 동안, 셀의 크기는 제2의 큰 크기로 증가되고, 컨텐츠 항목의 잘린 부분의 노출(revealing)이 애니메이트된다(animated).
본 개요는 이하의 상세한 설명에서 더 설명되는 개념들 중 선택된 것들을 단순한 형태로 소개하기 위해 제공된 것이다. 본 개요는 청구되는 발명의 주제의 핵심적인 특징 또는 본질적인 특징을 식별하도록 의도된 것이 아니며, 청구되는 발명의 주제의 범위를 제한하기 위해 사용되도록 의도된 것도 아니다. 또한, 청구되는 발명의 주제는 본 개시물의 임의의 부분에서 언급된 단점들 중 일부 또는 전부를 해결하는 구현들로만 한정되지 않는다.
도 1은 스크롤가능한 컨텐츠 그리드를 디스플레이 장치 상에 표시하고, 스크롤 동안 컨텐츠 항목의 잘린 부분을 그리드 셀 내에서 노출시키는 방법의 실시예를 도시한 흐름도이다.
도 2는 디스플레이 장치 상에 디스플레이된 불균일한 컨텐츠 그리드의 실시예의 개략도로서, 제1의 작은 크기를 가지며 잘린 컨텐츠 항목을 포함하는 불균일한 셀을 나타낸 것이다.
도 3은 그리드의 스크롤, 및 도 2의 불균일한 셀의 확장을 도시한 것이다.
도 4는 도 2의 불균일한 셀을 제2의 큰 크기로 도시한 것이다.
도 5는 도 2의 불균일한 셀의 잘린 컨텐츠의 애니메이트된 노출의 실시예를 도시한 것이다.
도 6은 잘린 컨텐츠가 노출된 후의 도 2의 불균일한 셀을 도시한 것이다.
도 7은 디스플레이 장치 상에 디스플레이된 컨텐츠 그리드의 다른 실시예의 개략도이다.
도 8 내지 도 10은 그리드의 스크롤 동안의 도 7의 그리드의 불균일한 셀의 잘린 컨텐츠의 애니메이트된 노출을 도시한 것이다.
도 11은 그리드가 디스플레이되고 업데이트될 수 있는 컴퓨팅 장치의 실시예의 블록도이다.
위에 설명된 바와 같이, 다양한 유형의 컨텐츠가 정보의 그리드로서 컴퓨팅 장치 상에 디스플레이될 수 있다. 미디어 프로그래밍 가이드, 병합된 셀들을 갖는 스프레드시트 등을 포함하지만 그에 한정되지는 않는 일부 경우들에서, 그러한 그리드들은 모든 그리드가 공통의 측면 경계를 공유하지는 않는다는 점에서 불균일할 수 있다. 그러므로, 그리드 내의 컨텐츠 항목들은 컨텐츠 항목들이 발견될 수 있는 셀의 크기 및 경계 위치들에 의존하여, 스크롤 동작에 의해 상이한 방식으로 영향을 받을 수 있다. 예를 들어, 그리드가 왼쪽으로부터 오른쪽으로(즉, 미디어 프로그래밍 가이드에서 더 먼저의 타임슬롯들을 노출시키기 위해) 스크롤되고 있는 경우, 셀 내의 컨텐츠는 셀의 왼쪽 경계를 볼 수 있는 경우에는 그리드를 가로질러 왼쪽으로부터 오른쪽으로 이동될 수 있고, 또는 셀의 왼쪽 경계가 아직 보이지 않는 경우에는 제자리에 유지될 수 있다. 왼쪽 경계가 아직 보이지 않는 경우에서, 셀의 크기는 왼쪽에서 오른쪽으로의 스크롤이 계속됨에 따라 증가되고, 그에 의해 셀이 더 많은 디스플레이된 컨텐츠를 보유하는 것을 허용한다. 이러한 경우에서, 작은 크기에서는 셀 내에 맞지 않던 영화 제목 등과 같은 잘린 컨텐츠가, 큰 크기에서는 셀 내에 맞을 수 있다. 그러므로, 스크롤 동안 그리드 내에서의 잘린 컨텐츠의 노출에 관련된 다양한 실시예들이 여기에 개시된다.
도 1은 그리드의 스크롤 동안 그리드의 셀을 업데이트하는 방법(100)의 실시예를 도시한 흐름도를 나타낸 것이다. 방법(100)을 논의하기 전에, 그리드는 균일한 그리드 및 불균일한 그리드를 포함하는 임의의 적합한 유형의 그리드일 수 있고, 임의의 적합한 유형의 컨텐츠를 포함할 수 있음을 이해할 것이다. 예를 들어, 일부 실시예들에서, 불균일한 컨텐츠 그리드는 미디어 프로그래밍 가이드일 수 있다. 다른 실시예들에서, 불균일한 그리드는 캘린더, 회의 일정, 스프레드시트, 프로젝트 관리 타임라인 또는 그와 유사한 것과 같은 두 축의 정보를 갖는 임의의다른 적합한 그리드일 수 있다. 여기에서 이용될 때, "불균일한(non-uniform)"이라는 용어는 상이한 크기들을 갖고 하나 이상의 정보축을 따라 상이한 위치들에서 시작 및/또는 종료하는 셀들을 갖는 그리드를 칭하는 것이다. 또 다른 실시예들에서, 그리드는 균일한 그리드로서 시작할 수 있고, 그것의 셀들 중 하나 이상의 셀의 길이 및/또는 폭이 조절되면 불균일한 그리드로 될 수 있다. 구체적인 일례로서, 스프레드시트는 셀들을 병합하는 것에 의해 균일한 그리드로부터 불균일한 그리드로 변환될 수 있다. 또한, 여기에 개시된 예시적인 실시예들은 불균일한 셀들 및/또는 수평 스크롤 방향으로 잘린 컨텐츠를 갖는 것에 관련하여 나타내어지지만, 그리드는 수직 방향으로도 스크롤될 수 있으며, 수직 스크롤 동안 크기가 변화하는 셀들을 가질 수 있음을 이해할 것이다. 또한, 여기에 개시된 개념들은 수평 또는 수직 스크롤 동작 동안 노출되는 잘린 컨텐츠를 갖는 균일한 그리드들과 함께 이용될 수 있다.
도 1을 계속하면, 방법(100)은 우선 단계(102)에서, 디스플레이 장치 상에서 그리드의 셀을 제1의 작은 크기로 디스플레이하는 단계를 포함한다. 주어진 셀의 크기에 의존하여, 그 셀 내에 디스플레이되는 컨텐츠 항목은 셀의 크기에 기초하여 잘려질 수 있다. 따라서, 단계(104)에서, 방법(100)은 셀의 제1의 작은 크기에 기초하여 잘린 컨텐츠 항목을 셀 내에 디스플레이하는 단계를 포함한다. 예를 들어, 그리드가 텔레비전 프로그래밍 가이드인 경우에서, 컨텐츠 항목은 그리드 상에서 보여지고 있는 타임 슬롯보다 더 긴 길이의 영화 제목일 수 있다. 따라서, 영화 제목은 그 타임슬롯 내에서 잘려질 수 있다.
다음으로, 단계(106)에서, 방법(100)은 그리드를 스크롤하기 위한 요청을 수신하는 단계를 포함한다. 일부 경우들에서, 그러한 요청은 마우스, 터치패드, 트랙볼 등과 같은 입력 장치로부터 수신될 수 있다. 다른 경우들에서, 그리드를 스크롤하기 위한 요청이 사용자의 손가락, 스타일러스 등과 같이 디스플레이 장치와 상호작용하도록 구성된 개체로부터 수신될 수 있도록, 디스플레이 장치는 터치 감지형 디스플레이 장치일 수 있다.
그리드를 스크롤하기 위한 요청을 수신하면, 방법(100)은 다음으로 단계(108)에서 디스플레이 장치 상에서 그리드를 스크롤하는 단계를 포함한다. 위에서 설명된 것과 같은 그러한 입력 장치들에 대하여, 그리드를 스크롤하는 것은 마우스, 터치패드, 트랙볼 또는 다른 그러한 입력 장치에 의해 제어되는 디스플레이 장치 상에 디스플레이된 커서의 이동을 추적함으로써 스크롤하는 것을 포함할 수 있다. 마찬가지로, 디스플레이 장치가 터치 감지형 디스플레이 장치인 경우, 스크롤은 터치 감지형 디스플레이 장치 상에서의 사용자의 손가락의 위치의 이동을 추적할 수 있다. 또한, 일부 실시예들에서, 그리드를 스크롤하는 것은 그리드를 관성적으로(inertially) 스크롤하는 것을 포함할 수 있는데, 이 경우에서 스크롤은 터치 입력의 중단 이후에도 처음에 디스플레이 표면을 가로지르는 터치 입력의 이동의 속도에 비례하는 레이트에서 계속된다. 여기에서 이용될 때 "스크롤"이라는 용어는 그리드에 의해 정의되는 경계들 간을 점핑하는 불연속 스크롤보다는, 픽셀-바이-픽셀 스크롤(pixel-by-pixel scrolling)을 나타낼 수 있음을 이해할 것이다. 그러한 픽셀-바이-픽셀 스크롤은 그리드의 매끄럽고 연속적인 이동으로서 나타날 수 있는 반면에, 그리드 경계들 간의 불연속 스크롤은 보다 더 불연속적이고 더 끊어지는 이동으로 나타날 수 있다.
다음으로, 단계(110)에서, 방법(100)은 스크롤 동안 셀의 크기를 제2의 큰 크기로 증가시키는 것을 포함한다. 예를 들어, 위에서 논의된 미디어 프로그래밍 가이드의 경우에서, 스크롤은 이전 시간 및/또는 추후 시간에서의 프로그래밍을 디스플레이하기 위해 그리드를 스크롤함으로써 이러한 다른 시간들에서의 프로그래밍을 보는 것을 포함할 수 있다. 또한, 일부 실시예들에서, 셀의 크기는 수평 방향으로 스크롤하고 셀의 수평 크기를 증가시킴으로써 제2의 큰 크기로 증가될 수 있다. 다른 실시예들에서, 셀의 크기는 수직 방향으로 스크롤하고 셀의 수직 크기를 증가시킴으로써 제2의 큰 크기로 증가될 수 있다.
다음으로, 단계(112)에서, 방법(100)은 셀의 제2의 큰 크기에 기초하여 컨텐츠 항목의 잘린 부분의 노출을 애니메이트하는 것을 포함한다. 예를 들어, 셀의 제2의 큰 크기는 셀의 제1의 작은 크기에 의해 허용되는 것보다 더 많은 컨텐츠 항목의 부분이 셀 내에 보여지는 것을 허용할 수 있다. 위에서 설명된 잘린 영화 제목의 경우에서, 사용자는 미디어 프로그래밍 가이드의 추가의 시간을 보기 위해 스크롤할 수 있고, 그로써, 영화 제목을 디스플레이하고 있는 셀의 크기를 증가시킬 수 있다. 이는 이전에는 잘렸던 제목의 부분이 이제는 노출되는 것을 허용한다. 현재, 그러한 그리드들은 종종 셀이 확장된 후에 그러한 셀 내에 보여지는 컨텐츠를 단순히 리프레시하는 경우가 많다. 이는 사용자에게 갑작스럽고 불연속적인 프로세스로서 보일 수 있다. (잘린 컨텐츠가 점진적으로 보여지게 되도록) 컨텐츠의 노출을 애니메이트함으로써, 매끄러운 사용자 경험이 제공될 수 있다.
일부 실시예들에서, 컨텐츠 항목의 잘린 부분의 노출을 애니메이트하는 것은 스크롤의 완료 시에 잘린 부분을 노출하는 것을 포함할 수 있다. 그러한 실시예의 예가 도 2 내지 도 6에 도시되어 있다. 도 2는 디스플레이 장치(202) 상에 디스플레이된 그리드(200)의 실시예의 개략도를 도시한 것이다. 그리드(200)는 열 표제(column headings) COLUMN 2, COLUMN 3 및 COLUMN 4와, 행 표제(row headings) ROW 1, ROW 2 및 ROW 3에 의해 인덱스되는 정보를 디스플레이한다. 그리드(200)의 로우와 컬럼의 각 교점은 셀을 정의한다. 그러한 한 셀, 즉 셀(204)은, 셀(204)의 작은 크기로 인해 잘린 컨텐츠 항목(206)을 디스플레이하며, 여기에서 잘림(truncation)은 "<" 심볼로 도시되어 있다.
다음으로, 도 3은 왼쪽으로부터 오른쪽으로의 스크롤 동안의 그리드(200)의 개략도를 도시한 것이고, 도 2에 도시된 셀(204)의 크기가 큰 크기를 향해 증가하고 있는 것을 나타내고 있다. 도시된 바와 같이, 컨텐츠 항목(206)은 도 2에 도시된 것과 동일한 크기로 남아있다. 또한, 컨텐츠 항목(206)은 셀(204)이 확장됨에 따라 COLUMN2에 대하여 동일한 위치에 남아있다.
도 4는 디스플레이 장치(202) 상에 디스플레이되는 그리드(200)의 개략도를 도시한 것인데, 여기에서 스크롤이 끝나가고 있다 (즉, 컬럼 1의 왼쪽 경계에 접근하고 있음). 스크롤 액션이 완료되면, 스크롤은 스내핑 애니메이션(snapping animation)으로 종료될 수 있으며, 여기에서 스내핑 애니메이션은 가장 가까운 그리드 유닛 위치에서 스크롤을 자동으로 중단하기 위해 그리드를 조절한다. 예를 들어, 위에서 논의된 미디어 프로그래밍 가이드의 경우에서, 스크롤은 8:17 p.m.에서 끝날 수 있지만, 스크롤은 8:30 p.m.과 같은 가장 가까운 그리드 유닛 위치에 그리드를 맞추는 스내핑 애니메이션으로 종료될 수 있다.
따라서, 다음 번의 단계에서, 도 5는 디스플레이 장치(202) 상에 디스플레이된 그리드(200)의 개략도를 도시하고 있는데, 여기에서 그리드는 이제 가장 가까운 그리드 유닛 위치로 맞춰졌다. 도 4의 셀(204)은 이제 도 2에 도시된 것에 비교하여 제2의 큰 크기로 증가되었다. 도 5는 또한 셀(210)의 컨텐츠 항목(206)이, 셀(204)의 왼쪽 경계를 향해 왼쪽으로 애니메이트되고 있는 것을 더 도시하고 있다. 그러한 애니메이션은 컨텐츠 항목(206)의 잘린 부분을 노출시킨다. 도 6은 디스플레이 장치(202) 상에 디스플레이된 그리드(200)의 개략도를 도시하고 있는데, 여기에서 도 5에 도시된 애니메이션이 완료된다. 컨텐츠 항목(212)의 나머지 잘린 부분은 완전히 노출된 것으로 보여지며, 그러므로 셀(204)은 더 이상 잘리지 않은 컨텐츠 항목(206)을 디스플레이한다.
위에서 설명되고 도 2 내지 도 6에 도시된 바와 같이, 방법(100)의 일부 실시예들에서, 컨텐츠 항목의 잘린 부분의 노출을 애니메이트하는 것은 스크롤의 완료 시에 잘린 부분을 노출하는 것을 포함할 수 있다. 방법(100)의 다른 실시예들에서, 컨텐츠 항목의 잘린 부분의 노출을 애니메이트하는 것은, 스크롤 동안 셀이 제1의 작은 크기로부터 제2의 큰 크기로 확장됨에 따라 연속적으로 컨텐츠 항목의 잘린 부분을 노출하는 것을 포함할 수 있다. 그러한 실시예의 예는 도 7 내지 도 10에 도시되어 있다.
처음으로, 도 7은 디스플레이 장치(302) 상에 디스플레이되는 그리드(300)의 실시예의 개략도를 도시하고 있다. 그리드(300)는 도 2 내지 도 6에 도시된 그리드(200)의 경우에서 위에서 논의된 컬럼들 및 로우들에 의해 인덱스된 셀들 내에 정보를 디스플레이한다. 그리드(300)는 셀(304)의 작은 크기로 인해 잘린 컨텐츠 항목(306)을 디스플레이하고 있는 셀(304)을 포함한다.
다음으로, 도 8은 스크롤 동안 더 큰 크기로 증가하는 셀(304)의 크기를 도시하고 있다. 또한, 셀(304)이 스크롤 동안 연속적으로 확장됨에 따라, 컨텐츠 항목(306)의 잘린 부분이 스크롤 동안 연속적으로 노출된다. 일부 실시예들에서, 잘린 부분은 셀이 제1의 작은 크기로부터 제2의 큰 크기로 증가되는 확장 레이트에 기초하는 레이트로 노출되는 것으로 애니메이트될 수 있다. 이러한 레이트는 셀 크기 확장의 레이트와 동일할 수 있고, 셀 크기 확장의 레이트에 비례할 수 있고, 또는 셀 크기 확장의 레이트에 대해 임의의 다른 적절한 관계를 가질 수 있다.
도 9는 스크롤이 그리드 유닛 위치에서의 끝에 가까워지고 있을 때의 그리드(300)를 도시한 것이다. 스크롤이 완료되면, 스크롤 이동은 스내핑 애니메이션으로 종료될 수 있으며, 여기에서 스내핑 애니메이션은 가장 가까운 그리드 유닛 위치에서 스크롤을 자동으로 중단하도록 그리드를 조정한다. 다른 실시예들에서, 그리드는 그리드 유닛 위치들 사이의 위치에서 스크롤을 중단할 수 있다.
다음으로, 도 10은 디스플레이 장치(302) 상에 디스플레이되는 그리드(300)의 개략도를 도시한 것으로, 그리드는 가장 가까운 그리드 유닛 위치에서 스크롤을 중단하였고, 스크롤이 완료된다. 도 9의 셀(304)은 제2의 큰 크기로 증가되었고, 컨텐츠 항목(306)의 나머지 잘린 부분이 노출되었다.
도 11은 스크롤가능한 불균일한 컨텐츠 그리드를 디스플레이 장치 상에 표시하고, 그리드의 스크롤 동안 불균일한 그리드의 셀을 업데이트하는 방법과 함께 사용되기에 적합한 컴퓨팅 장치(400)의 블록도이다. 컴퓨팅 장치(400)는 터치 감지형 디스플레이(402)의 형태로 된 입력 장치, 프로세서(404), 및 여기에 설명된 실시예들과 같이 컨텐츠 그리드의 스크롤 동안 잘린 컨텐츠를 노출시키는 방법을 수행하기 위해 프로세서(404)에 의해 실행될 수 있는 명령어들을 포함하는 메모리(406)를 포함한다. 컴퓨팅 장치(400)는 또한 마우스, 트랙볼, 터치패드 또는 다른 그러한 커서 제어 장치와 같이, 디스플레이(402) 이외의 다른 입력 장치(408)로부터의 입력을 받아들일 수 있다.
컴퓨팅 장치(400)는 프로그램들의 실행을 통해 여기에 설명된 방법들을 수행하도록 구성된 임의의 적합한 컴퓨팅 장치일 수 있음을 알 것이다. 예를 들어, 컴퓨팅 장치들은 메인프레임 컴퓨터, 개인용 컴퓨터, 랩탑 컴퓨터, PDA(personal digital assistant), 컴퓨터 가능형 무선 전화기(computer-enabled wireless telephone), 네트워크화된 컴퓨팅 장치, 또는 다른 적합한 컴퓨팅 장치일 수 있고, 인터넷과 같은 컴퓨터 네트워크들을 통해 서로 접속될 수 있다. 이러한 컴퓨팅 장치들은 전형적으로 프로세서, 및 관련 휘발성 및 비휘발성 메모리를 포함하고, 휘발성 메모리의 부분들 및 프로세서를 이용하여 비휘발성 메모리 내에 저장된 프로그램들을 실행하도록 구성된다. 여기에서 이용될 때, 용어 "프로그램"은 여기에 설명된 하나 이상의 컴퓨팅 장치에 의해 실행되거나 이용될 수 있는 소프트웨어 또는 펌웨어 컴포넌트들을 칭하며, 실행가능한 파일들, 데이터 파일들, 라이브러리, 드라이버, 스크립트, 데이터베이스 레코드 등의 각각 또는 그룹을 포괄하도록 의도된다. 컴퓨팅 장치에 의해 실행될 때, 컴퓨팅 장치로 하여금 위에 설명된 방법들을 실행하게 하고 위에 설명된 시스템들의 동작을 유발하는 프로그램 명령어들이 저장되어 있는 컴퓨터 판독가능한 매체가 제공될 수 있음을 알 것이다.
본 발명의 범위는 앞의 설명보다는 첨부된 청구항들에 정의되므로, 여기에서의 실시예들은 예시적인 것이고 제한적이지 않으며, 그러므로 청구항들의 경계 및 한계 내에 드는 모든 변경들, 또는 그러한 경계 및 한계의 균등물도 청구항들에 의해 포함되는 것으로 의도된다.

Claims (1)

  1. 컴퓨팅 장치(400)로서,
    디스플레이 장치(402);
    프로세서(404); 및
    메모리(406)
    를 포함하고, 상기 메모리는, 상기 프로세서(404)에 의해
    상기 디스플레이 장치(402) 상에서 더 작은 제1의 크기로 그리드의 셀을 디스플레이하고(102);
    상기 셀의 더 작은 상기 제1의 크기에 기초하여 잘려진 컨텐츠 항목을 상기 셀 내에 디스플레이하고(104);
    상기 그리드를 스크롤하라는 요청을 수신하고(106);
    상기 디스플레이 장치 상에서 상기 그리드를 스크롤하고(108);
    스크롤 동안, 상기 셀의 크기를 더 큰 제2의 크기로 증가시키고(110);
    상기 셀의 더 큰 상기 제2의 크기에 기초하여 상기 컨텐츠 항목의 잘린 부분의 노출(revealing)을 애니메이트(animate)하도록(112)
    실행가능한 명령어들을 포함하는 컴퓨팅 장치.
KR1020147030458A 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출 KR20140136526A (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US12/349,388 2009-01-06
US12/349,388 US8219927B2 (en) 2009-01-06 2009-01-06 Revealing of truncated content on scrollable grid
PCT/US2009/066611 WO2010080256A1 (en) 2009-01-06 2009-12-03 Revealing of truncated content on scrollable grid

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020117015182A Division KR101735746B1 (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출

Publications (1)

Publication Number Publication Date
KR20140136526A true KR20140136526A (ko) 2014-11-28

Family

ID=42312531

Family Applications (3)

Application Number Title Priority Date Filing Date
KR1020117015182A KR101735746B1 (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출
KR1020147030458A KR20140136526A (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출
KR1020177012491A KR101858420B1 (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출

Family Applications Before (1)

Application Number Title Priority Date Filing Date
KR1020117015182A KR101735746B1 (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출

Family Applications After (1)

Application Number Title Priority Date Filing Date
KR1020177012491A KR101858420B1 (ko) 2009-01-06 2009-12-03 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출

Country Status (7)

Country Link
US (1) US8219927B2 (ko)
EP (1) EP2374055A4 (ko)
JP (1) JP2012514810A (ko)
KR (3) KR101735746B1 (ko)
CN (1) CN102272712A (ko)
RU (1) RU2011127546A (ko)
WO (1) WO2010080256A1 (ko)

Families Citing this family (59)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5039903B2 (ja) * 2008-02-18 2012-10-03 インターナショナル・ビジネス・マシーンズ・コーポレーション アプリケーションを実行するシステム、方法およびプログラム
US9208754B2 (en) * 2009-01-26 2015-12-08 Blackberry Limited Method and apparatus for controlling a display of a portable electronic device
US9785342B2 (en) * 2009-12-31 2017-10-10 International Business Machines Corporation Enhanced graphical display for hand-held devices
US20120260287A1 (en) * 2011-04-07 2012-10-11 Sony Corporation Personalized user interface for audio video display device such as tv
US9417754B2 (en) 2011-08-05 2016-08-16 P4tents1, LLC User interface system, method, and computer program product
US20130055167A1 (en) 2011-08-31 2013-02-28 Microsoft Corporation Animation for Expanding/Collapsing Content and for Sorting Content in an Electronic Document
US9372612B2 (en) * 2011-10-31 2016-06-21 Microsoft Technology Licensing, Llc Exposing inertial snap points
WO2013169865A2 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for moving a user interface object based on an intensity of a press input
WO2013169846A1 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for displaying additional information in response to a user contact
KR101956082B1 (ko) 2012-05-09 2019-03-11 애플 인크. 사용자 인터페이스 객체를 선택하는 디바이스, 방법, 및 그래픽 사용자 인터페이스
WO2013169849A2 (en) 2012-05-09 2013-11-14 Industries Llc Yknots Device, method, and graphical user interface for displaying user interface objects corresponding to an application
JP6182207B2 (ja) 2012-05-09 2017-08-16 アップル インコーポレイテッド ユーザインタフェースオブジェクトのアクティブ化状態を変更するためのフィードバックを提供するためのデバイス、方法、及びグラフィカルユーザインタフェース
WO2013169875A2 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for displaying content associated with a corresponding affordance
WO2013169843A1 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for manipulating framed graphical objects
WO2013169851A2 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for facilitating user interaction with controls in a user interface
WO2013169842A2 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for selecting object within a group of objects
WO2013169845A1 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for scrolling nested regions
CN108052264B (zh) 2012-05-09 2021-04-27 苹果公司 用于移动和放置用户界面对象的设备、方法和图形用户界面
EP3594797A1 (en) 2012-05-09 2020-01-15 Apple Inc. Device, method, and graphical user interface for providing tactile feedback for operations performed in a user interface
WO2013169870A1 (en) 2012-05-09 2013-11-14 Yknots Industries Llc Device, method, and graphical user interface for transitioning between display states in response to gesture
US9043722B1 (en) 2012-06-19 2015-05-26 Surfwax, Inc. User interfaces for displaying relationships between cells in a grid
US20140007005A1 (en) * 2012-06-29 2014-01-02 Evernote Corporation Scrollable calendar with combined date and time controls
TWI630570B (zh) * 2012-09-12 2018-07-21 三竹資訊股份有限公司 金融商品報價視圖股號欄位展開與隱藏之裝置與方法
US9235321B2 (en) 2012-11-14 2016-01-12 Facebook, Inc. Animation sequence associated with content item
WO2014105279A1 (en) 2012-12-29 2014-07-03 Yknots Industries Llc Device, method, and graphical user interface for switching between user interfaces
EP3435220B1 (en) 2012-12-29 2020-09-16 Apple Inc. Device, method and graphical user interface for transitioning between touch input to display output relationships
KR20170081744A (ko) 2012-12-29 2017-07-12 애플 인크. 다중 접촉 제스처에 대한 촉각적 출력의 발생을 보류하는 디바이스, 방법, 및 그래픽 사용자 인터페이스
CN109375853A (zh) 2012-12-29 2019-02-22 苹果公司 对用户界面分级结构导航的设备、方法和图形用户界面
CN105144057B (zh) 2012-12-29 2019-05-17 苹果公司 用于根据具有模拟三维特征的控制图标的外观变化来移动光标的设备、方法和图形用户界面
JP6097843B2 (ja) 2012-12-29 2017-03-15 アップル インコーポレイテッド コンテンツをスクロールするか選択するかを判定するためのデバイス、方法、及びグラフィカルユーザインタフェース
USD765682S1 (en) * 2013-01-24 2016-09-06 Assessment Technology Incorporated Display screen for a communications device with a graphical user interface
USD770479S1 (en) * 2013-01-24 2016-11-01 Assessment Technology Incorporated Display screen for a communications device with a graphical user interface
US9602876B2 (en) * 2013-02-27 2017-03-21 Rovi Guides, Inc. Systems and methods for presenting media asset information for a given cell using adjacent cells
US9921711B2 (en) 2013-03-14 2018-03-20 Samsung Electronics Co., Ltd. Automatically expanding panes
US9665206B1 (en) 2013-09-18 2017-05-30 Apple Inc. Dynamic user interface adaptable to multiple input tools
KR101544008B1 (ko) * 2013-10-18 2015-08-13 (주)투비소프트 모바일 기기의 그리드 출력 제어 장치 및 이를 이용한 그리드의 출력 제어 방법
US10402783B2 (en) * 2014-06-26 2019-09-03 Microsoft Technology Licensing, Llc Method of automatically re-organizing structured data in a reporting system based on screen size by executing computer-executable instructions stored on a non-transitory computer-readable medium
US9990107B2 (en) 2015-03-08 2018-06-05 Apple Inc. Devices, methods, and graphical user interfaces for displaying and using menus
US9632664B2 (en) 2015-03-08 2017-04-25 Apple Inc. Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback
US10095396B2 (en) 2015-03-08 2018-10-09 Apple Inc. Devices, methods, and graphical user interfaces for interacting with a control object while dragging another object
US10048757B2 (en) 2015-03-08 2018-08-14 Apple Inc. Devices and methods for controlling media presentation
US9645732B2 (en) 2015-03-08 2017-05-09 Apple Inc. Devices, methods, and graphical user interfaces for displaying and using menus
US9639184B2 (en) 2015-03-19 2017-05-02 Apple Inc. Touch input cursor manipulation
US9785305B2 (en) 2015-03-19 2017-10-10 Apple Inc. Touch input cursor manipulation
US20170045981A1 (en) 2015-08-10 2017-02-16 Apple Inc. Devices and Methods for Processing Touch Inputs Based on Their Intensities
US10067653B2 (en) 2015-04-01 2018-09-04 Apple Inc. Devices and methods for processing touch inputs based on their intensities
US9860451B2 (en) 2015-06-07 2018-01-02 Apple Inc. Devices and methods for capturing and interacting with enhanced digital images
US9674426B2 (en) 2015-06-07 2017-06-06 Apple Inc. Devices and methods for capturing and interacting with enhanced digital images
US9891811B2 (en) 2015-06-07 2018-02-13 Apple Inc. Devices and methods for navigating between user interfaces
US10346030B2 (en) 2015-06-07 2019-07-09 Apple Inc. Devices and methods for navigating between user interfaces
US9830048B2 (en) 2015-06-07 2017-11-28 Apple Inc. Devices and methods for processing touch inputs with instructions in a web page
US10200598B2 (en) 2015-06-07 2019-02-05 Apple Inc. Devices and methods for capturing and interacting with enhanced digital images
US10248308B2 (en) 2015-08-10 2019-04-02 Apple Inc. Devices, methods, and graphical user interfaces for manipulating user interfaces with physical gestures
US10416800B2 (en) 2015-08-10 2019-09-17 Apple Inc. Devices, methods, and graphical user interfaces for adjusting user interface objects
US9880735B2 (en) 2015-08-10 2018-01-30 Apple Inc. Devices, methods, and graphical user interfaces for manipulating user interface objects with visual and/or haptic feedback
US10235035B2 (en) 2015-08-10 2019-03-19 Apple Inc. Devices, methods, and graphical user interfaces for content navigation and manipulation
US10831983B2 (en) * 2016-09-16 2020-11-10 Oracle International Corporation Techniques for managing display of headers in an electronic document
US9942615B1 (en) 2017-04-20 2018-04-10 Rovi Guides, Inc. Systems and methods for presenting targeted metadata in display constrained environments
KR102107449B1 (ko) * 2018-07-30 2020-06-02 주식회사 한글과컴퓨터 스프레드시트 문서 내 병합된 셀의 콘텐트를 표시하는 전자 장치 및 그의 동작 방법

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5119079A (en) 1990-09-17 1992-06-02 Xerox Corporation Touch screen user interface with expanding touch locations for a reprographic machine
US6199080B1 (en) * 1996-08-30 2001-03-06 Sun Microsystems, Inc. Method and apparatus for displaying information on a computer controlled display device
WO1998056174A1 (en) 1997-06-06 1998-12-10 Thomson Consumer Electronics, Inc. System and method for processing audio-only programs in a television receiver
US6271835B1 (en) * 1998-09-03 2001-08-07 Nortel Networks Limited Touch-screen input device
US6377285B1 (en) 1999-01-29 2002-04-23 Sony Corporation Zooming space-grid for graphical user interface
US7305617B2 (en) 2000-02-12 2007-12-04 Adobe Systems Incorporated Method for aligning text to baseline grids and to CJK character grids
GB2365684A (en) * 2000-05-26 2002-02-20 Nokia Mobile Phones Ltd Displaying a table
US20030117427A1 (en) 2001-07-13 2003-06-26 Universal Electronics Inc. System and method for interacting with a program guide displayed on a portable electronic device
US7257776B2 (en) 2002-02-05 2007-08-14 Microsoft Corporation Systems and methods for scaling a graphical user interface according to display dimensions and using a tiered sizing schema to define display objects
US6839719B2 (en) 2002-05-14 2005-01-04 Time Industrial, Inc. Systems and methods for representing and editing multi-dimensional data
US7032181B1 (en) * 2002-06-18 2006-04-18 Good Technology, Inc. Optimized user interface for small screen devices
US7117441B2 (en) 2002-11-27 2006-10-03 Research Investment Network, Inc. Grid-based system and method for interacting with electronic program guide grid
US7548334B2 (en) 2003-10-15 2009-06-16 Canon Kabushiki Kaisha User interface for creation and editing of variable data documents
US7216291B2 (en) * 2003-10-21 2007-05-08 International Business Machines Corporation System and method to display table data residing in columns outside the viewable area of a window
JP4510486B2 (ja) 2004-02-27 2010-07-21 ソニー株式会社 番組表表示方法，番組表表示装置，およびコンピュータプログラム
KR100616103B1 (ko) 2004-07-12 2006-08-25 (주) 아이티비엠지 전자 프로그램 가이드 시스템 및 그 방법
US7930323B2 (en) 2004-12-30 2011-04-19 Sap Ag Method for reallocating table formats in real-time
US7657830B2 (en) 2005-05-04 2010-02-02 Microsoft Corporation Layout size sharing in a grid layout for a user interface
US7681117B2 (en) 2005-12-01 2010-03-16 Microsoft Corporation Grid entry user interface extensions
US7725815B2 (en) * 2005-12-12 2010-05-25 Sap Ag Method and system for ordered resizing columns in a table
US7907974B2 (en) * 2007-01-04 2011-03-15 Microsoft Corporation Scrollable computing device display
US20090133063A1 (en) * 2007-11-20 2009-05-21 General Instrument Corporation Preference Based Electronic Programming Guide

Also Published As

Publication number Publication date
US20100175023A1 (en) 2010-07-08
EP2374055A1 (en) 2011-10-12
CN102272712A (zh) 2011-12-07
KR101735746B1 (ko) 2017-05-15
WO2010080256A1 (en) 2010-07-15
KR20170056708A (ko) 2017-05-23
KR101858420B1 (ko) 2018-05-15
EP2374055A4 (en) 2012-08-15
RU2011127546A (ru) 2013-01-10
KR20110103989A (ko) 2011-09-21
US8219927B2 (en) 2012-07-10
JP2012514810A (ja) 2012-06-28

Similar Documents

Publication Publication Date Title
KR101735746B1 (ko) 스크롤가능한 그리드 상에서의 잘린 컨텐츠의 노출
US11681866B2 (en) Device, method, and graphical user interface for editing screenshot images
US10775971B2 (en) Pinch gestures in a tile-based user interface
US9990059B2 (en) Ink modes
CN106462834B (zh) 在时间线上对事件进行定位
US9513769B2 (en) Methods and systems for non-linear representation of time in calendar applications
US9092121B2 (en) Copy and paste experience
CN107223241B (zh) 上下文缩放
US8184096B2 (en) Cursor transitions
US20150346984A1 (en) Video frame loupe
US20150046856A1 (en) Interactive Charts For Collaborative Project Management
US20120210214A1 (en) Methods and systems for navigating a list with gestures
JP2017517055A (ja) 選択可能なコントロールおよびコマンドを表示および拡大縮小するためのコマンドユーザインターフェース
US20130298021A1 (en) Method of expansively searching multimedia and multimedia executing apparatus therefor
US20120297335A1 (en) Document glancing and navigation
US20160110046A1 (en) Adjustable timeline user interface
TW201525851A (zh) 頁面元件之接觸式重組
CN104205033A (zh) 基于触摸的输入控制方法
US20170083178A1 (en) Systems and methods for implementing improved interactive calendar for mobile devices
CN106339149A (zh) 一种显示控制方法、装置及电子设备
CN103513855A (zh) 一种显示页面更新方法及装置
TW201128515A (en) Object displacement display method on a screen of the electronic device
US20120304122A1 (en) Movement reduction when scrolling for item selection during direct manipulation
AU2011368359A1 (en) Document glancing and navigation

Legal Events

Date Code Title Description
A107 Divisional application of patent
A201 Request for examination
N231 Notification of change of applicant
E902 Notification of reason for refusal
E601 Decision to refuse application
WITB Written withdrawal of application