KR101867651B1 - 타일 정렬 기법 - Google Patents

Abstract

본 문서는 타일을 정렬하는 기술 및 장치를 설명한다. 이들 기술 및 장치는 유저가 인터페이스, 예컨대 어플리케이션 론칭 인터페이스 내에서 타일을 빠르고 쉽게 정렬하는 것을 가능하게 한다. 몇몇 경우에서, 유저는 불과 하나의 연속적인 제스쳐를 통해 인터페이스에서의 타일을 정렬할 수도 있다.

Description

타일 정렬 기법{ARRANGING TILES}

많은 종래의 어플리케이션 론칭 인터페이스는, 사용자가 어플리케이션과 관련된 라벨 또는 아이콘을 선택하는 것에 의해 어플리케이션을 론칭하는 것을 허용한다. 이들 인터페이스는 종종 이들 아이콘 또는 라벨을 플랫 리스트(flat list)에, 파일 기반의 계층에, 또는 페이지로 그룹화하여 포함한다. 유저가 어플리케이션을 찾아서 선택하기를 원하면, 유저는 아이콘 또는 라벨을 찾을 때까지, 리스트를 스크롤하거나, 계층 내의 레벨 전체를 검색하거나, 또는 페이지를 넘기게 된다. 특히 인터페이스가 선택할 수 있는 어플리케이션이 많으면, 이 과정은 사용자에게 지루할 수 있다.

이 지루함을 다루기 위해, 몇몇 어플리케이션 론칭 인터페이스는, 사용자가 이들 아이콘 또는 라벨을 플랫 리스트 내에서, 파일 기반의 계층 내에서, 또는 페이지 중심의 그룹(page-oriented groups) 내에서 이동시키는 것을 허용한다. 이것은, 자주 사용된 어플리케이션이 플랫 리스트의 상단에, 계층의 더 높은 레벨에, 또는 페이지 중심의 그룹의 첫 번째 또는 두 번째 페이지 내에 위치될 수 있으면, 사용자에게 도움이 될 수 있다.

그러나, 이들 어플리케이션 론칭 인터페이스 내에서 아이콘 또는 라벨을 이동시키는 것은 지루하고 혼란스러울 수 있다. 6번째 아이콘 페이지에서 한 아이콘을 이동시키기를 희망하는 유저는, 예를 들면, 그 아이콘을 선택하고, 소망하는 다른 페이지로 이동할 것을 선택하고, 일단 그 소망하는 페이지 내에서 그 페이지의 끝에 그 아이콘을 드랍하고, 그 소망의 페이지 내의 다른 아이콘을 그 페이지 내에서 소망하는 배치로 수동으로 이동시키고, 그 다음 6번째 페이지에 남아 있는 아이콘을 수동으로 정렬하기 위해 6번째 페이지로 다시 되돌아 가야할 필요가 있을 수도 있다.

개요

이 문서는 타일들을 정렬하는 기술 및 장치를 설명한다. 이들 기술 및 장치는, 유저가 인터페이스, 예컨대 어플리케이션 론칭 인터페이스 내에서 타일을 빠르고 쉽게 정렬하는 것을 가능하게 한다. 몇몇 경우에서, 유저는 인터페이스에서의 타일을 불과 하나의 연속적인 제스쳐로 정렬할 수도 있다.

이 개요는 하기의 상세한 설명에서 더 설명되고/되거나 도면에서 더 도시된 타일을 정렬하기 위한 단순화된 개념을 소개하기 위해 제공된다. 이 개요는 청구된 주제의 본질적인 특징을 식별하도록 의도된 것도 아니며, 또한 청구된 주제의 범위를 결정함에 있어서 사용하기 위해 의도된 것은 아니다. 본원에서 사용된 바와 같은 용어 "기술"은, 그 용어가 사용되는 문맥에 의해 허용된 바와 같은 디바이스, 시스템, 장치, 동작, 및/또는 방법을 포함할 수 있다.

타일을 정렬하기 위한 실시형태가 하기의 도면을 참조로 설명된다. 유사한 특징 및 컴포넌트를 참조하기 위해 도면 전체에 걸쳐 동일한 도면부호가 사용된다.
도 1은 타일을 정렬하기 위한 기술이 구현될 수 있는 예시적인 시스템을 도시한다.
도 2는 타일을 정렬하기 위한 예시적인 방법을 도시한다.
도 3은 복수의 어플리케이션과 관련된 복수의 타일을 표시하는 예시적인 어플리케이션 론칭 인터페이스를 도시한다.
도 4는 타일의 예시적인 제스쳐(이 제스쳐는 타일을 인터페이스의 다른 영역으로 이동시킨다) 선택을 포함하는 도 3의 예시적인 어플리케이션 론칭 인터페이스를 도시한다.
도 5는 복수의 상이한 타일 그룹을 갖는 도 3의 인터페이스를 더 낮은 해상도로 도시한다.
도 6은 도 4의 제스쳐의 나중의 부분(제스쳐의 나중의 부분은 선택된 타일을 도 5에 도시된 그룹 중 한 그룹 내의 타일에 근접한 위치로 이동시킨다)을 도시한다.
도 7은 도 6에 도시된 복수 타일의 그룹을 더 높은 해상도에서 도시하기 위한 줌인 뷰를 도시한다.
도 8은 현재 위치로부터 마킹된 구역을 갖는 유저 인터페이스의 영역으로 타일을 이동시키기 위한 선택을 도시한다.
도 9는, 도 2의 방법과 별개로 또는 연계하여 사용될 수도 있는, 자동으로 타일을 리플로우시키기 위한 예시적인 방법을 도시한다.
도 10은 복수의 행과 열을 갖는 타일의 어레이를 도시한다. 도 11은 타일의 이동에 응답하는 도 10의 어레이의 타일의 자동 리플로우를 도시한다.
도 12는 서브 어레이 내의 작은 타일의 이동에 응답하는 도 10의 어레이 및 서브 어레이의 자동 리플로우를 도시한다.
도 13은 타일을 정렬하기 위한 기술이 구현될 수 있는 예시적인 디바이스를 도시한다.

상세한 설명

개관

이 문서는 타일을 정렬하기 위한 기술을 설명한다. 이들 기술은 이들 인터페이스 내에서의 타일의 쉽고 간단한 정렬을 통해 유저가 그들의 선택 인터페이스를 더 잘 사용할 수 있게 한다. 어플리케이션 론칭 인터페이스에 대해, 예를 들면, 상기 기술은 유저가 그룹 내에서 그리고 그룹 전역에서 타일을 직관적으로 그리고 노력을 거의 들이지 않고 정렬하는 것을 허용한다. 상기 기술에 의해 타일을 이동하는 것이 쉽게 이루어질 수 있을 뿐만 아니라, 상기 기술은 타일의 어레이(이 어레이로 타일이 이동되거나 또는 이 어레이로부터 타일이 이동된다)를 자동적으로 리플로우 할 수도 있다.

