KR101599815B1

KR101599815B1 - 인터페이스를 표시하는 방법 및 기기

Info

Publication number: KR101599815B1
Application number: KR1020157006605A
Authority: KR
Inventors: 치린 왕; 둥푸 한
Original assignee: 텐센트 테크놀로지(센젠) 컴퍼니 리미티드
Priority date: 2012-08-17
Filing date: 2013-08-02
Publication date: 2016-03-04
Also published as: WO2014026550A1; KR20150034298A; CN103593107A; CN103593107B; US9292169B2; US20150160828A1

Abstract

본 발명은 인터페이스를 표시하는 방법을 제공한다. 상기 방법은 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하는 단계; 및 제2 객체가 존재하면, 상기 디스플레이 인터페이스의 제2 영역에 상기 제2 객체를 표시하는 단계를 포함하고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며; 상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 방법은, 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기는 단계; 상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하는 단계; 상기 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하는 단계; 및 상기 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 더 포함한다.

Description

인터페이스를 표시하는 방법 및 기기 {METHOD AND DEVICE FOR DISPLAYING INTERFACE}

본 발명은 전자 기기의 정보 표시 분야에 관한 것으로, 특히, 터치 스크린 모바일 기기의 인터페이스를 표시하는 방법 및 기기에 관한 것이다.

현재, 전자 기기는 저장 기능을 갖추고 있다. 파일을 저장할 때, 사용자는 일반적으로 파일을 저장 및 관리하기 위한 복수의 폴더(folder)를 생성한다. 그러나, 종래의 기술 방식에서는, 현재의 디렉토리 페이지에서 다음의 디렉토리에 폴더를 열 때, 다음 레벨의 페이지로의 점프 동작이 수행된다. 이전 레벨의 페이지가 덮이고 폴더 내의 항목은 새 페이지에서 처리된다. 명백히, 사용자는 현재 표시 방법에 의한 동작 프로세스에서 명백한 장면 점프(scene jump)를 경험하며, 이것은 이 표시 방법으로 디렉토리 내의 폴더와 같은 객체(object)를 관리하는 데 불편하다.

본 발명의 실시예는 상이한 페이지 간의 점프를 회피할 수 있고 트리형 구조(tree-type structure)의 객체를 효과적으로 관리할 수 있는, 인터페이스를 표시하는 방법 및 장치를 개시한다.

인터페이스를 표시하는 방법은,

디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하는 단계; 및

제2 객체가 존재하면, 상기 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘를 표시하는 단계를 포함하고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;

상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 방법은,

상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기는 단계;

상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체(sub-object)의 아이콘을 표시하는 단계;

상기 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하는 단계; 및

상기 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 더 포함한다.

프로세서와 스크린을 포함하는, 인터페이스를 표시하는 기기로서,

상기 프로세서는,

상기 스크린상의 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하고;

제2 객체가 존재하면 상기 스크린상의 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하도록, 구성되어 있고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;

상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 프로세서는,

상기 스크린의 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기고;

상기 스크린의 상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하고;

상기 스크린상의 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하고;

상기 스크린상의 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하도록, 더 구성되어 있다.

하나 이상의 프로세서에 의해 실행될 때, 기기로 하여금 인터페이스를 표시하는 방법을 수행하게 하는 명령어(instruction)를 저장하는 비일시적인 컴퓨터로 판독 가능한 매체(non-transitory computer-readable medium)로서, 상기 방법은,

제2 객체가 존재하면, 상기 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 포함하고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;

상기 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 더 포함한다

이상의 인터페이스를 표시하는 방법 및 기기에서, 트리형의 데이터 구조에 대해, 상이한 레벨의 객체가 동일한 인터페이스에 확장될 수 있다. 따라서, 상이한 페이지 간의 점프를 회피될 수 있다. 사용자는 직관적으로 인터페이스를 볼 수 있고, 사용자가 상이한 레벨의 객체를 관리하는 것이 편리하다.

