KR101821381B1 - 디스플레이 장치 및 그의 ui 화면 디스플레이 방법 - Google Patents

디스플레이 장치 및 그의 ui 화면 디스플레이 방법 Download PDF

Info

Publication number
KR101821381B1
KR101821381B1 KR1020130053215A KR20130053215A KR101821381B1 KR 101821381 B1 KR101821381 B1 KR 101821381B1 KR 1020130053215 A KR1020130053215 A KR 1020130053215A KR 20130053215 A KR20130053215 A KR 20130053215A KR 101821381 B1 KR101821381 B1 KR 101821381B1
Authority
KR
South Korea
Prior art keywords
screen
main
elements
mapped
sub
Prior art date
Application number
KR1020130053215A
Other languages
English (en)
Other versions
KR20140133269A (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 KR1020130053215A priority Critical patent/KR101821381B1/ko
Priority to US14/133,792 priority patent/US9690459B2/en
Priority to EP14152515.4A priority patent/EP2801977A1/en
Publication of KR20140133269A publication Critical patent/KR20140133269A/ko
Application granted granted Critical
Publication of KR101821381B1 publication Critical patent/KR101821381B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/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
    • 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/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G11—INFORMATION STORAGE
    • G11B—INFORMATION STORAGE BASED ON RELATIVE MOVEMENT BETWEEN RECORD CARRIER AND TRANSDUCER
    • G11B27/00—Editing; Indexing; Addressing; Timing or synchronising; Monitoring; Measuring tape travel
    • G11B27/10—Indexing; Addressing; Timing or synchronising; Measuring tape travel
    • G11B27/34—Indicating arrangements 

Abstract

디스플레이 장치가 개시된다. 본 디스플레이 장치는 디스플레이부, 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면을 구성하는 사용자 명령을 입력받는 입력부 및 사용자 명령에 의해 선택된 적어도 하나의 UI 요소가 포함되도록 메인 UI 화면을 구성하고, 사용자 명령에 따라 구성된 메인 UI 화면을 디스플레이부에 디스플레이하도록 제어하는 제어부를 포함하며, 적어도 하나의 UI 요소는, 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소이다.

Description

디스플레이 장치 및 그의 UI 화면 디스플레이 방법 { DISPLAY APPARATUS AND USER INTERFACE SCREEN DISPLAYING METHOD USING THE SMAE }
본 발명은 디스플레이 장치 및 그의 UI 화면 디스플레이 방법에 관한 것으로, 더욱 상세하게는 컨텐츠 재생을 컨트롤하기 위한 UI 화면을 디스플레이하는 디스플레이 장치 및 그의 UI 화면 디스플레이 방법에 관한 것이다.
최근 컨텐츠 산업의 발전으로 음악, 영화 등 다양한 컨텐츠가 생산되고 있으며, 그에 따라, 사용자들은 자신의 전자 기기를 통해 다양한 컨텐츠를 감상할 수 있게 되었다.
한편, 전자 기기는 컨텐츠를 재생할 수 있는 플레이어를 통해 컨텐츠를 재생하고 있다. 종래의 컨텐츠 플레이어의 경우, 사용자가 필요로 하지 않는 기능들을 제공하기 위한 UI 요소들이 배치되어 있고, 수 많은 탐색 과정을 거쳐야 사용자가 원하는 기능을 실행할 수 있어 사용자에게 불편을 초래하였다.
이에 따라, 사용자가 원하는 기능을 제공할 수 있는 UI 요소들만으로 화면을 구성하여 보다 직관적인 인터페이스를 제공하기 위한 방안의 모색이 요청되었다.
본 발명은 상술한 문제점을 해결하기 위해 안출된 것으로, 본 발명의 목적은 컨텐츠 재생과 관련된 기능이 매핑된 UI 요소를 사용자가 선택하여 원하는 위치에 배치시켜 보다 직관적인 인터페이스를 제공할 수 있는 디스플레이 장치 및 그의 UI 화면 디스플레이 방법을 제공함에 있다.
이상과 같은 목적을 달성하기 위한 본 발명의 일 실시 에에 따른 디스플레이 장치는 디스플레이부, 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면을 구성하는 사용자 명령을 입력받는 입력부 및, 상기 사용자 명령에 의해 선택된 적어도 하나의 UI 요소가 포함되도록 상기 메인 UI 화면을 구성하고, 상기 사용자 명령에 따라 구성된 메인 UI 화면을 상기 디스플레이부에 디스플레이하도록 제어하는 제어부를 포함하며, 상기 적어도 하나의 UI 요소는, 상기 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소이다.
여기에서, 상기 제어부는, 기설정된 이벤트가 발생하면 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 상기 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 상기 메인 UI 화면을 구성할 수 있다.
또한, 상기 제어부는, 상기 메인 UI 화면과 상기 서브 UI 화면을 동시에 디스플레이하고, 상기 서브 UI 화면 상에 디스플레이된 UI 요소를 선택하여 상기 메인 UI 화면으로 이동시키는 사용자 명령에 따라 상기 선택된 UI 요소를 상기 메인 UI 화면으로 이동시켜 디스플레이할 수 있다.
그리고, 상기 제어부는, 상기 컨텐츠 재생과 관련된 동일한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 상기 서브 UI 화면에 디스플레이할 수 있다.
또한, 상기 제어부는, 상기 복수의 UI 요소가 제공하는 기능별로 상기 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이할 수 있다.
그리고, 상기 제어부는, 상기 컨텐츠 재생과 관련된 상이한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 상기 서브 UI 화면에 디스플레이할 수 있다.
또한, 상기 제어부는, 상기 사용자 명령에 따라 상기 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 제거할 수 있다.
그리고, 상기 적어도 하나의 UI 요소는, 장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 하나를 포함할 수 있다.
한편, 본 발명의 일 실시 예에 따른 디스플레이 장치의 UI 화면 디스플레이 방법은 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면을 구성하는 사용자 명령을 입력받는 단계 및, 상기 사용자 명령에 의해 선택된 적어도 하나의 UI 요소가 포함되도록 상기 메인 UI 화면을 구성하여 디스플레이하는 단계를 포함하며, 상기 적어도 하나의 UI 요소는, 상기 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소이다,
여기에서, 상기 디스플레이하는 단계는, 기설정된 이벤트가 발생하면 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 상기 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 상기 메인 UI 화면을 구성하여 디스플레이할 수 있다.
또한, 상기 디스플레이하는 단계는, 상기 메인 UI 화면과 상기 서브 UI 화면을 동시에 디스플레이하고, 상기 서브 UI 화면 상에 디스플레이된 UI 요소를 선택하여 상기 메인 UI 화면으로 이동시키는 사용자 명령에 따라 상기 선택된 UI 요소를 상기 메인 UI 화면으로 이동시켜 디스플레이할 수 있다.
그리고, 상기 디스플레이하는 단계는, 상기 컨텐츠 재생과 관련된 동일한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 상기 서브 UI 화면에 디스플레이할 수 있다.
또한, 상기 디스플레이하는 단계는, 상기 복수의 UI 요소가 제공하는 기능별로 상기 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이할 수 있다.
그리고, 상기 디스플레이하는 단계는, 상기 컨텐츠 재생과 관련된 상이한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 상기 서브 UI 화면에 디스플레이할 수 있다.
또한, 상기 디스플레이하는 단계는, 상기 사용자 명령에 따라 상기 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 제거할 수 있다.
그리고, 상기 적어도 하나의 UI 요소는, 장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 하나를 포함할 수 있다.
이상과 같은 본 발명의 다양한 실시 예에 따르면 사용자들은 컨텐츠 재생과 관련된 기능이 매핑된 UI 요소들 중 자신이 UI 요소를 선택하여 원하는 위치에 배치시켜 컨텐츠 재생을 컨트롤하기 위한 UI 화면을 구성할 수 있게 된다. 이와 같이, 사용자는 자신이 원하는 대로 컨텐츠 재생을 컨트롤하기 위한 UI 화면을 커스터마이징 할 수 있다는 점에서, 사용자의 편의성이 향상될 수 있다.
도 1은 본 발명의 일 실시 예에 따른 디스플레이 장치의 구성을 설명하기 위한 블록도,
도 2 내지 도 23은 본 발명의 일 실시 예에 따른 UI 화면을 구성하는 방법을 설명하기 위한 도면들,
도 24는 본 발명의 일 실시 예에 따른 디스플레이 장치의 세부 구성을 설명하기 위한 블록도, 그리고
도 25는 본 발명의 일 실시 예에 따른 UI 화면 디스플레이 방법을 설명하기 위한 흐름도이다.
이하에서는 첨부된 도면을 참조하여 본 발명을 보다 상세하게 설명한다.
도 1은 본 발명의 일 실시 예에 따른 디스플레이 장치의 구성을 설명하기 위한 블록도이다. 도 1에 따르면, 디스플레이 장치(100)는 디스플레이부(110), 입력부(120) 및 제어부(130)를 포함한다. 여기에서, 디스플레이 장치(100)는 스마트 폰, 태블릿, TV, 데스크탑 PC, 노트북 등과 같은 다양한 형태의 전자 장치로 구현될 수 있다.
디스플레이부(110)는 다양한 UI 화면을 디스플레이한다. 구체적으로, 디스플레이부(110)는 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면 및 컨텐츠 재생과 관련된 기능이 매핑된 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이할 수 있다.
메인 UI 화면은 디스플레이 장치(100)에서 재생되는 컨텐츠를 컨트롤하기 위한 UI 화면으로, 적어도 하나의 UI 요소를 포함할 수 있다. 여기에서, UI 요소는 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소로, 사용자는 메인 UI 화면에 디스플레이된 UI 요소를 선택하여 디스플레이 장치(100)에서 재생되는 컨텐츠를 컨트롤할 수 있다.
한편, 메인 UI 화면에 디스플레이된 UI 요소는 서브 UI 화면으로부터 제공될 수 있다. 즉, 사용자는 서브 UI 화면에 디스플레이된 복수의 UI 요소 중 자신이 원하는 UI 요소만을 선택하고, 선택된 UI 요소를 메인 UI 화면 상에서 자신이 원하는 위치로 이동시켜 메인 UI 화면을 구성할 수 있다.
입력부(120)는 다양한 사용자 명령을 입력받는다.
특히, 입력부(120)는 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면을 구성하는 사용자 명령을 입력받을 수 있다. 구체적으로, 입력부(120)는 서브 UI 화면을 디스플레이하기 위한 사용자 명령, 서브 UI 화면에 디스플레이된 복수의 UI 요소 중 적어도 하나를 선택하여 메인 UI 화면으로 이동시키는 사용자 명령, 메인 UI 화면 상에 디스플레이된 UI 요소의 위치를 변경하는 사용자 명령, 메인 UI 화면 상에 디스플레이된 UI 요소를 제거하는 사용자 명령, 서브 UI 화면을 제거하기 위한 사용자 명령 등과 같이 메인 UI 화면을 구성하기 위한 다양한 사용자 명령을 입력받을 수 있다 .
또한, 입력부(120)는 컨텐츠 재생과 관련된 기능을 실행하기 위한 사용자 명령을 입력받을 수 있다. 구체적으로, UI 요소에는 컨텐츠 재생과 관련된 기능이 매핑되어 있다는 점에서, 입력부(120)는 메인 UI 화면 상에 디스플레이된 UI 요소를 선택하는 사용자 명령을 입력받을 수 있다.
이를 위해, 입력부(120)는 디스플레이부(110)와 함께 터치 스크린 형태로 구현될 수 있다. 이 경우, 입력부(120)는 사용자 명령을 터치 조작으로 입력받을 수 있다.
제어부(130)는 디스플레이 장치(100)의 전반적인 동작을 제어한다. 제어부(130)는 CPU(central processing unit), 디스플레이 장치(100)의 동작을 위한 RAM(Random Access Memory), ROM(Read Only Memory) 등을 포함할 수 있다.
특히, 제어부(130)는 사용자 명령에 의해 선택된 적어도 하나의 UI 요소가 포함되도록 메인 UI 화면을 구성하고, 사용자 명령에 따라 구성된 메인 UI 화면을 디스플레이부(110)에 디스플레이하도록 제어할 수 있다.
이를 위해, 제어부(130)는 기설정된 이벤트가 발생하면 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 메인 UI 화면을 구성할 수 있다.
여기에서, 기설정된 이벤트는 디스플레이부(110)에 디스플레이된 메인 UI 화면을 플릭(flick)하는 터치 조작이 될 수 있다.
이 경우, 제어부(130)는 플릭 조작이 입력되면, 플릭 조작이 이루어진 방향으로 메인 UI 화면을 이동시켜 일부를 제거하고, 플릭 조작이 이루어진 방향으로 서브 UI 화면을 점차 새로이 디스플레이하여 메인 UI 화면이 제거된 영역에 서브 UI 화면을 디스플레이할 수 있다.
또는, 제어부(130)는 플릭 조작이 입력되면, 플릭 조작이 이루어진 방향으로 서브 UI 화면을 점차 새로이 디스플레이하여 메인 UI 화면의 일 영역에 서브 UI 화면을 오버랩하여 디스플레이할 수도 있다.
이와 같이, 제어부(130)는 기설정된 이벤트가 발생하면 메인 UI 화면과 서브 UI 화면을 동시에 디스플레이할 수 있다.
그리고, 제어부(130)는 서브 UI 화면 상에 디스플레이된 UI 요소를 선택하여 메인 UI 화면으로 이동시키는 사용자 명령에 따라 선택된 UI 요소를 메인 UI 화면으로 이동시켜 디스플레이할 수 있다.
구체적으로, 제어부(130)는 서브 UI 화면 상에 디스플레이된 복수의 UI 요소 중 하나를 터치하여 메인 UI 화면으로 드래그하는 사용자 명령이 입력되면, 터치 앤 드래그 조작이 입력된 UI 요소를 서브 UI 화면에서 메인 UI 화면으로 이동시켜 디스플레이하고, UI 요소에 대한 터치가 해제되면 터치가 해제된 위치에 UI 요소를 배치하여 디스플레이할 수 있다.
이 경우, 제어부(130)는 서브 UI 화면 상에서 UI 요소를 제거할 수 있다. 즉, 제어부(130)는 터치 앤 드래그 조작에 따라 서브 UI 화면 상에 디스플레이되던 UI 요소를 메인 UI 화면으로 이동시킬 수 있다.
다만, 제어부(130)는 서브 UI 화면 상에서 UI 요소를 제거하지 않을 수도 있다. 즉, 제어부(130)는 터치 앤 드래그 조작에 따라 UI 요소가 메인 UI 화면 상으로 이동되어 디스플레이되더라도, UI 요소를 서브 UI 화면 상에 계속적으로 디스플레이할 수도 있다.
한편, 제어부(130)는 사용자 명령에 따라 메인 UI 화면 상에 디스플레이되는 UI 요소의 위치를 변경할 수 있다.
구체적으로, 메인 UI 화면과 서브 UI 화면이 함께 디스플레이된 상태에서, 메인 UI 화면의 일 영역 상에 디스플레이된 UI 요소를 터치한 후 메인 UI 화면의 다른 영역으로 드래그시키는 사용자 명령이 입력되면, 제어부(130)는 터치 앤 드래그 조작에 따라 UI 요소를 메인 UI 화면 상에서 이동시켜 디스플레이하고, UI 요소에 대한 터치가 해제되면 터치가 해제된 위치에 UI 요소를 배치시켜 디스플레이할 수 있다.
또는, 메인 UI 화면만이 디스플레이된 상태에서, 메인 UI 화면의 일 영역 상에 디스플레이된 UI 요소를 기설정된 시간 이상 터치한 후 메인 UI 화면의 다른 영역으로 드래그하는 사용자 명령이 입력되면, 제어부(130)는 터치 앤 드래그 조작에 따라 UI 요소를 메인 UI 화면 상에서 이동시켜 디스플레이하고, UI 요소에 대한 터치가 해제되면 터치가 해제된 위치에 UI 요소를 배치시켜 디스플레이할 수 있다.
또한, 제어부(130)는 사용자 명령에 따라 메인 UI 화면 상에 디스플레이되는 적어도 하나의 UI 요소를 제거할 수 있다.
구체적으로, 메인 UI 화면만이 디스플레이된 상태 또는 메인 UI 화면과 서브 UI 화면이 함께 디스플레이된 상태에서, 메인 UI 화면 상에 디스플레이되는 UI 요소를 기설정된 시간 이상 터치한 후 터치를 해제하는 사용자 명령이 입력되면, 제어부(130)는 해당 UI 요소를 삭제할 수 있는 삭제 아이템을 디스플레이하고, 삭제 아이템이 선택되면 UI 요소를 메인 UI 화면 상에서 제거할 수 있다. 또는, 제어부(130)는 UI 요소에 대해 기설정된 시간 이상 터치가 이루어지면, 별도의 삭제 아이템을 디스플레이함이 없이 해당 UI 요소를 바로 제거할 수도 있다.
이 경우, 제어부(130)는 메인 UI 화면 상에서 제거된 UI 요소를 서브 UI 화면 상에 디스플레이할 수 있다. 이는, 터치 앤 드래그 조작에 따라 서브 UI 화면 상에 디스플레이되던 UI 요소가 메인 UI 화면으로 이동되어 해당 UI 요소가 서브 UI 화면 상에서 제거된 경우에 적용될 수 있다.
구체적으로, 메인 UI 화면만이 디스플레이된 상태에서 UI 요소가 삭제된 경우, 제어부(130)는 이후 서브 UI 화면이 디스플레이될 때 삭제된 UI 요소를 서브 UI 화면에 포함시켜 디스플레이할 수 있다.
또한, 메인 UI 화면과 서브 UI 화면이 함께 디스플레이된 상태에서 UI 요소가 삭제된 경우, 제어부(130)는 삭제된 UI 요소를 서브 UI 화면으로 이동시키면서 디스플레이할 수 있다.
또한, 제어부(130)는 사용자 명령에 따라 메인 UI 화면 상에 디스플레이되는 적어도 하나의 UI 요소의 크기를 변경할 수 있다.
구체적으로, 제어부(130)는 메인 UI 화면만이 디스플레이된 상태에서, UI 화면 상에 디스플레이되는 UI 요소를 기설정된 시간 이상 터치한 후 터치를 해제하는 사용자 명령이 입력된 후, UI 요소의 크기를 변경하기 위한 사용자 명령이 입력되면 해당 UI 요소의 크기를 변경할 수 있다.
또한, 제어부(130)는 메인 UI 화면과 서브 UI 화면이 함께 디스플레이된 상태에서, UI 요소의 크기를 변경하기 위한 사용자 명령이 입력되면 해당 UI 요소의 크기를 변경할 수 있다.
이들 경우에서, 제어부(130)는 핀치 인 조작이 입력되면 UI 요소의 크기를 확대시키고, 핀치 아웃 조작이 입력되면 UI 요소의 크기를 축소시킬 수 있다.
한편, 제어부(130)는 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 활성화시킬 수 있다.
구체적으로, 제어부(130)는 메인 UI 화면만이 디스플레이된 상태에서 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 활성화시키고, 사용자에 의해 UI 요소가 선택되면 선택된 UI 요소에 매핑되는 기능을 실행할 수 있다.
다만, 제어부(130)는 메인 UI 화면과 서브 UI 화면이 함께 디스플레이된 경우에는, 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 비활성화시켜 메인 UI 화면 상에 디스플레이된 UI 요소가 선택되더라도 선택된 UI 요소에 매핑되는 기능을 실행하지 않을 수 있다. 또한, 제어부(130)는 서브 UI 화면 상에 디스플레이된 복수의 UI 요소를 비활성화시켜 서브 UI 화면 상에 디스플레이된 UI 요소가 선택되더라고 선택된 UI 요소에 매핑되는 기능을 실행하지 않을 수 있다.
또한, 제어부(130)는 사용자 명령에 따라 서브 UI 화면 상에 다른 UI 요소를 디스플레이할 수 있다.
구체적으로, 제어부(130)는 사용자 명령에 따라 현재 서브 UI 화면 상에 디스플레이되는 복수의 UI 요소 외의 다른 UI 요소를 디스플레이할 수 있다. 예를 들어, 제어부(130)는 서브 UI 화면이 디스플레이된 상태에서 플릭 조작이 입력되면, 현재 디스플레이되는 복수의 UI 요소 외의 다른 UI 요소를 서브 UI 화면 상에 디스플레이할 수 있다. 이 경우, 플릭 조작은 서브 UI 화면을 디스플레이하기 위한 방향과 다른 방향의 플릭 조작일 수 있다
또한, 제어부(130)는 기설정된 이벤트가 발생하면 서브 UI 화면을 제거할 수 있다. 여기에서, 기설정된 이벤트는 디스플레이부(110)에 디스플레이된 메인 UI 화면 또는 서브 UI 화면을 플릭하는 터치 조작으로, 서브 UI 화면을 디스플레이하기 위한 플릭 조작과는 반대 방향의 플릭 조작이 될 수 있다.
이 경우, 제어부(130)는 플릭 조작이 이루어진 방향으로 서브 UI 화면을 점차 제거하고, 플릭 조작이 이루어진 방향으로 메인 UI 화면을 이동시켜 제거되었던 메인 UI 화면을 완전히 디스플레이할 수 있다.
또는, 제어부(130)는 메인 UI 화면과 서브 UI 화면이 오버랩되어 디스플레이된 경우, 플릭 조작이 이루어진 방향으로 서브 UI 화면을 점차 제거하여 서브 UI 화면에 의해 가려졌던 메인 UI 화면을 완전히 디스플레이할 수도 있다.
한편, UI 요소는 상이한 그래픽으로 표현되어 컨텐츠 재생과 관련된 서로 동일하거나 상이한 기능이 매핑되어 있을 수 있다.
여기에서, 상이한 그래픽은 색상 및 형태 중 적어도 하나가 다른 경우를 포함할 수 있으며, UI 요소의 그래픽이 상이한 경우, 각 UI 요소마다 매핑된 기능을 실행하기 위해 입력되어야 하는 사용자 명령은 서로 다를 수 있다.
구체적으로, 제어부(130)는 컨텐츠 재생과 관련된 상이한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 서브 UI 화면에 디스플레이할 수 있다. 즉, 제어부(130)는 서로 다른 기능을 제공할 수 있는 복수의 UI 요소를 서로 다른 그래픽 요소로 나타내어 서브 UI 화면 상에 디스플레이할 수 있다.
또한, 제어부(130)는 컨텐츠 재생과 관련된 동일한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 서브 UI 화면 상에 디스플레이할 수 있다. 즉, 제어부(130)는 동일한 기능을 제공할 수 있는 복수의 UI 요소를 서로 다른 그래픽 요소로 나타내어 서브 UI 화면 상에 디스플레이할 수 있다.
이 경우, 제어부(130)는 복수의 UI 요소가 제공하는 기능별로 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이할 수 있다. 즉, 제어부(130)는 서로 다른 그래픽으로 표현되지만, 동일한 기능을 제공할 수 있는 각 UI 요소를 서로 인접한 영역에 디스플레이할 수 있다.
한편, 상술한 바와 같이, UI 요소의 그래픽이 상이한 경우, 각 UI 요소마다 해당 UI 요소에 매핑된 기능을 실행하기 위해 입력되어야 하는 사용자 명령은 같거나 서로 다를 수 있다.
이에 따라, 제어부(130)는 각 UI 요소를 나타내는 그래픽에 대응되는 사용자 명령이 입력되면, UI 요소에 매핑되는 기능을 실행할 수 있다.
예를 들어, 터치 버튼 타입으로 표현된 UI 요소의 경우, 제어부(130)는 터치 버튼 타입의 UI 요소를 터치하는 사용자 명령이 입력되면 해당 UI 요소에 매핑된 기능을 실행할 수 있다. 또한, 핀치 인/아웃 버튼 타입으로 표현된 UI 요소의 경우, 제어부(130)는 핀치 인/아웃 버튼 타입의 UI 요소에 핀치 인/아웃의 사용자 명령이 입력되면 해당 UI 요소에 매핑된 기능을 실행할 수 있다.
다른 예로, 휠 타입 또는 조그 휠 타입으로 표현된 UI 요소의 경우, 제어부(130)는 휠 타입 또는 조그 휠 타입의 UI 요소를 터치하여 회전시키는 사용자 명령이 입력되면, 해당 UI 요소에 매핑된 기능을 실행할 수 있다.
또 다른 예로, 조그 바 타입으로 표현된 UI 요소의 경우, 제어부(130)는 조그 바 타입의 UI 요소를 터치하여 이동시키는 사용자 명령이 입력되면, 해당 UI 요소에 매핑된 기능을 실행할 수 있다.
이에 따라, 사용자들은 자신이 원하는 기능을 제공하는 UI 요소들 중에서 자신이 원하는 그래픽으로 표현된 UI 요소를 선택하고, 해당 UI 요소에 대응되는 터치 조작을 입력하여 UI 요소에 매핑된 기능을 제공받을 수 있게 된다.
한편, 상술한 바와 같이, UI 요소는 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소일 수 있다.
구체적으로, UI 요소는 장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 하나를 포함할 수 있다. 또한, 적어도 하나의 UI 요소는 컨텐츠 재생, 정지, 일지정지, 다른 컨텐츠 재생 등 각각의 기능이 매핑된 UI 요소 중 적어도 하나를 포함할 수 있다.
뿐만 아니라, UI 요소는 컨텐츠에 대한 정보를 제공하는 UI 요소를 포함할 수도 있다. 여기에서, 컨텐츠에 대한 정보는 재생되는 컨텐츠의 타이틀, 재생 시간, 가수명, 관련 이미지(가령, 가수 이미지, 앨범 이미지 등), 해당 컨텐츠를 포함하는 플레이리스트 등을 포함할 수 있다.
이하에서는, 첨부된 도면을 참조하여 컨텐츠가 음악인 경우 메인 UI 화면에 디스플레이된 UI 요소를 통해 음악 재생을 컨트롤하는 방법에 대해 보다 구체적으로 설명하도록 한다. 한편, 이하에서는 디스플레이 장치(100)가 스마트 폰으로 구현된 경우를 가정하도록 한다.
먼저, 제어부(130)는 사용자 명령에 따라 메인 UI 화면을 디스플레이할 수 있다. 여기에서, 사용자 명령은 음악 재생을 컨트롤할 수 있는 어플리케이션(이하, 음악 컨트롤 어플리케이션)을 실행하기 위한 명령일 수 있다. 제어부(130)는 디스플레이 장치(100)에 구비된 특정 버튼을 선택하거나, 홈 화면 상에서 음악 컨트롤 어플리케이션을 나타내는 아이콘이 선택되면, 음악 컨트롤 어플리케이션을 실행하여 메인 UI 화면을 디스플레이할 수 있다.
이 경우, 제어부(130)는 도 2와 같은 메인 UI 화면(200)을 디스플레이할 수 있다. 도 2와 같이, 메인 UI 화면(200)에는 현재 재생되는 음악에 대한 정보를 제공하는 UI 요소(210), 음악 재생, 일시정지, 볼륨 조절 기능, 이전/다음 곡 재생의 기능이 매핑된 UI 요소(220), 특정 장르의 음악을 재생하기 위한 기능이 매핑된 UI 요소(230)가 디스플레이될 수 있다.
여기에서, 메인 UI 화면(200)을 구성하는 UI 요소들(210 내지 230)은 이전에 사용자에 의해 설정된 것일 수 있다. 즉, 사용자가 서브 UI 화면 상에 디스플레이되던 UI 요소들(210 내지 230)을 터치 앤 드래그 동작을 통해 메인 UI 화면(200)으로 이동시킨 후 음악 컨트롤 어플리케이션을 종료한 경우, 제어부(130)는 음악 컨트롤 어플리케이션이 종료되기 전에 메인 UI 화면의 최종 상태를 저장하고, 이후 음악 컨트롤 어플리케이션이 재차 실행되면 최종 상태로 저장된 메인 UI 화면 즉, 도 2와 같은 메인 UI 화면(200)을 디스플레이할 수 있다.
이 경우, 제어부(130)는 사용자별로 메인 UI 화면을 디스플레이할 수 있다. 구체적으로, 제어부(130)는 음악 컨트롤 어플리케이션이 실행되면 인증 정보(가령, 아이디, 패스워드)를 입력받기 위한 화면을 디스플레이하여, 사용자로부터 인증 정보를 입력받을 수 있다. 제어부(130)는 인증 정보가 입력되면 인증 정보에 매칭되는 메인 UI 화면을 디스플레이할 수 있다. 이를 위해, 제어부(130)는 인증 정보가 입력된 상태에서 구성된 메인 UI 화면의 최종 상태를 인증 정보별로 저장할 수 있다.
한편, 제어부(130)는 메인 UI 화면(200)을 통해 입력된 사용자 명령에 대응되는 음악을 재생할 수 있다.
예를 들어, 제어부(130)는 도 2와 같은 메인 UI 화면(200) 상에 디스플레이된 UI 요소(220)에서 음악 재생은 버튼 타입으로 구현되었다는 점에서 음악 재생을 위한 버튼이 터치되면 UI 요소(230)에 의해 선택된 장르의 음악을 재생할 수 있다.
한편, 도 2의 경우, UI 요소(230)를 통해 POP이 선택된 상태라는 점에서, 제어부(130)는 POP 장르를 갖는 음악에 대한 플레이리스트를 구성하여 POP 음악을 순차적으로 재생할 수 있다. 그리고, 제어부(130)는 현재 재생되는 POP 음악의 타이틀, 재생 시간, 다음 재생되는 음악의 타이틀에 대한 정보를 UI 요소(210)를 통해 디스플레이할 수 있다.
한편, 재생되는 음악은 디스플레이 장치(100)에 기저장되거나, 외부 서버(미도시)로부터 스트리밍받을 수 있다.
구체적으로, 제어부(130)는 디스플레이 장치(100)에 기저장된 음악의 메타데이터를 참조하여 메인 UI 화면을 통해 입력된 사용자 명령에 대응되는 플레이리스트를 생성하고, 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다.
또한, 제어부(130)는 메인 UI 화면을 통해 입력된 사용자 명령에 대응되는 플레이리스트의 전송을 외부 서버(미도시)로 요청하고, 플레이리스트에 포함된 음악을 외부 서버(미도시)로부터 순차적으로 스트리밍받아 재생할 수 있다. 여기에서, 외부 서버(미도시)는 음악 스트리밍 서비스를 제공하는 서버일 수 있다.
예를 들어, 도 2의 경우, 제어부(130)는 디스플레이 장치(100)에 기저장된 음악 중 POP 음악을 검색하여 POP 음악으로 구성된 플레이리스트를 생성하고, 플레이리스트에 포함된 POP 음악을 순차적으로 재생할 수 있다. 또한, 제어부(130)는 외부 서버(미도시)에 기저장된 음악 중 POP 음악으로 구성된 플레이리스트의 전송을 요청하여 수신하고, 플레이리스트에 포함된 POP 음악을 외부 서버(미도시)로부터 순차적으로 스트리밍받아 재생할 수 있다.
한편, 제어부(130)는 메인 UI 화면(200)이 디스플레이된 상태에서 하측에서 상측 방향으로 플릭 조작이 입력되면, 도 3과 같이 메인 UI 화면(200)과 서브 UI 화면(300)을 함께 디스플레이할 수 있다.
이 경우, 제어부(130)는 메인 UI 화면(200)을 상측 방향으로 이동시켜 메인 UI 화면(200)의 일부를 제거하고, 하측에서 상측 방향으로 서브 UI 화면(300)을 점차 새로이 디스플레이하여 메인 UI 화면(200)이 제거된 영역에 서브 UI 화면(300)을 디스플레이할 수 있다.
한편, 서브 UI 화면(300)에는 도 3과 같이 동일한 기능을 제공하지만 서로 다른 그래픽으로 표현된 복수의 UI 요소들이 서로 인접하여 디스플레이될 수 있다.
구체적으로, 서브 UI 화면(300)은 시간대 별 음악을 재생하기 위한 기능이 매핑된 UI 요소들(310), 장르별 음악을 재생하기 위한 기능이 매핑된 UI 요소들(320), 현재 재생되는 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소들(330)을 포함할 수 있다.
여기에서, UI 요소들(310)은 조그 바 타입의 UI 요소, 조그 휠 타입의 UI 요소를 포함하고, UI 요소들(320)은 버튼 타입의 UI 요소를 포함하고, UI 요소들(330)은 핀치 인/아웃 조작으로 동작하는 버튼 타입의 UI 요소를 포함할 수 있다.
또한, 제어부(130)는 메인 UI 화면(200) 또는 서브 UI 화면(300) 상에 좌측에서 우측 방향으로의 플릭 조작이 입력되면, 도 4와 같이 현재 디스플레이되는 UI 요소 외의 다른 UI 요소를 서브 UI 화면(300) 상에 디스플레이할 수 있다. 이 경우에도, 동일한 기능을 제공하지만 서로 다른 그래픽으로 표현된 복수의 UI 요소들은 서로 인접하게 디스플레이될 수 있다.
구체적으로, 새롭게 디스플레이된 서브 UI 화면(300)은 현재 재생되는 음악이 포함된 플레이리스트, 현재 재생되는 음악과 관련된 이미지, 이퀄라이저 등과 같이 현재 재생되는 음악에 대한 정보를 제공하는 UI 요소들(340), 음악 재생, 정지, 일시정지, 다음/이전 곡 재생 등 각각의 기능이 매핑된 UI 요소들(350), 사용자에 의해 입력된 키워드에 대응되는 음악을 재생하기 위한 기능이 매핑된 UI 요소들(360)을 포함할 수 있다.
여기에서, UI 요소들(350)은 버튼 타입의 UI 및 휠 타입의 UI 요소를 포함하고, 요소들(360)은 버튼 타입의 UI 요소를 포함할 수 있다.
또한, 제어부(130)는 도 4와 같은 서브 UI 화면(300)이 디스플레이된 상태에서 우측에서 좌측 방향으로의 플릭 조작이 입력되면, 이전에 디스플레이되던 복수의 UI 요소를 포함하는 서브 UI 화면(300)을 디스플레이할 수 있다. 즉, 제어부(130)는 도 3과 같은 서브 UI 화면(300)을 디스플레이할 수 있다.
한편, 도 3 및 도 4에서 UI 요소들이 표현되는 그래픽 형태는 일 예일 뿐, 다양하게 변경될 수 있음은 물론이다.
이와 같이, 본 발명의 일 실시 예에 따르면 동일한 기능을 제공하는 복수의 UI 요소들이 서로 다른 그래픽으로 표현되어 디스플레이될 수 있다. 이에 따라, 사용자들은 자신이 원하는 형태 및 색상으로 이루어진 UI 요소를 선택하여 메인 UI 화면으로 이동시키고, 이를 선택하여 해당 UI 요소에 매핑된 기능을 제공받을 수 있다.
예를 들어, 제어부(130)는 도 5와 같이, 장르별로 음악을 재생하기 위한 기능이 매핑된 UI 요소들(320) 중 하나가 터치되어 메인 UI 화면(200) 상에 디스플레이된 UI 요소(230)로 드래그되면, 터치 앤 드래그 조작이 입력된 UI 요소(321)를 UI 요소(230)로 이동시켜 디스플레이할 수 있다.
이 경우, UI 요소(230)는 서브 UI 화면(300)이 디스플레이됨에 따라 메인 UI 화면(200) 상에서 제거된 상태라는 점에서, 제어부(130)는 터치 앤 드래그 조작에 의해 터치된 지점이 메인 UI 화면(200)의 상부 영역에 위치하고 있으며 제거되었던 메인 UI 화면(200)을 디스플레이할 수 있다. 그리고, 제어부(130)는 UI 요소(321)에 대한 터치가 UI 요소(230)에서 해제되면, 도 6과 같이 R&B 장르를 UI 요소(230)에 추가할 수 있다.
그리고, 제어부(130)는 도 7과 같이 메인 UI 화면(200) 상에 디스플레이된 휠 타입의 UI 요소(230)를 회전시켜 R&B 장르를 선택하기 위한 사용자 명령이 입력되면, R&B 장르가 선택되도록 UI 요소(230)를 변경하고, R&B 장르를 갖는 음악을 포함하는 플레이리스트를 생성하여 R&B 음악을 순차적으로 재생할 수 있다.
한편, 상술한 도 5 내지 도 7와 같이, 제어부(130)는 버튼 타입으로 표현되는 장르별 음악을 재생하기 위한 기능이 매핑된 UI 요소들(320)이 사용자 명령에 따라 메인 UI 화면(200) 상에서 서로 중첩하여 위치하게 되는 경우, 휠 타입의 그래픽으로 변형하여 디스플레이할 수 있다. 다만, 제어부(130)는 장르별 음악을 재생하기 위한 기능이 매핑된 UI 요소들(320)이 메인 UI 화면(200) 상에서 서로 중첩하여 위치하지 않는 경우에는, 버튼 타입으로 디스플레이할 수 있다. 이 경우, 제어부(130)는 해당 UI 요소를 터치하는 사용자 명령에 따라 특정 장르를 갖는 음악을 재생할 수 있다.
또한, 제어부(130)는 도 8 및 도 9와 같이, 음악에 대한 정보를 제공하는 UI 요소들(340) 중 하나가 터치되어 메인 UI 화면(200)으로 드래그되면, 터치 앤 드래그 조작이 입력된 UI 요소(341)를 메인 UI 화면(200)으로 이동시켜 디스플레이할 수 있다. 그리고, 제어부(130)는 UI 요소(341)에 대한 터치가 메인 UI 화면(200)의 빈 영역에서 해제되면, 터치가 해제된 위치에 UI 요소(341)를 디스플레이하고, 현재 재생되는 음악과 관련된 이미지(가령, 앨범 이미지)를 UI 요소(341)를 통해 디스플레이할 수 있다.
이후, 제어부(130)는 도 10 및 도 11과 같이 UI 요소(210)를 기설정된 시간 이상 터치하는 사용자 명령이 입력되면, UI 요소(210)를 삭제하기 위한 삭제 아이템(211)을 디스플레이할 수 있다. 그리고, 제어부(130)는 삭제 아이템(211)이 선택되면 메인 UI 화면(200) 상에서 UI 요소(210)를 제거할 수 있다.
또한, 제어부(130)는 도 12 및 도 13과 같이, 사용자에 의해 입력된 키워드에 대응되는 음악을 재생하기 위한 기능이 매핑된 UI 요소들(360) 중 하나가 터치되어 메인 UI 화면(200)으로 드래그되면, 터치 앤 드래그 조작이 입력된 UI 요소(361)를 메인 UI 화면(200)으로 이동시켜 디스플레이할 수 있다. 그리고, 제어부(130)는 UI 요소(361)에 대한 터치가 메인 UI 화면(200)의 빈 영역에서 해제되면, 터치가 해제된 위치에 UI 요소(361)를 디스플레이할 수 있다.
이후, 제어부(130)는 도 14와 같이 메인 UI 화면(200) 상에 디스플레이된 UI 요소(361)가 선택되면, 디스플레이 장치(100)에 구비된 마이크(미도시)를 활성화하여 사용자의 음성을 수집하고, 수집된 사용자의 음성을 음성 인식 관련 서비스를 제공할 수 있는 외부 서버(미도시)로 전송하도록 제어할 수 있다.
한편, 외부 서버(미도시)는 디스플레이 장치(100)로부터 전달받은 사용자 음성을 텍스트로 변환하고, 사용자의 음성으로부터 음악과 관련된 키워드를 추출할 수 있다. 구체적으로, 외부 서버(미도시)는 음악 타이틀, 앨범명, 가수명 등과 같은 다양한 키워드를 저장하고, 기저장된 키워드와 매칭되는 단어를 사용자의 음성으로부터 추출할 수 있다. 그리고, 외부 서버(미도시)는 사용자의 음성으로부터 추출된 음악과 관련된 키워드를 디스플레이 장치(100)로 전송할 수 있다.
제어부(130)는 외부 서버(미도시)로부터 키워드가 수신되면, 메인 UI 화면(200) 상에 디스플레이된 UI 요소(361)에 키워드를 부가하여 디스플레이할 수 있다. 여기에서, 제어부(130)는 키워드 자체 또는, 각 키워드마다 매칭된 이미지를 UI 요소(361)에 부가할 수 있다. 후자의 경우, 제어부(130)는 각 키워드별로 기저장된 이미지들 중에서 키워드에 매핑되는 이미지를 검색하거나, 웹 검색을 통해 이미지를 검색하여 UI 요소(361)에 부가할 수 있다. 예를 들어, 도 14 및 도 15와 같이, 사용자가 "비틀즈"라고 발화한 경우, 제어부(130)는 "비틀즈"에 매칭되는 이미지를 UI 요소(361)에 부가할 수 있다.
한편, 상술한 예에서는 음성 인식을 위해 사용자의 음성을 외부 서버(미도시)로 전송하는 것으로 설명하였으나 이는 일 예에 불과하다. 즉, 제어부(130)는 음성 인식 모듈(미도시)을 구비하여 사용자의 음성을 인식하여 음악과 관련된 키워드를 추출할 수도 있다.
그리고, 제어부(130)는 메인 UI 화면(200) 상에 디스플레이된 UI 요소(361)가 재차 선택되면, 키워드에 부합하는 음악을 포함하는 플레이리스트를 생성하고, 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다. 여기에서, 키워드에 부합하는 음악이란, 키워드가 가수명인 경우 해당 가수가 부른 음악이 될 수 있다.
구체적으로, 제어부(130)는 디스플레이 장치(100)에 기저장된 음악의 메타데이터를 참조하여 키워드에 부합하는 음악을 검색하고, 검색된 음악으로 구성된 플레이리스트를 생성하고, 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다. 또한, 제어부(130)는 음악 스트리밍 서비스를 제공하는 외부 서버(미도시)로 키워드를 전송하고, 키워드에 부합하는 음악으로 구성된 플레이리스트를 수신받고, 플레이스트에 포함된 음악을 순차적으로 스트리밍받아 재생할 수 있다. 예를 들어, 도 15의 경우, 사용자가 UI 요소(361)를 선택하면, 제어부(130)는 "비틀즈"의 음악을 순차적으로 재생할 수 있다.
또한, 제어부(130)는 도 16 및 도 17과 같이, 시간대 별 음악을 재생하기 위한 기능이 매핑된 UI 요소들(310) 중 하나가 터치되어 메인 UI 화면(200)으로 드래그되면, 터치 앤 드래그 조작이 입력된 UI 요소(311)를 메인 UI 화면으로 이동시켜 디스플레이할 수 있다. 그리고, 제어부(130)는 UI 요소(311)에 대한 터치가 메인 UI 화면(200)의 빈 영역에서 해제되면, 터치가 해제된 위치에 UI 요소(311)를 디스플레이할 수 있다.
이 경우, 제어부(130)는 다른 UI 요소를 통해 입력된 사용자 명령에 대응되는 음악을 발매 연도(또는, 제작 연도)별로 그룹핑하고, 발매 연도별로 그룹핑된 음악을 선택받기 위한 UI 요소(311)의 스케일을 결정할 수 있다. 그리고, 제어부(130)는 결정된 스케일로 UI 요소(311)로 나타내어 메인 UI 화면(200) 상에 디스플레이할 수 있다.
구체적으로, 도 16 및 도 17의 경우, UI 요소(230)를 통해 POP 음악이 선택된 상태라는 점에서, 제어부(130)는 POP 음악의 발매 연도를 확인하여 UI 요소(311)의 스케일을 결정한다. 예를 들어, POP 음악이 발매 연도별로 1950년대, 1960년대, 1970년대, 1980년대, 1990년대, 2000년대, 2010년대로 그룹핑되는 경우, 제어부(130)는 각 발매 연도를 선택받기 위해 7 단계의 스케일이 요구되는 판단하고, 조그 바 타입의 UI 요소(311)를 7 단계로 구성하여 메인 UI 화면(200) 상에 디스플레이할 수 있다.
이후, 제어부(130)는 발매 연도별로 그룹핑된 음악 각각을 포함하는 플레이리스트를 생성하고, UI 요소(311)에 의해 선택된 발매 연도에 대응되는 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다.
예를 들어, 제어부(130)는 도 18과 같이, 메인 UI 화면(200) 상에 디스플레이된 조그 바 타입의 UI 요소(311)를 터치하여 2000 년대로 이동시키는 사용자 명령이 입력되면, POP 음악 중 2000 년대에 발매된 음악으로 구성된 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다.
또한, 제어부(130)는 UI 요소(230)를 통해 장르를 변경하는 사용자 명령이 입력되면, 변경된 장르에 따라 UI 요소(311)의 스케일을 변경할 수 있다. 구체적으로, 제어부(130)는 변경된 장르에 대응되는 음악을 발매 연도별로 그룹핑하고, 발매 연도별로 그룹핑된 음악을 선택받기 위한 UI 요소(311)의 스케일을 결정할 수 있다. 그리고, 제어부(130)는 결정된 스케일로 UI 요소(311)로 나타내어 메인 UI 화면(200) 상에 디스플레이할 수 있다.
예를 들어, 제어부(130)는 도 19와 같이, UI 요소(230)를 통해 장르를 Dance로 변경하는 사용자 명령이 입력되면, Dance 음악의 발매 연도를 확인하여 UI 요소(361)의 스케일을 결정한다. 즉, 제어부(130)는 Dance 음악이 발매 연도별로 1960년대, 1980년대, 2000년대, 2010년대로 그룹핑되는 경우, 제어부(130)는 각 발매 연도 선택받기 위해 4 단계의 스케일이 요구되는 판단하고, 조그 바 타입의 UI 요소(311)를 4 단계로 구성하여 메인 UI 화면(200) 상에 디스플레이할 수 있다.
한편, 상술한 예에서는 사용자에 의해 선택된 장르에 대응되는 음악을 발매 연도별로 그룹핑하여 사용자에게 제공하는 것으로 설명하였으나 이는 일 예에 불과하며, 다른 UI 요소에 의해 선택된 사용자 명령에 대응되는 음악을 발매 연도별로 그룹핑하여 사용자에게 제공할 수도 있다.
예를 들어, 제어부(130)는 사용자에 의해 입력된 키워드에 대응되는 음악을 재생하기 위한 기능이 매핑된 UI 요소(361)에 의해 검색된 음악을 발매 연도별로 그룹핑하여 플레이리스트를 생성할 수도 있다. 예를 들어, "비틀즈"가 부가된 UI 요소(361)가 선택되면, 제어부(130)는 "비틀즈"의 음악을 발매 연도별로 그룹핑하여 플레이리스트를 생성하고, UI 요소(311)에 의해 선택된 발매 연도에 대응되는 플레이리스트에 포함된 음악을 순차적으로 재생할 수도 있다. 이 경우에도, 제어부(130)는 "비틀즈"의 음악을 발매 연도에 따라 UI 요소(311)의 스케일을 변경할 수 있다.
또한, 제어부(130)는 도 20 및 도 21과 같이, 현재 재생 중인 음악과 관련된 타 음악을 재생하기 위한 기능이 매핑된 UI 요소들(330) 중 하나가 터치되어 메인 UI 화면(200)으로 드래그되면, 터치 앤 드래그 조작이 입력된 UI 요소(331)를 메인 UI 화면(200)으로 이동시켜 디스플레이할 수 있다. 그리고, 제어부(130)는 UI 요소(331)에 대한 터치가 메인 UI 화면(200)의 빈 영역에서 해제되면, 터치가 해제된 위치에 UI 요소(331)를 디스플레이할 수 있다.
한편, 메인 UI 화면(200)으로 드래그된 UI 요소(331)는 핀치 아웃 조작이 입력되면 UI 요소(331)에 매핑된 기능이 실행되고, 핀치 인 조작이 입력되면 실행되었던 기능이 중지되는 타입의 UI 요소일 수 있다.
이에 따라, 제어부(130)는 도 22와 같이 메인 UI 화면(200) 상에 디스플레이된 UI 요소(331)에 핀치 아웃 조작이 입력되면 현재 재생 중인 음악과 관련된 타 음악으로 구성된 플레이리스트를 생성하고, 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다. 즉, 제어부(130)는 현재 재생되고 있는 음악의 가수가 부른 다른 음악으로 구성된 플레이리스트를 생성하고, 플레이리스트에 포함된 음악을 순차적으로 재생할 수 있다. 예를 들어, 현재 재생 중인 플레이리스트에 포함된 각 POP 음악의 가수가 A,B,C,D,E,F,G,H,...인 경우를 가정한다. 이 경우, 제어부(130)는 D의 음악이 재생되고 있는 도중 UI 요소(331)에 핀치 아웃 조작이 입력되면, D가 부른 다른 음악으로 구성된 플레이리스트를 생성하고, 플레이리스트에 포함된 D의 음악을 순차적으로 재생할 수 있다.
한편, 제어부(130)는 도 23과 같이 UI 요소(331)에 핀치 인 조작이 입력되면 핀치 아웃 조작이 입력되기 전에 재생되던 음악을 순차적으로 재생할 수 있다. 상술한 예에서, 제어부(130)는 D가 부른 다른 음악으로 구성된 플레이리스트에 포함된 음악이 순차적으로 재생되고 있던 도중 핀치 인 조작이 입력되면, 이전의 플레이리스트에서 E가 부른 음악부터 순차적으로 재생할 수 있다. 이에 따라, 사용자는 자신이 원하는 가수의 음악을 편리하게 감상할 수 있게 된다.
한편, 상술한 바와 같이, UI 요소는 컨텐츠 재생과 관련된 기능이 매핑되어 있다는 점에서, 서브 위젯으로 볼 수 있다. 즉, UI 요소는 컨텐츠 재생을 컨트롤하는 기능을 제공하는 위젯을 구성하는 서브 위젯으로 구현될 수 있다.
예를 들어, 음악 재생을 컨트롤하는 위젯이 재생, 일시정지, 다음 곡 재생, 이전 곡 재생 등 각각의 서브 기능을 수행하는 서브 위젯으로 구현되는 경우, 본 발명에서의 UI 요소는 재생, 일시정지, 다음 곡 재생, 이전 곡 재생 등 각각의 기능이 매핑되어 있다는 점에서, 음악 재생을 컨트롤하는 위젯에서의 서브 위젯으로 볼 수 있다. 이러한 관점에서 볼 때, 본 발명은 서브 위젯의 역할을 하는 UI 요소를 이용하여 메인 UI 화면을 구성하는 것으로 볼 수 있다.
도 24는 본 발명의 일 실시 예에 따른 디스플레이 장치의 세부 구성을 설명하기 위한 블록도이다. 도 24에 따르면, 디스플레이 장치(100)는 도 1에 도시된 구성요소 외에 저장부(140), 통신부(150), 오디오 출력부(160), 마이크(170)를 포함할 수 있다.
저장부(140)는 디스플레이 장치(100)를 구동하고 제어하기 위한 각종 데이터, 운영 체제(Operating System: OS) 및 디스플레이 장치(100)에서 실행 가능한 어플리케이션 프로그램을 저장할 수 있다. 여기에서, 어플리케이션 프로그램은 음악 재생을 컨트롤할 수 있는 어플리케이션을 포함할 수 있다.
또한, 저장부(140)는 UI 화면을 구성하기 위한 다양한 그래픽 요소를 저장할 수 있다. 여기에서, 그래픽 요소는 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소일 수 있다.
또한, 저장부(140)는 디스플레이 장치(100)에서 재생 가능한 컨텐츠를 저장할 수 있다. 여기에서, 컨텐츠는 음악, 동영상, 이미지 등을 포함할 수 있다.
또한, 저장부(140)는 메인 UI 화면의 최종 상태를 저장할 수 있다. 이 경우, 저장부(140)는 인증 정보별로 메인 UI 화면의 최종 상태를 저장할 수도 있다.
이러한 기능을 수행하는 저장부(140)는 비휘발성 메모리(가령, 플래시 메모리, EEROM(Electrically Erasable ROM)), 하드 디스크 등과 같은 다양한 형태의 저장 매체로 구현될 수 있다.
통신부(150)는 다양한 통신 방식을 이용하여 네트워크 통신을 수행할 수 있다. 구체적으로, 통신부(150)는 3G(3rd Generation), 3GPP(3rd Generation Partnership Project), LTE(Long Term Evoloution), 와이파이(Wifi), 유/무선 LAN(Local Area Network) 등 다양한 통신 방식을 이용하여 외부 서버(미도시)와 네트워크 통신을 수행할 수 있다. 이를 위해, 통신부(150)는 각 통신 방식에 따라 네트워크 통신을 수행하기 위한 다양한 통신 모듈을 구비할 수 있다.
오디오 출력부(160)는 스피커 또는 오디오 출력 포트 등으로 구현되어, 각종 오디오 데이터를 출력하기 위한 구성이다. 여기에서, 오디오 데이터는 컨텐츠를 구성하는 오디오 데이터일 수 있다. 뿐만 아니라, 오디오 출력부(160)는 각종 알림음이나 음성 메시지 등을 출력할 수도 있다.
마이크(170)는 사용자의 음성을 수집하기 위한 구성이다. 마이크(170)를 통해 입력된 사용자 음성은 통화(call) 과정에서 이용되거나, 음성 인식을 통해 외부 서버(미도시)로 전송될 수 있다.
도 25는 본 발명의 일 실시 예에 따른 UI 디스플레이 방법을 설명하기 위한 흐름도이다.
먼저, 컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면을 구성하는 사용자 명령을 입력받는다(S2510).
이후, 사용자 명령에 의해 선택된 적어도 하나의 UI 요소가 포함되도록 메인 UI 화면을 구성하여 디스플레이한다(S2520). 여기에서, 적어도 하나의 UI 요소는, 컨텐츠 재생과 관련된 기능이 매핑된 그래픽 요소로, 장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 하나를 포함할 수 있다.
구체적으로, S2520 단계에서 기설정된 이벤트가 발생하면 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 메인 UI 화면을 구성하여 디스플레이할 수 있다.
보다 구체적으로, 메인 UI 화면과 서브 UI 화면을 동시에 디스플레이하고, 서브 UI 화면 상에 디스플레이된 UI 요소를 선택하여 메인 UI 화면으로 이동시키는 사용자 명령에 따라 선택된 UI 요소를 메인 UI 화면으로 이동시켜 디스플레이할 수 있다.
한편, S2520 단계는, 컨텐츠 재생과 관련된 동일한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 서브 UI 화면에 디스플레이할 수 있다. 여기에서, 복수의 UI 요소가 제공하는 기능별로 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이할 수 있다.
또한, S2520 단계는, 컨텐츠 재생과 관련된 상이한 기능이 상이한 그래픽 요소에 각각 매핑된 복수의 UI 요소를 서브 UI 화면에 디스플레이할 수 있다.
한편, S2520 단계는, 사용자 명령에 따라 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 제거할 수 있다.
또한, 본 발명에 따른 UI 화면 디스플레이 방법을 순차적으로 수행하는 프로그램이 저장된 비일시적 판독 가능 매체(non-transitory computer readable medium)가 제공될 수 있다.
비일시적 판독 가능 매체란 레지스터, 캐쉬, 메모리 등과 같이 짧은 순간 동안 데이터를 저장하는 매체가 아니라 반영구적으로 데이터를 저장하며, 기기에 의해 판독(reading)이 가능한 매체를 의미한다. 구체적으로는, 상술한 다양한 어플리케이션 또는 프로그램들은 CD, DVD, 하드 디스크, 블루레이 디스크, USB, 메모리카드, ROM 등과 같은 비일시적 판독 가능 매체에 저장되어 제공될 수 있다.
또한, 디스플레이 장치에 대해 도시한 상술한 블록도에서는 버스(bus)를 미도시하였으나, 디스플레이 장치에서 각 구성요소 간의 통신은 버스를 통해 이루어질 수도 있다. 또한, 디스플레이 장치에는 상술한 다양한 단계를 수행하는 CPU, 마이크로 프로세서 등과 같은 프로세서가 더 포함될 수도 있다.
또한, 이상에서는 본 발명의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 발명은 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 발명의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 발명의 기술적 사상이나 전망으로부터 개별적으로 이해되어져서는 안될 것이다.
100 : 디스플레이 장치 110 : 디스플레이부
120 : 입력부 130 : 제어부

Claims (16)

  1. 디스플레이 장치에 있어서,
    디스플레이부;
    사용자 명령을 입력받는 입력부; 및
    컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면 및 상기 컨텐츠 재생과 관련된 기능이 매핑된 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하도록 상기 디스플레이부를 제어하는 제어부;를 포함하며,
    상기 제어부는,
    상기 서브 UI 화면 내의 상기 복수의 UI 요소 중 하나를 선택하여 상기 메인 UI 화면으로 이동시키는 사용자 명령이 상기 입력부를 통해 입력되면, 상기 선택된 UI 요소에 매핑된 기능의 실행없이 상기 선택된 UI 요소를 상기 메인 UI로 이동시키고,
    상기 서브 UI 화면이 제거된 상태에서 상기 메인 UI 화면에 포함된 상기 이동된 UI 요소를 선택하는 사용자 명령이 상기 입력부를 통해 입력되면, 상기 이동된 UI 요소에 매핑된 기능을 실행하는 디스플레이 장치.
  2. 제1항에 있어서,
    상기 제어부는,
    상기 메인 UI 화면이 디스플레이된 상태에서 기설정된 이벤트가 발생하면 상기 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 상기 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 상기 메인 UI 화면을 구성하는 것을 특징으로 하는 디스플레이 장치.
  3. 제1항에 있어서,
    상기 제어부는,
    상기 메인 UI 화면과 상기 서브 UI 화면을 동시에 디스플레이하고, 상기 이동시키는 사용자 명령에 따라 상기 선택된 UI 요소를 상기 메인 UI 화면으로 이동시켜 디스플레이하는 것을 특징으로 하는 디스플레이 장치.
  4. 제1항에 있어서,
    상기 복수의 UI 요소는,
    상기 컨텐츠 재생과 관련된 동일한 기능이 매핑된 서로 다른 복수의 UI 요소를 포함하는 것을 특징으로 하는 디스플레이 장치.
  5. 제4항에 있어서,
    상기 제어부는,
    상기 복수의 UI 요소가 제공하는 기능별로 상기 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이하는 것을 특징으로 하는 디스플레이 장치.
  6. 제1항에 있어서,
    상기 복수의 UI 요소는,
    상기 컨텐츠 재생과 관련된 상이한 기능이 매핑된 서로 다른 복수의 UI 요소를 포함하는 것을 특징으로 하는 디스플레이 장치.
  7. 제1항에 있어서,
    제어부는,
    상기 사용자 명령에 따라 상기 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 제거하는 것을 특징으로 하는 디스플레이 장치.
  8. 제1항에 있어서,
    상기 복수의 UI 요소는,
    장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 둘을 포함하는 것을 특징으로 하는 디스플레이 장치.
  9. 디스플레이 장치의 UI 화면 디스플레이 방법에 있어서,
    컨텐츠 재생을 컨트롤하기 위한 메인 UI 화면 및 상기 컨텐츠 재생과 관련된 기능이 매핑된 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하는 단계;
    상기 서브 UI 화면 내의 상기 복수의 UI 요소 중 하나를 선택하여 상기 메인 UI 화면으로 이동시키는 사용자 명령이 입력되면, 상기 선택된 UI 요소에 매핑된 기능의 실행없이 상기 선택된 UI 요소를 상기 메인 UI로 이동시키는 단계; 및
    상기 서브 UI 화면이 제거된 상태에서 상기 메인 UI 화면에 포함된 상기 이동된 UI 요소를 선택하는 사용자 명령이 입력되면, 상기 이동된 UI 요소에 매핑된 기능을 실행하는 단계;를 포함하는 UI 화면 디스플레이 방법.
  10. 제9항에 있어서,
    상기 디스플레이하는 단계는,
    상기 메인 UI 화면이 디스플레이된 상태에서 기설정된 이벤트가 발생하면 상기 복수의 UI 요소를 포함하는 서브 UI 화면을 디스플레이하고, 상기 서브 UI 화면 상에서 선택된 적어도 하나의 UI 요소를 포함하도록 상기 메인 UI 화면을 구성하여 디스플레이하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  11. 제9항에 있어서,
    상기 디스플레이하는 단계는,
    상기 메인 UI 화면과 상기 서브 UI 화면을 동시에 디스플레이하고,
    상기 이동시키는 단계는,
    상기 이동시키는 사용자 명령에 따라 상기 선택된 UI 요소를 상기 메인 UI 화면으로 이동시켜 디스플레이하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  12. 제9항에 있어서,
    상기 복수의 UI 요소는,
    상기 컨텐츠 재생과 관련된 동일한 기능이 상이한 매핑된 서로 다른 복수의 UI 요소를 포함하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  13. 제12항에 있어서,
    상기 디스플레이하는 단계는,
    상기 복수의 UI 요소가 제공하는 기능별로 상기 복수의 UI 요소를 그룹핑하여, 동일한 기능을 제공하는 각 UI 요소를 서로 인접한 영역에 디스플레이하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  14. 제9항에 있어서,
    상기 복수의 UI 요소는,
    상기 컨텐츠 재생과 관련된 상이한 기능이 매핑된 서로 다른 복수의 UI 요소를 포함하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  15. 제9항에 있어서,
    사용자 명령에 따라 상기 메인 UI 화면 상에 디스플레이된 적어도 하나의 UI 요소를 제거하는 단계;를 더 포함하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
  16. 제9항에 있어서,
    상기 복수의 UI 요소는,
    장르 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 시간대 별 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 사용자에 의해 입력된 키워드에 대응되는 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소, 현재 재생 중인 컨텐츠와 관련된 타 컨텐츠를 재생하기 위한 기능이 매핑된 UI 요소 중 적어도 둘을 포함하는 것을 특징으로 하는 UI 화면 디스플레이 방법.
KR1020130053215A 2013-05-10 2013-05-10 디스플레이 장치 및 그의 ui 화면 디스플레이 방법 KR101821381B1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020130053215A KR101821381B1 (ko) 2013-05-10 2013-05-10 디스플레이 장치 및 그의 ui 화면 디스플레이 방법
US14/133,792 US9690459B2 (en) 2013-05-10 2013-12-19 Display apparatus and user interface screen displaying method using the same
EP14152515.4A EP2801977A1 (en) 2013-05-10 2014-01-24 Display apparatus and user interface screen displaying method using the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130053215A KR101821381B1 (ko) 2013-05-10 2013-05-10 디스플레이 장치 및 그의 ui 화면 디스플레이 방법

Publications (2)

Publication Number Publication Date
KR20140133269A KR20140133269A (ko) 2014-11-19
KR101821381B1 true KR101821381B1 (ko) 2018-01-23

Family

ID=50097541

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130053215A KR101821381B1 (ko) 2013-05-10 2013-05-10 디스플레이 장치 및 그의 ui 화면 디스플레이 방법

Country Status (3)

Country Link
US (1) US9690459B2 (ko)
EP (1) EP2801977A1 (ko)
KR (1) KR101821381B1 (ko)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD738905S1 (en) 2013-06-09 2015-09-15 Apple Inc. Display screen or portion thereof with animated graphical user interface
US9355555B2 (en) * 2013-09-27 2016-05-31 Sonos, Inc. System and method for issuing commands in a media playback system
JP6511352B2 (ja) * 2015-07-03 2019-05-15 株式会社エクシング 楽曲検索装置及び楽曲検索用プログラム
KR102317619B1 (ko) 2016-09-23 2021-10-26 삼성전자주식회사 전자 장치 및 이의 제어 방법
KR20180067855A (ko) * 2016-12-13 2018-06-21 엘지전자 주식회사 이동단말기 및 그 제어 방법
USD851111S1 (en) 2017-09-09 2019-06-11 Apple Inc. Electronic device with graphical user interface
USD843442S1 (en) 2017-09-10 2019-03-19 Apple Inc. Type font
USD902221S1 (en) 2019-02-01 2020-11-17 Apple Inc. Electronic device with animated graphical user interface
USD900871S1 (en) 2019-02-04 2020-11-03 Apple Inc. Electronic device with animated graphical user interface
USD956775S1 (en) * 2019-10-02 2022-07-05 Meta Platforms, Inc. Display screen with a graphical user interface
CN113867854A (zh) * 2020-06-30 2021-12-31 华为技术有限公司 提示方法及终端设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060015818A1 (en) * 2004-06-25 2006-01-19 Chaudhri Imran A Unified interest layer for user interface
WO2011100115A1 (en) * 2010-02-12 2011-08-18 Dynavox Systems Llc System and method for creating custom media player interface for speech generation device

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7064772B1 (en) 2000-06-01 2006-06-20 Aerocast.Com, Inc. Resizable graphical user interface
KR101012300B1 (ko) 2008-03-07 2011-02-08 삼성전자주식회사 터치스크린을 구비한 휴대 단말기의 사용자 인터페이스장치 및 그 방법
KR101546782B1 (ko) 2008-10-02 2015-08-25 삼성전자주식회사 휴대단말의 대기화면 구성 방법 및 장치
KR101113906B1 (ko) * 2009-09-04 2012-02-29 노상기 전자기기 단말기용 사용자 인터페이스 화면 구성 방법 및 이를 수행하기 위한 전자기기 단말기
US10140301B2 (en) 2010-09-01 2018-11-27 Apple Inc. Device, method, and graphical user interface for selecting and using sets of media player controls
US20140123006A1 (en) * 2012-10-25 2014-05-01 Apple Inc. User interface for streaming media stations with flexible station creation

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060015818A1 (en) * 2004-06-25 2006-01-19 Chaudhri Imran A Unified interest layer for user interface
WO2011100115A1 (en) * 2010-02-12 2011-08-18 Dynavox Systems Llc System and method for creating custom media player interface for speech generation device

Also Published As

Publication number Publication date
EP2801977A1 (en) 2014-11-12
KR20140133269A (ko) 2014-11-19
US20140337771A1 (en) 2014-11-13
US9690459B2 (en) 2017-06-27

Similar Documents

Publication Publication Date Title
KR101821381B1 (ko) 디스플레이 장치 및 그의 ui 화면 디스플레이 방법
US11792256B2 (en) Directional touch remote
KR102161230B1 (ko) 멀티미디어 콘텐츠 검색을 위한 사용자 인터페이스 방법 및 장치
US9547437B2 (en) Method and system for scanning preview of digital media
US20090195515A1 (en) Method for providing ui capable of detecting a plurality of forms of touch on menus or background and multimedia device using the same
US20100318939A1 (en) Method for providing list of contents and multimedia apparatus applying the same
US10739953B2 (en) Apparatus and method for providing user interface
CN103403655A (zh) 与上下文有关的用户界面
KR20140031717A (ko) 콘텐츠 관리 방법 및 장치
US20160253087A1 (en) Apparatus and method for controlling content by using line interaction
EP3059973A1 (en) System and method for multi-track playback of media content
US20150277707A1 (en) System and method for multi-track playback of media content
JP2014522012A (ja) ビジュアル検索及び推奨ユーザインタフェース及び装置
JP2009169955A (ja) コンテンツリストを表示する方法および装置
US10976895B2 (en) Electronic apparatus and controlling method thereof
KR102040287B1 (ko) 음향 출력 장치 및 그 제어 방법
KR20150136315A (ko) 디스플레이 장치 및 이의 제어 방법
KR102330475B1 (ko) 단말기 및 그의 동작 방법
JP2008118618A (ja) ビデオ再生デバイスにおいて対話型コンテンツをダウンロードして遠隔制御装置の機能を実現するためのシステムおよび方法
KR20140024034A (ko) 멀티미디어 컨텐츠를 표시 및 재생 방법과 멀티미디어 컨텐츠를 표시 및 재생 방법

Legal Events

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