타일을 정렬하는 기술이 임의의 수의 상이한 디바이스, 시스템, 환경, 및/또는 구성에서 구현될 수도 있지만, 타일을 정렬하는 예시적인 실시형태는 하기의 실시형태의 디바이스, 시스템, 및 방법의 상황에서 설명된다.

예시적인 시스템

도 1은 타일을 정렬하기 위한 기술이 구현될 수 있는 예시적인 시스템(100)을 도시한다. 시스템(100)은 컴퓨팅 디바이스(102)를 포함하는데, 이것은 6개의 실시형태: 랩탑 컴퓨터(104), 태블릿 컴퓨터(106), 스마트폰(108), 셋탑 박스(110), 데스크탑 컴퓨터(112), 및 게임용 디바이스(114)로 예시되지만, 다른 컴퓨팅 디바이스 및 시스템, 예컨대 서버와 넷북이 또한 사용될 수도 있다.

컴퓨팅 디바이스(102)는 컴퓨터 프로세서(들)(116) 및 컴퓨터 판독가능 저장 매체(118)(매체(118))를 포함한다. 매체(118)는 오퍼레이팅 시스템(120), 윈도우 기반 모드 모듈(122), 몰입형 모드 모듈(immersive mode module; 124), 매니저(126), 및 어플리케이션(128)을 포함한다. 컴퓨팅 디바이스(102)는 또한 하나 이상의 디스플레이(130)를 포함하거나 그것에 대한 액세스를 구비하는데, 그 4개의 실시형태가 도 1에 도시되어 있다.

윈도우 기반 모드 모듈(122)은 프레임을 갖는 위도우를 통해 어플리케이션(128)을 나타낼 수 있다. 이들 프레임은 어플리케이션과 상호작용하는 제어들 및/또는 유저가 윈도우를 이동시키고 사이즈를 조정할 수 있게 하는 제어들을 제공할 수도 있다.

몰입형 모드 모듈(124)는, 유저가 어플리케이션(128)을 볼 수도 있게 하고 어플리케이션(128)과 상호작용할 수도 있게 하는 모드를 제공한다. 몇몇 실시형태에서, 이 모드는, 윈도우 프레임이 거의 없거나 또는 없는 및/또는 유저가 수동으로 컨텐츠의 사이즈를 조정하거나 또는 위치를 정할 필요가 없는 어플리케이션의 컨텐츠를 제공하고, 그 어플리케이션과의 상호작용을 가능하게 한다. 이 모드는 통상적인 데스크탑(예를 들면, 윈도우 기반) 모드의 사용 없이 호스트되고/되거나 표면화될 수 있지만, 그렇게 되도록 요구되지는 않는다. 따라서, 몇몇 경우에서, 몰입형 모드 모듈(124)은 윈도우(심지어 실질적인 프레임이 없는 윈도우)가 아닌 몰입형 모드를 나타내며 데스크탑형 디스플레이(예를 들면, 태스크바)의 관례를 제외한다. 또한, 몇몇 실시형태에서, 이 몰입형 모드는, 닫힐수 없거나 또는 언인스톨될 수 없다는 점에서, 오퍼레이팅 시스템과 유사하다.

매니저(126)는, 어플리케이션(128)을 론칭하거나, 나타내거나 재방문하기 위한 선택을 허용하는 어플리케이션-선택 인터페이스, 윈도우 기반 모드 또는 몰입형 모드의 여부, 및 그 자신이 윈도우 기반 또는 몰입형 모드에서 나타내어질 수 있는지의 여부를 제공한다. 매니저(126)는 또한 유저가 어플리케이션-선택 인터페이스 내에서 타일을 정렬하는 것을 가능하게 한다. 시스템(100) 및 매니저(126)가 어플리케이션-선택 인터페이스의 상황에서 설명하였지만, 매니저(126)는 타일, 아이콘, 또는 라벨을 다른 상황, 예컨대 파일 시스템, 이미지 취출 시스템, 문서 취출 시스템 등에서 정렬하도록 동작할 수도 있음을 주목해야 한다.

오프레이팅 시스템(120), 모드 모듈(122 및 124), 및 매니저(126)는 서로 분리되거나 몇몇 형태로 통합되거나 또는 결합될 수 있다. 따라서, 몇몇 경우에서 오퍼레이팅 시스템(120)은 모드 모듈(122 및 124)과 매니저(126)를 포함한다.

예시적인 방법

이 문서는 이제 타일을 정렬하는 예시적인 방법을 설명한다. 이 방법은 수행된 동작을 특정하는 블록의 세트로서 도시되지만, 반드시 도시된 순서로 제한되는 것은 아니다. 하기 논의의 일부는 도 1의 시스템(100)을 참조하지만, 그 참조는 단지 예시를 위해 이루어진 것이다.

도 2는, 타일의 그룹 내에서 또는 타일의 그룹 사이에서 타일을 이동시키는 방식을 포함하는 타일 정렬 방법(200)을 나타낸다. 블록(202)은 유저 인터페이스의 제 1의 뷰에서 디스플레이된 복수의 타일 중 선택된 타일의 선택을 수신한다. 이 선택은 선택된 타일을 복수의 타일 내의 현재의 위치에서 유저 인터페이스의 영역으로 이동시킬 수 있다.

이 문서가 예시적인 유저 인터페이스를 설명하는 것으로 진행하기 이전에, 이 선택은 단일의 또는 복수의 제스쳐를 포함하는 여러 방식을 통할 수 있음을 주목해야 한다. 제스쳐는, 몇몇 이름을 거론하자면, 마우스 포인터, 인터페이스를 디스플레이하는 터치 감응 디스플레이를 통해 행해진 터치 제스쳐, 및 예컨대 몇몇 게임용 시스템에서 사용되는 모션 검출 디바이스를 통한 모션 감응 제스쳐를 통해 수신될 수도 있다.

복수의 타일이 디스플레이되는 인터페이스는, 위에서 부분적으로 언급된 바와 같이, 어플리케이션-선택 인터페이스 및 파일 시스템과 같은 여러 타입으로 이루어질 수 있다. 따라서, 인터페이스에서의 타일은 어플리케이션, 이미지, 파일 등을 나타낼 수도 있다. 또한, 타일은 반드시 패시브하거나 또는 일률적인(flat) 것은 아니며, 대신 예컨대 어플리케이션 자체로부터의 또는 어플리케이션 그 자체가 실행중이지 않은 경우에도 어플리케이션과 관련된 원격 소스로부터의 컨텐츠를 디스플레이할 수도 있다.

예로서, 도 3에 도시된 예시적인 어플리케이션-선택 인터페이스(300)를 고려한다. 어플리케이션-선택 인터페이스(300)는 복수의 어플리케이션과 관련된 복수의 타일을 디스플레이한다. 각각의 타일은 어플리케이션과 관련되고 이 관련을 예컨대 그래픽 또는 텍스트적인 디스크립터로 나타낸다. 어플리케이션은 이들 타일을 통해, 예컨대 마우스 클릭 또는 (예를 들면, 디스플레이(130)의 터치-스크린 구현을 통한) 제스쳐를 통해 선택될 수 있다. 그러나, 몇몇 경우에서, 어플리케이션은 그룹으로서 선택될 수 있고/있거나 핫키 또는 타일을 통한 직접적인 것 이외의 다른 선택 방식을 통해 선택될 수 있다.