도 1은 제1 실시예에 따른 인터페이스를 표시하는 방법을 나타낸 흐름도이다.
도 2는 인터페이스 내의 객체의 저장 모드(storage mode)를 나타낸 개략도이다.
도 3은 도 1의 방법으로, 도 2에 객체를 표시하여 얻은 인터페이스를 나타낸 개략도이다.
도 4는 도 1에서의 인터페이스를 표시하는 방법의 부분 블록을 나타낸 구체적인 흐름도이다.
도 5는 도 1의 방법으로 표시된 제1 객체가 확장되어 있는 인터페이스를 나타낸 개략도이다.
도 6은 도 1의 방법으로 표시된 다수의 제1 객체가 확장되어 있는 인터페이스를 나타낸 개략도이다.
도 7은 본 발명의 제2 실시예에 따른 인터페이스를 표시하는 기기의 구성을 나타낸 개략도이다.
도 8은 본 발명의 제2 실실시예에 따른 인터페이스를 표시하는 기기의 다른 구성을 나타낸 개략도이다.

본 발명의 목적, 기술적 방안 및 이점을 더욱 명백히 하기 위해, 이하에 첨부도면을 참조하여 본 발명을 더욱 상세하게 설명한다. 유의해야 할 것은 후술하는 실시예는 단지 본 발명을 설명하기 위해 사용될 뿐이며, 본 발명을 제한하기 위해 사용되지 않는다는 것이다.

본 발명의 실시예는 인터페이스를 표시하는 방법을 개시한다. 실시예에서, 인터페이스는 소프트웨어, 또는 컴퓨터 하드웨어, 또는 컴퓨터 모니터나 키보드와 같은 주변 기기와 상호작용하는 지점이다. 상기 방법은 데스크톱 컴퓨터, 지능형 이동 전화(intelligent mobile phone) 및 태블릿 PC와 같은, 계산 기능을 구비한 전자 기기에 적용될 수 있다. 상기 전자 기기는 출력을 위해 액정 디스플레이(LCD) 모니터와 같은, 디스플레이 요소(즉, 컴퓨터 모니터)를 포함할 수 있다. 상기 방법은 특히 트리형 구조의 데이터를 그래픽으로 표시하는 데 적합하다. 예를 들어, 상기한 트리형 구조의 데이터는 폴더 또는 북마크(bookmark)를 포함할 수 있다. 일반적으로, 트리형 구조는 두 종류의 객체(노드)를 가진다. 하나는 하위 객체를 가지고; 다른 하나는 하위 객체를 갖지 않는 말단 객체(end object)이다. 폴더에 대해 설명하면, 폴더의 하위 폴더 및 파일을 가질 수 있다. 북마크에 대해 설명하면, 사용자는 다른 종류의 파일을 관리하기 위해 폴더를 생성할 수 있다. 상기한 폴더 및 북마크는 트리형 구조를 사용하여 저장된다. 또한, 상기한 트리형 구조는 논리 트리형 구조를 포함할 수 있다. 예를 들어, 논리 트리형 구조는 데이터베이스 또는 통상의 파일 내의 저장 객체 간의 관계를 이용하여 구현된 트리형 구조를 가리킨다.

도 1은 제1 실시예에 따른 인터페이스를 표시하는 방법을 나타낸 흐름도이다. 상기 방법은, 크롬 브라우저(Chrome browser)와 같은, 브라우저를 사용하는 과정에서 사용자에 의해 저장된 북마크를 그래픽으로 표시하는 데 사용된다. 도 1에 도시된 바와 같이, 상기 방법은 이하의 블록을 포함한다.

블록 S1에서, 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시한다.

제2 객체가 존재하면, 제2 객체와 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며, 블록 S2가 수행된다.

블록 S2에서, 디스플레이 인터페이스의 제2 영역에 제2 객체의 아이콘을 표시한다.

