KR102284134B1 - 디스플레이 장치의 이의 디스플레이 방법 - Google Patents

디스플레이 장치의 이의 디스플레이 방법 Download PDF

Info

Publication number
KR102284134B1
KR102284134B1 KR1020140064243A KR20140064243A KR102284134B1 KR 102284134 B1 KR102284134 B1 KR 102284134B1 KR 1020140064243 A KR1020140064243 A KR 1020140064243A KR 20140064243 A KR20140064243 A KR 20140064243A KR 102284134 B1 KR102284134 B1 KR 102284134B1
Authority
KR
South Korea
Prior art keywords
display
representative image
item
image item
displayed
Prior art date
Application number
KR1020140064243A
Other languages
English (en)
Other versions
KR20150136794A (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 삼성전자주식회사
Priority to KR1020140064243A priority Critical patent/KR102284134B1/ko
Priority to PCT/KR2015/003568 priority patent/WO2015182869A1/en
Priority to EP20211774.3A priority patent/EP3806480A1/en
Priority to EP15168011.3A priority patent/EP2950549B1/en
Priority to CN201510282939.6A priority patent/CN105307000B/zh
Priority to US14/723,598 priority patent/US10739966B2/en
Publication of KR20150136794A publication Critical patent/KR20150136794A/ko
Priority to US16/926,146 priority patent/US11188208B2/en
Priority to KR1020210098065A priority patent/KR102364443B1/ko
Application granted granted Critical
Publication of KR102284134B1 publication Critical patent/KR102284134B1/ko
Priority to US17/535,352 priority patent/US11726645B2/en
Priority to KR1020220019035A priority patent/KR102442170B1/ko
Priority to KR1020220112263A priority patent/KR102643709B1/ko
Priority to KR1020240029147A priority patent/KR20240034719A/ko

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • 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/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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0486—Drag-and-drop
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/41—Structure of client; Structure of client peripherals
    • H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
    • H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
    • H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
    • H04N21/42224—Touch pad or touch panel provided on the remote control
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4318—Generation of visual interfaces for content selection or interaction; Content or additional data rendering by altering the content in the rendering process, e.g. blanking, blurring or masking an image region
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/482—End-user interface for program selection
    • H04N21/4825—End-user interface for program selection using a list of items to be played back in a given order, e.g. playlists
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/85—Assembly of content; Generation of multimedia applications
    • H04N21/854—Content authoring
    • H04N21/8549—Creating video summaries, e.g. movie trailer

Abstract

디스플레이 장치 및 이의 디스플레이 방법이 개시된다. 본 발명의 일 실시 예에 따른, 디스플레이 장치의 디스플레이 방법은 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하는 단계, 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하는 단계 및 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지된 경우, 제1 디스플레이 아이템을 사용자 인터렉션에 대응하는 일 측으로 이동시키면서 제2 표시 방식으로 변경하고, 나머지 디스플레이 아이템 중 제1 영역으로 이동하는 제2 디스플레이 아이템을 제1 표시 방식으로 변경하는 단계를 포함한다.

Description

디스플레이 장치의 이의 디스플레이 방법 { DISPLAY APPARATUS FOR DISPLAYING AND METHOD THEREOF }
본 발명은 디스플레이 장치의 이의 디스플레이 방법에 관한 것으로서, 더욱 상세하게는 디스플레이 장치가 복수의 컨텐츠를 카테고리에 따라 분류하고 용이하게 검색할 수 있도록 하는 GUI(Graphical User Interface)를 디스플레이할 수 있는 디스플레이 장치의 이의 디스플레이 방법에 관한 것이다.
최근 디스플레이 장치는 단순히 방송 컨텐츠를 디스플레이하는 수단으로만 사용되는 것이 아니라, 각종 장치와의 연결을 통해 주변 기기의 중심의 중심장치로 이용될 뿐만 아니라, 인터넷 접속을 통해 웹상의 다양한 컨텐츠를 시청할 수도 있게 되었다. 또한, TV와 같은 디스플레이 장치도 다양한 어플리케이션을 설치해 유용성을 높일 수 있는 스마트 TV로 진화하였다.
이에 따라, 디스플레이 장치 자체에서 제공하는 컨텐츠 또는 외부 서버 등으로부터 수신한 컨텐츠 등, 디스플레이 장치를 통해 이용할 수 있는 컨텐츠의 수가 증가함에 따라, 사용자가 이용하고자 하는 컨텐츠를 쉽게 찾고 분류할 수 있는 사용자 인터페이스의 중요성이 대두하였다. 즉, 디스플레이 장치를 통해 이용할 있는 컨텐츠가 급증하여, 단순히 기존에 사용되는 채널 및 볼륨 버튼 등을 구비한 리모컨으로는 디스플레이 장치의 제어가 쉽지 않기 때문에, 사용자가 단순한 조작만으로도 디스플레이 장치에서 제공하는 컨텐츠 또는 서비스 등을 쉽게 이용하고 관리하기 위한 방안의 모색이 요청된다.
본 발명의 목적은 사용자의 인터렉션에 따라, 디스플레이 장치에서 제공하는 컨텐츠 또는 서비스의 분류 및 검색이 용이한 디스플레이 장치의 이의 디스플레이 방법을 제공함에 있다.
상기 목적을 달성하기 위한 본 발명의 일 실시예에 따른, 디스플레이 장치의 디스플레이 방법은 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하는 단계, 상기 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하는 단계 및 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템을 상기 사용자 인터렉션에 대응하는 일 측으로 이동시키면서 상기 제2 표시 방식으로 변경하고, 상기 나머지 디스플레이 아이템 중 제1 영역으로 이동하는 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하는 단계를 포함할 수 있다.
그리고 상기 제1 표시 방식은 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하는 방식이며, 상기 제2 표시 방식은 상기 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하는 방식인 것을 특징으로 할 수 있다.
한편, 상기 제2 표시 방식은, 상기 제2 디스플레이 아이템 각각에 대응되는 썸네일 이미지에 포함된 픽셀 값의 평균값에 대응되는 컬러의 블록 형태로 디스플레이하는 방식인 것을 특징으로 할 수 있다.
그리고 상기 변경하는 단계는, 상기 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 너비가 제1 방향으로 축소되고, 상기 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 제1 방향으로 증가하여 상기 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하는 것을 특징으로 할 수 있다.
한편, 상기 변경하는 단계는, 상기 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 너비보다 상기 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 넓어지는 경우, 상기 제1 디스플레이 아이템을 상기 제2 표시 방식으로 변경하고, 상기 제1 영역으로 이동하는 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하는 것을 특징으로 할 수 있다.
그리고 상기 복수의 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템을 제3 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제1 표시 방식으로 변경하는 단계; 를 더 포함하는 것을 특징으로 할 수 있다.
한편, 상기 제3 표시 방식은 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지보다 확대된 상기 썸네일 이미지와 상이한 기설정된 영상을 디스플레이하는 방식이고, 상기 제1 표시 방식은 상기 나머지 아이템 각각에 대응되는 썸네일 이미지를 디스플레이하는 방식인 것을 특징으로 할 수 있다.
그리고 상기 제2 사용자 인터렉션이 재 감지된 경우, 상기 제1 영역에 디스플레이된 상기 기설정된 영상을 확대하여 상기 디스플레이 전체에 디스플레이하는 단계 및 상기 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션에 대응되는 제1 방향으로 상기 디스플레이 영상을 변경하는 단계를 더 포함할 수 있다.
한편, 상기 기설정된 영상은 상기 컨텐츠에 포함된 복수의 영상 프레임 중 하나이고, 상기 디스플레이 전체에 디스플레이하는 단계는, 상기 컨텐츠에 대응되는 영상을 상기 기설정된 영상부터 디스플레이하는 것을 특징으로 할 수 있다.
그리고 상기 디스플레이 아이템을 이동하기 위한 상기 사용자 인터렉션이 감지된 경우, 상기 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 상기 기설정된 영상의 너비가 제1 방향으로 축소되고, 상기 제1 디스플레이 아이템의 너비가 상기 제1 영역으로 이동하는 상기 제2 디스플레이 아이템의 너비와 같거나 작아지는 경우 상기 제1 표시 방식으로 변경되며, 상기 제2 디스플레이 아이템의 너비가 상기 제1 방향으로 증가하여 상기 제1 디스플레이 아이템의 너비보다 같거나 커지는 경우 상기 제3 표시 방식으로 변경하는 단계를 포함할 수 있다.
한편, 상기 제1 디스플레이 아이템의 표시 방식이 상기 제1 표시방식으로 변경되는 경우, 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하고, 상기 제2 디스플레이 아이템의 표시 방식이 상기 제3 표시 방식으로 변경되는 경우, 상기 제3 디스플레이 아이템의 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하는 것을 특징으로 할 수 있다.
그리고 상기 제1 영역은, 복수의 디스플레이 아이템의 중앙에 해당하는 영역인 것을 특징으로 할 수 있다.
한편, 상기 사용자 인터렉션은, 상기 디스플레이 장치를 제어하기 위한 제어 장치에 터치 패드가 포함된 경우, 상기 터치 패드에서 터치 지점을 제1 지점에서 제2 지점으로 이동하는 명령, 상기 제어 장치에 4방향 버튼이 구비된 경우 상기 4방향 버튼 중 일 버튼을 누르는 명령 및 상기 제어 장치가 포인팅 리모컨인 경우 상기 포인팅 리모컨을 일 방향으로 기울이는 명령 중 적어도 하나인 것을 특징으로 할 수 있다.
그리고 상기 복수의 디스플레이 아이템을 디스플레이하는 단계는, 상기 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템 각각이 연속적으로 나열되도록 디스플레이하는 것을 특징으로 할 수 있다.
한편, 상기 복수의 디스플레이 아이템을 디스플레이하는 단계는, 상기 복수의 디스플레이 아이템의 배열 순서를 변경하기 위한 사용자 명령이 입력되는 경우, 기 디스플레이된 카테고리 분류와 상이한 카테고리 분류에 따라 상기 복수의 디스플레이 아이템을 재배열하는 것을 특징으로 할 수 있다.
한편, 본 발명의 일 실시 예에 따른 디스플레이 장치는 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하는 디스플레이부, 사용자 인터렉션을 감지하기 위한 감지부 및 상기 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하도록 제어하며, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템을 상기 사용자 인터렉션에 대응하는 일 측으로 이동시키면서 상기 제2 표시 방식으로 변경하고, 상기 나머지 디스플레이 아이템 중 제1 영역으로 이동하는 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하도록 제어하는 제어부를 포함할 수 있다.
그리고 상기 제어부는, 상기 제1 표시 방식으로 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하도록 제어하고, 상기 제2 표시 방식으로 상기 썸네일 이미지보다 너비가 좁은 블록 형태를 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 제2 표시 방식으로 상기 제2 디스플레이 아이템 각각에 대응되는 썸네일 이미지에 포함된 픽셀 값의 평균값에 대응되는 컬러의 블록 형태를 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 감지된 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 너비가 제1 방향으로 축소되고, 상기 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 제1 방향으로 증가하여 상기 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 너비보다 상기 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 넓어지는 경우, 상기 제1 디스플레이 아이템을 상기 제2 표시 방식으로 변경하고, 상기 제1 영역으로 이동하는 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경하도록 제어하는 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 감지부를 통해 상기 복수의 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템을 제3 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제1 표시 방식으로 변경하도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 제3 표시 방식으로 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지보다 확대된 상기 썸네일 이미지와 상이한 기설정된 영상을 디스플레이하고, 상기 제1 표시 방식으로 상기 나머지 아이템 각각에 대응되는 썸네일 이미지를 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 제2 사용자 인터렉션이 상기 감지부를 통해 재 감지되는 경우, 상기 제1 영역에 디스플레이된 상기 기설정된 영상을 확대하여 상기 디스플레이부 전체 영역에 디스플레이하고, 상기 사용자 인터렉션이 상기 감지부를 통해 감지되면, 상기 사용자 인터렉션에 대응되는 제1 방향으로 상기 디스플레이 영상을 변경하도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 기설정된 영상으로 상기 컨텐츠에 포함된 복수의 영상 프레임 중 하나의 프레임을 디스플레이하고, 상기 컨텐츠에 대응되는 영상을 상기 기설정된 영상부터 상기 디스플레이부 전체 영역에 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 디스플레이 아이템을 이동하기 위한 상기 사용자 인터렉션이 상기 감지부를 통해 감지된 경우, 상기 사용자 인터렉션에 따라 상기 제1 디스플레이 아이템의 상기 기설정된 영상의 너비가 제1 방향으로 축소되고, 상기 제1 디스플레이 아이템의 너비가 상기 제1 영역으로 이동하는 상기 제2 디스플레이 아이템의 너비와 같거나 작아지는 경우 상기 제1 표시 방식으로 변경되며, 상기 제2 디스플레이 아이템의 너비가 상기 제1 방향으로 증가하여 상기 제1 디스플레이 아이템의 너비보다 같거나 커지는 경우 상기 제3 표시 방식으로 변경하여 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 제1 디스플레이 아이템의 표시 방식이 상기 제1 표시방식으로 변경되는 경우, 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하고, 상기 제2 디스플레이 아이템의 표시 방식이 상기 제3 표시 방식으로 변경되는 경우, 상기 제3 디스플레이 아이템의 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하도록 제어하는 것을 특징으로 할 수 있다.
그리고 상기 제1 영역은, 복수의 디스플레이 아이템의 중앙에 해당하는 영역인 것을 특징으로 할 수 있다.
한편, 상기 사용자 인터렉션은, 상기 디스플레이 장치를 제어하기 위한 제어 장치에 터치 패드가 포함된 경우, 상기 터치 패드에서 터치 지점을 제1 지점에서 제2 지점으로 이동하는 명령, 상기 제어 장치에 4방향 버튼이 구비된 경우 상기 4방향 버튼 중 일 버튼을 누르는 명령 및 상기 제어 장치가 포인팅 리모컨인 경우 상기 포인팅 리모컨을 일 방향으로 기울이는 명령 중 적어도 하나인 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템 각각이 연속적으로 나열되도록 제어하는 것을 특징으로 할 수 있다.
한편, 상기 제어부는, 상기 복수의 디스플레이 아이템의 배열 순서를 변경하기 위한 사용자 명령이 입력되는 경우, 기 디스플레이된 카테고리 분류와 상이한 카테고리 분류에 따라 상기 복수의 디스플레이 아이템을 재배열하도록 제어하는 것을 특징으로 할 수 있다.
한편, 본 발명의 일 실시 예에 따른, 디스플레이 장치의 디스플레이 방법은, 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하는 단계, 상기 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하는 단계 및 상기 디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션이 감지된 경우, 상기 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경하는 단계를 포함할 수 있다.
그리고 상기 변경하는 단계는, 상기 제3 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템 각각을 상기 제2 표시 방식으로 변경하고, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 제외한 디스플레이 아이템은 동일한 카테고리에 포함되는 디스플레이 아이템끼리 결합하여 상위 디스플레이 아이템으로 변경하는 것을 특징으로 할 수 있다.
한편, 상기 제3 사용자 인터렉션이 재 감지된 경우, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경하는 것을 특징으로 할 수 있다.
그리고 상기 상위 디스플레이 아이템은, 상기 결합된 적어도 하나의 디스플레이 아이템에 대응되는 썸네일 이미지의 픽셀 값의 평균값에 대응되는 컬러를 가지고, 상기 상위 디스플레이 아이템으로 결합된 디스플레이 아이템의 개수에 따라 비례하는 너비를 가진 박스 형태의 디스플레이 아이템인 것을 특징으로 할 수 있다.
한편, 상기 제1 표시 방식은 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하는 방식이며, 상기 제2 표시 방식은 상기 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하는 방식인 것을 특징으로 할 수 있다.
그리고 상기 상위 디스플레이 아이템의 하위 카테고리를 디스플레이하기 위한 제4 사용자 인터렉션이 감지된 경우, 상기 상위 디스플레이 아이템을 분할하여, 상기 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 변경하고, 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 변경하여 디스플레이하는 단계를 더 포함할 수 있다.
한편, 본 발명의 일 실시 예에 따른 디스플레이 장치는, 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하는 디스플레이부, 사용자 인터렉션을 감지하기 위한 감지부 및 상기 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 상기 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하도록 제어하며, 상기 디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션이 감지된 경우, 상기 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경하도록 제어하는 제어부를 포함할 수 있다.
그리고 상기 제어부는, 상기 제3 사용자 인터렉션이 감지된 경우, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템 각각을 상기 제2 표시 방식으로 변경하고, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 제외한 디스플레이 아이템은 동일한 카테고리에 포함되는 디스플레이 아이템끼리 결합하여 상위 디스플레이 아이템으로 변경하는 것을 특징으로 할 수 있다.
한편, 상기 제3 사용자 인터렉션이 재 감지된 경우, 상기 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 결합하여 상기 상위 디스플레이 아이템으로 변경하는 것을 특징으로 할 수 있다.
그리고 상기 상위 디스플레이 아이템은, 상기 결합된 적어도 하나의 디스플레이 아이템에 대응되는 썸네일 이미지의 픽셀 값의 평균값에 대응되는 컬러를 가지고, 상기 상위 디스플레이 아이템으로 결합된 디스플레이 아이템의 개수에 따라 비례하는 너비를 가진 박스 형태의 디스플레이 아이템인 것을 특징으로 할 수 있다.
한편, 상기 제1 표시 방식은, 상기 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하는 방식이며, 상기 제2 표시 방식은 상기 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하는 방식인 것을 특징으로 할 수 있다.
그리고 상기 제어부는, 상기 상위 디스플레이 아이템의 하위 카테고리를 디스플레이하기 위한 제4 사용자 인터렉션이 감지된 경우, 상기 상위 디스플레이 아이템을 분할하여, 상기 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 변경하고, 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 변경하여 디스플레이하도록 제어하는 것을 특징으로 할 수 있다.
상술한 바와 같은 디스플레이 장치의 디스플레이 방법에 의해, 사용자는 쉽고 간편하며, 컨텐츠 또는 컨텐츠를 분류하는 카테고리 간 이동이 자유로운 사용자 인터페이스(User Interface)를 사용할 수 있게 된다.
도 1은 본 발명의 일 실시 예에 따른 디스플레이 장치 및 제어 장치를 도시한 블럭도,
도 2는 본 발명의 일 실시 예에 따른 디스플레이 장치의 구성을 간략히 도시한 블럭도,
도 3은 본 발명의 일 실시 예에 따른 디스플레이 장치의 구성을 구체적으로 도시한 블럭도,
도 4는 본 발명의 일 실시 예에 따른 디스플레이 장치의 저장부의 구성을 도시한 블럭도,
도 5a 내지 도 5c는 터치 패드를 포함하는 제어 장치를 통해 사용자 인터렉션이 감지되는 방법을 도시한 도면,
도 6은 본 발명의 일 실시 예에 따른 4방향 버튼을 포함하는 제어 장치를 도시한 도면,
도 7a 내지 도 7e는 복수의 디스플레이 아이템이 이동하면서 표시 방식을 변경하는 방법을 도시한 도면,
도 8a 내지 도 8h는 본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템을 확대하여 전체 디스플레이부에 재생하기 위한 방법을 도시한 도면,
도 9a 내지 도 9d는 본 발명의 일 실시 예에 따른, 썸네일 이미지 및 기설정된 영상으로 디스플레이 아이템이 표시된 상태에서, 복수의 디스플레이 아이템이 이동하면서 표시 방식을 변경하는 방법을 도시한 도면,
도 10a 내지 도 10j본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템의 카테고리를 상위 카테고리 또는 하위 카테고리로 이동하는 방법을 도시한 도면,
도 11은 본 발명의 일 실시 예에 따른, 디스플레이 아이템의 카테고리를 분류하는 방식을 변경하는 방법을 도시한 도면,
도 12a 내지 도 12c는 본 발명의 일 실시 예에 따른, 디스플레이 장치의 전체 메뉴 중 임의의 메뉴의 하위 카테고리로 이동하는 방법을 도시한 도면,
도 13a 및 도 13b는 본 발명의 실시 예에 따른, 복수의 디스플레이 아이템을 디스플레이하기 위한 사용자 명령이 입력된 경우의 초기화면을 도시한 도면,
도 14 및 도 15는 복수의 디스플레이 아이템을 디스플레이하는 방법을 도시한 도면,
도 16은 본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템을 이동하는 방법을 도시한 흐름도, 그리고
도 17은 본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템에 대응되는 카테고리의 뎁스를 조절하는 방법을 도시한 흐름도이다.
이하에서는 첨부된 도면을 참조하여, 본 발명의 다양한 실시 예를 좀더 상세하게 설명한다. 본 발명을 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단된 경우 그 상세한 설명은 생략한다. 그리고 후술 되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.
도 1은 본 발명의 일 실시 예에 따른, 디스플레이 장치(100) 및 제어 장치(200)를 나타낸 도면이다. 도 1에 도시된 바와 같이, 디스플레이 장치(100)는 TV일 수 있으나, 이는 일 실시예에 불과할 뿐 디스플레이부(110)가 존재하는 휴대폰, 태블릿 PC, 디지털 카메라, 캠코더, 노트북 PC, 데스크탑, PDA 등과 같은 다양한 전자 장치로 구현될 수 있다. 특히, 본 발명의 실시 예는 TV와 같이 디스플레이부(110)가 대형인 디스플레이장치에서 용이하게 구현될 수 있다.
제어 장치(200)는 리모컨 또는 휴대폰과 같이 디스플레이 장치(100)를 제어하기 위한 다양한 형태의 장치로 구현될 수 있다. 제어 장치(200)가 리모컨으로 구현되는 경우, 터치 패드를 포함할 수 있다. 이때, 터치 패드를 통해 입력된 터치 입력에 의해 디스플레이 장치(100)가 제어될 수 있다.
또는, 제어 장치(200)는 4방향 키를 포함할 수 있다. 즉, 4방향 키 중 어느 하나를 누르는 사용자 명령에 의해 디스플레이 장치(100)가 제어될 수 있다. 디스플레이 장치(100)에 복수개의 컨텐츠를 나타내기 위한 아이콘이 디스플레이되고, 복수개의 아이콘 중 가운데에 위치한 아이콘이 하이라이트 된 경우를 예로 든다. 제어 장치(200)에 포함된 4방향 키 중 오른쪽을 가리키는 방향키를 누르는 사용자 명령이 입력되면, 하이라이트 된 아이콘이 변경될 수 있다.
제어 장치(200)는 포인팅 디바이스일 수도 있다. 즉, 제어 장치(200) 표면에서 움직이는 사용자의 손가락과 같은 피사체의 변위값에 따라 디스플레이 장치(100)의 디스플레이 상의 포인터가 이동되거나 디스플레이된 다양한 메뉴들이 선택적으로 활성화될 수 있다. 또는, 제어 장치(200)를 임의의 방향으로 기울이는 사용자 명령에 의해, 디스플레이 장치(100)가 제어될 수도 있다.
한편, 도 2는 디스플레이 장치(100)의 구성을 도시한 블럭도이다. 디스플레이 장치(100)는 디스플레이부(110), 감지부(120) 및 제어부(130)를 포함한다.
디스플레이부(110)는 영상을 디스플레이하기 위한 구성요소이다. 디스플레이부(110)는 방송 채널을 통해 수신되는 컨텐츠를 디스플레이할 수 있다. 즉, 디스플레이 장치(100)는 방송국에서 송신하는 각종 방송 신호를 RF 통신망을 통해 수신할 수도 있고, 각종 서버로부터 IP 망을 통해서 컨텐츠를 수신할 수도 있다. 따라서, 디스플레이부(110)는 수신된 컨텐츠를 디스플레이할 수 있다.
또한, 디스플레이부(110)는 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이할 수 있다. 예를 들면, 디스플레이부(110)의 하단에 복수의 컨텐츠에 대응되는 복수의 썸네일 이미지를 디스플레이 아이템으로 디스플레이할 수 있다.
한편, 감지부(120)는 사용자 인터렉션을 감지하기 위한 구성요소이다. 특히, 감지부(120)는 디스플레이부(110)에 디스플레이된 아이템을 이동하거나 확대하여 디스플레이하기 위한 사용자 인터렉션을 감지할 수 있다. 특히, 감지부(120)는 별도의 제어 장치(200)를 통해 사용자 인터렉션을 감지할 수도 있다.
한편, 제어부(130)는 디스플레이 장치(100)의 전반적인 동작을 제어하기 위한 구성요소이다. 제어부(130)는 디스플레이된 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이하도록 디스플레이부(110)를 제어할 수 있다. 특히, 제어부(130)는 제1 표시 방식에 따라 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하고, 제2 표시 방식에 따라 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하도록 제어할 수 있다. 특히, 제2 표시 방식은 제2 디스플레이 아이템 각각에 대응되는 썸네일 이미지에 포함된 픽셀 값의 평균값에 대응되는 컬러를 가지는 블록형태일 수 있다.
한편, 제어부(130)는 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지부(110)를 통해 감지된 경우, 제1 디스플레이 아이템을 사용자 인터렉션에 대응하는 일 측으로 이동시키면서 제2 표시 방식으로 변경할 수 있다. 그리고 제어부(130)는 나머지 디스플레이 아이템 중 제1 영역으로 이동하는 제2 디스플레이 아이템을 제1 표시 방식으로 변경하도록 제어할 수 있다.
구체적으로, 제어부(130)는 감지부(110)를 통해 감지된 사용자 인터렉션에 따라 제1 디스플레이 아이템의 너비가 제1 방향으로 축소되고, 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 제1 방향으로 증가하여 제2 디스플레이 아이템을 제1 표시 방식으로 변경하도록 제어할 수 있다.
그리고 사용자 인터렉션에 따라 제1 방향으로 축소되는 제1 디스플레이 아이템의 너비보다 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 넓어지는 경우, 제어부(130)는 제1 디스플레이 아이템을 제2 표시 방식으로 변경하고, 제1 영역으로 이동하는 제2 디스플레이 아이템을 제1 표시 방식으로 변경하도록 제어할 수 있다.
한편, 감지부(110)를 통해 복수의 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 디스플레이 아이템을 제3 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제1 표시 방식으로 변경하도록 제어할 수 있다.
제3 표시 방식은 제1 디스플레이 아이템에 대응되는 썸네일 이미지보다 확대된 썸네일 이미지와 상이한 기설정된 영상을 디스플레이하는 방식일 수 있다.
즉, 썸네일 이미지는 가로 및 세로의 비율이 3:5를 가지는 이미지이고, 썸네일 이미지보다 확대된 썸네일 이미지와 상이한 기설정된 영상은 3:1의 비율을 가지는 이미지일 수 있다. 상술한 비율은 일 실시 예에 불과할 뿐, 상기 비율에 한정되지 않는다. 그리고 제3 표시 방식으로 사용되는 이미지는, 제3 표시 방식으로 디스플레이된 디스플레이 아이템에 대응되는 영상 컨텐츠에 포함된 복수의 영상 프레임 중 하나의 프레임일 수 있다.
한편, 감지부(120)를 통해 제2 사용자 인터렉션이 재 감지된 경우, 제어부(130)는 제1 영역에 디스플레이된 기설정된 영상을 확대하여 디스플레이부(110) 전체 영역에 디스플레이하도록 제어할 수 있다. 그리고 제어부(130)는 제1 영역에 디스플레이된 기설정된 영상에 대응되는 영상 컨텐츠를 기설정된 영상부터 재생할 수 있다. 즉, 기설정된 영상이 영상 컨텐츠에 포함된 복수의 프레임 중 하나의 프레임인 경우, 제어부(130)는 기설정된 영상에 해당하는 프레임부터 영상 컨텐츠를 재생하도록 제어할 수 있다.
즉, 제1 영역에 위치한 제1 디스플레이 아이템이 기설정된 영상으로 디스플레이되고, 나머지 영역에 위치한 디스플레이 아이템은 너비가 좁으며 서로 다른 컬러를 가지는 블록형태로 디스플레이된 경우, 감지부(120)를 통해 제2 사용자 인터렉션이 감지되면, 제어부(130)는 제1 영역에 디스플레이된 기설정된 영상을 디스플레이부(110)의 전체 영역에 디스플레이하도록 제어할 수 있다.
기설정된 영상이 디스플레이부(110) 전체 영역에 디스플레이되고, 복수의 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지부(120)를 통해 감지된 경우, 제어부(130)는 사용자 인터렉션에 대응되는 제1 방향으로 디스플레이부(110)를 통해 디스플레이되는 영상을 변경할 수 있다.
한편, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지된 경우, 제어부(130)는 사용자 인터렉션에 따라 제1 디스플레이 아이템의 기설정된 영상의 너비가 제1 방향으로 축소되고, 제1 디스플레이 아이템의 너비가 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비와 같거나 작아지는 경우 제1 표시 방식으로 변경되도록 제어할 수 있다. 그리고 제어부(130)는 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 제1 방향으로 증가하여 제1 디스플레이 아이템의 너비보다 같거나 커지는 경우 제3 표시 방식으로 변경하도록 제어할 수 있다.
그리고 제어부(130)는 제1 디스플레이 아이템의 표시 방식이 제1 표시방식으로 변경되는 경우, 제1 디스플레이 아이템에 대응되는 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하도록 제어할 수 있다.
즉, 제어부(130)는 제1 디스플레이 아이템의 기설정된 영상의 너비가 70%가 되는 순간부터 50%가 되는 순간까지 썸네일 이미지 및 기설정된 영상이 중첩되어 디스플레이되도록 제어할 수 있다. 상술한 너비의 비율은 일 실시 예에 불과할 뿐, 디스플레이 장치(100)는 설정에 따라 썸네일 이미지 및 기설정된 영상이 중첩되는 구간을 다르게 하거나, 중첩되어 디스플레이되는 구간을 가지지 않도록 설정할 수도 있다.
그리고 제어부(130)는 제2 디스플레이 아이템의 표시 방식이 제3 표시 방식으로 변경되는 경우, 제3 디스플레이 아이템의 썸네일 이미지 및 상기 기설정된 영상이 중첩되어 디스플레이되는 구간을 포함하도록 제어할 수 있다.
즉, 제어부(130)는 제2 디스플레이 아이템의 썸네일 이미지의 너비가 120%가 되는 순간부터 150%가 되는 순간까지 썸네일 이미지 및 기설정된 영상이 중첩되어 디스플레이되도록 제어할 수 있다. 상술한 너비의 비율은 일 실시 예에 불과할 뿐, 디스플레이 장치(100)는 설정에 따라 썸네일 이미지 및 기설정된 영상이 중첩되는 구간을 다르게 하거나, 중첩되어 디스플레이되는 구간을 가지지 않도록 설정할 수도 있다.
상술한 바와 같이, 디스플레이 장치(100)가 제1 디스플레이 아이템의 너비는 감소하고, 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비는 증가하는 동안, 썸네일 이미지 및 기설정된 영상이 중첩되어 디스플레이되는 구간을 디스플레이하도록 함으로써, 사용자는 복수의 디스플레이 아이템이 연속적으로 연결되어 이동하는 모습으로 보이는 디스플레이 효과를 얻을 수 있다.
상술한 내용에서, 제1 영역은 복수의 디스플레이 아이템의 중앙에 해당하는 영역일 수 있다.
그리고 사용자 인터렉션은 디스플레이 장치(100)를 제어하기 위한 제어 장치(200)가 터치 패드를 포함하는 경우, 터치 패드에서 터치 지점을 제1 지점에서 제2 지점으로 이동하는 명령일 수 있다. 또는, 제어 장치(200)가 4방향 버튼을 포함하는 경우 사용자 인터렉션은 4방향 버튼 중 일 버튼을 누르는 명령일 수 있다. 그리고 제어 장치(200)가 포인팅 리모컨인 경우 포인팅 리모컨을 일 방향으로 기울이는 명령일 수도 있다.
한편, 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이되고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이된 경우, 감지부(120)를 통해 디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션이 감지되면, 제어부(130)는 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경하도록 제어할 수 있다.
즉, 감지부(120)를 통해 제3 사용자 인터렉션이 감지된 경우, 제어부(130)는 제1 디스플레이 아이템 및 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템 각각을 제2 표시 방식으로 변경하고 제1 디스플레이 아이템 및 상기 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 제외한 디스플레이 아이템은 동일한 카테고리에 포함되는 디스플레이 아이템끼리 결합하여 상위 디스플레이 아이템으로 변경할 수 있다.
또한, 제3 사용자 인터렉션이 재 감지된 경우, 제어부(130)는 제1 디스플레이 아이템 및 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경할 수도 있다.
이때, 상위 디스플레이 아이템은, 결합된 적어도 하나의 디스플레이 아이템에 대응되는 썸네일 이미지의 픽셀 값의 평균값에 대응되는 컬러를 가지고, 상위 디스플레이 아이템으로 결합된 디스플레이 아이템의 개수에 따라 비례하는 너비를 가진 박스 형태의 디스플레이 아이템일 수 있다.
또한, 감지부(120)를 통해 상위 디스플레이 아이템의 하위 카테고리를 디스플레이하기 위한 제4 사용자 인터렉션이 감지된 경우, 제어부(130)는 상위 디스플레이 아이템을 분할하여, 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 변경하고, 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 변경하여 디스플레이하도록 제어하도록 제어할 수 있다.
한편, 도 3은 본 발명의 일 실시 예에 따른, 디스플레이 장치(100)의 구성을 구체적으로 도시한 도면이다. 도 3에 도시된 바와 같이, 본 발명의 일 실시 예에 따른, 디스플레이 장치(100)는 디스플레이부(110), 감지부(120), 제어부(130), 영상 수신부(140), 영상 처리부(150), 통신부(160), 저장부(170), 오디오 처리부(180) 및 스피커부(190)를 포함한다.
디스플레이부(110)는 영상을 디스플레이하기 위한 구성요소이다. 디스플레이부(110)는 방송 채널을 통해 수신되는 컨텐츠를 디스플레이할 수 있다. 즉, 디스플레이 장치(100)는 방송국에서 송신하는 각종 방송 신호를 RF 통신망을 통해 수신할 수도 있고, 각종 서버로부터 IP 망을 통해서 컨텐츠를 수신할 수도 있다. 따라서, 디스플레이부(110)는 수신된 컨텐츠를 디스플레이할 수 있다.
또한, 디스플레이부(110)는 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이할 수 있다. 예를 들면, 디스플레이부(110)의 하단에 복수의 컨텐츠에 대응되는 썸네일 이미지를 디스플레이 아이템으로 디스플레이할 수 있다.
디스플레이부(100)가 디스플레이하는 복수의 디스플레이 아이템은 제어부(130)의 제어에 따라, 아이템의 표시 방식 및 복수의 디스플레이 아이템의 위치가 달라질 수 있다.
한편, 감지부(120)는 사용자 인터렉션을 감지하기 위한 구성요소이다. 특히, 감지부(120)는 디스플레이부(110)에 디스플레이된 아이템을 이동하거나 확대하여 디스플레이하기 위한 사용자 인터렉션을 감지할 수 있다. 특히, 별도의 제어 장치(200)를 통해 사용자 인터렉션이 입력된 경우, 감지부(120)는 제어 장치(200)로 입력된 사용자 인터렉션을 수신할 수 있다.
구체적으로, 제어 장치(200)가 사용자 인터렉션을 입력받기 위한 터치 패드를 포함하고 터치 패드의 제1 영역에서 제2 영역으로 드래그하는 사용자 인터렉션이 입력된 경우, 감지부(120)는 터치 패드를 통한 터치 명령의 입력 방향에 따라 기 설정된 동작을 수행하기 위한 사용자 인터렉션이 입력된 것을 감지할 수 있다.
또는, 제어 장치(200)가 사용자 인터렉션을 입력받기 위한 4방향 버튼을 포함하고, 우측 방향을 향하는 버튼을 누르는 사용자 인터렉션이 입력된 경우, 감지부(120)는 4방향 버튼의 각 버튼에 따라 기 설정된 동작을 수행하기 위한 사용자 인터렉션이 입력된 것을 감지할 수 있다. 예를 들면, 복수의 디스플레이 아이템이 디스플레이된 경우, 감지부(120)는 하이라이트 된 아이템을 우측으로 이동하기 위한 사용자 인터렉션이 입력된 것으로 감지할 수 있다.
한편, 영상 수신부(140)는 다양한 소스를 통해 영상 데이터를 수신한다. 예를 들어, 영상 수신부(140)는 외부의 방송국으로부터 방송 데이터를 수신할 수 있으며, 외부 장치(예를 들어, DVD, BD 플레이어 등)로부터 영상 데이터를 수신할 수 있으며, 저장부(170)에 저장된 영상 데이터를 수신할 수 있다. 특히, 영상 수신부(140)는 하나의 디스플레이 화면에 복수의 스크린을 디스플레이하기 위해 복수의 영상 수신 모듈을 구비할 수 있다. 예를 들어, 영상 수신부(140)는 복수의 방송 채널을 동시에 디스플레이하기 위하여, 복수의 튜너를 구비할 수 있다.
영상 처리부(150)는 영상 수신부(140)에서 수신한 영상 데이터에 대한 처리를 수행하는 구성요소이다. 영상 처리부(150)에서는 영상 데이터에 대한 디코딩, 스케일링, 노이즈 필터링, 프레임 레이트 변환, 해상도 변환 등과 같은 다양한 이미지 처리를 수행할 수 있다. 한편, 영상 처리부(150)는 복수의 컨텐츠에 대응되는 비디오를 처리하기 위해 복수의 비디오 처리 모듈이 구비할 수 있다.
한편, 통신부(160)는 다양한 유형의 통신방식에 따라 다양한 유형의 외부 기기 또는 외부 서버와 통신을 수행하는 구성이다. 즉, 통신부(160)는 와이파이 칩(161), 블루투스 칩(162), 무선 통신 칩(163) 및 NFC 칩(164)과 같은 다양한 통신 모듈을 포함하여 외부 장치와 통신을 수행할 수 있다. 이때, 와이파이 칩(161), 블루투스 칩(162), NFC 칩(164)은 각각 WiFi 방식, 블루투스 방식, NFC 방식으로 통신을 수행한다. 이 중 NFC 칩(164)은 135kHz, 13.56MHz, 433MHz, 860~960MHz, 2.45GHz 등과 같은 다양한 RF-ID 주파수 대역들 중에서 13.56MHz 대역을 사용하는 NFC(Near Field Communication) 방식으로 동작하는 칩을 의미한다. 와이파이 칩(161)이나 블루투스 칩(162)을 이용하는 경우에는 SSID 및 세션 키 등과 같은 각종 연결 정보를 먼저 송수신하여, 이를 이용하여 통신 연결한 후 각종 정보들을 송수신할 수 있다. 무선 통신 칩(163)은 IEEE, 지그비, 3G(3rd Generation), 3GPP(3rd Generation Partnership Project), LTE(Long Term Evoloution) 등과 같은 다양한 통신 규격에 따라 통신을 수행하는 칩을 의미한다.
저장부(170)는 디스플레이 장치(200)를 구동하기 위한 다양한 모듈을 저장한다. 특히, 저장부(170)의 구성에 대해서는 도 4를 참조하여 설명하기로 한다.
도 4는 저장부(170)에 저장된 소프트웨어 구성을 설명하기 위한 도면이다.
도 4에 따르면, 저장부(170)에는 베이스 모듈(171), 센싱 모듈(172), 통신 모듈(173), 프리젠테이션 모듈(174), 웹 브라우저 모듈(175), 서비스 모듈(176)을 포함하는 소프트웨어가 저장될 수 있다.
베이스 모듈(171)이란 디스플레이 장치(100)에 포함된 각 하드웨어들로부터 전달되는 신호를 처리하여 상위 레이어 모듈로 전달하는 기초 모듈을 의미한다. 베이스 모듈(171)은 스토리지 모듈(171-1), 보안 모듈(171-2) 및 네트워크 모듈(171-3) 등을 포함한다. 스토리지 모듈(171-1)이란 데이터베이스(DB)나 레지스트리를 관리하는 프로그램 모듈이다. 메인 CPU(133)는 스토리지 모듈(171-1)을 이용하여 저장부(170) 내의 데이터베이스에 액세스하여, 각종 데이터를 독출할 수 있다. 보안 모듈(171-2)이란 하드웨어에 대한 인증(Certification), 요청 허용(Permission), 보안 저장(Secure Storage) 등을 지원하는 프로그램 모듈이다. 그리고 네트워크 모듈(141-3)은 네트워크 연결을 지원하기 위한 모듈로 DNET 모듈, UPnP 모듈 등을 포함한다.
센싱 모듈(172)은 각종 센서들로부터 정보를 수집하고, 수집된 정보를 분석 및 관리하는 모듈이다. 센싱 모듈(172)은 헤드 방향 인식 모듈, 얼굴 인식 모듈, 음성 인식 모듈, 모션 인식 모듈, NFC 인식 모듈 등을 포함할 수도 있다.
통신 모듈(173)은 외부와 통신을 수행하기 위한 모듈이다. 통신 모듈(173)은 메신저 프로그램, SMS(Short Message Service) & MMS(Multimedia Message Service) 프로그램, 이메일 프로그램 등과 같은 메시징 모듈(173-1), 전화 정보 수집기(Call Info Aggregator) 프로그램 모듈, VoIP 모듈 등을 포함하는 전화 모듈(173-2)을 포함할 수 있다.
프리젠테이션 모듈(174)은 디스플레이 화면을 구성하기 위한 모듈이다. 프리젠테이션 모듈(174)은 멀티미디어 컨텐츠를 재생하여 출력하기 위한 멀티미디어 모듈(174-1), UI 및 그래픽 처리를 수행하는 UI 렌더링 모듈(174-2)을 포함한다. 멀티미디어 모듈(174-1)은 플레이어 모듈, 캠코더 모듈, 사운드 처리 모듈 등을 포함할 수 있다. 이에 따라, 각종 멀티미디어 컨텐츠를 재생하여 화면 및 음향을 생성하여 재생하는 동작을 수행한다. UI 렌더링 모듈(174-2)은 이미지를 조합하는 이미지 합성기(Image Compositor module), 이미지를 디스플레이할 화면상의 좌표를 조합하여 생성하는 좌표 조합 모듈, 하드웨어로부터 각종 이벤트를 수신하는 X11 모듈, 2D 또는 3D 형태의 UI를 구성하기 위한 툴(tool)을 제공하는 2D/3D UI 툴킷 등을 포함할 수 있다.
웹 브라우저 모듈(175)은 웹 브라우징을 수행하여 웹 서버에 액세스하는 모듈을 의미한다. 웹 브라우저 모듈(175)은 웹 페이지를 구성하는 웹 뷰(web view) 모듈, 다운로드를 수행하는 다운로드 에이전트 모듈, 북마크 모듈, 웹킷(Webkit) 모듈 등과 같은 다양한 모듈을 포함할 수 있다.
서비스 모듈(176)은 다양한 서비스를 제공하기 위한 각종 application을 포함하는 모듈이다. 구체적으로는, 서비스 모듈(176)은 SNS 프로그램, 컨텐츠 재생 프로그램, 게임 프로그램, 전자 책 프로그램, 달력 프로그램, 알람 관리 프로그램, 기타 위젯 등과 같은 다양한 프로그램 모듈을 포함할 수 있다.
도 4에서는 다양한 프로그램 모듈들을 도시하였으나, 도시된 각종 프로그램 모듈들은 디스플레이 장치(100)의 종류 및 특성에 따라 일부 생략되거나 변형 또는 추가될 수 있음은 물론이다. 가령, GPS 칩과 같은 하드웨어와 연동하여 위치 기반 서비스를 지원하는 위치 기반 모듈을 더 포함하는 형태로 구현될 수 있다.
다시 도 3에 대해 설명하면, 오디오 처리부(180)는 오디오 데이터에 대한 처리를 수행하는 구성요소이다. 오디오 처리부(180)에서는 오디오 데이터에 대한 디코딩이나 증폭, 노이즈 필터링 등과 같은 다양한 처리가 수행될 수 있다. 한편, 오디오 처리부(180)는 복수의 컨텐츠에 대응되는 오디오를 처리하기 위해 복수의 오디오 처리 모듈이 구비할 수 있다.
스피커부(190)는 오디오 처리부(180)에서 처리된 각종 오디오 데이터뿐만 아니라 각종 알림 음이나 음성 메시지를 출력하는 구성이다. 한편, 디스플레이 장치(100)는 오디오를 출력하기 위한 구성요소로써, 스피커부(190)뿐만 아니라, 오디오 출력 단자와 같은 다른 오디오 출력부를 포함할 수도 있다.
제어부(130)는 저장부(170)에 저장된 각종 프로그램을 이용하여 디스플레이 장치(100)의 전반적인 동작을 제어한다.
제어부(130)는 도 3에 도시된 바와 같이, RAM(131), ROM(132), 그래픽 처리부(134), 메인 CPU(133), 제1 내지 n 인터페이스(135-1 ~ 135-n), 버스(136)를 포함한다. 이때, RAM(131), ROM(132), 그래픽 처리부(134), 메인 CPU(133), 제1 내지 n 인터페이스(135-1 ~ 135-n) 등은 버스(136)를 통해 서로 연결될 수 있다.
ROM(132)에는 시스템 부팅을 위한 명령어 세트 등이 저장된다. 턴 온 명령이 입력되어 전원이 공급되면, 메인 CPU(133)는 ROM(132)에 저장된 명령어에 따라 저장부(170)에 저장된 O/S를 RAM(131)에 복사하고, O/S를 실행시켜 시스템을 부팅시킨다. 부팅이 완료되면, 메인 CPU(133)는 저장부(170)에 저장된 각종 어플리케이션 프로그램을 RAM(131)에 복사하고, RAM(291)에 복사된 어플리케이션 프로그램을 실행시켜 각종 동작을 수행한다.
그래픽 처리부(134)는 연산부(미도시) 및 렌더링부(미도시)를 이용하여 아이콘, 이미지, 텍스트 등과 같은 다양한 객체를 포함하는 화면을 생성한다. 연산부는 감지부(120)를 통해 감지된 사용자 인터렉션을 이용하여 화면의 레이아웃에 따라 각 객체들이 표시될 좌표값, 형태, 크기, 컬러 등과 같은 속성값을 연산한다. 렌더링부는 연산부에서 연산한 속성값에 기초하여 객체를 포함하는 다양한 레이아웃의 화면을 생성한다. 렌더링부에서 생성된 화면은 디스플레이부(110)의 디스플레이 영역 내에 표시된다.
메인 CPU(133)는 저장부(170)에 액세스하여, 저장부(170)에 저장된 O/S를 이용하여 부팅을 수행한다. 그리고 메인 CPU(133)는 저장부(170)에 저장된 각종 프로그램, 컨텐츠, 데이터 등을 이용하여 다양한 동작을 수행한다.
제1 내지 n 인터페이스(135-1 내지 135-n)는 상술한 각종 구성요소들과 연결된다. 인터페이스들 중 하나는 네트워크를 통해 외부 장치와 연결되는 네트워크 인터페이스가 될 수도 있다.
특히, 제어부(130)는 디스플레이부(110)의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이하도록 제어할 수 있다. 그리고 감지부(120)를 통해 사용자 인터렉션이 감지되면, 제어부(130)는 감지된 사용자 인터렉션의 형태에 따라, 디스플레이된 디스플레이 아이템을 이동, 확대, 축소 또는 변경하는 등의 작업이 수행되도록 제어할 수 있다.
우선, 도 5a 내지 도 5c를 참조하여, 감지부(120)가 터치 패드(210)를 포함하는 제어 장치(200)를 통해 사용자 인터렉션을 감지하는 방법에 대해 설명한다.
디스플레이 장치(100)를 원격으로 제어하기 위해 도 5a에 도시된 바와 같이 터치 패드(210)를 포함하는 제어 장치(200)가 사용될 수 있다.
따라서, 감지부(120)는 제어 장치(200)의 터치 패드(210)를 통해 드래그(drag), 터치(touch) 또는 플립(flip)하는 사용자 인터렉션을 감지할 수 있다. 그리고 감지된 사용자 인터렉션의 종류(예를 들면, 드래그 명령이 입력된 방향, 터치 명령이 입력된 시간)에 따라, 디스플레이 장치(100)가 제어될 수 있다.
예를 들면, 도 5b에 도시된 바와 같이 터치 패드(210)를 제1 지점(205-1)에서 제2 지점(205-2)으로 드래그하는 사용자 인터렉션(205)이 감지된 경우, 디스플레이 장치(100)는 디스플레이된 복수의 디스플레이 아이템을 좌측에서 우측으로 이동하도록 제어할 수 있다. 즉, 디스플레이 장치(100)는 감지된 사용자 인터렉션(205)의 방향에 대응하도록 복수의 디스플레이 아이템을 이동시킬 수 있다.
그리고 디스플레이 장치(100)는 터치 패드(210)를 드래그하는 속도에 따라, 디스플레이된 복수의 디스플레이 아이템의 이동 속도가 달라지도록 제어할 수도 있다.
한편, 도 5c에 도시된 바와 같이, 제3 지점(215-1)에서 제4 지점(215-2)으로 드래그하는 제2 사용자 인터렉션(215)이 감지부(120)를 통해 감지된 경우, 디스플레이 장치(100)는 디스플레이된 복수의 디스플레이 아이템을 확대하여 디스플레이할 수 있다. 또는 도 5c에 도시된 제2 사용자 인터렉션(215)과 반대 방향으로 드래그하는 사용자 인터렉션이 감지된 경우, 디스플레이 장치(100)는 확대된 디스플레이 아이템을 축소하여 디스플레이할 수 있다.
또한, 제2 사용자 인터렉션(215)에 의해, 디스플레이 장치(100)는 디스플레이된 복수의 디스플레이 아이템의 카테고리를 상위 카테고리로 변경하여 디스플레이할 수 있다. 사용자 인터렉션에 의해 디스플레이된 복수의 디스플레이 아이템의 카테고리가 변경되는 구체적인 방법에 대해서는 후술한다.
한편, 제어 장치(200)는 도 6에 도시된 바와 같이 터치 패드을 대신하여 4방향 버튼(220)을 포함할 수 있다. 즉, 감지부(120)는 4방향 버튼(220) 중 일 버튼을 누르는 사용자 인터렉션을 감지하여, 복수의 디스플레이 아이템의 디스플레이를 제어할 수 있다.
그러나 제어 장치(200)가 터치 패드(210) 또는 4방향 버튼(220)을 포함하는 것은 일 실시 예에 불과할 뿐, 제어 장치(200)는 터치 패드(210) 및 4방향 버튼(220)을 모두 포함하여, 다양한 형태의 사용자 인터렉션을 감지할 수도 있다. 또는, 제어 장치(200)는 포인팅 리모컨 형태로 구현될 수도 있다.
즉, 제어 장치(200)가 포인팅 리모컨으로 구현되는 경우, 제어 장치(200)를 기울이는 방향 또는 기울이는 각도 등에 따라 디스플레이 장치(100)의 기능이 제어될 수 있다.
제어 장치(200)가 터치 패드(210)를 구비한 포인팅 리모컨일 수 있다. 이때, 터치 패드(210)를 통한 터치 입력과 함께 제어 장치(200)의 기울기는 각도를 제어하는 사용자 명령에 의해, 디스플레이 장치(100)의 기능이 제어될 수 있다.
한편, 제어 장치(200)가 터치 패드(210), 4방향 버튼(220)을 구비한 포인팅 리모컨의 형태로 구현될 수 있음은 물론이다.
이하에서는 도 7a 내지 도 7e를 참조하여 디스플레이 장치(100)가 복수의 디스플레이 아이콘이 이동하면서 표시 방식을 변경하는 방법에 대해 구체적으로 설명한다. 특히, 도 7a 내지 도 7e는 디스플레이 장치(100)가 영화 또는 드라마와 같은 영상 컨텐츠에 대한 디스플레이 아이템을 도시하는 실시예에 대한 도면이다.
도 7a는 디스플레이부(110)의 하단에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템이 디스플레이된 실시 예를 도시한 도면이다. 즉, 디스플레이부(110)는 하단 부분에, 각 컨텐츠에 대응되는 너비가 높이보다 좁은 형태의 서로 다른 색깔을 가지는 블록을 디스플레이 아이템으로 디스플레이할 수 있다.
블록은 동일한 너비를 가질 수 있다. 그러나 사용자 설정에 따라 또는 블록이 나타내는 컨텐츠의 중요도, 특성 등에 따라 블록의 너비가 서로 상이하게 설정될 수도 있다.
예를 들면, 사용자에 의해 복수 번 반복적으로 선택되어 재생된 영상 컨텐츠에 대응되는 블록은 다른 블록보다 너비가 넓게 디스플레이될 수도 있다. 또는, 사용자에 의해 반복적으로 선택된 영상 컨텐츠와 동일한 장르에 해당하는 영상 컨텐츠를 사용자에게 추천하기 위해, 추천 컨텐츠에 대응되는 블록은 다른 블록보다 너비가 넓게 디스플레이될 수도 있다.
그리고 복수의 디스플레이 아이템 중 하나를 하이라이트 하기 위해, 중앙 부분에 위치하는 디스플레이 아이템을 나머지 디스플레이 아이템과 다른 표시 방식으로 디스플레이할 수 있다. 도 7a는 디스플레이부(110)가 중앙 부분에 위치하는 디스플레이 아이템을 썸네일 이미지로 하이라이트 하여 디스플레이하는 실시 예를 도시한 도면이다.
썸네일 이미지는 디스플레이된 컨텐츠를 대표하는 이미지일 수 있다. 예를 들어, 디스플레이된 복수의 컨텐츠가 영화 또는 드라마에 대한 컨텐츠인 경우, 썸네일 이미지는 영화 또는 드라마의 포스터일 수 있다. 썸네일 이미지는 저장부(170)에 저장될 수 있다. 또한, 디스플레이 장치(100)는 외부의 서버 또는 무선 통신을 이용하여 기 설정된 주기마다 썸네일 이미지를 수신하여 저장부(170)에 저장할 수 있다. 디스플레이 장치(100)는 라이브 TV와 같은 컨텐츠를 제공하는 컨텐츠 제공자로부터 썸네일 이미지를 제공받을 수도 있다.
도 7a에는 도시되지 않았으나, 디스플레이부(110)는 하이라이트로써 썸네일 이미지를 둘러싸는 박스를 더 디스플레이할 수 있다.
또한, 디스플레이부(110)는 디스플레이 아이템의 상단에 각 컨텐츠에 해당하는 명칭(30)을 디스플레이할 수 있다. 즉, 하이라이트 된 디스플레이 아이템은 썸네일 이미지에 컨텐츠 명이 포함되는 경우가 많으므로 컨텐츠 명칭을 쉽게 알 수 있다 그러나 나머지 디스플레이 아이템은 서로 다른 색깔을 가지는 단순한 블록 형태이므로 어떠한 컨텐츠를 나타내는지 알기 어렵다. 따라서, 디스플레이부(110)는 각각의 디스플레이 아이템 상단에 컨텐츠 명칭(30)을 디스플레이할 수 있다.
컨텐츠 명칭(30)의 길이에 따라, 블록 상단에 가로로 컨텐츠 명칭(30)을 디스플레이하기 어려운 경우가 있다. 따라서, 디스플레이 장치(100)는 컨텐츠 명칭(30)을 기울어진 형태로 디스플레이할 수 있다.
디스플레이 장치(100)는 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 장르에 따라 순차적으로 디스플레이할 수 있다. 이때, 디스플레이부(110)는 디스플레이 아이템의 하단에 장르를 디스플레이할 수 있다.
예를 들면, 도 7a의 "cool guy(305)", "beastman(310)"가 미스터리 장르의 영화이고, "sinking(320)", "murderer(330)", "shining(340)" 및 "sky(300)"가 스릴러 영화이며, "Turbo(350)", "TITAN(360)"이 호러 영화이고, "Doctor(370)", "funfun(380)", "ladies(390)"가 드라마인 경우, 디스플레이부(110)는 "cool guy(305)", "beastman(310)"를 나타내는 블록 하단에 가로 방향으로 "mystery"를 디스플레이할 수 있다. 그리고 디스플레이부(110)는 "sinking(320)", "murderer(330)", "shining(340)", "sky(300)"을 나타내는 블록 하단에 가로 방향으로 "thriller"를 디스플레이할 수 있으며, "Turbo(350)", "TITAN(360)"를 나타내는 디스플레이 아이템 하단에는 가로 방향으로 "horror"를, "Doctor(370)", "funfun(380)", "ladies(390)"를 나타내는 블록 하단에는 가로 방향으로 "drama"를 디스플레이할 수 있다.
하단에 디스플레이되는 장르를 나타내는 단어는 해당 장르에 포함되는 전체 디스플레이 아이템의 하단부에 걸쳐 디스플레이될 수도 있으나, 각 장르에 포함되는 디스플레이 아이템의 수가 상이한 경우가 일반적이므로, 디스플레이부(110)는 장르의 시작부분에 위치한 디스플레이 아이템의 하단에 장르를 나타내는 단어를 디스플레이할 수 있다. 즉, 장르를 나타내는 단어의 길이에 따라, 두 개의 디스플레이 아이템에 걸쳐 장르가 디스플레이될 수도 있고, 세 개의 디스플레이 아이템에 걸쳐 장르가 디스플레이될 수도 있다.
한편, 디스플레이 아이템의 배열을 변경하기 위한 사용자 명령이 입력되는 경우, 디스플레이 장치(100)는 디스플레이 아이템의 배열을 새롭게 설정된 기준에 따라 변경하여 디스플레이할 수 있다.
예를 들면, 사용자 명령에 의해 디스플레이 장치는 디스플레이 아이템을 사용자에 의해 북마크 설정된 컨텐츠, 사용자의 재생 빈도가 높은 컨텐츠 및 기타 컨텐츠와 같이 분류하여 디스플레이할 수 있다.
즉, 상술한 바와 같이 "mystery", "thriller", "horror" 및 "drama" 장르에 따라 디스플레이된 경우, 선호도에 따라 디스플레이 아이템의 배열을 변경하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 북마크 설정된 컨텐츠, 사용자의 재생 빈도가 높은 컨텐츠 및 기타 컨텐츠 순으로 디스플레이 아이템을 디스플레이할 수 있다.
이때도, 디스플레이 장치(100)는 복수의 디스플레이 아이템 중 제1 영역에 위치한 제1 디스플레이 아이템을 썸네일 이미지로 디스플레이하고, 나머지 디스플레이 아이템은 블록 형태로 디스플레이할 수 있다. 다만, 디스플레이 아이템의 하단에, "mystery", "thriller"과 같은 장르 명칭 대신, "즐겨 찾기", "자주 재생" 및 "재생 빈도 낮음"과 같은 단어가 디스플레이될 수 있다.
디스플레이 아이템의 배열을 변경하는 기준은 컨텐츠의 종류, 컨텐츠 제공자, 컨텐츠에 등장하는 인물, 컨텐츠 제공 국가 등 다양할 수 있다.
또한, 복수의 디스플레이 아이템 중 중앙 부분에 위치하여 하이라이트 된 "sky"(300)를 제외한 나머지 디스플레이 아이템은 블록 형태이며, 서로 다른 색깔로 디스플레이될 수 있다. 블록의 색깔은 다양한 방법으로 결정될 수 있다. 특히 디스플레이 장치(100)는 각 컨텐츠에 대응되는 썸네일 이미지의 컬러 값을 이용하여 블록의 색깔을 결정할 수 있다.
예를 들면, 디스플레이 장치(100)는 각 컨텐츠에 대응되는 썸네일 이미지의 픽셀 값의 평균값을 계산하여, 계산된 평균값에 대응되는 컬러를 각 블록의 색깔로 결정할 수 있다.
또는 디스플레이 장치(100)는 디스플레이 아이템을 나타내기 위한 복수의 테마를 저장부(170)에 저장하고, 사용자가 설정한 테마에 따라 디스플레이 아이템의 색깔을 결정할 수 있다.
예를 들면, 저장부(170)에 저장된 복수의 테마 중 "모노 테마"가 선택된 경우, 디스플레이 장치(100)는 흰색, 회색 및 검은색을 사용하여 생성된 복수의 블록 및 썸네일 이미지로 구성된 디스플레이 아이템을 디스플레이할 수 있다.
한편, 도 5b에서 설명한 바와 같은 사용자 인터렉션(205)이 감지되면, 복수의 디스플레이 아이템은 가로 방향으로 이동된다. 특히, 도 5b의 사용자 인터렉션(205)은 좌측에서 우측으로 드래그하는 사용자 인터렉션이므로, 복수의 디스플레이 아이템은 감지된 사용자 인터렉션의 방향에 대응하도록 좌측에서 우측으로 이동할 수 있다. 즉, 도 7a에서 중앙 부분은 "sky(300)"에서 "shining(340)" 방향으로 변경될 수 있다.
또한, 도 5b의 사용자 인터렉션(205)과 반대 방향인 터치 패드(210)을 우측에서 좌측으로 드래그하는 사용자 인터렉션이 감지되면, 복수의 디스플레이 아이템은 감지된 사용자 인터렉션의 방향에 대응하도록 우측에서 좌측으로 이동할 수 있다. 즉, 도 7a에서 중앙 부분은 "sky(300)"에서 "Turbo(350)" 방향으로 변경될 수 있다.
도 7b 내지 도 7e를 참고하여, 디스플레이 아이템의 중앙 부분의 하이라이트가 "sky(300)"에서 "Turbo(350)" 로 변경되는 과정에 대해 상세히 설명한다.
제어 장치(200)의 터치 패드(210)을 우측에서 좌측으로 드래그하는 사용자 인터렉션이 감지되면, 디스플레이부(110)는 복수의 디스플레이 아이템들을 우측에서 좌측으로 이동하도록 디스플레이할 수 있다. 따라서, 중앙 부분의 하이라이트 된 썸네일 이미지도 전체 디스플레이 아이템들의 이동 방향에 따라 변경된다.
먼저, 도 7b에 도시된 바와 같이, 하이라이트 된 "sky(300)"의 썸네일 이미지는 사용자 인터렉션에 의해 우측에서 좌측으로 이동하면서 너비가 좁아진다. 하이라이트 된 "sky(400)"의 썸네일 이미지의 너비가 좁아진 만큼, "sky(400)"의 썸네일 이미지 우측에 위치한 "Turbo(450)"에 대응되는 블록의 너비가 넓어진다.
복수의 디스플레이 아이템이 이동하면, 각 아이템의 상단에 디스플레이된 컨텐츠의 명칭(30)도 디스플레이 아이템이 이동하는 만큼 이동하여 디스플레이된다.
도 7b와 같이 디스플레이된 상태에서, 사용자가 터치 패드(210)에서 손가락을 떼면, 디스플레이 아이템들은 마치 탄성력을 가진 것처럼 도 7a의 디스플레이 상태로 돌아갈 수 있다.
사용자의 우측에서 좌측으로 향하는 터치 입력이 계속되면, 도 7c에 도시된 바와 같이, 본래 하이라이트 된 "sky(410)"와 "Turbo(460)"에 대응되는 디스플레이 아이템의 너비가 동일해지는 순간에 "sky(410)"와 "Turbo(460)"에 대응하는 디스플레이 아이템은 모두 블록형태가 된다.
"sky(410)"와 "Turbo(460)"에 대응하는 디스플레이 아이템은 모두 블록형태가 된 후, "Turbo(470)"에 대응되는 디스플레이 아이템의 너비가 "sky(420)"에 대응되는 디스플레이 아이템의 너비보다 넓어지는 때에, 도 7d에 도시된 바와 같이, "Turbo(470)"에 대응되는 디스플레이 아이템의 표시 방식이 블록에서 썸네일 이미지로 변경된다.
최종적으로 도 7e에 도시된 바와 같이, 복수의 디스플레이 아이템의 중앙 부분은 "Turbo(480)"의 썸네일 이미지로 변경된다.
즉, 상술한 과정을 거쳐 "sky(300)"에서 "Turbo(480)"에 대응되는 썸네일 이미지로 하이라이트가 변경되는 동안, 복수의 디스플레이 아이템은 사용자 인터렉션에 대응하도록 우측에서 좌측방향으로 이동한다.
도 7e는 한 개의 썸네일 이미지(480)를 비롯하여, 썸네일 이미지의 양 측면에 다섯 개의 블록을 포함하는 디스플레이 아이템을 도시하였으나, 디스플레이되는 디스플레이 아이템의 수는 디스플레이부(110)의 크기, 디스플레이 아이템의 크기 또는 사용자 설정에 따라 상이해질 수 있다.
또한, 전체 디스플레이 아이템이 많아서 디스플레이부(110)에 한번에 디스플레이될 수 없는 경우, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 입력되면, 입력된 사용자 인터렉션에 대응하는 방향으로 전체 디스플레이 아이템이 이동하면서, 디스플레이되지 않은 디스플레이 아이템이 순차적으로 디스플레이될 수 있다.
사용자 인터렉션에 의해 디스플레이 아이템이 이동하는 동안, 더 이상 표시된 디스플레이 아이템이 없는 경우, 디스플레이 장치(100)는 복수의 디스플레이 아이템이 탄성을 가지고 원래 자리로 돌아가는 것과 같이 디스플레이하도록 제어할 수 있다.
즉, 도 7e과 같이 도시된 경우에서, 디스플레이되지 않은 디스플레이 아이템까지 포함하는 전체 디스플레이 아이템의 우측 말단에 위치한 디스플레이 아이템이 "prince(395)"에 대응되는 경우를 예로 든다. 이때, 우측에서 좌측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 계속하여 입력되면, 복수의 디스플레이 아이템의 제1 영역인 중앙 부분에 썸네일 이미지로 디스플레이되는 컨텐츠는 "Turbo(480)"에서 "TITAN(360)"으로 변경되고 복수의 디스플레이 아이템의 가장 우측 부분의 블록 한 칸에 해당하는 위치(도 7e의 "prince(395)"가 디스플레이된 부분)는 빈칸으로 남게 된다.
그리고 썸네일 이미지로 디스플레이되는 컨텐츠는 "TITAN(360)"에서 "Doctor(370)"로 변경되고, 복수의 디스플레이 아이템의 가장 우측 부분의 블록 두 칸에 해당하는 위치(도 7e의 "ladies(390)" 및 "prince(395)"가 디스플레이된 부분)는 빈칸으로 남게 된다.
마지막으로 썸네일 이미지로 디스플레이되는 컨텐츠는 "prince(395)"가 된다. 그리고 "prince(395)"의 썸네일 이미지의 우측에는 더 이상 블록이 존재하지 않게 된다. 이때, 우측에서 좌측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 재 감지되면, 디스플레이 장치(100)는 "prince(395)"의 썸네일 이미지가 좌측으로 약간 움직였다가 사용자가 터치 패드에서 손가락을 떼는 행위 등에 의해 사용자 인터렉션이 종료되면, "prince(395)"의 썸네일 이미지가 제1 영역으로 다시 돌아오는 모습으로 디스플레이할 수 있다. 따라서, 사용자는 마치 "prince(395)"의 썸네일 이미지가 탄성을 가지고 제1 영역의 위치로 복원되는 듯한 시각적 효과를 얻을 수 있다.
또한, 디스플레이 장치(100)는 복수의 디스플레이 아이템의 좌측 말단과 우측 말단이 연속되도록 디스플레이할 수 있다. 즉, 복수의 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 계속하여 입력되면, 디스플레이 장치(100)는 복수의 디스플레이 아이템이 원통 모양을 이루고 있는 것과 같이 중단없이 연결되어 이동하도록 디스플레이할 수도 있다.
구체적으로, 도 7e에 도시된 열한 개의 디스플레이 아이템이 전체 컨텐츠에 대응되는 디스플레이 아이템인 경우를 예로 든다. 우측에서 좌측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 계속하여 입력되면, 복수의 디스플레이 아이템의 제1 영역인 중앙 부분에 썸네일 이미지로 디스플레이되는 컨텐츠는 "Turbo(480)"에서 "TITAN(360)"으로 변경된다. 그리고 전체 디스플레이 아이템은 좌측으로 한 칸씩 이동하고, 가장 좌측에 위치한 "beastman(310)"에 대응되는 블록은 디스플레이부(110)의 가장 오른쪽으로 이동한다. 즉, 현재 "prince(395)"에 대응되는 블록의 위치에 "beastman(310)"에 대응되는 블록이 디스플레이된다.
우측에서 좌측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 더 입력되면, 복수의 디스플레이 아이템의 제1 영역인 중앙 부분에 썸네일 이미지로 디스플레이되는 컨텐츠는 "TITAN(360)"에서 "Doctor(370)"로 변경된다. 그리고 "sinking(320)"에 대응되는 블록이 디스플레이부(110)의 가장 오른쪽으로 이동한다.
즉, 도 7e에서 제1 영역에 위치하는 디스플레이 아이템이 우측에서 좌측으로 두 번 변경되는 사용자 인터렉션이 입력된 경우, 전체 디스플레이 아이템의 배열 순서는 "murderer(330)", "shining(340)", "sky(430)", "Turbo(480)", "TITAN(360)", "Doctor(370)", "funfun(380)", "ladies(390)", "prince(395)", "beastman(310)" 그리고 "sinking(320)"이 된다. 또한, 가운데 위치한 "Doctor(370)"는 썸네일 이미지로 디스플레이된다. 나머지 디스플레이 아이템은 블록 형태가 된다.
한편, 상술한 바와 같이 복수의 디스플레이 아이템을 이동하기 위한 방법은, 디스플레이 장치(100)가 다른 컨텐츠를 이미 재생하고 있는 동안에도 수행될 수 있다. 즉, 디스플레이 장치(100)가 라이브 TV를 디스플레이하는 동안, 상술한 사용자 인터렉션이 입력되면, 디스플레이부(110)는 라이브 TV를 계속하여 디스플레이하면서, 디스플레이부(110) 하단의 복수의 디스플레이 아이템은 이동하는 내용을 디스플레이할 수 있다.
한편, 복수의 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션이 감지부(120)를 통해 감지된 경우, 제어부(130)는 제1 디스플레이 아이템을 제3 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제1 표시 방식으로 변경할 수 있다.
즉, 도 5c에서 설명한 바 있는 터치 패드(210)를 수직 방향으로 드래그하는 사용자 인터렉션 또는 도 6에 도시된 4방향 버튼(220) 중 어느 하나의 버튼을 누르는 사용자 인터렉션이 감지되면, 디스플레이 장치(100)는 디스플레이 아이템을 확대하거나 표시 방식을 변경할 수 있다.
제1 표시 방식은 디스플레이 아이템에 대응되는 썸네일 이미지일 수 있다. 그리고 제3 표시 방식은 썸네일 이미지보다 확대된 썸네일 이미지와 상이한 기설정된 영상일 수 있다. 특히, 디스플레이 아이템에 대응되는 컨텐츠가 영상 컨텐츠인 경우, 제3 표시 방식은 영상 컨텐츠 내에 포함된 복수의 프레임 중 하나의 프레임일 수 있다.
도 8a에 도시된 바와 같이, 복수의 디스플레이 아이템의 중앙 부분에 해당하는 제1 영역은 썸네일 이미지 그리고 나머지 디스플레이 아이템은 블록 형태로 디스플레이된 상태에서, 복수의 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션이 감지되면, 디스플레이 장치(100)는 도 8b에 도시된 바와 같이 표시 방식을 변경하여 디스플레이 아이템을 디스플레이할 수 있다.
즉, 제1 영역의 썸네일 이미지(300)는 기설정된 영상(600)으로 변경된다. 그리고 제1 영역에 위치하는 컨텐츠의 명칭(55)은 기설정된 영상(600) 상단에 가로로 디스플레이될 수 있다. 기설정된 영상(600)의 너비는 썸네일 이미지의 너비보다 넓은 경우가 보통이므로, 디스플레이 장치(100)는 기설정된 영상(600)에 대응되는 컨텐츠 명칭(55)을 가로로 디스플레이할 수 있다.
기설정된 영상(600)은 동영상일 수도 있다. 즉, 제1 영역에 기설정된 영상(600)으로 디스플레이되고 기설정된 시간(예를 들면 2초)이 지나면, 기설정된 영상(600)은 대응되는 영상 컨텐츠 전체를 재생하거나 미리 보기 영상을 재생할 수도 있다.
미리 보기 영상은 사용자에 의해 직접 생성될 수 있다. 또는, 미리 보기 영상은 컨텐츠에 포함된 복수의 프레임 중 기 설정된 간격으로 일부 프레임을 추출하여 생성될 수도 있다.
제1 영역을 제외한 나머지 디스플레이 아이템들은 블록 형태에서 썸네일 이미지 (620, 630, 640, 650, 660, 670)로 변경될 수 있다. 복수의 디스플레이 아이템이 확대되면서, 디스플레이되는 전체 디스플레이 아이템의 수는 감소한다. 디스플레이되는 썸네일 이미지의 개수는 디스플레이부(110)의 너비, 디스플레이 아이템의 너비 또는 사용자 설정에 따라 상이할 수 있다.
도 8b와 같이 도시된 경우, 제2 사용자 인터렉션이 계속하여 감지되면, 디스플레이 장치(100)는 제1 영역에 디스플레이된 영상 컨텐츠를 재생할 수 있다. 특히, 디스플레이 장치(100)는 제1 영역에 기설정된 영상(600)으로 디스플레이된 프레임부터 영상 컨텐츠를 재생할 수도 있다.
디스플레이 장치(100)는 영상 컨텐츠를 재생하기 위한 사용자 인터렉션에 대응하여 도 8c, 도 8d를 거쳐 도 8e와 같이 영상 컨텐츠를 재생할 수 있다.
즉, 도 8c에 도시된 바와 같이 사용자 인터렉션에 대응하여, 전체 디스플레이 아이템이 확대된다.
다만, 도 8c에 도시된 바와 같이 전체 디스플레이 아이템이 확대되면서, 제1 영역에 디스플레이된 기설정된 영상(700)이 다른 디스플레이 아이템보다 약간 큰 상태에서는, 감지되던 사용자 인터렉션이 중단되면, 디스플레이 아이템은 원래 상태로 돌아갈 수 있다. 즉, 도 8c에서 감지되던 사용자 인터렉션이 중단되면, 도 8b에 도시된 바와 같은 상태로 돌아갈 수 있다. 따라서, 사용자는 임계값 이상의 사용자 인터렉션이 감지되기 전에는 디스플레이 아이템이 탄성을 가지고 복원되는 것과 같은 시각적 효과를 누릴 수 있게 된다.
임계값 이상의 사용자 인터렉션이 입력되면, 도 8d에 도시된 바와 같이, 제1 영역에 위치하는 기설정된 영상(800)은 확대되고, 나머지 디스플레이 아이템(840, 850)은 잔상을 남기면서 양 측면으로 사라질 수 있다.
한편, 상술한 바와 같이 제3 표시 방식으로 디스플레이된 디스플레이 아이템을 확대하여 영상 컨텐츠를 재생하는 방법은, 디스플레이 장치(100)가 다른 컨텐츠를 이미 재생하고 있는 동안에도 수행될 수 있다. 즉, 디스플레이 장치(100)가 라이브 TV를 디스플레이하는 동안, 상술한 제2 사용자 인터렉션이 입력되면, 디스플레이 장치(100)가 디스플레이하는 컨텐츠는 도 8e와 같이 기설정된 영상에 대응되는 컨텐츠(900)로 변경될 수 있다.
또한, 도 8e와 같이 기설정된 영상에 대응되는 컨텐츠(900)가 디스플레이되는 동안, 재생 컨텐츠를 변경하기 위한 사용자 인터렉션이 입력되면, 디스플레이 아이템이 디스플레이된 순서에 따라 재생 컨텐츠가 변경될 수 있다.
구체적으로, 도 8e에서, 우측에서 좌측 방향으로 터치 패드(210)를 드래그하는 사용자 인터렉션이 입력되면, 재생되는 컨텐츠(900)에 대응되는 디스플레이 아이템의 우측에 위치한 디스플레이 아이템(도 8b의 650)에 대응되는 컨텐츠가 재생될 수 있다.
도 8f는 본 발명의 일 실시 예에 따라, 우측에서 좌측 방향으로 터치 패드(210)를 드래그하는 사용자 인터렉션이 입력되어 다른 컨텐츠(910)가 재생되는 모습을 도시한 도면이다.
사용자 인터렉션에 대응하도록, 재생 중인 영상 컨텐츠(900)가 우측에서 좌측으로 이동하고, 재생 중인 영상 컨텐츠(900)에 대응되는 디스플레이 아이템의 우측에 위치한 디스플레이 아이템(도 8b의 650)에 대응되는 다른 컨텐츠(910)도 우측에서 좌측으로 이동한다.
재생 중인 컨텐츠(900)에 대응되는 디스플레이 아이템의 우측에 위치한 디스플레이 아이템(도 8b의 650)에 대응되는 컨텐츠(910)가 디스플레이부(110)의 절반 이상 디스플레이되기 전에, 우측에서 좌측 방향으로 터치 패드(210)를 드래그하는 사용자 인터렉션이 중단된 경우, 이동하던 컨텐츠(910)는 다시 좌측에서 우측으로 이동하여 사라진다. 그리고 재생되던 컨텐츠(900)가 다시 디스플레이부(110) 전체에 디스플레이된다.
즉, 사용자는 사용자 인터렉션이 임계값 미만으로 감지되면, 디스플레이되는 컨텐츠가 탄성을 가지고 본래 자리로 돌아가는 듯한 시각적 효과를 누릴 수 있게 된다.
우측에서 좌측 방향으로 터치 패드(210)를 드래그하는 사용자 인터렉션이 계속하여 입력되면, 도 8g에 도시된 바와 같이 재생 중인 컨텐츠(900)에 대응되는 디스플레이 아이템의 우측에 위치한 디스플레이 아이템(도 8b의 650)에 대응되는 다른 컨텐츠(910)가 디스플레이부(110) 전체 영역에 디스플레이된다.
한편, 도 8h에 도시된 바와 같이, 기설정된 영상에 대응되는 컨텐츠(600)를 재생하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 복수의 디스플레이 아이템이 점진적으로 확대되는 효과 없이, 일시에 디스플레이부(110) 전체 영역에 기설정된 영상에 대응되는 컨텐츠(600)를 재생할 수 있다.
예를 들어, 제어 장치(200)가 리모컨인 경우, 제어 장치(200)에 포함된 "OK" 버튼을 누르는 사용자 명령이 입력된 경우, 디스플레이 장치(100)는 일시에 디스플레이부(110) 전체 영역에 기설정된 영상에 대응되는 컨텐츠(600)를 재생할 수 있다.
한편, 도 9a 내지 도 9d는 본 발명의 일 실시 예에 따라, 썸네일 이미지 및 기설정된 영상으로 디스플레이 아이템이 표시된 상태에서 제1 영역에 위치하는 디스플레이 아이템이 변경되는 방법을 설명하기 위한 도면이다.
도 9a는 디스플레이부(110)의 하단의 제1 영역에서는 기설정된 영상(1200)으로 디스플레이되고, 제1 영역을 제외한 나머지 영역에서는 썸네일 이미지(620, 630, 1240, 650, 660, 670)로 디스플레이된 디스플레이 아이템을 도시한 도면이다.
즉, 디스플레이 장치(100)는 제1 영역에 해당하는 중앙 부분의 디스플레이 아이템을 하이라이트 하기 위해, 제1 영역의 디스플레이 아이템에 대응되는 영상 컨텐츠에 포함된 임의의 프레임을 기설정된 영상(1200)으로 디스플레이할 수 있다.
제1 영역을 제외한 나머지 영역에 대해서는, 디스플레이 장치(100)는 썸네일 이미지로 디스플레이 아이템을 표시할 수 있다. 썸네일 이미지는 디스플레이된 컨텐츠를 대표하는 이미지일 수 있다. 예를 들어, 디스플레이된 복수의 컨텐츠가 영화 또는 드라마에 대한 컨텐츠인 경우, 썸네일 이미지는 영화 또는 드라마의 포스터일 수 있다. 썸네일 이미지는 저장부(170)에 저장될 수 있다. 또한, 디스플레이 장치(100)는 외부의 서버로부터 무선 통신을 이용하여 기 설정된 주기마다 썸네일 이미지를 수신하여 저장부(170)에 저장할 수 있다. 디스플레이 장치(100)는 컨텐츠를 제공하는 컨텐츠 제공자로부터 썸네일 이미지를 제공받을 수도 있다.
도 9a에는 도시되지 않았으나, 디스플레이부(110)는 하이라이트로써 기설정된 영상(1200)을 둘러싸는 박스를 더 디스플레이할 수 있다.
또한, 디스플레이부(110)는 디스플레이 아이템의 상단에 각 컨텐츠에 해당하는 명칭(50)을 디스플레이할 수 있다. 컨텐츠 명칭(50)은 길이에 따라 썸네일 이미지의 너비보다 길 수 있다. 따라서, 디스플레이 장치(100)는 컨텐츠 명칭(50)을 기울여서 디스플레이할 수 있다. 그러나 이는 임의의 실시 예에 불과할 뿐, 컨텐츠 명칭(50)은 생략되거나, 작은 글씨체로 가로 방향으로 썸네일 이미지 상단에 디스플레이될 수도 있다.
디스플레이 장치(100)는 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 장르에 따라 순차적으로 디스플레이할 수 있다. 이때, 디스플레이부(110)는 디스플레이 아이템의 하단에 장르를 디스플레이할 수 있다.
예를 들면, 도 9a의 "sinking(620)", "murderer(630)", "shining(1240)" 및 "sky(1200)"가 스릴러 영화이며, "Turbo(650)", "TITAN(660)"이 호러 영화이고, "Doctor(670)"가 드라마인 경우, 디스플레이부(110)는 "sinking(620)", "murderer(630)", "shining(1240)" 및 "sky(1200)"를 나타내는 디스플레이 아이템 하단에 가로 방향으로 "thriller"를 디스플레이할 수 있으며, "Turbo(650)", "TITAN(660)"를 나타내는 디스플레이 아이템 하단에는 가로 방향으로 "horror"를, "Doctor(670)"를 나타내는 디스플레이 아이템 하단에는 가로 방향으로 "drama"를 디스플레이할 수 있다.
하단에 디스플레이되는 장르를 나타내는 단어는 해당 장르에 포함되는 전체 디스플레이 아이템의 하단부에 걸쳐 디스플레이될 수도 있으나, 각 장르에 포함되는 디스플레이 아이템의 수가 상이한 경우가 일반적이므로, 디스플레이부(110)는 장르의 시작부분에 포함된 디스플레이 아이템의 하단에서 장르를 나타내는 단어를 디스플레이할 수 있다. 즉, 장르를 나타내는 단어의 길이에 따라, 한 개의 디스플레이 아이템에 걸쳐 장르가 디스플레이될 수도 있고, 두 개의 디스플레이 아이템에 걸쳐 장르가 디스플레이될 수도 있다.
한편, 디스플레이 아이템의 배열을 변경하기 위한 사용자 명령이 입력되는 경우, 디스플레이 장치(100)는 디스플레이 아이템의 배열을 새롭게 설정된 기준에 따라 변경하여 디스플레이할 수 있다.
예를 들면, 사용자 명령에 의해 디스플레이 장치는 디스플레이 아이템을 사용자에 의해 북마크 설정된 컨텐츠, 사용자의 재생 빈도가 높은 컨텐츠 및 기타 컨텐츠와 같이 분류하여 디스플레이할 수 있다.
즉, 상술한 바와 같이 "thriller", "horror" 및 "drama" 장르에 따라 디스플레이된 경우, 선호도에 따라 디스플레이 아이템의 배열을 변경하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 북마크 설정된 컨텐츠, 사용자의 재생 빈도가 높은 컨텐츠 및 기타 컨텐츠 순으로 디스플레이 아이템을 디스플레이할 수 있다.
이때, 복수의 디스플레이 아이템 중 제1 영역에 위치한 디스플레이 아이템을 기설정된 영상으로 디스플레이하고, 나머지 디스플레이 아이템은 썸네일 이미지로 디스플레이할 수 있다. 다만, 디스플레이 아이템의 하단에, "thriller"과 같은 장르 명칭 대신, "즐겨 찾기", "자주 재생" 및 "재생 빈도 낮음"과 같은 단어가 디스플레이될 수 있다.
디스플레이 아이템의 배열을 변경하는 기준은 컨텐츠의 종류, 컨텐츠 제공자, 컨텐츠에 등장하는 인물, 컨텐츠 제공 국가 등 다양할 수 있다.
한편, 도 5b에서 설명한 바와 같은 사용자 인터렉션(205)이 감지되면, 복수의 디스플레이 아이템은 가로 방향으로 이동된다. 특히, 도 5b의 사용자 인터렉션(205)은 좌측에서 우측으로 드래그하는 사용자 인터렉션이므로, 복수의 디스플레이 아이템은 감지된 사용자 인터렉션의 방향에 대응하도록 좌측에서 우측으로 이동할 수 있다. 즉, 도 9a에서 중앙 부분은 "sky(1200)"에서 "shining(1240)" 방향으로 변경될 수 있다.
또한, 도 5b의 사용자 인터렉션(205)과 반대 방향인 터치 패드(210)을 우측에서 좌측으로 드래그하는 사용자 인터렉션이 감지되면, 복수의 디스플레이 아이템은 감지된 사용자 인터렉션의 방향에 대응하도록 우측에서 좌측으로 이동할 수 있다. 즉, 도 9a에서 중앙 부분은 "sky(1200)"에서 "Turbo(650)" 방향으로 변경될 수 있다.
도 9b 내지 도 9d를 참고하여, 디스플레이 아이템의 중앙 부분의 하이라이트가 사용자 인터렉션(205)에 의해 "sky(1200)"에서 "shining(1240)"으로 변경되는 과정에 대해 상세히 설명한다.
제어 장치(200)의 터치 패드(210)을 좌측에서 우측으로 드래그하는 사용자 인터렉션이 감지되면, 디스플레이부(110)는 전체 디스플레이 아이템들이 좌측에서 우측으로 이동하는 과정을 디스플레이할 수 있다. 따라서, 중앙 부분의 하이라이트 된 기설정된 영상도 전체 디스플레이 아이템들의 이동 방향에 따라 변경된다.
먼저, 도 9b에 도시된 바와 같이, 하이라이트 된 "sky"의 기설정된 영상(1300)은 사용자 인터렉션에 의해 좌측에서 우측으로 이동하면서 너비가 좁아진다. 하이라이트 된 "sky"의 기설정된 영상(1300)의 너비가 좁아진 만큼, "sky"의 기설정된 영상(1300) 좌측에 위치한 "shining"의 썸네일 이미지(1240)의 너비가 넓어진다.
특히, "sky"의 기설정된 영상(1300) 좌측에 위치한 "shining"의 썸네일 이미지(1240)의 너비가 기설정된 비율 이상 넓어지면, 디스플레이 장치(100)는 "shining"의 썸네일 이미지 및 "shining"의 기설정된 영상이 중첩된 이미지(1340)를 디스플레이할 수 있다.
예를 들어, "shining"의 썸네일 이미지(1240)의 너비가 140% 증가한 때부터, "shining" 및 "sky"의 디스플레이 아이템의 너비가 동일해지기 직전까지, 디스플레이 장치(100)는 "shining"의 썸네일 이미지 및 "shining"의 기설정된 영상이 중첩된 이미지(1340)를 디스플레이할 수 있다.
한편, 복수의 디스플레이 아이템이 이동하면, 각 아이템의 상단에 디스플레이된 컨텐츠 명칭(50)도 디스플레이 아이템이 이동하는 만큼 이동하여 디스플레이된다.
도 9b와 같이 디스플레이된 상태에서, 사용자가 터치 패드(210)에서 손가락을 떼면, 디스플레이 아이템들은 마치 탄성력을 가진 것처럼 도 9a의 디스플레이 상태로 돌아갈 수 있다.
사용자의 좌측에서 우측으로 향하는 사용자 인터렉션(205)이 계속되면, 도 9c에 도시된 바와 같이, 본래 하이라이트 된 "sky"에 대응되는 디스플레이 아이템(1400)의 너비가 "shining"에 대응되는 디스플레이 아이템(1440)의 너비보다 작아지는 때부터, 디스플레이 장치(100)는 "sky"의 썸네일 이미지 및 "sky"의 기설정된 영상이 중첩된 영상(1400)을 디스플레이할 수 있다.
예를 들면, 디스플레이 장치(100)는 "sky(1400)"의 디스플레이 아이템의 너비가 썸네일 이미지의 140%가 될 때까지, "sky(1400)"의 썸네일 이미지 및 "sky(1400)"의 기설정된 영상을 중첩하여 디스플레이할 수 있다. 그리고 "sky(1400)"의 디스플레이 아이템의 너비가 썸네일 이미지의 140% 미만으로 감소하면, 디스플레이 장치(100)는 "sky(1400)"의 썸네일 이미지를 디스플레이할 수 있다.
한편, 제1 영역으로 이동하는 "shining"에 대응되는 디스플레이 아이템(1440)은 기설정된 영상으로 변경된다. 또한, 복수의 디스플레이 아이템이 좌측에서 우측으로 이동하므로, 디스플레이부(110)의 우측 말단에 디스플레이된 "Doctor"의 썸네일 이미지(670-2)는 점차 사라진다. 그리고 디스플레이부(110)의 좌측 말단에 디스플레이된 "beastman"의 썸네일 이미지(610-2)는 점차 디스플레이된다.
최종적으로 도 9d에 도시된 바와 같이, 복수의 디스플레이 아이템의 중앙 부분은 "shining"의 기설정된 영상(1540)으로 변경된다.
즉, 상술한 과정을 거쳐 "sky"에서 "shining"의 기설정된 영상(1540)으로 하이라이트가 변경되는 동안, 복수의 디스플레이 아이템은 사용자 인터렉션에 대응하도록 좌측에서 우측방향으로 이동한다.
따라서, 디스플레이부(110)는 제1 영역인 중앙 부분에 "shining"의 기설정된 영상(1540)을 디스플레이하고, 제1 영역의 좌측 영역에 "beastman", "sinking", "murdurer" 각각의 썸네일 이미지(610-3, 620-3, 630-3)를 디스플레이한다. 그리고 디스플레이부(110)는 제1 영역의 우측 영역에 "sky", "Turbo", "TITAN"의 썸네일 이미지(1500, 650-3, 660-3)를 디스플레이한다.
도 9d는 한 개의 기설정된 영상(1540)을 비롯하여, 썸네일 이미지의 양 측면에 세 개의 썸네일 이미지를 포함하는 디스플레이 아이템을 도시하였으나, 디스플레이되는 디스플레이 아이템의 수는 디스플레이부(110)의 크기, 디스플레이 아이템의 크기 또는 사용자 설정에 따라 상이해질 수 있다.
또한, 디스플레이 아이템이 디스플레이된 아이템의 수를 초과하는 경우, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 입력되면, 입력된 사용자 인터렉션에 대응하는 방향으로 전체 디스플레이 아이템이 이동하면서, 디스플레이되지 않은 디스플레이 아이템이 디스플레이될 수 있다.
사용자 인터렉션에 의해 디스플레이 아이템이 이동하는 동안, 더 이상 표시된 디스플레이 아이템이 없는 경우, 디스플레이 장치(100)는 복수의 디스플레이 아이템이 탄성을 가지고 원래 자리로 돌아가는 것과 같이 디스플레이하도록 제어할 수 있다.
구체적으로, 도 9d과 같이 도시된 경우에서, 디스플레이되지 않은 디스플레이 아이템까지 포함하는 전체 디스플레이 아이템의 좌측 말단에 위치한 디스플레이 아이템이 "beastman"의 썸네일 이미지(610-3)인 경우를 예로 든다.
이때, 좌측에서 우측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 계속하여 입력되면, 복수의 디스플레이 아이템의 제1 영역인 중앙 부분에 디스플레이되는 컨텐츠는 "shining"의 기설정된 영상(1540)에서 "murderer"의 기설정된 영상(630-3)으로 변경되고, 복수의 디스플레이 아이템의 가장 좌측 부분의 썸네일 이미지 한 칸에 해당하는 위치(도 9d의 "beastman"의 썸네일 이미지(610-3)가 디스플레이된 부분)는 빈칸으로 남게 된다.
그리고 기설정된 영상으로 디스플레이되는 컨텐츠는 "murderer(630-3)"에서 "sinking(620-3)"으로 변경되고, 복수의 디스플레이 아이템의 가장 좌측 부분의 썸네일 이미지 두 칸에 해당하는 위치(도 9d의 "beastman" 및 "sinking"의 썸네일 이미지(610-3, 620-3)가 디스플레이된 부분)는 빈칸으로 남게 된다.
마지막으로 컨텐츠는 "beastman(610-3)"의 기설정된 영상이 제1 영역에 디스플레이되는 이 된다. 그리고 "beastman(610-3)"의 기설정된 영상의 좌측에는 더 이상 썸네일 이미지가 존재하지 않게 된다. 이때, 사용자로부터 좌측에서 우측방향으로 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션(205)이 더 입력되면, 디스플레이 장치(100)는 "beastman(610-3)"의 기설정된 영상이 우측으로 약간 움직였다가 사용자가 터치 패드에서 손가락을 떼는 행위 등에 의해 사용자 인터렉션의 감지가 종료되면, "beastman(610-3)"의 기설정된 영상이 제1 영역으로 다시 돌아오는 모습을 디스플레이할 수 있다. 따라서, 사용자는 마치 "beastman(610-3)"의 기설정된 영상이 탄성을 가지고 제1 영역의 위치로 복원되는 듯한 시각적 효과를 누릴 수 있다.
또한, 디스플레이 장치(100)는 복수의 디스플레이 아이템의 좌측 말단과 우측 말단이 연속되어 디스플레이되도록 제어할 수도 있다. 즉, 복수의 디스플레이 아이템을 이동시키기 위한 사용자 인터렉션이 계속하여 입력되면, 복수의 디스플레이 아이템이 원통 모양을 이루고 있는 것과 같이 중단없이 연결되어 이동하도록 디스플레이할 수도 있다.
한편, 상술한 바와 같이 복수의 디스플레이 아이템을 이동하기 위한 방법은, 디스플레이 장치(100)가 다른 컨텐츠를 이미 재생하고 있는 동안에도 수행될 수 있다. 즉, 디스플레이 장치(100)가 라이브 TV를 디스플레이하는 동안, 상술한 사용자 인터렉션이 입력되면, 디스플레이부(110)는 라이브 TV를 계속하여 디스플레이하면서, 디스플레이부(110) 하단의 복수의 디스플레이 아이템은 이동하는 내용을 디스플레이할 수 있다.
또한, 제1 영역에 디스플레이된 기설정된 영상은 동영상일 수 있다. 따라서, 일 컨텐츠에 대응되는 디스플레이 아이템이 제1 영역에 디스플레이되고 기설정된 시간이 지나면, 디스플레이 장치(100)는 제1 영역에 디스플레이된 기설정된 영상을 재생할 수 있다. 제1 영역에서 재생되는 영상은 제1 영역에 해당하는 디스플레이 아이템에 대응되는 영상 컨텐츠일 수 있다. 또는, 제1 영역에서 재생되는 영상은 제1 영역에 해당하는 디스플레이 아이템에 대응되는 영상 컨텐츠의 미리 보기 영상일 수 있다.
미리 보기 영상은 사용자에 의해 직접 생성될 수 있다. 또는, 미리 보기 영상은 컨텐츠에 포함된 복수의 프레임 중 기 설정된 간격으로 일부 프레임을 추출하여 생성될 수도 있다.
한편, 도 7a 내지 도 7e, 도 9a 내지 도 9d를 참고하여 설명한 디스플레이 아이템의 좌 또는 우 방향으로의 이동방법은, 사용자로부터 동일한 속도의 사용자 인터렉션이 감지되어도, 속도를 달리하도록 제어될 수 있다.
즉, 제어부(130)는 복수의 디스플레이 아이템에 대해 이동 속도에 대한 가중치를 부여할 수 있다. 예를 들면, 제어부(130)는 디스플레이 아이템 부분이 제1 영역을 지날 때는 이동 속도가 느려지도록 제어하고, 디스플레이 아이템 간의 간격 부분이 제1 영역을 지날 때는 이동 속도가 빨라지도록 제어할 수 있다.
또한, 상술한 복수의 디스플레이 아이템들은 사용자 명령에 의해 사라질 수 있다. 디스플레이 아이템들의 디스플레이를 종료하기 위한 사용자 명령은 제어 장치(200)에 구비된 별도의 버튼을 누르는 입력이거나, 제어 장치(200)의 터치 패드(210)를 길게 누르는 입력일 수 있다.
한편, 별도의 디스플레이 아이템들의 디스플레이를 종료하기 위한 사용자 명령이 입력되지 않아도, 복수의 디스플레이 아이템들은 기설정된 시간(예를 들면, 5초)이 지난 경우에 사라질 수도 있다.
상술한 디스플레이 아이템의 이동 방법에 의해, 사용자는 디스플레이 아이템이 탄성을 가지며 늘어나면서 이동하는 것과 같은 시각적 효과를 누릴 수 있게 된다.
이하에서는, 도 10a 내지 도 10j를 참조하여, 복수의 디스플레이 아이템의 카테고리를 상위 카테고리 또는 하위 카테고리로 이동하는 방법에 대해 설명한다.
도 10a와 같이 제1 영역에 위치하는 디스플레이 아이템은 기설정된 영상(1540)으로 디스플레이되고, 나머지 영역에 대해서는 썸네일 이미지가 디스플레이된 경우, 디스플레이 아이템을 축소하기 위한 사용자 인터렉션이 감지되면, 복수의 디스플레이 아이템은 썸네일 이미지 및 블록 형태의 디스플레이 아이템으로 변경될 수 있다.
예를 들면, 디스플레이 아이템을 확대하기 위한 제2 사용자 인터렉션과 반대 방향의 사용자 인터렉션이 감지되면, 디스플레이 장치(100)는 디스플레이 아이템을 축소하여 디스플레이할 수 있다.
구체적으로, 전술한 바와 같이, 도 5c에 도시된 제어 장치(200)의 터치 패드(210)의 제3 지점(215-1)에서 제4 지점(215-2)으로 드래그 명령(215)이 제2 사용자 인터렉션인 경우, 디스플레이 아이템을 축소하기 위한 사용자 인터렉션은 제4 지점(215-2)에서 제3 지점(215-1)으로의 드래그 명령일 수 있다.
도 10b는 디스플레이 아이템이 축소되는 과정을 도시한 도면이다. 디스플레이 아이템을 축소하기 위한 사용자 인터렉션이 감지되면, 복수의 디스플레이 아이템의 너비가 좁아진다.
복수의 디스플레이 아이템의 너비가 좁아지면서 디스플레이부(110)의 공간을 이유로 디스플레이되지 못했던, 컨텐츠 "cool guy(1690)"에 대응되는 디스플레이 아이템도 디스플레이될 수 있다.
제1 영역에 위치한 기설정된 영상(1640)은 썸네일 이미지와 중첩하여 디스플레이된다. 그리고 제1 영역을 제외한 나머지 영역에 위치한 썸네일 이미지들(1690, 1980, 1620, 1630, 1600, 1650, 1660, 1670)은 각 썸네일의 픽셀 값의 평균값에 대응되는 컬러와 중첩된다.
또한, 도 10b에 도시된 바와 같은 상태에서 사용자 인터렉션의 감지가 중단되면, 디스플레이 아이템은 도 10a에 도시된 바와 같은 상태로 되돌아 갈 수 있다. 즉, 사용자 인터렉션이 임계값 이상으로 감지되지 않으면, 디스플레이 아이템은 탄성을 가진 것과 같이 본래의 상태로 되돌아 갈 수 있다.
도 10c는 디스플레이 아이템이 축소하기 위한 사용자 인터렉션이 임계값 이상 감지되어, 썸네일 이미지 및 블록 형태를 가지는 디스플레이 아이템이 디스플레이된 것을 도시한 도면이다.
도 10c에 도시된 바와 같은 상태에서 제3 사용자 인터렉션이 감지되면, 제어부(130)는 디스플레이 아이템의 카테고리를 변경하여 디스플레이할 수 있다. 즉, 디스플레이 아이템을 결합하여 상위 카테고리에 대응되는 상위 디스플레이 아이템을 디스플레이할 수 있다. 상위 카테고리에 해당하는 디스플레이 아이템으로 변경하기 위한 사용자 인터렉션은, 디스플레이 아이템을 축소하기 위한 사용자 인터렉션과 동일할 수도 있다.
그러나 이는 일 실시예에 불과할 뿐, 상위 카테고리에 해당하는 디스플레이 아이템으로 변경하기 위한 제3 사용자 인터렉션은 제1 및 제2 사용자 인터렉션과 전혀 상이할 수 있다.
제어 장치(200)가 터치 패드(210)를 포함하는 경우, 제3 사용자 인터렉션은 터치 패드(210)를 일 방향으로 드래그하는 사용자 명령일 수 있다. 제어 장치(200)가 4방향 버튼(220)을 포함하는 경우, 제3 사용자 인터렉션은 4방향 버튼(220) 중 일 버튼을 누르는 사용자 명령일 수 있다.
제어 장치(200)가 포인팅 리모컨인 경우, 제3 사용자 인터렉션은 포인팅 리모컨을 일 방향으로 기울이는 사용자 명령일 수도 있다. 또는, 제어 장치(200)가 터치 패드(210)를 구비한 포인팅 리모컨일 수 있다. 이때, 제3 사용자 인터렉션은 터치 패드(210)를 통한 터치 입력과 함께 제어 장치(200)의 기울기는 각도를 제어하는 사용자 명령일 수 있다.
또는, 터치 패드(210)를 통한 터치는 임의의 컨텐츠 등을 선택하기 위한 사용자 명령이고, 제어 장치(200)를 기울이는 사용자 명령은 포인터를 이동하기 위한 명령일 수 있다. 그리고 터치 입력과 함께 제어 장치(200)를 기울이는 명령은, 카테고리의 뎁스(depth)를 제어하기 위한 제3 또는 4 사용자 인터렉션일 수 있다. 제어 장치(200)를 기울이는 정도에 따라, 카테고리의 뎁스가 단계적으로 제어될 수 있다. 그리고 제어 장치(200)를 기울이는 속도에 따라, 카테고리의 뎁스 조절의 속도가 상이해질 수 있다.
감지부(120)를 통해 제3 사용자 인터렉션이 감지된 경우, 디스플레이 장치(100)는 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경할 수 있다.
즉, 디스플레이 장치(100)는 제1 디스플레이 아이템 및 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 적어도 하나의 디스플레이 아이템 각각을 제2 표시 방식으로 변경하고, 제2 표시 방식으로 변경되지 않은 나머지 디스플레이 아이템은 동일한 카테고리에 포함되는 디스플레이 아이템끼리 결합하여 상위 디스플레이 아이템으로 변경할 수 있다.
도 10c에서, 컨텐츠 "summer(303)", "cool guy(305)" 및 "beastman(310)"는 장르가 미스터리 영화이고, 컨텐츠 "sinking(320)", "murderer(330)", "shining(1740)" 및 "sky(1700)"는 장르가 스릴러 영화이며, "Turbo(350)", "TITAN(360)"은 호러 영화이고, "Doctor(370)", "funfun(380)"가 드라마인 경우를 예로 든다.
도 10d는 제3 사용자 인터렉션에 의해 디스플레이 아이템들이 상위 디스플레이 아이템으로 결합하는 과정을 도시한 도면이다.
제3 사용자 인터렉션이 감지되면, 동일한 카테고리에 해당하는 컨텐츠에 대응되는 디스플레이 아이템들은 하나의 상위 디스플레이 아이템(1860, 1850, 1870, 1880)으로 결합한다. 반면, 제1 영역에 대응되는 제1 디스플레이 아이템(1840) 및 제1 디스플레이 아이템(1840)과 동일한 카테고리에 해당하는 디스플레이 아이템(1820, 1830, 1800)은 디스플레이 아이템의 너비 및 각 디스플레이 아이템의 간격이 좁아진다.
상위 디스플레이 아이템(1860, 1850, 1870, 1880)은 해당 카테고리에 포함되는 컨텐츠의 수에 비례하여 너비가 상이하고, 해당 카테고리에 포함되는 컨텐츠의 썸네일 이미지의 컬러 값에 따라 상이한 색깔을 가지는 박스 형태일 수 있다.
또한, 상위 디스플레이 아이템(1860, 1850, 1870, 1880)으로 결합하는 과정에서 블록 형태의 디스플레이 아이템이 합쳐지는 모습을 자연스럽게 디스플레이하기 위해 세로 선이 포함될 수 있다.
그리고 제어부(130)는 각 상위 디스플레이 아이템(1860, 1850, 1870, 1880)의 상단 또는 하단에, 각 상위 디스플레이 아이템에 대응되는 장르 명칭(1865, 1855, 1875, 1885)을 디스플레이할 수 있다.
한편, 디스플레이부(110)에 디스플레이된 디스플레이 아이템 외에 디스플레이되지 않은 디스플레이 아이템이 더 존재하는 경우, 제3 사용자 인터렉션에 의해 상위 디스플레이 아이템이 표시되면서, 디스플레이되지 않았던 디스플레이 아이템의 상위 디스플레이 아이템이 디스플레이될 수 있다. 즉, 디스플레이부(110)의 공간이 부족하여 디스플레이되지 못한 디스플레이 아이템도, 상위 디스플레이 아이템으로 변경되면서 디스플레이부(110)의 공간이 허용되는 만큼, 디스플레이될 수 있다.
예를 들어, 컨텐츠 "summer"에 대응되는 디스플레이 아이템(303)의 좌측에 디스플레이되지 않은 액션 장르의 컨텐츠가 존재하는 경우, 액션 장르에 해당하는 디스플레이 아이템이 결합된 상위 디스플레이 아이템(1860)이 미스터리 장르에 해당하는 상위 디스플레이 아이템(1850)의 좌측에 디스플레이될 수 있다. 그리고 액션 장르의 상위 디스플레이 아이템(1860)의 상단에 장르 명칭, "Action(1865)"이 디스플레이될 수 있다.
제3 사용자 인터렉션이 임계값이상 감지되면, 도 10e에 도시된 바와 같이, 상위 디스플레이 아이템들(1960, 1950, 1970, 1980)은 내부에 존재하였던 세로 선이 사라진다.
그리고 제어부(130)는 제1 디스플레이 아이템(1940) 및 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 컨텐츠에 대응되는 디스플레이 아이템들(1920, 1930, 1900)을 일정한 색깔을 가지는 블록 형태로 변경할 수 있다. 제1 영역에 위치하는 블록 형태의 디스플레이 아이템(1920, 1930, 1940, 1900)들은 각 디스플레이 아이템에 대응되는 썸네일 이미지의 픽셀 값의 평균값에 대응되는 색깔로 나타날 수 있다.
도 10f에 도시된 바와 같이, 제1 디스플레이 아이템(2040) 및 제1 디스플레이 아이템과 동일한 카테고리에 포함되는 컨텐츠에 대응되는 디스플레이 아이템들(2020, 2030, 2000)의 너비는 동일해진다.
그리고 도 10g 내지 도 10j에 도시된 바와 같이, 동일한 너비의 디스플레이아이템들은 하나의 박스 형태로 결합한다.
구체적으로 도 10g는 서로 다른 색깔을 가지는 블록 형태의 디스플레이 아이템(1920, 1930, 1940, 1900)들이 중간에 간격 없이 결합하였으나 기존의 서로 다른 색깔은 유지하는 모습을 도시한 도면이다. 블록 형태의 디스플레이 아이템(1920, 1930, 1940, 1900) 들이 결합하였으므로, 각 블록에 대응되는 컨텐츠 명칭은 사라진다. 그리고 컨텐츠가 포함되는 장르 명칭, "thriller"가 디스플레이된다.
도 10h는 결합된 상위 디스플레이 아이템(2100)은 세로 선을 포함하지만 색깔은 기존 블록 형태의 디스플레이 아이템의 색깔의 픽셀 값의 평균값을 가지는 색깔로 변경된 모습을 도시한 도면이다.
도 10i에 도시된 바와 같이, 상위 디스플레이 아이템(220) 내에 포함된 세로 선은 점차 짧아지며, 도 10j에 도시된 바와 같이, 세로 선은 소멸한다.
즉, 도 10f 내지 도 10j에 도시된 바와 같은 순서에 따라 동일한 카테고리에 포함되는 디스플레이 아이템들(2020, 2030, 2040, 2000)이 상위 디스플레이 아이템으로 결합하는 방법에 의해, 사용자는 디스플레이 아이템이 상위 디스플레이 아이템으로 연속적으로 자연스럽게 결합되는 시각적 효과를 누릴 수 있다.
특히, 사용자가 터치 패널(210)이 포함된 리모컨 또는 포인팅 리모컨을 이용하여 디스플레이 아이템을 상위 디스플레이 아이템으로 변경하는 경우, 사용자는 카테고리 간 이동이 용이한 사용자 인터페이스(User Interface)를 이용할 수 있게 된다.
또한, 상술한 과정에 의해 상위 디스플레이 아이템이 디스플레이되는 방법은 일 실시 예에 불과할 뿐, 임의의 단계가 생략되거나 디스플레이 효과를 자연스럽게 하기 위한 단계가 부가될 수도 있다.
한편, 도 11은 디스플레이 아이템의 카테고리를 분류하는 방식을 변경하는 방법을 도시한 도면이다.
디스플레이 아이템의 카테고리의 분류를 변경하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 사용자 설정 또는 초기 설정 등에 따라 카테고리를 분류하는 기준을 변경할 수 있다.
예를 들어, 도 11은 영화 및 드라마와 같은 영상 컨텐츠를 장르에 따라 '액션(1960)', '미스터리(1950)', '스릴러(2300)', '호러(1970)' 및 '드라마(1980)'로 분류된 상위 디스플레이 아이템이 표시된 디스플레이 장치(100)를 도시한 도면이다.
컨텐츠의 수에 따라, 상위 디스플레이 아이템의 너비는 상이해질 수 있다. 따라서, 디스플레이부(110)의 너비 또는 컨텐츠 수에 따라, 상위 디스플레이 아이템은 디스플레이부(110)의 하단의 중앙 부분에 디스플레이될 수 있다. 그러나 이는 일 실시예에 불과할 뿐, 컨텐츠의 수가 많은 경우에는, 복수의 상위 디스플레이 아이템이 디스플레이부(110)에 일시에 디스플레이되지 않을 수 있다. 이때, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지되면, 상위 디스플레이 아이템은 일 방향으로 이동할 수 있다.
영화 및 드라마와 같은 영상 컨텐츠를 장르에 따라 분류된 상위 디스플레이 아이템이 디스플레이되고, 디스플레이 장치(100)의 전체 컨텐츠를 카테고리화하여 디스플레이하기 위한 사용자 인터렉션이 감지되면, 도면부호 2400과 같은 상위 디스플레이 아이템이 배열될 수 있다.
즉, 디스플레이 장치(100)는 '어플리케이션'을 나타내는 상위 디스플레이 아이템, '영화'를 나타내는 상위 디스플레이 아이템, 'VOD'를 나타내는 상위 디스플레이 아이템 등을 포함하는 상위 디스플레이 아이템들(2400)을 디스플레이할 수 있다.
도면부호 2400과 같은 상위 디스플레이 아이템은 서로 다른 색깔을 가지고, 상위 디스플레이 아이템이 포함하는 컨텐츠의 개수에 따라 너비가 상이한 박스 형태일 수 있다.
또한, 상위 디스플레이 아이템을 이동하기 위한 사용자 인터렉션에 따라 일 방향으로 이동할 수 있다.
영화 및 드라마와 같은 영상 컨텐츠를 장르에 따라 분류하는 상위 디스플레이 아이템을 디스플레이 장치(100)의 전체 컨텐츠를 카테고리에 따라 분류하는 상위 디스플레이 아이템으로 재배열하는 것은 일 실시 예에 불과할 뿐, 컨텐츠 사용 빈도, 컨텐츠의 제공자, 등장인물, 제공국가와 같은 컨텐츠 특징에 따라 재배열하는 등, 다양한 기준에 따라 재배열할 수 있다.
한편, 도 12a는 "VOD(2500)", "Setting(2510)", "application(2520)", "Internet(2530)" 및 "Broadcast(2540)"에 해당하는 컨텐츠를 포함하도록 배열된 상위 디스플레이 아이템들을 표시한 디스플레이 장치(100)를 나타내는 도면이다.
각 상위 디스플레이 아이템은 서로 다른 색깔로 표시될 수 있으나, 도 12a에 도시된 바와 같이 각 상위 디스플레이 아이템을 나타내는 명칭을 내부에 포함할 수도 있다. 또한, 실시 예에 따라, 각 상위 디스플레이 아이템의 명칭은 상위 디스플레이 아이템의 상단, 좌측 또는 우측 중 하나에 디스플레이될 수도 있다.
이하에서는 도 12a 내지 도 12c를 참조하여, 상위 디스플레이 아이템의 하위 카테고리를 디스플레이하는 방법에 대해 설명한다.
디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션과 반대 방향의 사용자 인터렉션이 하위 카테고리를 디스플레이하기 위한 제4 사용자 인터렉션으로 감지될 수 있다.
제4 사용자 인터렉션으로 감지된 경우, 디스플레이 장치(100)는 제1 영역에 해당하는 상위 디스플레이 아이템을 분할하여 디스플레이할 수 있다.
예를 들어, 제1 영역이 복수의 디스플레이 아이템의 중앙에 해당하는 영역인 경우, 도 12a에서는 "application"에 대응되는 상위 디스플레이 아이템(2520)이 제1 영역에 위치한다.
따라서, 제4 사용자 인터렉션에 대응하여, 제어부(130)는 "application"에 대응되는 상위 디스플레이 아이템(2520)을 분할할 수 있다.
구체적으로, 도 12b에 도시된 바와 같이, "application"에 대응되는 상위 디스플레이 아이템(2520)은 "Game", "Camera", "Life", "Bookmark"에 대응되는 디스플레이 아이템(2521, 2522, 2523, 2524)으로 분할될 수 있다.
"application"에 대응되는 상위 디스플레이 아이템(2520)이 분할됨에 따라, 나머지 상위 디스플레이 아이템들(2500, 2510, 2530, 2540)의 위치가 변경될 수 있다. 또한, "application"에 대응되는 상위 디스플레이 아이템(2520)이 분할되면서, 많은 개수의 디스플레이 아이템이 생성되는 경우, 나머지 상위 디스플레이 아이템들(2500, 2510, 2530, 2540) 중 일부 또는 전부는 디스플레이부(110)에 디스플레이되지 않을 수 있다.
도 12c는 제4 사용자 인터렉션이 재감지된 경우, 제1 영역에 위치하는 "Life"에 대응되는 디스플레이 아이템(2523) 가 더 분할된 모습을 도시한 도면이다.
즉, 제4 사용자 인터렉션이 재감지된 경우, 제1 영역에 해당하는 디스플레이 아이템의 중앙 부분에 위치한 디스플레이 아이템에 해당하는 컨텐츠가 하위 카테고리로 분할될 수 있다.
디스플레이 장치(100)는 제1 영역에 해당하는 디스플레이 아이템의 가장자리를 굵게 디스플레이하여, 제4 사용자 인터렉션이 재감지되는 경우 분할될 디스플레이 아이템을 사용자가 알도록 할 수 있다.
구체적으로, 제4 사용자 인터렉션이 재감지되는 경우, "Life"에 대응되는 디스플레이 아이템(2523)이 분할되어, "Weather", "Stock", "Travel", "Healthcare" 및 "Bank"에 대응되는 하위 디스플레이 아이템들(2523-1, 2523-2, 2523-3, 2523-4, 2523-5)이 디스플레이될 수 있다.
컨텐츠를 실행하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 디스플레이된 복수의 디스플레이 아이템 중, 제1 영역에 위치한 디스플레이 아이템에 대응되는 컨텐츠를 실행할 수 있다.
즉, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션을 이용하여 실행하고자하는 컨텐츠에 대응되는 디스플레이 아이템을 제1 영역에 위치하도록 하고, 컨텐츠를 실행하기 위한 사용자 명령이 입력되면, 제1 영역에 위치한 디스플레이 아이템에 대응되는 컨텐츠가 실행된다.
한편, 상술한 복수의 디스플레이 아이템을 디스플레이하기 위한 사용자 명령이 입력되면, 디스플레이 장치(100)는 도 13a 또는 도 13b에 도시된 바와 같은 초기화면을 디스플레이할 수 있다.
즉, 도 13a에 도시된 바와 같이, 디스플레이 장치(100)는 디스플레이 장치(100)를 이용하는 지역, 날짜 및 날씨를 나타내는 GUI(Graphical User Interface)(2600)를 디스플레이할 수 있다.
또는, 도 13b에 도시된 바와 같이, 디스플레이 장치(100)는 복수의 디스플레이 아이템을 디스플레이하는 프로그램의 명칭(ABC STRIPE) 및 버전 정보 등을 나타내는 GUI(Graphical User Interface)(2700)를 디스플레이할 수도 있다.
한편, 도 13b 또는 도 13b와 같은 초기화면이 디스플레이되는 동안, 복수의 디스플레이 아이템들을 이동하기 위한 사용자 인터렉션이 감지되면, 디스플레이 장치(100)는 상술한 초기 화면의 GUI(2600, 2700)는 사라지고, 디스플레이부(110)의 하단에 복수의 디스플레이 아이템들을 디스플레이할 수 있다.
도 13b 또는 도 13b와 같은 초기화면이 디스플레이되고, 기설정된 시간(예를 들면, 5초) 동안 사용자 인터렉션이 감지되지 않으면, 디스플레이 장치(100)는 복수의 디스플레이 아이템을 디스플레이부(110)에서 사라지도록 할 수 있다.
한편, 도 14 및 도 15는 복수의 디스플레이 아이템을 디스플레이하는 방법을 도시한 도면이다.
즉, 상술한 바와 같이 디스플레이부(110)의 하단에 복수의 디스플레이 아이템이 디스플레이될 수 있으나, 도 14 및 도 15에 도시된 바와 같은 위치에 복수의 디스플레이 아이템이 디스플레이될 수도 있다.
구체적으로, 도 14는 디스플레이부(110)의 우측에 복수의 디스플레이 아이템이 세로 방향으로 디스플레이된 실시 예를 도시한 도면이다. 그러나 이는 일 실시 예에 불과할 뿐, 디스플레이 장치(100)는 디스플레이부(110)의 좌측에 복수의 디스플레이 아이템을 세로 방향으로 디스플레이할 수도 있다.
또는, 도 15와 같이, 디스플레이 장치(100)는 복수의 디스플레이 아이템을 디스플레이하기 전에 디스플레이부(110) 전체에 디스플레이하던 영상을 디스플레이부(110)의 일 부분(4000)에 디스플레이할 수 있다.
즉, 사용자가 본래 시청하던 영상이 복수의 디스플레이 아이템에 의해 가려지지 않도록, 디스플레이 장치(100)는 디스플레이부(110) 전체에 디스플레이하던 영상과 복수의 디스플레이 아이템이 중첩되지 않게 디스플레이할 수 있다.
상술한 바와 같이 디스플레이된 복수의 디스플레이 아이템에 대한 카테고리의 뎁스를 조절하는 방법에 의해, 사용자는 쉽게 컨텐츠 또는 메뉴를 검색하고, 분류된 카테고리를 확인할 수 있게 된다.
한편, 도 16은 본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템을 이동하는 방법을 도시한 흐름도이다.
먼저, 디스플레이 장치(100)는 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이한다(S1600). 그리고 디스플레이 장치(100)는 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 상기 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이한다(S1610).
구체적으로, 제1 표시 방식은 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하는 방식이고, 제2 표시 방식은 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하는 방식일 수 있다. 특히, 제2 표시 방식은 제2 디스플레이 아이템 각각에 대응되는 썸네일 이미지에 포함된 픽셀 값의 평균값에 대응되는 컬러를 가지는 블록형태일 수 있다.
디스플레이 장치(100)는 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지되었는지 판단한다(S1620). 사용자 인터렉션은 디스플레이 장치(100)를 제어하기 위한 제어 장치(200)가 터치 패드을 포함하는 경우, 터치 패드에서 터치 지점을 제1 지점에서 제2 지점으로 이동하는 명령일 수 있다. 또는, 제어 장치(200)가 4방향 버튼을 포함하는 경우 사용자 인터렉션은 4방향 버튼 중 일 버튼을 누르는 명령일 수 있다. 그리고 제어 장치(200)가 포인팅 리모컨인 경우 포인팅 리모컨을 일 방향으로 기울이는 명령일 수도 있다. 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지된 경우(S1620-Y), 디스플레이 장치(100)는 제1 디스플레이 아이템을 사용자 인터렉션에 대응하는 일 측으로 이동시키면서 제2 표시 방식으로 변경하고, 나머지 디스플레이 아이템 중 제1 영역으로 이동하는 제2 디스플레이 아이템을 상기 제1 표시 방식으로 변경한다(S1630).
구체적으로, 디스플레이 장치(100)는 감지된 사용자 인터렉션에 따라 제1 디스플레이 아이템의 너비가 제1 방향으로 축소되고, 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 제1 방향으로 증가하여 제2 디스플레이 아이템을 제1 표시 방식으로 변경할 수 있다.
그리고 사용자 인터렉션에 따라 제1 방향으로 축소되는 제1 디스플레이 아이템의 너비보다 제1 영역으로 이동하는 제2 디스플레이 아이템의 너비가 넓어지는 경우, 디스플레이 장치(100)는 제1 디스플레이 아이템을 제2 표시 방식으로 변경하고, 제1 영역으로 이동하는 제2 디스플레이 아이템을 제1 표시 방식으로 변경할 수 있다.
한편, 디스플레이 아이템을 이동하기 위한 사용자 인터렉션이 감지되지 않는 경우(S1620-N), 디스플레이 장치(100)는 기 설정된 시간의 경과 여부를 판단한다(S1640). 그리고 기 설정된 시간(예를 들면, 5초)이 지나면(S1640-Y), 디스플레이 장치(100)는 복수의 디스플레이 아이템에 대한 디스플레이를 종료한다(S1650).
즉, 별도의 디스플레이 아이템들의 디스플레이를 종료하기 위한 사용자 명령이 입력되지 않아도, 복수의 디스플레이 아이템들은 기설정된 시간(예를 들면, 5초)이 지난 후에 사라질 수도 있다.
한편, 도 17은 본 발명의 일 실시 예에 따른, 복수의 디스플레이 아이템에 대응되는 카테고리의 뎁스를 조절하는 방법을 도시한 흐름도이다.
먼저, 디스플레이 장치(100)는 디스플레이의 일 영역에 복수의 컨텐츠에 대응되는 복수의 디스플레이 아이템을 디스플레이한다(S1700). 그리고 디스플레이 장치(100)는 복수의 디스플레이 아이템 중 제1 영역에 위치하는 제1 디스플레이 아이템을 제1 표시 방식으로 디스플레이하고, 복수의 디스플레이 아이템 중 제1 영역을 제외한 나머지 디스플레이 아이템을 제2 표시 방식으로 디스플레이한다(S1710).
구체적으로, 제1 표시 방식은 제1 디스플레이 아이템에 대응되는 썸네일 이미지를 디스플레이하는 방식이고, 제2 표시 방식은 썸네일 이미지보다 너비가 좁은 블록형태로 디스플레이하는 방식일 수 있다. 특히, 제2 표시 방식은 제2 디스플레이 아이템 각각에 대응되는 썸네일 이미지에 포함된 픽셀 값의 평균값에 대응되는 컬러를 가지는 블록형태일 수 있다.
디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션이 감지된 경우(S1720-Y), 디스플레이 장치(100)는 복수의 디스플레이 아이템 중 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경한다(S1730).
제어 장치(200)가 터치 패드(210)를 포함하는 경우, 제3 사용자 인터렉션은 터치 패드(210)를 일 방향으로 드래그하는 사용자 명령일 수 있다. 제어 장치(200)가 4방향 버튼(220)을 포함하는 경우, 제3 사용자 인터렉션은 4방향 버튼(220) 중 일 버튼을 누르는 사용자 명령일 수 있다. 제어 장치(200)가 포인팅 리모컨인 경우, 제3 사용자 인터렉션은 포인팅 리모컨을 일 방향으로 기울이는 사용자 명령일 수도 있다.
상위 디스플레이 아이템은 결합하기 전의 디스플레이 아이템의 픽셀 값의 평균 값에 대응되는 색깔을 가지는 박스 형태일 수 있다.
또한, 동일한 카테고리에 포함되는 디스플레이 아이템을 결합하여 상위 디스플레이 아이템으로 변경되는 중에, 디스플레이 장치(100)는 상위 디스플레이 아이템이 세로 선을 포함하였다가 사라지는 모습을 디스플레이할 수 있다.
즉, 디스플레이 장치(100)는 복수의 디스플레이 아이템이 연속적으로 자연스럽게 상위 디스플레이 아이템으로 결합되는 GUI(Graphical User Interface)를 디스플레이할 수 있다.
한편, 디스플레이 아이템의 상위 카테고리를 디스플레이하기 위한 제3 사용자 인터렉션이 감지되지 않는 경우(S1720-N), 디스플레이 장치(100)는 기 설정된 시간의 경과 여부를 판단한다(S1740). 그리고 기 설정된 시간(예를 들면, 5초)이 지나면(S1740-Y), 디스플레이 장치(100)는 복수의 디스플레이 아이템에 대한 디스플레이를 종료한다(S1750).
한편, 이상과 같은 다양한 실시 예에 따른 제어 방법을 수행하기 위한 프로그램 코드는 비일시적 판독 가능 매체(non-transitory computer readable medium)에 저장될 수 있다. 비일시적 판독 가능 매체란 레지스터, 캐쉬, 메모리 등과 같이 짧은 순간 동안 데이터를 저장하는 매체가 아니라 반영구적으로 데이터를 저장하며, 기기에 의해 판독(reading)이 가능한 매체를 의미한다. 구체적으로는, 상술한 다양한 어플리케이션 또는 프로그램들은 CD, DVD, 하드 디스크, 블루레이 디스크, USB, 메모리카드, ROM 등과 같은 비일시적 판독 가능 매체에 저장되어 제공될 수 있다.
또한, 이상에서는 본 발명의 바람직한 실시예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안 될 것이다.
100: 디스플레이 장치 110: 디스플레이부
120: 감지부 130: 제어부
140: 영상 수신부 150: 영상 처리부
160: 통신부 170: 저장부
180: 오디오 처리부 190: 스피커부
200: 제어 장치

Claims (42)

  1. 디스플레이 장치에 있어서,
    디스플레이부;
    사용자 인터렉션을 감지하기 위한 감지부; 및
    컨텐츠 이미지 표시 영역 및 상기 컨텐츠 이미지 표시 영역 아래에 위치한 대표 이미지 표시 영역을 포함하는 UI(User Interface)를 제공하고,
    상기 UI의 대표 이미지 표시 영역에 복수의 컨텐츠를 나타내는 복수의 대표 이미지 아이템을 디스플레이하고 상기 복수의 대표 이미지 아이템 중 제1 대표 이미지 아이템은 대표 이미지 아이템의 높이(height)가 폭(width )보다 긴 제1 표시 방식으로 디스플레이하도록 상기 디스플레이부를 제어하고,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 대표 이미지 아이템을 상기 대표 이미지 표시 영역 내에서 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템이 상기 제1 표시 방식이 유지된 상태에서 상기 대표 이미지 표시 영역 내에서 이동되도록 상기 디스플레이부를 제어하고,
    상기 제1 대표 이미지 아이템이 상기 대표 이미지 표시 영역의 중심 영역으로 이동되는 것에 기초하여, 상기 제1 대표 이미지 아이템의 높이가 폭보다 짧은 제2 표시 방식으로 상기 제1 대표 이미지 아이템을 디스플레이하도록 상기 디스플레이부를 제어하는 제어부;를 포함하는 디스플레이 장치.
  2. 제1항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 수신되는 상기 제1 대표 이미지 아이템을 선택하기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 제3 표시 방식으로 디스플레이하도록 상기 디스플레이부를 제어하는 디스플레이 장치.
  3. 제2항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템이 상기 제3 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템을 상기 대표 이미지 표시 영역의 중심 영역으로부터 일 영역으로 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템이 상기 제3 표시 방식이 유지된 상태에서 이동되도록 상기 디스플레이부를 제어하는 디스플레이 장치.
  4. 제2항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 계속하여 기결정된 위치로 이동되면, 상기 제1 대표 이미지 아이템에 적용된 표시 방식을 변경하도록 상기 디스플레이부를 제어하는 디스플레이 장치.
  5. 제2항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 계속하여 기결정된 위치로 이동되면, 상기 제1 대표 이미지 아이템에 적용된 표시 방식을 상기 제3 표시 방식에서 상기 제2 표시 방식으로 변경하도록 상기 디스플레이부를 제어하는 디스플레이 장치.
  6. 제1항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템에 상기 제1 대표 이미지 아이템에 대응되는 컨텐츠의 제1 대표 이미지가 디스플레이하도록 상기 디스플레이부를 제어하고,
    상기 제1 대표 이미지 아이템이 상기 제2 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템에 상기 컨텐츠의 제2 대표 이미지를 디스플레이하도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 디스플레이 장치.
  7. 제6항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템이 상기 중심 영역으로 이동하는 동안, 상기 제1 대표 이미지 아이템에 디스플레이되는 대표 이미지가 상기 제1 대표 이미지에서 상기 제2 대표 이미지로 변경되도록 상기 디스플레이부를 제어하는 것을 특징으로 하는 디스플레이 장치.
  8. 제1항에 있어서,
    상기 제1 대표 이미지 아이템에 대응되는 컨텐츠에 속하는 복수의 이미지 프레임들 중 하나는, 상기 제2 표시 방식으로 상기 제1 대표 이미지 아이템을 디스플레이하기 위해 사용되는 것을 특징으로 하는 디스플레이 장치.
  9. 제2항에 있어서,
    상기 제어부는,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 상기 제3 표시 방식을 유지하며 상기 중심 영역에서 이동되는 동안 상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력이 중단되는 경우, 상기 제1 대표 이미지 아이템을 상기 중심 영역으로 탄성적으로 이동하도록 제어하는 디스플레이 장치.
  10. 제1항에 있어서,
    상기 대표 이미지 아이템을 이동시키기 위한 사용자 입력은 터치 드래그 입력인 것을 특징으로 하는 디스플레이 장치.
  11. 제2항에 있어서,
    상기 제3 표시 방식으로 디스플레이된 상기 제1 대표 이미지 아이템의 폭은, 상기 제2 표시 방식으로 디스플레이된 상기 제1 대표 이미지 아이템의 폭보다 넓은 것을 특징으로 하는 디스플레이 장치.
  12. 디스플레이 장치의 디스플레이 방법에 있어서,
    컨텐츠 이미지 표시 영역 및 상기 컨텐츠 이미지 표시 영역 아래에 위치한 대표 이미지 표시 영역을 포함하는 UI(User Interface)를 제공하는 단계;
    상기 UI의 대표 이미지 표시 영역에 복수의 컨텐츠를 나타내는 복수의 대표 이미지 아이템을 디스플레이하고, 상기 복수의 대표 이미지 아이템 중 제1 대표 이미지 아이템은 대표 이미지 아이템의 높이(height)가 폭(width )보다 긴 제1 표시 방식으로 디스플레이하는 단계;
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 대표 이미지 아이템을 상기 대표 이미지 표시 영역 내에서 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 상기 제1 표시 방식이 유지된 상태로 상기 대표 이미지 표시 영역 내에서 이동시키는 단계; 및
    상기 제1 대표 이미지 아이템이 상기 대표 이미지 표시 영역의 중심 영역으로 이동되는 것에 기초하여, 상기 제1 대표 이미지 아이템의 높이가 폭보다 짧은 제2 표시 방식으로 상기 제1 대표 이미지 아이템을 디스플레이하는 단계;를 포함하는 디스플레이 방법.
  13. 제12항에 있어서,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 수신되는 상기 제1 대표 이미지 아이템을 선택하기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 제3 표시 방식으로 디스플레이하는 단계;를 더 포함하는 디스플레이 방법.
  14. 제13항에 있어서,
    상기 제1 대표 이미지 아이템이 상기 제3 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템을 상기 대표 이미지 표시 영역의 중심 영역으로부터 일 영역으로 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 상기 제3 표시 방식이 유지된 상태로 이동시키는 단계;를 더 포함하는 디스플레이 방법.
  15. 제13항에 있어서,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 계속하여 기결정된 위치로 이동되면, 상기 제1 대표 이미지 아이템에 적용된 표시 방식을 변경하는 단계;를 더 포함하는 디스플레이 방법.
  16. 제13항에 있어서,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 계속하여 기결정된 위치로 이동되면, 상기 제1 대표 이미지 아이템에 적용된 표시 방식을 상기 제3 표시 방식에서 상기 제2 표시 방식으로 변경하는 단계;를 더 포함하는 디스플레이 방법.
  17. 제12항에 있어서,
    상기 제1 대표 이미지 아이템을 상기 제1 표시 방식으로 디스플레이하는 단계는,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템에 상기 제1 대표 이미지 아이템에 대응되는 컨텐츠의 제1 대표 이미지를 디스플레이하고,
    상기 제1 대표 이미지 아이템을 상기 제2 표시 방식으로 디스플레이하는 단계는,
    상기 제1 대표 이미지 아이템이 상기 제2 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템에 상기 컨텐츠의 제2 대표 이미지를 디스플레이하는 것을 특징으로 하는 디스플레이 방법.
  18. 제17항에 있어서,
    상기 제1 대표 이미지 아이템을 상기 제2 표시 방식으로 디스플레이하는 단계는,
    상기 제1 대표 이미지 아이템이 상기 중심 영역으로 이동하는 동안, 상기 제1 대표 이미지 아이템에 디스플레이되는 대표 이미지를 상기 제1 대표 이미지에서 상기 제2 대표 이미지로 변경하는 것을 특징으로 하는 디스플레이 방법.
  19. 제12항에 있어서,
    상기 제1 대표 이미지 아이템에 대응되는 컨텐츠에 속하는 복수의 이미지 프레임들 중 하나는, 상기 제2 표시 방식으로 상기 제1 대표 이미지 아이템을 디스플레이하기 위해 사용되는 것을 특징으로 하는 디스플레이 방법.
  20. 제13항에 있어서,
    상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력에 의해 상기 제1 대표 이미지 아이템이 상기 제3 표시 방식을 유지하며 상기 중심 영역에서 이동되는 동안 상기 제1 대표 이미지 아이템을 이동시키기 위한 사용자 입력이 중단되는 경우, 상기 제1 대표 이미지 아이템을 상기 중심 영역으로 탄성적으로 이동시키는 단계;를 더 포함하는 디스플레이 방법.
  21. 제12항에 있어서,
    상기 대표 이미지 아이템을 이동시키기 위한 사용자 입력은 터치 드래그 입력인 것을 특징으로 하는 디스플레이 방법.
  22. 제13항에 있어서,
    상기 제3 표시 방식으로 디스플레이된 상기 제1 대표 이미지 아이템의 폭은 상기 제2 표시 방식으로 디스플레이된 상기 제1 대표 이미지 아이템의 폭보다 넓은 것을 특징으로 하는 디스플레이 방법.
  23. 적어도 하나의 제어부에 의해 실행 가능한 명령들을 기록한 컴퓨터로 판독 가능한 기록 매체에 있어서,
    컨텐츠 이미지 표시 영역 및 상기 컨텐츠 이미지 표시 영역 아래에 위치한 대표 이미지 표시 영역을 포함하는 UI(User Interface)를 제공하는 단계;
    상기 UI의 대표 이미지 표시 영역에 복수의 컨텐츠를 나타내는 복수의 대표 이미지 아이템을 디스플레이하고, 상기 복수의 대표 이미지 아이템 중 제1 대표 이미지 아이템은 대표 이미지 아이템의 높이(height)가 폭(width )보다 긴 제1 표시 방식으로 디스플레이하는 단계;
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 대표 이미지 아이템을 상기 대표 이미지 표시 영역 내에서 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 상기 제1 표시 방식이 유지된 상태로 상기 대표 이미지 표시 영역 내에서 이동시키는 단계; 및
    상기 제1 대표 이미지 아이템이 상기 대표 이미지 표시 영역의 중심 영역으로 이동되는 것에 기초하여, 상기 제1 대표 이미지 아이템의 높이가 폭보다 짧은 제2 표시 방식으로 상기 제1 대표 이미지 아이템을 디스플레이하는 단계;를 포함하는 기록 매체.
  24. 제23항에 있어서,
    상기 제1 대표 이미지 아이템이 상기 제1 표시 방식으로 디스플레이되는 동안 수신되는 상기 제1 대표 이미지 아이템을 선택하기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 제3 표시 방식으로 디스플레이하는 단계;를 더 포함하는 기록 매체.
  25. 제24항에 있어서,
    상기 제1 대표 이미지 아이템이 상기 제3 표시 방식으로 디스플레이되는 동안, 상기 제1 대표 이미지 아이템을 상기 대표 이미지 표시 영역의 중심 영역으로부터 일 영역으로 이동시키기 위한 사용자 입력에 기초하여, 상기 제1 대표 이미지 아이템을 상기 제3 표시 방식이 유지된 상태로 이동시키는 단계;를 더 포함하는 기록 매체.
  26. 삭제
  27. 삭제
  28. 삭제
  29. 삭제
  30. 삭제
  31. 삭제
  32. 삭제
  33. 삭제
  34. 삭제
  35. 삭제
  36. 삭제
  37. 삭제
  38. 삭제
  39. 삭제
  40. 삭제
  41. 삭제
  42. 삭제
KR1020140064243A 2014-05-28 2014-05-28 디스플레이 장치의 이의 디스플레이 방법 KR102284134B1 (ko)

Priority Applications (12)

Application Number Priority Date Filing Date Title
KR1020140064243A KR102284134B1 (ko) 2014-05-28 2014-05-28 디스플레이 장치의 이의 디스플레이 방법
PCT/KR2015/003568 WO2015182869A1 (en) 2014-05-28 2015-04-09 Display apparatus and method thereof
EP20211774.3A EP3806480A1 (en) 2014-05-28 2015-05-18 Display apparatus and method thereof
EP15168011.3A EP2950549B1 (en) 2014-05-28 2015-05-18 Display apparatus and method thereof
CN201510282939.6A CN105307000B (zh) 2014-05-28 2015-05-28 显示设备及其方法
US14/723,598 US10739966B2 (en) 2014-05-28 2015-05-28 Display apparatus for classifying and searching content, and method thereof
US16/926,146 US11188208B2 (en) 2014-05-28 2020-07-10 Display apparatus for classifying and searching content, and method thereof
KR1020210098065A KR102364443B1 (ko) 2014-05-28 2021-07-26 디스플레이 장치의 이의 디스플레이 방법
US17/535,352 US11726645B2 (en) 2014-05-28 2021-11-24 Display apparatus for classifying and searching content, and method thereof
KR1020220019035A KR102442170B1 (ko) 2014-05-28 2022-02-14 디스플레이 장치의 이의 디스플레이 방법
KR1020220112263A KR102643709B1 (ko) 2014-05-28 2022-09-05 디스플레이 장치의 이의 디스플레이 방법
KR1020240029147A KR20240034719A (ko) 2014-05-28 2024-02-28 디스플레이 장치의 이의 디스플레이 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140064243A KR102284134B1 (ko) 2014-05-28 2014-05-28 디스플레이 장치의 이의 디스플레이 방법

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020210098065A Division KR102364443B1 (ko) 2014-05-28 2021-07-26 디스플레이 장치의 이의 디스플레이 방법

Publications (2)

Publication Number Publication Date
KR20150136794A KR20150136794A (ko) 2015-12-08
KR102284134B1 true KR102284134B1 (ko) 2021-07-30

Family

ID=53189694

Family Applications (5)

Application Number Title Priority Date Filing Date
KR1020140064243A KR102284134B1 (ko) 2014-05-28 2014-05-28 디스플레이 장치의 이의 디스플레이 방법
KR1020210098065A KR102364443B1 (ko) 2014-05-28 2021-07-26 디스플레이 장치의 이의 디스플레이 방법
KR1020220019035A KR102442170B1 (ko) 2014-05-28 2022-02-14 디스플레이 장치의 이의 디스플레이 방법
KR1020220112263A KR102643709B1 (ko) 2014-05-28 2022-09-05 디스플레이 장치의 이의 디스플레이 방법
KR1020240029147A KR20240034719A (ko) 2014-05-28 2024-02-28 디스플레이 장치의 이의 디스플레이 방법

Family Applications After (4)

Application Number Title Priority Date Filing Date
KR1020210098065A KR102364443B1 (ko) 2014-05-28 2021-07-26 디스플레이 장치의 이의 디스플레이 방법
KR1020220019035A KR102442170B1 (ko) 2014-05-28 2022-02-14 디스플레이 장치의 이의 디스플레이 방법
KR1020220112263A KR102643709B1 (ko) 2014-05-28 2022-09-05 디스플레이 장치의 이의 디스플레이 방법
KR1020240029147A KR20240034719A (ko) 2014-05-28 2024-02-28 디스플레이 장치의 이의 디스플레이 방법

Country Status (5)

Country Link
US (3) US10739966B2 (ko)
EP (2) EP2950549B1 (ko)
KR (5) KR102284134B1 (ko)
CN (1) CN105307000B (ko)
WO (1) WO2015182869A1 (ko)

Families Citing this family (53)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9591339B1 (en) 2012-11-27 2017-03-07 Apple Inc. Agnostic media delivery system
US9774917B1 (en) 2012-12-10 2017-09-26 Apple Inc. Channel bar user interface
US10200761B1 (en) 2012-12-13 2019-02-05 Apple Inc. TV side bar user interface
US9532111B1 (en) 2012-12-18 2016-12-27 Apple Inc. Devices and method for providing remote control hints on a display
US10521188B1 (en) 2012-12-31 2019-12-31 Apple Inc. Multi-user TV user interface
AU350087S (en) * 2013-01-04 2013-08-06 Samsung Electronics Co Ltd Display screen for an electronic device
AU350053S (en) * 2013-01-04 2013-08-02 Samsung Electronics Co Ltd Display screen for an electronic device
USD773479S1 (en) * 2013-09-06 2016-12-06 Microsoft Corporation Display screen with icon group
USD769898S1 (en) * 2014-05-28 2016-10-25 Samsung Electronics Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD770472S1 (en) * 2014-05-28 2016-11-01 Samsung Electronics Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD770471S1 (en) * 2014-05-28 2016-11-01 Samsung Electronics Co., Ltd. Display screen or portion thereof with animated graphical user interface
USD757040S1 (en) * 2014-05-29 2016-05-24 Comcast Cable Communications, Llc Display screen with animated graphical user interface
US10156967B2 (en) * 2014-05-31 2018-12-18 Apple Inc. Device, method, and graphical user interface for tabbed and private browsing
CN111782128B (zh) 2014-06-24 2023-12-08 苹果公司 用于在用户界面中导航的列界面
USD798334S1 (en) 2014-09-01 2017-09-26 Apple Inc. Display screen or portion thereof with animated graphical user interface
WO2016048310A1 (en) * 2014-09-24 2016-03-31 Fortulabs Technologies Llc Management of the channel bar
US20160283092A1 (en) * 2015-03-24 2016-09-29 Google Inc. Method and system for generating personalized images for categorizing content
US10871868B2 (en) * 2015-06-05 2020-12-22 Apple Inc. Synchronized content scrubber
USD765699S1 (en) 2015-06-06 2016-09-06 Apple Inc. Display screen or portion thereof with graphical user interface
USD804519S1 (en) * 2016-01-22 2017-12-05 Samsung Electronics Co., Ltd. Display screen or portion thereof with transitional graphical user interface
USD805100S1 (en) * 2016-01-22 2017-12-12 Samsung Electronics Co., Ltd. Display screen or portion thereof with transitional graphical user interface
USD816110S1 (en) * 2016-04-20 2018-04-24 Google Llc Display screen with animated graphical user interface
DK201670582A1 (en) 2016-06-12 2018-01-02 Apple Inc Identifying applications on which content is available
DK201670581A1 (en) 2016-06-12 2018-01-08 Apple Inc Device-level authorization for viewing content
KR102559054B1 (ko) 2016-10-26 2023-07-25 애플 인크. 전자 디바이스 상의 다수의 콘텐츠 애플리케이션으로부터의 콘텐츠를 브라우징하기 위한 사용자 인터페이스
USD846587S1 (en) 2017-06-04 2019-04-23 Apple Inc. Display screen or portion thereof with animated graphical user interface
USD939539S1 (en) * 2017-11-15 2021-12-28 Samsung Electronics Co., Ltd. Display screen or portion thereof with graphical user interface
JP1621487S (ko) * 2018-03-16 2019-01-07
JP1621489S (ko) * 2018-03-16 2019-01-07
JP1621488S (ko) * 2018-03-16 2019-01-07
USD890201S1 (en) * 2018-03-17 2020-07-14 Expertonica Inc. Display screen or portion thereof with animated graphical user interface
CN109725960A (zh) * 2018-06-01 2019-05-07 平安普惠企业管理有限公司 显示界面展示方法、装置、移动终端及存储介质
USD916775S1 (en) 2018-06-28 2021-04-20 Aristocrat Technologies Australia Pty Limited Display screen or portion thereof with a graphical user interface for depicting payline graphic for non-orthogonal reel layouts
US11170604B2 (en) 2018-06-28 2021-11-09 Aristocrat Technologies Australia Pty Limited Electronic gaming machine with non-orthogonally arranged reel positions
KR102570827B1 (ko) * 2018-07-17 2023-08-25 삼성전자주식회사 디스플레이 상에서 복수의 어플리케이션의 실행 화면을 표시하는 전자 장치 및 상기 전자 장치의 구동 방법
USD930676S1 (en) 2018-09-07 2021-09-14 Samsung Display Co., Ltd. Display device with generated image for display
USD890204S1 (en) * 2018-12-04 2020-07-14 Nuglif (2018) Inc. Display screen or portion thereof with animated graphical user interface
USD890793S1 (en) * 2018-12-05 2020-07-21 Netflix, Inc. Display screen or portion thereof with animated graphical user interface
USD916867S1 (en) 2019-02-15 2021-04-20 Apple Inc. Display screen or portion thereof with graphical user interface
WO2020198221A1 (en) 2019-03-24 2020-10-01 Apple Inc. User interfaces for viewing and accessing content on an electronic device
EP3928194A1 (en) 2019-03-24 2021-12-29 Apple Inc. User interfaces including selectable representations of content items
US11683565B2 (en) 2019-03-24 2023-06-20 Apple Inc. User interfaces for interacting with channels that provide content that plays in a media browsing application
US11863837B2 (en) 2019-05-31 2024-01-02 Apple Inc. Notification of augmented reality content on an electronic device
US11797606B2 (en) 2019-05-31 2023-10-24 Apple Inc. User interfaces for a podcast browsing and playback application
USD1009883S1 (en) * 2019-11-19 2024-01-02 Johnson Systems Inc. Display screen with graphical user interface
USD921025S1 (en) * 2019-11-19 2021-06-01 Johnson Systems Inc. Display screen with graphical user interface
USD957427S1 (en) * 2019-11-19 2022-07-12 Johnson Systems Inc. Display screen with graphical user interface
US11843838B2 (en) 2020-03-24 2023-12-12 Apple Inc. User interfaces for accessing episodes of a content series
US11899895B2 (en) 2020-06-21 2024-02-13 Apple Inc. User interfaces for setting up an electronic device
US11720229B2 (en) 2020-12-07 2023-08-08 Apple Inc. User interfaces for browsing and presenting content
US11934640B2 (en) 2021-01-29 2024-03-19 Apple Inc. User interfaces for record labels
CA3227797A1 (en) 2021-10-05 2023-04-13 Byung Chun Park Lithium secondary battery
WO2024058292A1 (ko) * 2022-09-16 2024-03-21 엘지전자 주식회사 디스플레이 장치 및 그의 동작 방법

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030117430A1 (en) * 1998-05-19 2003-06-26 United Video Properties, Inc. Program guide system with video window browsing
US20110047513A1 (en) 2009-08-18 2011-02-24 Sony Corporation Display device and display method
US20130276030A1 (en) * 2011-01-11 2013-10-17 Sharp Kabushiki Kaisha Video display device and video display method

Family Cites Families (54)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5761655A (en) * 1990-06-06 1998-06-02 Alphatronix, Inc. Image file storage and retrieval system
JP3498868B2 (ja) * 1994-11-18 2004-02-23 ソニー株式会社 画像表示制御装置および方法
US20060064716A1 (en) * 2000-07-24 2006-03-23 Vivcom, Inc. Techniques for navigating multiple video streams
US20040128317A1 (en) * 2000-07-24 2004-07-01 Sanghoon Sull Methods and apparatuses for viewing, browsing, navigating and bookmarking videos and displaying images
US20020171690A1 (en) * 2001-05-15 2002-11-21 International Business Machines Corporation Method and system for scaling a graphical user interface (GUI) widget based on selection pointer proximity
US6996782B2 (en) * 2001-05-23 2006-02-07 Eastman Kodak Company Using digital objects organized according to a histogram timeline
US8555165B2 (en) 2003-05-08 2013-10-08 Hillcrest Laboratories, Inc. Methods and systems for generating a zoomable graphical user interface
JP4800953B2 (ja) * 2003-05-15 2011-10-26 コムキャスト ケーブル ホールディングス，エルエルシー 映像再生方法およびシステム
US7437005B2 (en) * 2004-02-17 2008-10-14 Microsoft Corporation Rapid visual sorting of digital files and data
US20050246732A1 (en) * 2004-05-02 2005-11-03 Mydtv, Inc. Personal video navigation system
JP4167205B2 (ja) * 2004-06-22 2008-10-15 松下電器産業株式会社 表示制御装置及び表示制御方法
US9053754B2 (en) * 2004-07-28 2015-06-09 Microsoft Technology Licensing, Llc Thumbnail generation and presentation for recorded TV programs
KR101118762B1 (ko) * 2005-02-07 2012-03-20 톰슨 라이센싱 사용자가 장치를 제어하게 하는 방법
EP2565797B1 (en) 2005-04-18 2019-10-23 BlackBerry Limited Method For Providing Wireless Application Privilege Management
US7797641B2 (en) * 2005-05-27 2010-09-14 Nokia Corporation Mobile communications terminal and method therefore
US20060271867A1 (en) * 2005-05-27 2006-11-30 Wang Kong Q Mobile communications terminal and method therefore
JP4815927B2 (ja) * 2005-07-27 2011-11-16 ソニー株式会社 表示装置、メニュー表示方法、メニュー表示方法のプログラム及びメニュー表示方法のプログラムを記録した記録媒体
US8564543B2 (en) * 2006-09-11 2013-10-22 Apple Inc. Media player with imaged based browsing
US7836475B2 (en) * 2006-12-20 2010-11-16 Verizon Patent And Licensing Inc. Video access
US8065603B2 (en) * 2007-04-30 2011-11-22 Google Inc. Hiding portions of display content
US8261205B2 (en) * 2007-05-30 2012-09-04 Hewlett-Packard Development Company, L.P. User interface for presenting a list of thumbnail items associated with media items
KR100955578B1 (ko) * 2007-12-18 2010-04-30 한국전자통신연구원 스테레오스코픽 콘텐츠 장면 재생 방법 및 그 장치
AU2007249153B2 (en) * 2007-12-20 2010-08-26 Canon Kabushiki Kaisha A method of browsing media items using thumbnails
KR101434295B1 (ko) 2008-01-07 2014-09-25 삼성전자주식회사 디스플레이 장치에 표시된 화면의 일부분을 전자장치를통해 ｇｕｉ로 제공하는 방법 및 이를 적용한 전자장치
US20090193465A1 (en) * 2008-01-25 2009-07-30 Sony Corporation Expanded playlist for tv video player
US8151215B2 (en) * 2008-02-07 2012-04-03 Sony Corporation Favorite GUI for TV
US8593408B2 (en) * 2008-03-20 2013-11-26 Lg Electronics Inc. Electronic document reproduction apparatus and reproducing method thereof
US20090327969A1 (en) 2008-06-27 2009-12-31 Microsoft Corporation Semantic zoom in a virtual three-dimensional graphical user interface
US8028246B2 (en) * 2008-08-21 2011-09-27 Eastman Kodak Company Concierge—shopping assistant
US8321783B2 (en) * 2008-09-30 2012-11-27 Apple Inc. Visualizing content positioning within a document using layers
US8237666B2 (en) * 2008-10-10 2012-08-07 At&T Intellectual Property I, L.P. Augmented I/O for limited form factor user-interfaces
JP5229084B2 (ja) * 2009-04-14 2013-07-03 ソニー株式会社 表示制御装置、表示制御方法およびコンピュータプログラム
KR101570696B1 (ko) * 2009-05-29 2015-11-20 엘지전자 주식회사 영상표시장치 및 그 동작방법
JP5526652B2 (ja) * 2009-08-18 2014-06-18 ソニー株式会社 表示装置及び表示方法
US9383916B2 (en) * 2009-09-30 2016-07-05 Microsoft Technology Licensing, Llc Dynamic image presentation
KR20110054415A (ko) * 2009-11-17 2011-05-25 삼성전자주식회사 화면 표시 방법 및 장치
US10007393B2 (en) * 2010-01-19 2018-06-26 Apple Inc. 3D view of file structure
US8621514B2 (en) * 2010-06-23 2013-12-31 Echostar Broadcasting Corporation Apparatus, systems and methods for a video thumbnail electronic program guide
KR101651135B1 (ko) * 2010-07-12 2016-08-25 엘지전자 주식회사 이동 단말기 및 그 제어 방법
JP5733614B2 (ja) * 2011-03-29 2015-06-10 リコーイメージング株式会社 撮影情報管理方法、及び撮影情報管理装置
KR20120130466A (ko) * 2011-05-23 2012-12-03 삼성전자주식회사 휴대단말기에서 외부장치의 데이터를 제어할 수 있는 장치 및 방법
US8700999B2 (en) * 2011-08-15 2014-04-15 Google Inc. Carousel user interface for document management
US9996241B2 (en) * 2011-10-11 2018-06-12 Microsoft Technology Licensing, Llc Interactive visualization of multiple software functionality content items
JP5189221B1 (ja) * 2012-03-13 2013-04-24 シャープ株式会社 コンテンツ表示装置、テレビジョン受像機、メニュー画面生成方法、プログラム、及び、記録媒体
EP2648096A1 (en) * 2012-04-07 2013-10-09 Samsung Electronics Co., Ltd Method and system for controlling display device and computer-readable recording medium
US20130328913A1 (en) * 2012-06-06 2013-12-12 Orgbook, Inc. Methods for viewing and navigating between perspectives of a data set
KR101909030B1 (ko) * 2012-06-08 2018-10-17 엘지전자 주식회사 비디오 편집 방법 및 이를 위한 디지털 디바이스
US9118967B2 (en) * 2012-08-17 2015-08-25 Jamdeo Technologies Ltd. Channel changer for intelligent television
US20140053110A1 (en) * 2012-08-20 2014-02-20 OrgSpan, Inc. Methods for Arranging and Presenting Information According to A Strategic Organization Hierarchy
US20150160801A1 (en) * 2012-09-04 2015-06-11 Surfwax, Inc. User interfaces for grid navigation
US8732613B2 (en) * 2012-09-06 2014-05-20 Google Inc. Dynamic user interface for navigating among GUI elements
US20140109012A1 (en) * 2012-10-16 2014-04-17 Microsoft Corporation Thumbnail and document map based navigation in a document
KR101992182B1 (ko) * 2013-06-11 2019-06-24 엘지전자 주식회사 영상표시장치의 동작 방법
US20150070283A1 (en) * 2013-09-06 2015-03-12 Linkedln Corporation Techniques for providing a scrolling carousel

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20030117430A1 (en) * 1998-05-19 2003-06-26 United Video Properties, Inc. Program guide system with video window browsing
US20110047513A1 (en) 2009-08-18 2011-02-24 Sony Corporation Display device and display method
US20130276030A1 (en) * 2011-01-11 2013-10-17 Sharp Kabushiki Kaisha Video display device and video display method

Also Published As

Publication number Publication date
US11726645B2 (en) 2023-08-15
KR20240034719A (ko) 2024-03-14
CN105307000A (zh) 2016-02-03
EP2950549B1 (en) 2020-12-16
US20220083210A1 (en) 2022-03-17
KR20210096037A (ko) 2021-08-04
US10739966B2 (en) 2020-08-11
EP2950549A3 (en) 2016-01-13
CN105307000B (zh) 2018-10-26
KR20150136794A (ko) 2015-12-08
KR20220127208A (ko) 2022-09-19
US20150346975A1 (en) 2015-12-03
EP3806480A1 (en) 2021-04-14
US20200341621A1 (en) 2020-10-29
KR102643709B1 (ko) 2024-03-06
US11188208B2 (en) 2021-11-30
WO2015182869A1 (en) 2015-12-03
KR102442170B1 (ko) 2022-09-08
EP2950549A2 (en) 2015-12-02
KR20220027112A (ko) 2022-03-07
KR102364443B1 (ko) 2022-02-17

Similar Documents

Publication Publication Date Title
KR102442170B1 (ko) 디스플레이 장치의 이의 디스플레이 방법
US9851862B2 (en) Display apparatus and displaying method for changing a cursor based on a user change of manipulation mode
US9285953B2 (en) Display apparatus and method for inputting characters thereof
US10712918B2 (en) User terminal device and displaying method thereof
US10747416B2 (en) User terminal device and method for displaying thereof
KR20140133362A (ko) 디스플레이 장치 및 그 ui 화면 제공 방법
KR20140020568A (ko) 디스플레이 장치 및 이의 제어 방법
US20140173516A1 (en) Display apparatus and method of providing user interface thereof
US10628034B2 (en) User terminal device and method for controlling user terminal device thereof
EP2986013A1 (en) User terminal apparatus, display apparatus, system and control method thereof
US20140333422A1 (en) Display apparatus and method of providing a user interface thereof
US10545633B2 (en) Image output method and apparatus for providing graphical user interface for providing service
KR20150111095A (ko) 디스플레이 장치 및 이의 제어 방법
US20140195980A1 (en) Display apparatus and method for providing user interface thereof
KR20150142347A (ko) 사용자 단말 및 이의 제어 방법, 그리고 멀티미디어 시스템
KR20150074389A (ko) 디스플레이 장치 및 그 디스플레이 방법
CN103905753A (zh) 显示设备和用于控制该显示设备的方法
KR20140083229A (ko) 디스플레이 장치 및 이의 메뉴 제공 방법
KR20170125004A (ko) 디스플레이 장치 및 그 ui 화면 제공 방법
US20200267453A1 (en) Display device and control method therefor
KR20140089475A (ko) 디스플레이 장치 및 이의 ui 제공 방법

Legal Events

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