도 1의 매니저(126)는 인터페이스(300)를 제공하고 13개의 어플리케이션과 관련된 13개의 선택가능한 타일을 포함한다. 타일(302, 304, 및 306)은 웹 기반의 컨텐츠 중심 어플리케이션(web-enabled, content-oriented applications)과 관련된 큰 타일이고, 타일(308)은 로컬의 워드프로세싱 어플리케이션과 관련된 큰 타일이며, 타일(310 및 312)은 웹 기반의 컨텐츠 중심 어플리케이션과 관련된 작은 타일이다.

위에서 언급된 바와 같이, 블록(202)은 터치 제스쳐, 예컨대 도 4에 예시된 터치 제스쳐(402)를 통해 선택을 수신할 수 있다. 이 제스처(402)는 타일(304)을 선택하여 상단 에지 영역(404)으로 이동시킨다. 이 영역은 인터페이스(300) 내의 구역 또는 에지일 수 있다. 필요한 것은 아니지만, 상향 또는 하향 선택(예를 들면, 도 4의 제스쳐(402))의 사용은 이러한 타입의 제스쳐(좌우보다는 상하)를 다른 제스쳐와 차별화하는 데 유용할 수 있다. 여기서 상하 모션은 타일을 정렬하기 위해 사용되고 한편 좌우 모션은 타일을 패닝하거나 스크롤하기 위해 일반적으로 사용된다. 이 차별화는 인터페이스의 유저의 직관적 사용에서 유저를 보조하고, 몇몇 경우에서, 명령 또는 정보를 통해 인터페이스를 설명할 필요성이나 명령 또는 정보로 인터페이스를 혼란스럽게 하는 것을 방지한다. 상단 에지 영역(404)이 유저에게 나타날 수도 있거나 또는 나타나지 않을 수도 있음을 주목하라; 여기서는 예시적인 목적을 위해 도시되어 있다. 매니저(126)는, 제스쳐의 일부 또는 접점이 영역 내에 있는 경우 즉시 블록(204)으로 진행하거나 또는 블록(204)으로 진행하기 이전에 상단 영역(404)에서 제스쳐(402)가 호버링할 때까지 대기하는 것과 같이, 그 영역에서 드웰(dwell) 또는 호버링을 대기할 수도 있다.

선택에 응답하여, 블록(204)은 제 1의 뷰에서 제 2의 뷰로 줌아웃하는데, 제 2의 뷰는 제 1의 뷰에서 디스플레이되지 않은 복수의 다른 타일을 포함한다. 위에서 부분적으로 언급된 바와 같이, 제스쳐 또는 다른 선택은 연속적일 수도 있거나 또는 그렇지 않을 수도 있다. 본원의 다른 곳에서 다중-제스쳐 실시형태가 제공된다.

진행중인 실시형태에서 계속하여, 제스쳐(402)가 연속적이라고 가정하는데, 이것은 그 제스쳐(402)가 방법(200)의 적어도 블록(202, 204, 및 206) 동안 유지되는 단일의 제스쳐임을 의미한다. 연속-제스쳐의 경우에 대해, 매니저(126)는 제스쳐(402)를 행하는 선택기(예를 들면, 손가락 또는 스타일러스)에 타일(304)을 "고정시킨다". 따라서, 제스쳐(402)가 유지되고 타일(304)이 도 4에 도시된 손가락에 고정된 동안, 매니저(126)는 제 1의 뷰에서 나타나지 않은 복수의 다른 타일을 나타내기 위해 줌아웃한다. 이 제 2의 뷰는, 낮은 해상도에서 타일의 복수의 상이한 그룹(502, 504, 및 506)을 갖는 인터페이스(300)를 도시하는 도 5에서 예시된다. 그룹(506)은 더 작긴하지만 (그리고 부분적으로 가려지지만) 도 3 및 도 4에 도시된 타일을 포함한다. 타일(304)은 풀사이즈로 도시되지만, 그룹(502, 504, 및 506)에서의 타일의 해상도에 대응하도록 축소될 수 있다.

블록(206)은 제 2의 뷰에서의 새로운 위치로 선택된 타일을 이동시키는 선택을 수신한다. 이 선택은 선택된 타일의 새로운 위치로의 드랍일 수 있거나 또는, 단일의 연속적인 제스쳐가 사용되는 경우에서와 같이, 새로운 위치 상에서의 드웰 또는 호버링일 수도 있다. 이 새로운 위치는 매니저(126)에 의해 다른 방식으로 주소지정될 수 있다. 한 경우에서, 방법(200)은 선택된 타일을 새로운 위치에 그리고 다른 선택 없이 자동적으로 배치시킨다. 다른 경우에서, 방법(200)은 다른 선택을 대기한다. 양 경우에서, 그러나, 방법(200)은 블록(208)에서 더 높은 해상도로 복수의 타일을 도시하도록 줌인될 수 있다.

블록(208)은 새로운 위치로 줌인하는데, 줌인은 제 3의 뷰를 나타낸다. 제 3의 뷰는 새로운 위치와 하나 이상의 복수의 다른 타일을 포함한다. 방법(200)이 다른 선택 없이 선택된 타일을 자동적으로 배치시키는 경우, 선택된 타일은 그룹 내에 배치되어 도시된다.

방법(200)이 선택된 타일을 새로운 위치에 자동적으로 배치시키지 않지만 대신 다른 선택을 대기하는 경우, 선택된 타일은 그 그룹 내에 도시되지 않지만, 그 그룹 밖에 또는 그 그룹 위에 중첩되어 도시될 수도 있다.

진행중인 실시형태에서, 매니저(126)는 제스쳐(402)의 다른 부분을 수신하는데, 이 부분은 타일(304)을 도 5의 그룹(502) 내의 타일에 근접한 위치(602)로 이동시키는 것을 선택한다. 이 이동의 결과는 도 6에 도시된다.

응답으로, 매니지(126)는 그룹(502)의 다수의 타일과 선택된 타일(304)을 더 높은 해상도 뷰(702)에서 도시하도록 줌인되는데, 이것은 도 7에 예시된다. 이 경우, 타일(304)은 제스쳐(402)의 선택기에 여전히 연결되어 그리고 그룹(502)의 위에 올려져서 도시된다. 따라서, 이 경우, 매니저(126)는 새로운 위치가 있는 그룹의 타일을 도시하도록 줌인된다. 그 다음, 매니저(126)는 선택된 타일을 배치시킬 정확한 위치를 대기한다.