본 실시예에서는, 상기한 제1 객체는 폴더일 수 있고, 제2 객체는 북마크일 수 있다. 도 2를 참조하면, 브라우저는 북마크(Bookmarks)로 명명된 루트 디렉토리를 저장하는 데 사용된다. 루트 디렉토리는 3개의 하위 폴더(sub-folder)와 11개의 북마크를 포함한다. 예를 들어, 3개의 하위 폴더는 뉴스를 위한 하위 폴더(이하, "뉴스 하위 폴더"라고 함), 엔터테인먼트를 위한 하위 폴더(이하 "엔터테인먼트 하위 폴더라고 함), 및 테크놀로지를 위한 하위 폴더(이하 "테크놀로지 하위 폴더"라고 함)를 포함한다. 11개의 북마크 및 3개의 하위 폴더는 동일 레벨에 속한다(이들은 모두 북마크로 명명된 루트 디렉토리의 하위 객체이다). 예를 들어, 상기한 폴더는 사용자에 의해 생성되며 북마크는 사용자가 웹페이지(WebPage)를 브라우징할 때 웹페이지를 저장함으로써 생성된다.

도 3을 참조하면, 도 3은 상기한 블록 S1 및 S2로 도 2에 도시된 객체를 처리하여 취득한 결과이다. 도 3에 도시된 바와 같이, 스크린(10)은 제1 영역(110) 및 제2 영역(120)을 포함한다. 제1 영역(110)에서, 루트 디렉토리 내의 뉴스 하위 폴더, 엔터테인먼트 하위 폴더 및 테크놀로지(Technology) 하위 폴더에 대해 설명하면, 각 하위 폴더는 대응하는 아이콘(111)을 표시한다. 3개의 아이콘(11)이 배열되어 있다. 아이콘(111)은 하위 폴더의 명칭 및 하위 폴더 내의 하위 객체의 카운트 수와 같은, 추가적인 정보를 표시할 수 있다. 제2 영역(120)에서, 루트 디렉토리 내의 13개의 북마크에 대해 설명하면, 각각의 북마크의 대응하는 아이콘(121)이 표시되어 있다. 각 북마크와 연관된 URL(Uniform Resource Locator) 및 URL과 연관된 웹페이지의 제목과 같은, 추가 정보가 각 아이콘(121)에 표시되어 있다. 예를 들어, 각 북마크의 아이콘은 URL에 대응하는 favicon.ico일 수 있다.

하나 이상의 제1 객체 중 하나가 선택되는 경우, 블록 S3이 수행된다. 선택된 제1 객체는 확장된다. 도 4를 참조하면, 블록 S3은 이하의 블록을 포함한다.

블록 S31에서, 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨긴다.

블록 S32에서, 제2 영역에 선택된 제1 객체의 하위 객체 아이콘을 표시한다.

제1 객체는 하나 이상의 하위 객체를 포함할 수 있다. 하나 이상의 하위 객체가 존재하면, 제2 영역에는 하나 이상의 하위 객체의 아이콘이 표시된다.

블록 S33에서, 디스플레이 인터페이스의 제3 영역에 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시한다.

블록 S34에서, 디스플레이 인터페이스의 제4 영역에 각각의 제2 객체의 아이콘을 표시한다.

도 5는, 도 1의 방법으로 표시된 제1 객체가 확장되어 있는 인터페이스를 나타낸 개략도이다. 도 3 및 도 5를 참조하면, 제1 영역(110)에는 엔터테인먼트 하위 폴더 및 테크놀로지 하위 폴더가 숨겨져 있다. 제2 영역(120)에 표시된 루트 디렉토리 내의 북마크의 아이콘은 뉴스 하위 폴더 내의 북마크의 아이콘으로 대체된다. 엔터테인먼트 하위 폴더 및 테크놀로지 하위 폴더는 제3 영역(130)에 표시되어 있고, 루트 디렉토리 내의 북마크의 아이콘은 제4 영역(140)에 표시되어 있다. 도 5로부터 제1 영역(110), 제2 영역(120), 제3 영역(130), 및 제4 영역이 왼쪽에서 오른쪽으로 하나씩 배치되어 있음을 알 수 있다. 제3 영역(130)에 표시된 하위 폴더의 아이콘에 대해서는, 상기한 블록 S1∼S3이 반복 실행될 수 있다는 것을 이해할 수 있을 것이다. 따라서, 도 6에 도시된 바와 같이, 제3 영역(130)에는 테크놀로지 하위 폴더의 아이콘이 숨겨져 있고, 제4 영역(140)에는 엔터테인먼트 하위 폴더의 하위 객체의 아이콘이 표시되어 있다. 따라서, 제5 영역(150) 및 제6 영역(160)에는 테크놀로지 하위 폴더의 아이콘 및 루트 디렉토리 내의 북마크의 아이콘이 각각 표시되어 있다. 즉, 루트 디렉토리에 얼마나 많은 하위 폴더가 포함되어 있든, 하위 폴더는 차례로 확장될 수 있다.

다수의 하위 폴더가 확장된 후, 각 영역(상기한 제1 영역(110), 제2 영역(120), 제3 영역(130), 제4 영역(140), 제5 영역(150) 및 제6 영역(160)을 포함)의 폭의 합이 디스플레이 인터페이스의 폭을 초과할 수도 있음을 알 수 있을 것이다. 도 6에 도시된 바와 같이, 상기한 영역들로 형성된 디스플레이 인터페이스는 왼쪽 및 오른쪽 슬라이딩 제스처에 의해 옮겨질 수 있다.

또한, 본 실시예의 방법은 블록 S4를 더 포함할 수 있다. 블록 S4에서, 디스플레이 인터페이스는 입력된 슬라이딩 제스처가 검출되면 슬라이딩 제스처의 방향으로 디스플레이 인터페이스를 옮긴다.

또한, 본 실시예의 인터페이스를 표시하는 방법은 블록 S5를 더 포함할 수 있다. 블록 S5에서, 선택된 제1 객체가 다시 선택되면, 디스플레이 인터페이스는 그 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원된다. 구체적으로, 도 5에 도시된 상태에서, 뉴스 하위 폴더가 다시 선택되면, 디스플레이 인터페이스는 도 3에 도시된 상태로 복원된다. 즉, 뉴스 하위 폴더, 엔터테인먼트 하위 폴더 및 테크놀로지 하위 폴더가 제1 영역(110)에 표시되고, 제2 영역(120) 내의 아이콘은 루트 디렉토리 내의 북마크의 아이콘으로 대체된다. 상기한 실시예에서, 1층 하위 폴더의 확장을 설명하였다. 그러나, 상기한 확장 방법이 다층 하위 폴더에 적용될 수 있음을 이해할 수 있을 것이다. 예를 들어, 뉴스 하위 폴더가 하위 폴더를 갖고 뉴스 하위 폴더의 하위 폴더가 선택되면, 제3 영역(130) 및 제4 영역(140)은 오른쪽으로 옮겨지고, 제2 영역(120)과 제3 영역(130) 사이의 영역이 선택된 하위 폴더의 아이콘 및 선택 하위 폴더 내의 하위 객체의 아이콘을 표시하는 데 사용된다. 구체적인 표시 프로세스는 제1 영역(110) 및 제2 영역(120)의 표시 프로세스를 참조할 수 있다. 또한, 선택된 하위 폴더의 아이콘 및 선택된 하위 폴더 내의 하위 객체의 아이콘을 표시하기 위한 영역은 제2 영역(120)과 제3 영역(130) 사이의 영역으로 한정되지 않으며, 대신에 디스플레이 인터페이스의 임의의 적당한 위치일 수 있다.

또한, 본 실시예에서의 인터페이스를 표시하는 방법은 블록 S4 및 블록 S5를 포함하지만, 블록 S4 및 블록 S5는 필수적인 것은 아니다. 어떤 환경에서는, 선택된 제1 객체만 확장된다.

상기한 실시예에 나타낸 인터페이스를 표시하는 방법에서, 트리형의 데이터 구조에 대해 설명하면, 상이한 레벨의 객체가 동일한 인터페이스에 확장될 수 있다. 따라서, 상이한 페이지 간의 점프를 회피할 수 있다. 사용자는 직관적으로 인터페이스를 볼 수 있어 사용자가 상이한 레벨의 객체를 관리하는 것이 편리하다.

도 7은 본 발명의 제2 실시예에 따른 인터페이스 표시 장치의 구성을 나타낸 개략도이다. 도 7에 도시된 바와 같이, 인터페이스를 표시하는 기기(200)는 디스플레이 모듈(210) 및 확장 모듈(expansion module)(220)을 포함한다.

디스플레이 모듈(210)은 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하고, 제2 객체가 존재하면 디스플레이 인터페이스의 제2 영역에 제2 객체의 아이콘을 표시하는 것이며, 제2 객체와 제1 객체는 동일한 레벨의 상이한 카테고리에 속한다. 디스플레이 모듈(210)은 제1 객체의 아이콘상에 제1 객체의 하위 객체의 카운트 수를 표시하기 위한 카운팅 유닛(211)을 포함할 수 있다.

확장 모듈(220)은 하나 이상의 제1 객체 중 하나가 선택되면, 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기고, 제2 영역에 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하고, 디스플레이 인터페이스의 제3 영역에 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하고, 디스플레이 인터페이스의 제4 영역에 제2 객체의 아이콘을 표시하는 것이다.

인터페이스를 표시하는 기기(200)는 선택된 제1 객체가 다시 선택되면, 디스플레이 인터페이스를 선택된 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원하기 위한 접이 모듈(folding module)(230)을 더 포함한다. 접이 모듈(230)은 또한 제3 영역을 숨기고, 제1 영역에 선택되지 않은 제1 객체의 아이콘을 표시하고, 제2 영역에 제2 객체의 아이콘을 표시하는 것이다.

인터페이스를 표시하는 기기(200)는 입력된 슬라이딩 제스처에 따라 슬라이딩 제스처의 방향으로 디스플레이 인터페이스를 옮기기 위한 슬라이딩 모듈(sliding module)(240)을 더 포함할 수 있다. 제1 영역, 제2 영역, 제3 영역, 및 제4 영역은 왼쪽에서 오른쪽으로 배치된다.

인터페이스를 표시하는 기기(200)의 다른 상세한 특징에 대해서는 도 1∼도 6의 설명을 참조하기 바란다.

도 8은 본 발명의 제2 실시예에 따른 인터페이스를 표시하는 기기의 다른 구성을 나타낸 개략도이다. 도 8에 도시된 바와 같이, 상기 기기는 프로세서(810) 및 스크린(820)을 포함한다.

프로세서(810)는 스크린(820)상의 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하고, 제2 객체가 존재하면 스크린(820)상의 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하는 것이며, 제2 객체와 제1 객체는 동일한 레벨의 상이한 카테고리에 속한다.

하나 이상의 제1 객체 중 하나가 선택되면, 프로세서(810)는 또한, 스크린(820)의 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기고, 스크린(820)의 제2 영역에 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하고, 스크린(820)상의 디스플레이 인터페이스의 제3 영역에 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하고, 스크린(820)상의 디스플레이 인터페이스의 제4 영역에 제2 객체의 아이콘을 표시하는 것이다.

프로세서(810)는 또한 선택된 제1 객체가 다시 선택되면, 스크린(820)상의 디스플레이 인터페이스를 선택된 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원하는 것이다.

프로세서(810)는 또한 스크린(820)의 제3 영역을 숨기고, 스크린(820)의 제1 영역에 선택되지 않은 제1 객체의 아이콘을 표시하고, 스크린(820)의 제2 영역에 제2 객체의 아이콘을 표시하는 것이다.

프로세서(810)는 또한 제1 객체의 아이콘상에 제1 객체의 하위 객체의 카운트 수를 표시하는 것이다.

제1 영역, 제2 영역, 제3 영역, 및 제4 영역은 왼쪽에서 오른쪽으로 배치되어 있다.

프로세서(810)는 또한, 입력된 슬라이딩 제스처에 따라 슬라이딩 제스처의 방향으로 스크린(820)상의 디스플레이 인터페이스를 옮기는 것이다.

본 실시예에서의 인터페이스를 표시하는 기기에서, 트리형의 데이터 구조에 대해 설명하면, 상이한 레벨의 객체가 동일한 인터페이스에서 확장될 수 있다. 따라서, 상이한 페이지 간의 점프를 회피할 수 있다. 사용자는 직관적으로 인터페이스를 볼수 있어 사용자가 상이한 레벨의 객체를 관리하는 데 편리하다.

또한, 본 발명의 예는 판독 가능한 저장 매체(readable storage medium)를 더 제공한다. 판독 가능한 저장 매체는, 컴퓨터로 실행 가능한 명령어(computer-executable instruction)와 같은, 컴퓨터 프로그램 코드를 저장한다. 컴퓨터 프로그램 코드는 상기한 인터페이스를 표시하는 방법에서의 단계들을 실행하도록 구현된다. 예를 들어, 판독 가능한 저장 매체는, CD-ROM, 하드 디스크 또는 플래시 메모리와 같은, 비휘발성 메모리일 수 있다. 상기한 판독 가능한 저장 매체는, 컴퓨터 또는 유사 계산 기기가 상기한 실시예에서의 인터페이스를 표시하는 방법의 상기한 동작을 구현할 수 있게 한다.

이상은 본 발명의 바람직한 실시예를 설명한 것일 뿐이다. 그러나, 본 발명의 보호범위는 이상의 설명으로 한정되지 않는다. 당업자가 용이하게 할 수 있는 변경 또는 대체는 본 발명의 보호 범위에 포함되어야 한다.

Claims

인터페이스를 표시하는 방법으로서,
디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하는 단계; 및
제2 객체가 존재하면, 상기 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하는 단계
를 포함하고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;
상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 방법은,
상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기는 단계;
상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체(sub-object)의 아이콘을 표시하는 단계;
상기 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하는 단계; 및
상기 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하는 단계
를 더 포함하는 인터페이스를 표시하는 방법.
제1항에 있어서,
상기 선택된 제1 객체가 다시 선택되면, 상기 디스플레이 인터페이스를 상기 선택된 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원하는 단계를 더 포함하는 인터페이스를 표시하는 방법.
제2항에 있어서,
상기 디스플레이 인터페이스를 상기 선택된 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원하는 단계는,
상기 제3 영역을 숨기는 단계;
상기 제1 영역에 상기 선택되지 않은 제1 객체의 아이콘을 표시하는 단계; 및
상기 제2 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 포함하는, 인터페이스를 표시하는 방법.
제1항에 있어서,
상기 제1 영역, 상기 제2 영역, 상기 제3 영역, 및 상기 제4 영역은 왼쪽에서 오른쪽으로 배치되어 있는, 인터페이스를 표시하는 방법.
제4항에 있어서,
입력된 슬라이딩 제스처(input sliding gesture)이 검출되면, 상기 슬라이딩 제스처의 방향으로 상기 디스플레이 인터페이스를 옮기는 단계를 더 포함하는 인터페이스를 표시하는 방법.
제1항에 있어서,
상기 제1 객체의 하위 객체의 카운트 수(count number)를 상기 제1 객체의 아이콘상에 표시하는, 인터페이스를 표시하는 방법.
프로세서와 스크린을 포함하는, 인터페이스를 표시하는 기기로서,
상기 프로세서는,
상기 스크린상의 디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하고;
제2 객체가 존재하면, 상기 스크린상의 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하도록, 구성되어 있고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;
상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 프로세서는,
상기 스크린의 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기고;
상기 스크린의 상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하고;
상기 스크린상의 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하고;
상기 스크린상의 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하도록, 더 구성되어 있는,
인터페이스를 표시하는 기기.
제7항에 있어서,
상기 프로세서는,
상기 선택된 제1 객체가 다시 선택되면, 상기 스크린상의 디스플레이 인터페이스를 상기 선택된 제1 객체가 선택되기 이전의 디스플레이 인터페이스로 복원하하도록 더 구성되어 있는, 인터페이스를 표시하는 기기.
제8항에 있어서,
상기 프로세서는,
상기 스크린의 상기 제3 영역을 숨기고;
상기 스크린의 상기 제1 영역에 상기 선택되지 않은 제1 객체의 아이콘을 표시하고;
상기 스크린의 상기 제2 영역에 상기 제2 객체의 아이콘을 표시하도록, 더 구성되어 있는 인터페이스를 표시하는 기기.
제7항에 있어서,
상기 프로세서는,
상기 제1 객체의 아이콘상에 상기 제1 객체의 하위 객체의 카운트 수를 표시하도록 더 구성되어 있는, 인터페이스를 표시하는 기기.
제7항에 있어서,
상기 제1 영역, 상기 제2 영역, 상기 제3 영역, 및 상기 제4 영역은 왼쪽에서 오른쪽으로 배치되어 있는, 인터페이스를 표시하는 기기.
제7항에 있어서,
상기 프로세서는,
입력된 슬라이딩 제스처에 따라 상기 슬라이딩 제스처의 방향으로 상기 스크린상의 디스플레이 인터페이스를 옮기도록 더 구성되어 있는, 인터페이스를 표시하는 기기.
하나 이상의 프로세서에 의해 실행될 때, 기기로 하여금 인터페이스를 표시하는 방법을 수행하게 하는 명령어를 저장하는 컴퓨터로 판독 가능한 매체(non-transitory computer-readable medium)로서,
상기 방법은,
디스플레이 인터페이스의 제1 영역에 하나 이상의 제1 객체의 아이콘을 표시하는 단계; 및
제2 객체가 존재하면 상기 디스플레이 인터페이스의 제2 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 포함하고, 상기 제2 객체와 상기 제1 객체는 동일한 레벨의 상이한 카테고리에 속하며;
상기 하나 이상의 제1 객체 중 하나가 선택되면, 상기 방법은,
상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 숨기는 단계;
상기 제2 영역에 상기 선택된 제1 객체의 각 하위 객체의 아이콘을 표시하는 단계;
상기 디스플레이 인터페이스의 제3 영역에 상기 제1 영역 내의 선택되지 않은 제1 객체의 아이콘을 표시하는 단계; 및
상기 디스플레이 인터페이스의 제4 영역에 상기 제2 객체의 아이콘을 표시하는 단계를 더 포함하는,
컴퓨터로 판독 가능한 매체.