방법(200)은, 타일의 그룹 내의 정확한 위치를 대기한다면 "선택 대기"의 경로를 따라 블록(210)으로 진행하고 또는 매니저(126)가 선택된 타일을 추가적 선택 없이 그룹의 새로운 위치에 배치시킨다면 "자동 배치" 경로를 따라 블록(212)으로 진행한다.

블록(210)은, 선택된 타일을 하나 이상의 복수의 타일 사이에 또는 하나 이상의 복수의 타일에 인접하여 위치시키는 제 3의 선택을 수신한다. 매니저(126)는, 선택된 타일이 현재 자리하고 있는 위치(예를 들면, 도 7의 그룹(502)에서의 타일(304)의 위치) 위에서 및/또는 아래에서 타일의 외관을 변경(예를 들면, 타일을 기울임)하는 것과 같은 피드백을 통해, 제 3의 선택을 수신하기 이전에, 그룹 주위에서 이동되고 있는 선택된 타일에 응답하여, 선택된 타일이 배치될 수 있는 하나 이상의 복수의 타일 사이의 또는 하나 이상의 복수의 타일에 인접한 유효 위치를 나타낼 수 있다. 다른 경우에서, 매니저(126)는, 일반적으로, 예컨대 타일 사이의 또는 타일에 인접한 공간을 음영처리하거나 색을 입히는 것에 의해 유효 위치를 나타낸다.

블록(212)은 선택된 타일을 새로운 위치에 배치시킨다. 언급된 바와 같이, 이 새로운 위치는 블록(206 내지 210)에서 수신될 수 있다.

블록(202)에서 위에서 언급된 바와 같이, 타일을 현재의 위치에서 유저 인터페이스의 영역으로 이동시키는 선택은, 유저 인터페이스 내의 마킹된 구역을 포함할 수도 있다. 이것은 도 8에서 마킹된 구역(802)에서 예시된다. 요구되지는 않지만, 이 마킹된 구역(802)은, 이 영역 내의 타일이 나중에 이것 내에서 또는 다른 그룹의 타일로 이동될 수도 있다는 것을 텍스트("타일 버킷")로 나타낸다. 여기서, 타일(304, 308, 및 310) 각각이 별도의 선택(예를 들면, 세번의 마우스 클릭 또는 드래그 앤 드랍 제스쳐)을 통해 선택되어 마킹된 영역(802)에 배치된다고 가정한다. 응답으로, 매니저(126)는, 선택된 타일의 원래의 위치들(804, 806, 및 808)에서의 음영처리된 블록을 통해 이들 타일이 그들의 현재 위치로부터 각각 제거된다는 것을 나타낸다. 매니저(126)는 또한, 마킹된 구역(802) 내에 타일(여기서는 타일의 작은 버전)을 도시함으로써, 선택된 타일이 이동될 준비가 되어 있다는 것을 나타낸다. 그 다음, 방법(200)은, 예컨대 블록(204, 206, 208, 및 212 또는 210과 212 중 어느 하나)의 복수의 또는 단일의 반복에 의해, 각각의 선택된 타일의 하나씩의 또는 동시 이동을 가능하게 한다. 동시에 이동되면, 선택된 타일 중 하나는 새로운 위치로 이동되고 타일의 나머지는 새로운 위치 부근으로 이동된다. 이렇게 함으로써, 본 기술은 유저가 복수의 타일을 그룹 내에서 또는 그룹 전체에 걸쳐 빠르고 쉽게 이동시키는 것을 허용한다.

방법(200)과 별도로 또는 방법(200)과 연계하여, 본 기술은, 하기의 방법(900)에서 설명되는 바와 같이, 이동되고 있는 타일에 응답하여 타일의 그룹을 자동적으로 리플로우시킬 수도 있다.

도 9는 타일을 자동적으로 리플로우시키는 것을 포함하는 타일 정렬 방법(900)을 도시한다. 블록(902)은 어레이 내의 복수의 타일을 나타낸다. 어레이는 위에서 설명된 그룹 중 임의의 그룹뿐만 아니라 타일의 다른 배치일 수 있는데, 이러한 그룹은 원형의 또는 3차원 패턴(행과 열의 층)을 갖는다. 진행 중인 실시형태에서, 어레이는, 도 3에 도시된 행과 열, 도 5의 그룹(502 또는 506), 또는 도 10의 그룹(1002)과 같은, 복수의 열과 행을 포함한다.

어레이 내에서 타일을 리플로우시키는 것의 일부로서, 위에서 아래로 그리고 좌에서 우로와 같은 여러 규칙이 사용될 수도 있다. (예를 들면, 언어가 좌에서 우로 통상 정렬되지 않는 문화들에서) 우에서 좌로 또는 하에서 상으로와 같은 다른 규칙들이 사용될 수도 있다. 진행 중인 실시형태에서, 어레이는 상위 및 하위 위치를 갖도록 배열된다. 본 예시적인 어레이는, 가장 왼쪽의 열이, 가장 왼쪽의 열의 오른쪽에 정렬된 열 내의 위치 보다 상위의 위치를 가지며, 각 열의 가장 위쪽의 행이, 가장 위쪽의 행 아래에 정렬된 각 행 내의 위치 보다 상위의 위치를 갖는다.

블록(904)은 선택된 타일을, 어레이 내의 한 위치로서 복수의 타일 중 현재 타일이 존재하는 한 위치에 배치시키는 선택을 수신한다. 언급된 바와 같은 이들 타일은, 화면 밖의 위치에서 선택된 위치로 타일을 드래그 앤 드랍함으로써, 방법(200)에서 설명된 바와 같이 또는 다르게는 예컨대 동일한 어레이 내에서 또는 상이한 어레이를 가로지르는 자동 스크롤을 통해 선택되어 배치될 수 있다.

또한, 선택된 위치에 타일을 위치시키기 이전에, 매니저(126)는, 예컨대 선택된 타일의 위치 위에서의 드웰, 호버링, 이동에 응답하여 그 위치의 현재 타일 또는 바로 상위의 타일을 틸팅하는 것을 통해, 선택된 타일이 배치될 위치를 가리킬 수 있다. 매니저(126)는, 또한, 타일이 그 위치에 배치되고 타일의 어레이가 그 배치에 기초하여 리플로우된다면, 어레이의 배치를 미리보기함으로써 그 위치를 나타낼 수도 있다.

예로서, 제스쳐(1004)를 통해 위치(1008)에서의 타일(1006)의 배치를 설명하는 도 10을 고려한다. 타일(1010)이 위치(1008)에 현재 존재하는 것에 주목한다.

블록(906)은 선택된 타일을 어레이의 그 위치에 배치시킨다. 방법(900)은 블록(908) 이전에, 이후에, 또는 블록(908)과 연계하여 블록(906)을 수행할 수도 있다. 따라서, 리플로우는 그 위치에서의 선택된 타일의 배치 이전에, 이후에 또는 동시에 보여질 수도 있다.

블록(908)은 복수의 타일 중 하나 이상을 어레이 내에서 자동적으로 리플로우시키는데, 리플로우는 적어도 현재의 타일을 어레이에서의 하위 위치로 이동시킨다. 매니저(126)는 선택에 응답하여 어레이의 타일을 리플로우시켜 그 타일을 그 위치에 배치시킨다. 이렇게 함으로써, 유저는 어레이 내에서 타일을 수동으로 정렬시키기 위한 시간 또는 노력을 들일 필요가 없다.

진행 중인 실시형태에서, 어레이는 열 기준으로 위에서 아래로 정렬되고, 그 다음 행 기준으로 좌에서 우로 정렬된다. 이 순서를 위해, 매니저(126)는 현재의 타일과 현재 타일 하위의 임의의 타일을, 하위 위치가 그들 각각의 열에서 존재하지 않는 것이 아니면, 그들 각각의 열에서 아래로 이동시키고, 그리고 더 하위의 위치가 그들 각각의 열에서 존재하지 않으면, 타일을 그 각각의 열에서 그 각각의 열의 우측에 정렬된 열 위로 이동시킨다.

결과가 도 11에 도시된다. 매니저(126)는 타일(1006)을 위치(1008)에 배치시키고 그룹(1002)의 타일을 리플로우시킨다. 자동 리플로우의 이동은 리플로우 경로(1102)를 통해 도시되는데, 이것은 타일의 위에서 아래로, 그 다음 좌에서 우로, 그 다음 위에서 아래로의 리플로우를 설명한다.

선택된 타일을 어레이 내에 위치시키는 것으로 인해 어레이를 자동적으로 리플로우시키는 것에 추가로, 본 기술은 (타일이 상이한 어레이로 이동되든 또는 동일한 어레이로 이동되든) 어레이에서 타일을 제거하는 것에 응답하여 타일을 리플로우시키는 것도 포함할 수도 있다. 예로서, 인터페이스(300)로부터의 제거를 위해 타일(304)의 선택을 예시하는 도 4를 다시 고려한다. 도 4에서, 타일(304)이 제거될 위치가 해칭선 박스(406)로 도시된다. 그러나, 본 기술은 타일(304)을 이동시키는 것에 응답하여 도 4의 인터페이스(300)의 다른 타일을 리플로우시킬 수도 있다. 이러한 경우, 블록(204)에서와 같은 타일의 선택에 응답하여, 또는 블록(212)에서의 선택된 타일의 그 새로운 위치로의 배치 이후에 리플로우는 즉각적일 수도 있다

타일에서의 제거 또는 추가에 응답하여 어레이에서 타일을 자동적으로 리플로우시킬 때, 본 기술은 어레이 내의 서브 어레이를 또한 리플로우시킬 수도 있다. 작은 타일(1104, 1106, 및 1108)을 도시하는 도 11을 다시 고려한다. 작은 타일(1104)은 현재 위치(1110)에 있다. 작은 타일(1108)을 위치(1110)로 이동시키기 위한 선택에 응답하여, 매니저(126)는 작은 타일로 구성된 서브 어레이 내의 작은 타일을 리플로우시킨다. 이것은, 매니저(126)가 작은 타일(1108)을 위치(1110)에 자동적으로 위치시키고, 작은 타일(1104)을 우측에 위치시키고, 그 다음 작은 타일(1106)을 아래에 (그 다음 모든 하위 타일을 경로(1202)에 의해 도시된 바와 같이) 위치시킨 결과를 도시하는 도 12에서 예시된다.

위에서 알 수 있는 바와 같이, 본 기술은 어레이 및/또는 서브 어레이에서의 한 위치에서 타일이 제거되는 것에 응답하여 어레이를 자동적으로 리플로우시킬 수도 있다. 도 12에 도시된 바와 같이, 타일(1108)은 제거되었다. 응답으로, 매니저(126)는 이전의 하위의 타일, 타일(1204)을 타일(1108)의 원래의 위치로 이동시켰다. 본 기술은, 경로(1102 또는 1202)의 역방향과 같이, 타일을 추가하기 위해 언급된 바와 반대의 방식으로 이렇게 할 수도 있다. 따라서, 타일(1106)이 상이한 어레이로 이동되거나, 제거되거나, 또는 다르게 이동되면, 매니저(126)는 타일(1106)에 의해 원래 차지된 위치로 하위 타일(이 경우에서는 큰 타일을 가짐)을 이동시키기 위해 도 12의 그룹(1002)의 타일을 자동적으로 리플로우시킨다.

몇몇 경우에서, 유저는 타일을 이동시키지 않을 것으로 결정할 수도 있다. 유저가 선택된 타일을 어레이의 한 위치로 이동시키는 경우를 고려한다. 여기서 매니저(126)는 선택된 타일이 그 위치에 추가되면 어레이가 어떻게 보일지에 대해 미리보기 한다고 가정한다. 응답으로, 유저는 타일을 이동시키지 않기로 결정한다. 본 기술은 유저가 이동된 타일을 원래의 위치로 빠르고 쉽게 되돌리는 것을 허용한다. 유저는 타일 이동을 취소하기 위한 이 결정을, 어레이 또는 인터페이스의 밖에서, 또는 인터페이스 내에서 유효한 것으로 나타내어지지 않은 위치에서, 여러 방식들로, 예컨대 핫키를 선택하거나 또는 타일을 유저 인터페이스의 특정 영역으로 드랍하는 것에 의해 나타낼 수도 있다. 매니저(126)는, 예컨대 선택된 타일을 다시 그 원래의 위치에서 나타냄으로써, 본 기술이 타일을 원래의 위치로 되돌리고 있다는 것을 보강할 수도 있다. 원래의 위치가 현재의 뷰에서 나타나지 않으면, 매니저(126)는 원래의 위치를 나타내는 이전의 뷰를 자동적으로 나타낸다.

앞선 논의는 타일을 정렬시키기 위해 본 기술이 동작할 수도 있는 방법을 설명한다. 이들 방법의 양태는 하드웨어(예를 들면, 고정식 논리 회로), 펌웨어, 소프트웨어, 수동 프로세싱, 또는 이들의 임의의 조합으로 구현될 수도 있다. 소프트웨어 구현은 컴퓨터 프로세서에 의한 실행시 특정 작업을 수행하는 프로그램 코드를 나타낸다. 예시적인 방법은, 소프트웨어, 어플리케이션, 루틴, 프로그램, 오브젝트, 컴포넌트, 데이터 구조, 프로시져, 모듈, 함수 등을 포함할 수 있는 컴퓨터 실행가능 명령을 통해 수행될 수 있다. 프로그램 코드는, 컴퓨터 프로세서에 대해 로컬 및/또는 원격인 하나 이상의 컴퓨터 판독가능 메모리 디바이스에 저장될 수 있다. 상기 방법은 복수의 컴퓨팅 디바이스에 의해 분산 컴퓨팅 모드에서 또한 실시될 수도 있다. 또한, 본원에서 설명된 특징들은 플랫폼 독립적이며, 다양한 프로세서들을 구비하는 다양한 컴퓨팅 플롯폼에서 구현될 수 있다.

예로서, 이들 기술은 하기에 설명되는 예시적인 디바이스(1300) 및/또는 도 1의 시스템(100)에서 도시된 하나 이상의 엔티티(이것은 더 나누어지거나, 결합되거나 등등 할 수 있다) 상에서 구현될 수도 있다. 따라서, 시스템(100) 및/또는 디바이스(1300)는 설명된 기술을 채용할 수 있는 많은 가능한 시스템 또는 장치의 몇몇을 예시한다. 시스템(100) 및/또는 디바이스(1300)의 엔티티는 소프트웨어, 펌웨어, 하드웨어, 전체 디바이스 또는 네트워크, 또는 이들의 조합을 일반적으로 나타낸다. 소프트웨어 구현의 경우, 예를 들면, 엔티티(예를 들면, 매니저(126), 모드 모듈(122 및 124))는 프로세서(예를 들면, 프로세서(들)(116) 상에서의 실행시 특정 작업을 수행하는 프로그램 코드를 나타낸다. 프로그램 코드는, 도 13의 컴퓨터 판독가능 매체(1314) 또는 컴퓨터 판독가능 저장 매체(118)와 같은 하나 이상의 컴퓨터 판독가능 메모리 디바이스에 저장될 수 있다.

예시적인 디바이스

도 13은 앞선 도 1 내지 도 12를 참조로 설명된 디바이스, 또는 디바이스에 의해 구현되는 서비스 및 동작의 임의의 것으로서 구현될 수 있는 예시적인 디바이스(1300)의 여러 컴포넌트를 예시한다. 몇몇 실시형태에서, 디바이스(1300)는, 텔레비전 클라이언트 디바이스(예를 들면, 텔레비전 셋탑 박스, 디지털 비디오 레코더(DVR), 등), 소비자 디바이스, 컴퓨터 디바이스, 서버 디바이스, 휴대형 컴퓨터 디바이스, 유저 디바이스, 통신 디바이스, 비디오 프로세싱 및/또는 렌더링 디바이스, 가전 디바이스(appliance device), 게임용 디바이스, 전자 디바이스의 형태로서, 및/또는 다른 타입의 디바이스로서, 유선 및/또는 무선 디바이스 중 하나 또는 이들의 조합으로서 구현될 수 있다. 디바이스(1300)는, 또한, 유저, 소프트웨어, 펌웨어, 및/또는 디바이스의 조합을 포함하는 논리 디바이스를 한 디바이스가 기술하도록 그 디바이스를 동작시키는 엔티티 및/또는 유저(예를 들면, 사람)과 관련될 수도 있다.

디바이스(1300)는 디바이스 데이터(1304)(예를 들면, 수신된 데이터, 수신되고 있는 데이터, 브로드캐스트 예정인 데이터, 데이터의 데이터 패킷, 등)의 유선 및/또는 무선 통신을 가능하게 하는 통신 디바이스(1302)를 포함한다. 디바이스 데이터(1304) 또는 다른 디바이스 컨텐츠는 디바이스의 구성 설정, 디바이스 상에 저장된 미디어 컨텐츠, 및/또는 디바이스의 유저와 관련된 정보를 포함할 수 있다. 디바이스(1300) 상에 저장된 미디어 컨텐츠는 임의의 타입의 오디오, 비디오, 및/또는 이미지 데이터를 포함할 수 있다. 디바이스(1300)는, 유저가 선택가능한 입력, 메시지, 음악, 텔레비전 미디어 컨텐츠, 기록된 비디오 컨텐츠, 및 임의의 컨텐츠 및/또는 데이터 소스로부터 수신된 임의의 다른 타입의 오디오, 비디오, 및/또는 이미지 데이터와 같은, 임의의 타입의 데이터, 미디어 컨텐츠, 및/또는 입력이 수신될 수 있는 하나 이상의 데이터 입력(1306)을 포함한다.

디바이스(1300)는, 또한, 직렬 및/또는 병렬 인터페이스, 무선 인터페이스, 임의의 타입의 네트워크 인터페이스, 모뎀 중 임의의 하나 이상으로서, 그리고 임의의 다른 타입의 통신 인터페이스로서 구현될 수 있는 통신 인터페이스(1308)를 포함한다. 통신 인터페이스(1308)는 디바이스(1300)와 통신 네트워크 사이의 접속 및/또는 통신 링크를 제공하며, 이것에 의해 다른 전자, 컴퓨팅, 및 통신 디바이스가 디바이스(1300)와 데이터를 통신하게 된다.

디바이스(1300)는 하나 이상의 프로세서(1310)(예를 들면, 마이크로프로세서, 컨트롤러 등 중 임의의 것)를 포함하고, 이것은, 디바이스(1300)의 동작을 제어하고 타일을 정렬하기 위한 여러 컴퓨터 실행가능 명령을 프로세싱한다. 대안적으로 또는 추가적으로, 디바이스(1300)는 하드웨어, 펌웨어, 또는 1312에서 일반적으로 식별된 프로세싱 및 제어 회로와 연계하여 구현되는 고정식 논리 회로 중 임의의 하나 또는 조합을 통해 구현될 수 있다. 도시되진 않았지만, 디바이스(1300)는 디바이스 내의 여러 컴포넌트를 커플링하는 시스템 버스 또는 데이터 전송 시스템을 포함할 수 있다. 시스템 버스는, 메모리 버스 또는 메모리 컨트롤러, 주변 버스, 범용 직렬 버스, 및/또는 임의의 다양한 버스 아키텍쳐를 활용하는 프로세서 또는 로컬 버스와 같은, 상이한 버스 구조 중 임의의 하나 또는 조합을 포함할 수 있다.

또한, 디바이스(1300)는, (단순한 신호 전송과 대비하여) 영속적이고/이거나 비일시적 데이터 저장을 가능하게 하는 하나 이상의 메모리 디바이스와 같은 컴퓨터 판독가능 저장 매체(1314)를 포함하는데, 그 실시예는 RAM, 불휘발성 메모리(예를 들면, ROM, 플래시 메모리, EPROM, EEPROM, 등등 중 하나 이상), 및 디스크 스토리지 디바이스를 포함한다. 디스크 스토리지 디바이스는 임의의 타입의 자기 또는 광학 스토리지 디바이스, 예컨대 하드디스크 드라이브, 기록가능 및/또는 재기록가능 컴팩트 디스크(CD), 임의의 타입의 디지털 다기능 디스크, 등으로서 구현될 수도 있다. 디바이스(1300)는 대용량 저장 매체 디바이스(1316)를 포함할 수 있다.

컴퓨터 판독가능 저장 매체(1314)는 디바이스 데이터(1304)뿐만 아니라, 여러 디바이스 어플리케이션(1318) 및 디바이스(1300)의 동작적 양태에 관련된 임의의 타입의 정보 및/또는 데이터를 저장하기 위한 데이터 저장 메커니즘을 제공한다. 예를 들면, 오퍼레이팅 시스템(1320)은 컴퓨터 어플리케이션으로서 컴퓨터 판독가능 저장 매체(1314)를 통해 유지되고 프로세서(1310) 상에서 실행될 수 있다. 디바이스 어플리케이션(1318)은 디바이스 매니저, 예컨대 임의의 형태의 제어 어플리케이션, 소프트웨어 어플리케이션, 신호 처리 및 제어 모듈, 특정 디바이스에 네이티브한 코드, 특정 디바이스에 대한 하드웨어 추상 계층 등등을 포함할 수도 있다.

디바이스 어플리케이션(1318)은 타일을 정렬시키기 위한 기술을 구현하는 임의의 시스템 컴포넌트 또는 모듈을 또한 포함한다. 이 실시형태에서, 디바이스 어플리케이션(1318)은 윈도우 기반 모드 모듈(122), 몰입형 모드 모듈(124), 및 매니저(126)를 포함할 수 있다.

결론

타일을 정렬시키기 위한 기술 및 장치의 실시형태가 특징 및/또는 방법에 고유한 언어로 설명되었지만, 첨부된 특허청구범위는 설명된 특정 특징 또는 방법에 반드시 제한되는 것은 아니다. 대신, 특정 특징 및 방법은 타일을 정렬하기 위한 예시적인 구현예로서 개시된다.

Claims (20)

1. 컴퓨터로 구현된 방법으로서,
   유저 인터페이스의 제 1의 뷰에서 디스플레이되는 복수의 타일 중 선택된 타일의 선택을 수신하는 단계 - 상기 선택은 선택된 상기 타일을 상기 복수의 타일 사이의 현재 위치에서 상기 유저 인터페이스의 한 영역으로 이동시킴 - 와;
   상기 선택에 응답하여, 상기 제 1의 뷰에서 제 2의 뷰로 줌아웃하는 단계 - 상기 제 2의 뷰는 상기 제 1의 뷰에서 디스플레이되지 않은 복수의 다른 타일을 포함함 - 와;
   상기 선택된 타일을 상기 제 2의 뷰의 새로운 위치로 이동시키는 선택을 수신하는 단계와;
   상기 새로운 위치로 줌인하는 단계 - 상기 줌인은 제 3의 뷰를 나타내고, 상기 제 3의 뷰는 상기 복수의 다른 타일 중 하나 이상 및 상기 새로운 위치를 포함함 - 와;
   상기 선택된 타일을 상기 새로운 위치에 배치하는 단계를 포함하는
   컴퓨터로 구현된 방법.
   
2. 제1항에 있어서,
   상기 선택된 타일을 상기 영역으로 이동시키는 선택을 수신하는 것은 상기 선택된 타일을 상기 영역으로 드래그하는 제 1의 제스쳐를 수신하고, 상기 선택된 타일을 상기 새로운 위치로 이동시키는 선택을 수신하는 것은 상기 영역에서 상기 새로운 위치로 상기 선택된 타일을 드래그하는 제 2의 제스쳐를 수신하며, 상기 제 2의 제스쳐는 상기 제 2의 뷰를 나타낼 때 상기 유저 인터페이스를 통해 수신되는
   컴퓨터로 구현된 방법.
   
3. 제1항에 있어서,
   상기 선택된 타일의 선택을 수신하는 단계는 하나 이상의 다른 선택된 타일을 또한 수신하고, 상기 선택된 타일은 상기 복수의 타일 중 다수의 타일을 포함하고, 상기 선택된 타일을 상기 새로운 위치에 배치하는 단계는 상기 다수의 선택된 타일을 상기 새로운 위치에 인접하게 배치하는
   컴퓨터로 구현된 방법.
   
4. 제1항에 있어서,
   상기 선택된 타일을 상기 영역으로 이동시키는 선택을 수신하는 것 및 상기 선택된 타일을 상기 새로운 위치로 이동시키는 선택을 수신하는 것은 단일의 연속적인 제스쳐를 통해 수신되고, 상기 제 1의 뷰에서 상기 제 2의 뷰로의 줌아웃 및 상기 제 2의 뷰에서 상기 제 3의 뷰로의 줌인은 상기 단일의 연속적인 제스쳐 동안 수행되는
   컴퓨터로 구현된 방법.
   
5. 제1항에 있어서,
   제 3의 선택을 수신하는 단계를 더 포함하고,
   상기 제 3의 선택은 상기 선택된 타일을 상기 제 3의 뷰 내의 하나 이상의 복수의 타일 사이에 또는 인접하게 배치하며,
   상기 선택된 타일을 상기 새로운 위치에 배치하는 것은 상기 제 3의 선택에 응답하는 것인
   컴퓨터로 구현된 방법.
   
6. 제5항에 있어서,
   상기 제3의 선택을 수신하는 단계 이전에, 상기 선택된 타일이 배치될 수 있는 상기 하나 이상의 상기 복수의 타일 사이의 또는 인접하는 유효한 위치를 표시하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
7. 제1항에 있어서,
   상기 선택된 타일을 상기 새로운 위치로 이동시키는 선택은 상기 새로운 위치에서 드웰링(dwelling)하거나 호버링(hovering)하는 단계를 포함하고,
   상기 새로운 위치로 줌인하는 단계는 상기 드웰링 또는 호버링에 응답하는 것인
   컴퓨터로 구현된 방법.
   
8. 제1항에 있어서,
   상기 유저 인터페이스는 어플리케이션 론칭(application-lauching) 인터페이스인
   컴퓨터로 구현된 방법.
   
9. 제1항에 있어서,
   상기 영역은 상기 유저 인터페이스의 상단 에지, 상기 유저 인터페이스의 하단 에지, 상기 유저 인터페이스 내의 마킹된 영역, 상기 복수의 타일 중 하나를 포함하지 않는 지역 중 어느 하나인
   컴퓨터로 구현된 방법.
   
10. 컴퓨터로 구현된 방법으로서,
    유저 인터페이스의 제 1의 뷰 내의 어레이 내에 디스플레이된 하나 이상의 선택된 타일의 선택에 응답하여, 제 2의 뷰로 줌아웃 하는 단계 -상기 제2의 뷰는 상기 제 1의 뷰 내에 디스플레이되지 않은 상기 어레이의 복수의 다른 타일을 포함함- 와;
    상기 하나 이상의 선택된 타일을 제 2의 뷰 내의 영역으로 이동시키는 선택에 응답하여, 상기 영역으로 줌인하는 단계 -상기 줌인은 상기 어레이 내의 복수의 타일을 표시함- 와;
    상기 어레이 내에서 상기 복수의 타일 중 현재 타일이 존재하는 위치에 상기 하나 이상의 선택된 타일을 배치시키는 선택을 수신하는 단계와;
    상기 하나 이상의 선택된 타일을 상기 위치에 배치하는 단계와;
    상기 복수의 타일 중 하나 이상을 상기 어레이 내에서 자동적으로 리플로우시키는 단계 - 상기 리플로우는 적어도 상기 현재 타일을 상기 어레이에서의 하위 위치로 이동시킴 - 를 포함하는
    컴퓨터로 구현된 방법.
    
11. 제10항에 있어서,
    상기 하나 이상의 선택된 타일은 선택시에 서로 인접하지 않는 두개의 타일을 포함하고,
    상기 하나 이상의 선택된 타일을 상기 위치에 배치하는 단계는 상기 두개의 타일을 서로 인접하게 배치하는 것인
    컴퓨터로 구현된 방법.
    
12. 제10항에 있어서,
    상기 하나 이상의 선택된 타일 중 하나는 상기 유저 인터페이스의 상기 제1의 뷰 내에 디스플레이되지 않은 그룹으로부터 이동되고, 상기 복수의 타일을 상기 어레이 내에 나타내는 단계는 상기 그룹에서 상기 제1의 뷰 내에 디스플레이된 다른 그룹으로 자동 스크롤하는
    컴퓨터로 구현된 방법.
    
13. 제10항에 있어서,
    상기 어레이는 상위 및 하위 위치를 갖는 컬럼 및 로우를 포함하고, 최좌측 컬럼(left-most column)은 상기 최좌측 컬럼의 우측에 배열된 컬럼 내의 위치보다 상위(superior) 위치를 갖고, 각 컬럼의 최상측 로우(top-most row)는 각 컬럼에서 상기 최상측 로우 아래에 배열된 컬럼 내의 위치보다 상위(superior) 위치를 갖는
    컴퓨터로 구현된 방법.
    
14. 제13항에 있어서,
    상기 복수의 타일 중 하나 이상을 상기 어레이 내에서 자동적으로 리플로우시키는 단계는, 상기 현재 타일 및 상기 현재 타일 하위에 있는 모든 타일을 각각의 컬럼 내에 더 낮은 위치가 존재하지 않는 것이 아닌 한 각각의 컬럼을 아래로 이동시키고, 각각의 컬럼 내에 더 낮은 위치가 존재하지 않으면 상기 자동적으로 리플로우하는 단계는 각각의 컬럼에서 상기 각각의 컬럼의 오른쪽에 배치된 컬럼으로 이동시키는
    컴퓨터로 구현된 방법.
    
15. 제10항에 있어서,
    상기 선택을 수신하는 단계는 상기 선택된 타일을 상기 위치 위에서 또는 근처에서 드웰링(dwelling)하거나 호버링(hovering)하는 단계를 포함하고,
    상기 방법은 상기 드웰링 또는 호버링에 응답하여 그리고 상기 선택된 타일을 배치시키기 이전에, 상기 선택된 타일이 상기 위치에 배치되면 상기 어레이의 미리보기를 나타내는 단계를 더 포함하는
    컴퓨터로 구현된 방법.
    
16. 제10항에 있어서,
    상기 선택을 수신하는 단계는 상기 선택된 타일을 상기 위치 위에서 또는 근처에서 드웰링(dwelling)하거나 호버링(hovering)하는 단계를 포함하고,
    상기 방법은 상기 드웰링 또는 호버링에 응답하여 그리고 상기 선택된 타일을 배치시키기 이전에, 상기 현재 타일 또는 상기 현재 타일 바로 위의 타일의 외관을 변경함으로써 상기 선택된 타일 중 하나가 배치될 위치를 나타내는 단계를 더 포함하는
    컴퓨터로 구현된 방법.
    
17. 제10항에 있어서,
    상기 어레이 내의 제 2의 위치에서 제 2의 선택된 타일을 드웰링하거나 호버링하는 선택을 수신하는 단계와;
    상기 제 2의 위치에서 상기 제 2의 선택된 타일을 배치시킨 결과를 미리보기 하는 단계 - 상기 미리보기는 상기 복수의 타일 중 하나 이상을 상기 어레이 내에서 자동적으로 리플로우시킨 결과를 나타냄 - 와;
    상기 제 2의 선택된 타일을 상기 어레이 내의 상기 제 2의 위치에 배치하지 않는 선택을 수신하는 단계와;
    상기 결과를 미리보기하지 않음에 의하여 상기 제 2의 선택된 타일이 상기 어레이 내의 상기 제 2의 위치에서 배치되지 않았음을 나타내는 단계를 더 포함하는
    컴퓨터로 구현된 방법.
    
18. 제17항에 있어서,
    상기 제 2의 선택된 타일이 상기 어레이 내의 상기 제 2의 위치에서 배치되지 않았음을 나타내는 단계는 상기 제 2의 선택된 타일의 원래 위치에, 그리고 상기 제 2의 위치를 포함하지 않으며 상기 제 2의 선택된 타일의 원래 위치를 포함하는 그룹 내에 상기 제 2의 선택된 타일을 표시하는
    컴퓨터로 구현된 방법.
    
19. 제10항에 있어서,
    상기 어레이는 서브 어레이를 포함하고, 상기 서브 어레이는 상기 복수의 타일 중 2개 이상의 작은 타일을 구비하며;
    상기 선택된 타일은 작고, 상기 위치는 하나 이상의 작은 타일 중 하나를 갖는 상기 서브 어레이 내에 있고;
    상기 현재 타일은 작고 상기 위치에 있으며;
    상기 자동적으로 리플로우시키는 단계는 상기 서브 어레이 내에서 상기 현재 타일을 리플로우시키는 것을 포함하는
    컴퓨터로 구현된 방법.
    
20. 컴퓨터로 구현된 방법으로서,
    유저 인터페이스 내의 제 1의 뷰 내에 디스플레이된 복수의 타일 가운데 선택된 타일의 선택을 수신하는 단계와;
    상기 선택에 응답하여, 상기 제 1의 뷰에서 제 2의 뷰로 줌아웃 하는 단계 -상기 제2의 뷰는 상기 제 1의 뷰 내에 디스플레이되지 않은 복수의 다른 타일을 포함함- 와;
    상기 선택된 파일을 상기 제 2의 뷰 내의 제2의 영역으로 이동시키는 선택을 수신하는 단계와;
    상기 이동시키는 선택에 응답하여, 상기 제 2의 영역으로 줌인하는 단계 -상기 줌인은 제 3의 뷰를 표시하고, 상기 제 3의 뷰는 복수의 다른 타일을 갖는 어레이를 포함함- 와;
    상기 어레이 내에서 상기 복수의 타일 중 현재 타일이 존재하는 위치에 상기 선택된 타일을 배치시키는 선택을 수신하는 단계와;
    상기 배치시키는 선택에 응답하여, 상기 어레이 내에서 상기 복수의 다른 타일 중 하나 이상을 자동적으로 리플로우시키는 단계 -상기 리플로우는 적어도 상기 현재 타일을 상기 어레이에서의 하위 위치로 이동시킴- 와;
    상기 선택된 타일을 상기 위치에 배치하는 단계를 포함하는
    컴퓨터로 구현된 방법.

Images