KR20180101985A - 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법 - Google Patents

웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법 Download PDF

Info

Publication number
KR20180101985A
KR20180101985A KR1020170109645A KR20170109645A KR20180101985A KR 20180101985 A KR20180101985 A KR 20180101985A KR 1020170109645 A KR1020170109645 A KR 1020170109645A KR 20170109645 A KR20170109645 A KR 20170109645A KR 20180101985 A KR20180101985 A KR 20180101985A
Authority
KR
South Korea
Prior art keywords
list item
displayed
display area
focus
display
Prior art date
Application number
KR1020170109645A
Other languages
English (en)
Other versions
KR101990833B1 (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 주식회사 케이티
Publication of KR20180101985A publication Critical patent/KR20180101985A/ko
Application granted granted Critical
Publication of KR101990833B1 publication Critical patent/KR101990833B1/ko

Links

Images

Classifications

    • G06F17/30899—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • 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]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 장치는 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 웹 브라우저의 표시 영역에 표시하는 페이지 표시부, 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하는 스크롤 영역 검출부, 검출된 스크롤 영역에 따라 이동하여 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시하는 UI 표시부 및 포커스 UI를 통해 선택받은 리스트 항목을 표시하는 리스트 항목 표시부를 포함하고, 포커스 UI는 표시 영역에 표시된 적어도 하나의 리스트 항목 중 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동이 가능하고, 페이지 표시부는 포커스 UI가 표시 영역의 최하단에 일부만이 표시된 리스트 항목으로 이동되는 경우, 표시 영역의 다음 영역을 표시할 수 있다.

Description

웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법{DEVICE AND METHOD FOR PROVIDING USER INTERFACE TO WEB BROWSER}
본 발명은 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법에 관한 것이다.
IPTV(Internet Protocol Television)란 초고속 인터넷 망을 이용하여 영화와 방송프로그램과 같은 동영상 컨텐츠와 인터넷 검색 등 다양한 멀티미디어 컨텐츠를 텔레비전 수상기로 제공하는 양방향 방송 및 통신 서비스이다. 시청자는 리모컨을 이용하여 간단하게 인터넷 검색은 물론 영화 감상, 홈쇼핑, 홈뱅킹, 온라인 게임, MP3 등 인터넷이 제공하는 다양한 컨텐츠 및 부가 서비스를 IPTV로부터 제공받을 수 있다.
이러한 IPTV를 통한 웹 검색 서비스와 관련하여, 선행기술인 한국등록특허 제 10-1107319호는 오픈 API 기반 웹포털 서비스 제공 방법 및 시스템을 개시하고 있다.
그러나 IPTV에서 웹 검색 서비스를 제공하기 위해서는 IPTV에서 마우스 커서를 생성하여 표시하고, 사용자가 리모컨으로 커서를 제어해야 하므로 반응 속도와 편의성이 떨어진다는 단점을 가지고 있었다. 또한, 컨텐츠 내부에 하이퍼 링크가 존재하는 경우, 사용자는 하이퍼 링크를 선택하기 위해 많은 노력이 필요하게 되어 큰 불편을 느끼게 된다.
IPTV에서 리모트 콘트롤러의 조작만으로 편리하게 웹 브라우저를 제어하도록 하고자 한다. 또한 웹 브라우저의 표시 영역에 표시된 검색 결과 페이지의 리스트 항목 마다 포커스 가능 영역을 표시하고, 포커스 UI를 통해 포커스 가능 영역을 이동하면서 리스트 항목을 선택하고자 한다. 또한, 표시 영역의 최하단에 일부만이 표시된 리스트 항목으로 포커스 UI를 이동시킨 경우, 표시 영역의 다음 영역을 표시하고자 한다. 다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 존재할 수 있다.
상술한 기술적 과제를 달성하기 위한 기술적 수단으로서, 본 발명의 제 1 측면에 따른 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 장치는 상기 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 상기 웹 브라우저의 표시 영역에 표시하는 페이지 표시부; 상기 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하는 스크롤 영역 검출부; 상기 검출된 스크롤 영역에 따라 이동하여 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시하는 UI 표시부; 및 상기 포커스 UI를 통해 선택받은 리스트 항목을 표시하는 리스트 항목 표시부를 포함하고, 상기 포커스 UI는 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 상기 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동이 가능하고, 상기 페이지 표시부는 상기 포커스 UI가 상기 표시 영역의 최하단에 일부만이 표시된 리스트 항목으로 이동되는 경우, 상기 표시 영역의 다음 영역을 표시할 수 있다.
본 발명의 제 2 측면에 따른 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 상기 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 상기 웹 브라우저의 표시 영역에 표시하는 단계; 상기 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하는 단계; 상기 검출된 스크롤 영역에 따라 이동이 가능하고, 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시하는 단계; 상기 포커스 UI를 통해 선택받은 리스트 항목을 표시하는 단계; 및 상기 포커스 UI가 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 상기 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동되는 경우, 상기 표시 영역의 다음 영역을 표시하는 단계를 포함할 수 있다.
상술한 과제 해결 수단은 단지 예시적인 것으로서, 본 발명을 제한하려는 의도로 해석되지 않아야 한다. 상술한 예시적인 실시예 외에도, 도면 및 발명의 상세한 설명에 기재된 추가적인 실시예가 존재할 수 있다.
전술한 본 발명의 과제 해결 수단 중 어느 하나에 의하면, IPTV에서 리모트 콘트롤러의 조작만으로 편리하게 웹브라우저를 제어할 수 있다. 또한 검색 엔진에서 검색된 검색 결과 페이지의 리스트 항목을 인지하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 또한, 웹 브라우저에 표시된 검색 결과 페이지의 리스트 항목마다 포커스 가능 영역을 표시하고, 포커스 UI를 통해 포커스 가능 영역을 이동하여 리스트 항목을 선택하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 또한, 리모트 컨트롤러의 방향키나 숫자 키패드의 조작만으로 검색 결과 페이지의 리스트 항목 각각에 대응하는 포커스 가능 영역을 이동하거나, 리스트 항목에 대한 스크롤 기능을 제공함으로써 리스트 항목의 선택 및 서치에 대한 개선된 반응 속도 및 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공할 수 있다. 또한, 웹 페이지의 내부에 포함된 하이퍼 링크를 손쉽게 실행할 수 있도록 편의성을 제공하는 사용자 인터페이스 제공 장치를 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 시스템의 구성도이다.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치의 구성도이다.
도 3a 내지 3b는 검색 결과 페이지에서의 기존의 스크롤 영역과 본 발명의 스크롤 영역을 설명하기 위한 도면이다.
도 4a 내지 4c는 본 발명의 일 실시예에 따른, 포커스 UI를 통해 리스트 항목을 선택하는 과정을 설명하기 위한 예시적인 도면이다.
도 5a 내지 5c는 본 발명의 일 실시예에 따른, 검색 결과 페이지의 리스트 항목에 넘버링을 부여하는 방법을 설명하기 위한 도면이다.
도 6a 내지 6d는 본 발명의 일 실시예에 따른, 웹 브라우저의 표시 영역의 종단점에서의 사용자 인터페이스를 제공하는 과정을 설명하기 위한 예시적인 도면이다.
도 7은 본 발명의 일 실시예에 따른, 사용자 인터페이스 제공 장치에 의해 실행되는 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법을 나타낸 흐름도이다.
아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1 개의 유닛이 2 개 이상의 하드웨어를 이용하여 실현되어도 되고, 2 개 이상의 유닛이 1 개의 하드웨어에 의해 실현되어도 된다.
본 명세서에 있어서 단말 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말 또는 디바이스에서 수행될 수도 있다.
이하, 첨부된 구성도 또는 처리 흐름도를 참고하여, 본 발명의 실시를 위한 구체적인 내용을 설명하도록 한다.
도 1은 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 시스템의 구성도이다.
도 1을 참조하면, 사용자 인터페이스 제공 시스템은 사용자 인터페이스 제공 장치(110), 디스플레이 장치(120), 리모트 컨트롤러(130) 및 서버(140)를 포함할 수 있다. 사용자 인터페이스 제공 장치(110), 디스플레이 장치(120), 리모트 컨트롤러(130) 및 서버(140)는 사용자 인터페이스 제공 시스템(1)에 의하여 제어될 수 있는 구성요소들을 예시적으로 도시한 것이다.
도 1의 사용자 인터페이스 제공 시스템의 각 구성요소들은 일반적으로 네트워크(network)(150)를 통해 연결된다. 예를 들어, 도 1에 도시된 바와 같이, 디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)와 동시에 또는 시간 간격을 두고 연결될 수 있다. 네트워크(150)는 단말들 및 서버들과 같은 각각의 노드 상호 간에 정보 교환이 가능한 연결 구조를 의미하는 것으로, 근거리 통신망(LAN: Local Area Network), 광역 통신망(WAN: Wide Area Network), 인터넷 (WWW: World Wide Web), 유무선 데이터 통신망, 전화망, 유무선 텔레비전 통신망 등을 포함한다. 무선 데이터 통신망의 일례에는 3G, 4G, 5G, 3GPP(3rd Generation Partnership Project), LTE(Long Term Evolution), WIMAX(World Interoperability for Microwave Access), 와이파이(Wi-Fi), 블루투스 통신, 적외선 통신, 초음파 통신, 가시광 통신(VLC: Visible Light Communication), 라이파이(LiFi) 등이 포함되나 이에 한정되지는 않는다.
사용자 인터페이스 제공 장치(110)는 IPTV의 셋톱박스(STB), 음성 인식 장치, 음성 인식 스피커, 음성 인식 셋톱박스, 모바일 디바이스, 멀티미디어 재생 장치, 스마트폰(smartphone), 태블릿 PC, 웨어러블 디바이스 등을 포함한다. 뿐만 아니라, 블루투스(BLE, Bluetooth Low Energy), NFC, RFID, 초음파(Ultrasonic), 적외선, 와이파이(WiFi), 라이파이(LiFi) 등의 통신 모듈을 탑재한 각종 디바이스를 포함할 수 있다.
예를 들어, 사용자 인터페이스 제공 장치(110)는 음성 인식 기술이 구비된 장치로, 지능형 개인 비서 기능을 탑재하고 있으며, 사용자로부터 음성 명령을 입력받으면, 음성 명령에 대한 응답으로 TV 제어, 인터넷 검색, 전화 걸기, 길안내 등의 서비스를 수행하고, 서비스 수행 결과를 TV 화면을 통해 출력하는 장치일 수 있다. 이러한 사용자 인터페이스 제공 장치(110)는 서비스 수행 결과를 디스플레이 장치(120)를 통해 출력함으로써, 시각적으로 서비스에 대한 자세한 정보를 제공하는 특징을 가지고 있다.
사용자 인터페이스 제공 장치(110)는 내장된 음성 인식 모듈 또는 외부 입력 장치를 통해 사용자(115)의 음성 명령으로, 웹 브라우저의 검색을 요청받을 수 있다. 예를 들어, 사용자 인터페이스 제공 장치(110)는 사용자(115)의 음성 입력 또는 리모트 컨트롤러(130)를 통해 사용자로부터 마우스 커서의 이동 및 선택으로 웹 브라우저의 조작을 요청받을 수 있다.
사용자 인터페이스 제공 장치(110)는 웹 브라우저에 검색 결과 페이지를 출력할 수 있다. 구체적으로, 사용자 인터페이스 제공 장치(110)는 웹 브라우저에 출력된 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 웹 브라우저의 표시 영역에 표시할 수 있다.
사용자 인터페이스 제공 장치(110)는 웹 브라우저의 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하고, 검출된 스크롤 영역에서 적어도 하나의 리스트 항목에 대한 선택을 가능하게 하는 포커스 UI(User Interface)를 검색 결과 페이지에 오버레이하여 표시할 수 있다.
사용자 인터페이스 제공 장치(110)는 포커스 UI를 통해 사용자에 의해 선택된 리스트 항목을 표시할 수 있다. 사용자 인터페이스 제공 장치(110)는 선택된 리스트 항목에 UI 이벤트를 출력할 수 있다.
사용자 인터페이스 제공 장치(110)는 포커스 UI를 웹 브라우저의 표시 영역의 최하단에 위치하는 리스트 항목으로 이동시킬 수 있다.
사용자 인터페이스 제공 장치(110)는 포커스 UI가 표시 영역의 최하단에 일부만이 표시된 리스트 항목으로 이동되는 경우, 웹 브라우저의 표시 영역에 최하단에 일부만이 표시된 리스트 항목을 다음 스크롤 영역의 시작점에 위치시킨 후 연이어 다음 리스트 항목들을 표시할 수 있다. 표시 영역의 최하단에 일부만이 표시된 리스트 항목이란, 표시 영역의 최하단에 리스트 항목의 일부만이 표시된 리스트 항목을 의미한다.
디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)를 통해 수행되는 모든 기능을 시각적으로 표시할 수 있다. 예를 들어, 디스플레이 장치(120)는 사용자 인터페이스 제공 장치(110)에 의해 처리된 검색 결과 페이지 및 포커스 UI를 표시할 수 있다. 디스플레이 장치(120)는 예를 들어 텔레비전(TV)일 수 있다.
서버(140)는, 예를 들어, IPTV 서버, 음성 인식 서버 등을 포함할 수 있다. IPTV 서버는 사용자 인터페이스 제공 장치(110)에서 사용자(115)로부터 음성 명령 또는 리모트 컨트롤러(130)를 통해 서비스 요청을 입력받은 경우, 해당 요청에 대응하는 서비스를 제공할 수 있다. 예를 들어, IPTV 서버는 인터넷 검색, 컨텐츠 검색, 길안내 등의 서비스를 사용자 인터페이스 제공 장치(110)로 제공할 수 있다. 음성 인식 서버는 사용자 인터페이스 제공 장치(110)를 통해 사용자(115)로부터 음성 명령을 입력받은 경우, STT(Speech To Text) 기법을 이용하여 입력된 음성 명령을 텍스트로 변환한 후, 해당 음성 명령에 대한 변환된 텍스트를 사용자 인터페이스 제공 장치(110)로 제공할 수 있다.
도 2는 본 발명의 일 실시예에 따른 사용자 인터페이스 제공 장치(110)의 구성도이다.
도 2를 참조하면, 사용자 인터페이스 제공 장치(110)는 페이지 표시부(200), 스크롤 영역 검출부(210), UI 표시부(220) 및 리스트 항목 표시부(230)를 포함할 수 있다. 사용자 인터페이스 제공 장치(110)는 웹 브라우저를 구동하여 실행시킬 수 있으며, 페이지 표시부(200), 스크롤 영역 검출부(210), UI 표시부(220) 및 리스트 항목 표시부(230)의 전부 또는 일부는 웹 브라우저에 의해 구현되는 기능일 수 있다.
사용자 인터페이스 제공 장치(110)는 외부 입력 장치(예를 들어, 음성 입력, 리모트 컨트롤러)로부터 검색을 요청받은 경우, 웹 브라우저를 통해 검색 엔진, 미디어 제공 서버 등으로 검색 결과를 요청하고, 검색 결과 페이지를 수신한다.
페이지 표시부(200)는 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 웹 브라우저의 표시 영역에 표시할 수 있다.
스크롤 영역 검출부(210)는 웹 브라우저의 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출할 수 있다.
스크롤 영역 검출부(210)는 검색 결과 페이지가 웹 브라우저에 로드된 후에 스크롤 영역을 검출할 수 있다. 또한, 스크롤 영역 검출부(210)는 검색 결과 페이지가 로드된 이후에 사용자 입력에 의해 검색 결과 페이지가 업데이트된 경우, 업데이트 후에 스크롤 영역을 다시 검출할 수 있다.
잠시, 도 3a 내지 3b를 참조하여 검색 결과 페이지에 대한 기존의 스크롤 영역과 본 발명의 스크롤 영역을 비교 설명하기로 한다.
도 3a를 참조하면, 기존의 스크롤 영역 설정 방식은 웹 브라우저의 표시 영역(300-1, 300-2, 300-3)을 단위로 스크롤 영역(302, 304, 306)을 설정한다. 표시 영역(300)의 최하단에 표시된 리스트 항목(308, 310)의 경우, 해당 리스트 항목(308, 310)의 일부 영역만이 표시 영역(300)의 최하단에 표시되기 때문에 해당 리스트 항목(308, 310)의 전체 영역을 한번에 보기 위해서는 사용자로 하여금 미세한 세부 스크롤 작업을 요구하게 된다.
도 3b를 참조하면, 본 발명의 스크롤 영역 설정 방식은 웹 브라우저의 표시 영역(300-4, 300-5, 300-6)의 크기를 넘지 않도록 스크롤 영역(302, 304, 306)을 설정하고, 스크롤 영역을 기본 단위로 하여 검색 결과 페이지를 표시 영역(300-4, 300-5, 300-6)에 표시한다. 만일, 표시 영역(300-4, 300-5, 300-6)의 최하단에 리스트 항목(308)의 일부만이 표시된 경우, 해당 리스트 항목(308)을 다음 스크롤 영역의 시작점으로 위치하도록 지정하기 때문에 기존의 스크롤 작업에 대한 불편함을 개선할 수 있다.
다시 도 2를 참조하면, UI 표시부(220)는 검출된 스크롤 영역에 따라 이동하여 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시할 수 있다.
UI 표시부(220)는 포커스 UI를 검색 결과 페이지에 오버레이하여 표시할 수 있다. 이 때, UI 표시부(220)는 검색 결과 페이지가 업데이트된 경우, 포커스 UI의 갱신을 수행할 수 있다. 이 포커스 UI는 내부가 투명한 박스 형태의 레이어로 생성되어, 검색 결과 페이지에 오버레이될 수 있다. 예를 들면, UI 표시부(220)는 포커스 UI가 투명하게 렌더링된 탭을 검색 결과 페이지가 표시된 탭에 오버레이할 수 있다. UI 표시부(220)는 하위 탭에 검색 결과 페이지를 표시하고, 상위 탭에 포커스 UI를 표시할 수 있다. UI 표시부(220)는 포커스 UI가 투명하게 표시된 상위 탭을 검색 결과 페이지가 표시된 하위 탭에 오버레이할 수 있다.
UI 표시부(220)는 검색 결과 페이지 및 포커스 UI에서의 동작을 동기화하여 사용자로부터 입력받은 제어 요청에 따라 수행되는 기능을 표시할 수 있다. 예를 들어, UI 표시부(220)는 사용자로부터 입력받은 포커스의 이동 또는 스크롤링 요청에 의해서 화면이 위 아래로 이동되는 경우, 검색 결과 페이지에 해당하는 탭과 포커스 UI가 표시된 탭에서의 스크롤링 위치 및 포커스가 실시간으로 동기화하여 표시할 수 있다.
리스트 항목 표시부(230)는 포커스 UI를 통해 선택받은 리스트 항목을 표시할 수 있다.
페이지 표시부(200)는 포커스 UI가 이동 가능한 어느 일 방향으로 포커스 UI가 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력된 경우, 일 방향에 대응하여 표시 영역의 다음 영역에 해당하는 적어도 하나의 리스트 항목을 표시할 수 있다. 예를 들면, 페이지 표시부(200)는 현재 표시 영역에서 검출된 스크롤 영역을 벗어나는 상방 또는 하방으로의 포커스 UI의 이동에 대한 스크롤링 입력이 입력되면, 포커스 UI의 이동 방향에 대응하는 이전 스크롤링 영역 또는 다음 스크롤링 영역의 적어도 하나의 리스트 항목을 표시 영역에 표시할 수 있다.
스크롤 영역 검출부(210)는 포커스 UI의 일 방향에 대응하여 스크롤 영역의 다음 스크롤 영역을 검출할 수 있다.
페이지 표시부(200)는 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력되기 전에 표시 영역에 표시된 리스트 항목 중 어느 리스트 항목이 표시 영역의 최하단에 걸쳐서, 즉 일부만이 표시된 경우, 표시 영역의 최하단에 일부만이 표시된 리스트 항목을 포커스 UI의 일 방향에 대응하여 다음 스크롤 영역의 시작점으로 위치하도록 지정할 수 있다.
잠시 도 4a 내지 4c를 참조하여 포커스 UI를 통해 리스트 항목을 선택하는 과정을 설명하기로 한다.
도 4a를 참조하면, 페이지 표시부(200)는 사용자로부터 입력받은 검색 음성 명령(420)에 대한 검색 결과 페이지(410)를 웹 브라우저의 표시 영역(400)에 표시할 수 있다. 스크롤 영역 검출부(210)는 검색 결과 페이지(410)에서 스크롤이 가능한 스크롤 영역(430)을 검출할 수 있다.
도 4b를 참조하면, UI 표시부(220)는 스크롤 영역(430)에 포함된 적어도 하나의 리스트 항목 각각에 대응하는 포커스 영역이 나누어진 포커스 UI를 표시할 수 있다.
UI 표시부(220)는 사용자의 스크롤링 입력에 따라 포커스 UI를 스크롤 영역(430)에서 이동시킬 수 있다. 이 때, 포커스 UI는 스크롤 영역(430)에 포함된 적어도 하나의 리스트 항목으로 이동할 수 있다. 또한, 포커스 UI는 웹 브라우저의 표시 영역(400)에 표시된 리스트 항목 중 표시 영역(400)의 최하단에 일부만이 표시된 리스트 항목(450)으로 이동할 수 있다. 예를 들면, UI 표시부(220)는 사용자로부터 "아래로"라는 음성 명령을 입력받은 경우, 포커싱된 리스트 항목인 1번 리스트 항목에서 2번 리스트 항목으로 포커싱된 리스트 항목을 이동시킬 수 있다.
리스트 항목 표시부(230)는 포커스 UI를 통해 현재 포커싱된 리스트 항목(440)에 대해 해당 포커스 영역 내의 색을 달리하고, 현재 포커싱된 리스트 항목(440)을 진한 테두리로 표시할 수 있다. 예를 들어, 리스트 항목 표시부(230)는 포커스 UI를 전체적으로 연한 분홍색으로 표시하고, 현재 포커스된 리스트 항목(440)을 진한 분홍색으로 표시할 수 있다.
도 4b 및 4c를 참조하면, 페이지 표시부(200)는 표시 영역(400)의 최하단에 일부만이 표시된 리스트 항목(450)으로 포커스 UI를 이동시킨 경우, 표시 영역(400)의 다음 스크롤 영역(460)의 시작점에 대응하는 표시 영역(400)의 최상단에 해당 리스트 항목(450)을 표시할 수 있다.
다시 도 2로 돌아오면, UI 표시부(220)는 표시 영역에 표시된 리스트 항목에 대해 넘버링(도 4b 및 4c의 도면 부호40, 42, 46, 48, 50, 52)을 부여할 수 있다. 예를 들면, UI 표시부(220)는 포커스 UI 내 각 포커스 영역의 오른쪽 상단에 각 리스트 항목에 대한 넘버링을 1부터 4까지 표시할 수 있다.
잠시 도 5a 내지 5c를 참조하여 검색 결과 페이지의 리스트 항목에 넘버링을 부여하는 방법을 설명하기로 한다.
도 5a를 참조하면, UI 표시부(220)는 표시 영역에 표시된 리스트 항목 중 최소 포커스 사이즈(504)의 이상에 해당하는 리스트 항목(500)에 대해 넘버링(502)을 부여할 수 있다.
도 5b 내지 5c를 참조하면, 표시 영역(506)의 최하단에 위치한 리스트 항목(500)의 사이즈가 최소 포커스 사이즈(504)의 이상에 해당하는 경우, 표시 영역(506)의 최하단에 표시된 리스트 항목(500)에 넘버링(502)을 부여할 수 있다. 예를 들면, 도 5c와 같이, 표시 영역(506)의 최하단에 리스트 항목(500)이 걸쳐 있는 경우라도 해당 리스트 항목(500)의 사이즈가 최소 포커스 사이즈(504) 이상이라면 해당 리스트 항목(500)에 넘버링(502)이 부여될 수 있다.
다시 도 2로 돌아오면, UI 표시부(220)는 포커스 UI가 이동 가능한 어느 일 방향으로 포커스 UI가 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력된 경우, 일 방향에 대응하여 표시 영역의 다음 영역에 표시된 적어도 하나의 리스트 항목에 대해 넘버링을 다시 부여할 수 있다. 예를 들면, 제 1 스크롤 영역에서 각 리스트 항목이 1번부터 4번까지 넘버링되어 있고, 4번에 해당하는 리스트 항목이 표시 영역의 최하단에 일부만이 표시된 상태에서 하방으로의 포커스 UI의 이동에 대한 사용자의 스크롤링 입력이 입력되면, UI 표시부(220)는 제 2 스크롤 영역(제 1 스크롤 영역의 다음 스크롤 영역에 해당하는 영역임)에 대한 표시 영역의 최상단에 이전 제 1 스크롤 영역에서의 4번에 해당하는 리스트 항목을 표시하고, 해당 리스트 항목을 4번에서 1 번으로 넘버링을 다시 부여할 수 있다.
이하에서는 도 6a 내지 6d를 함께 참조하여 웹 브라우저의 표시 영역의 종단점에서의 사용자 인터페이스를 제공하는 과정을 설명하기로 한다.
UI 표시부(220)는 사용자의 스크롤링 입력에 의해 표시 영역의 종단점에 도달한 경우, 표시 영역에 표시된 리스트 항목 중에 기설정된 선택자가 존재하는지 여부에 기초하여 포커스 UI에 대해 기설정된 작업을 수행할 수 있다. 여기서, 선택자는 검색 결과 페이지의 리스트 항목 마다 설정되어 있다.
UI 표시부(220)는 선택된 리스트 항목으로부터 검출된 선택자에 대응하는 실행자에 따라 UI 이벤트(예컨대, 지정된 문서로의 이동 이벤트, 선택된 리스트 항목에 대한 이미지 확대 이벤트)를 출력할 수 있다.
예를 들면, 도 6a를 참조하면, UI 표시부(220)는 표시 영역(600)의 종단점에 해당하는 영역(602)에 기설정된 선택자가 존재하지 않는 경우, 포커스 UI에 대해 기설정된 작업을 수행하지 않을 수 있다. 예를 들면, UI 표시부(220)는 표시 영역(600)의 종단점에 리스트 항목이 존재하지 않은 경우, 포커스 UI의 이동을 중단시킬 수 있다.
예를 들면, 도 6b를 참조하면, UI 표시부(220)는 기설정된 선택자가 존재하는 경우 중에 표시 영역(604)의 종단점에 표시된 리스트 항목(606) 보다 하단의 리스트 항목이 존재하는 경우(예컨대, 리스트 항목을 포함하는 제 1 스크롤 영역 다음에 제 N 스크롤 영역이 존재하는 경우), 사용자의 스크롤링 입력에 따라 표시 영역(604)의 최하단으로 점진적으로 포커스 UI를 이동시킬 수 있다. UI 표시부(220)는 포커스 UI를 표시 영역(604)의 최하단으로 이동시킨 경우, 표시 영역(604)의 다음 스크롤 영역의 시작점에 대응하는 표시 영역의 최상단에 해당 리스트 항목(606)을 표시할 수 있다.
예를 들면, 도 6c를 참조하면, UI 표시부(220)는 기설정된 선택자가 존재하는 경우 중에 표시 영역(608)에 표시된 리스트 항목 보다 하단의 리스트 항목이 더 이상 존재하지 않는 경우, 마지막 리스트 항목(610)에 대응하는 선택자에 대해 포커스 하이라이트 이벤트를 수행할 수 있다.
다른 예를 들어, UI 표시부(220)는 기설정된 선택자가 존재하는 경우 중에 표시 영역(608)에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하지 않는 경우, 마지막 리스트 항목(610)에 대응하는 선택자를 중심으로 하여 줌 인 이벤트를 수행할 수 있다.
또 다른 예를 들어, UI 표시부(220)는 기설정된 선택자가 존재하는 경우 중에 표시 영역(608)에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하지 않는 경우, 일정 시간 후에 마지막 리스트 항목(610)의 선택자에 대응하는 실행자를 수행할 수 있다. 예를 들면, UI 표시부(220)는 일정 시간이 지나면, 마지막 리스트 항목(610)에 해당하는 웹 페이지로 이동하는 실행자를 수행할 수 있다.
예를 들면, 도 6c 내지 6d를 참조하면, UI 표시부(220)는 표시 영역(608, 614)의 종단점에서 사용자의 스크롤링 입력이 추가로 입력되는 경우, 표시 영역(608, 614)에 표시된 리스트 항목 중에 추가 로딩 객체(612, 616)가 존재하는지 여부에 기초하여 포커스 UI에 대한 작업을 수행할 수 있다. 구체적으로, UI 표시부(220)는 추가 로딩 객체(612, 616)의 실행자를 작동시켜 추가로 로드되는 리스트 항목에 따라 포커스 UI를 갱신할 수 있다.
페이지 표시부(200)는 추가로 로드되는 리스트 항목을 웹 브라우저의 표시 영역에 표시할 수 있다.
한편, 당업자라면, 페이지 표시부(200), 스크롤 영역 검출부(210), UI 표시부(220) 및 리스트 항목 표시부(230) 각각이 분리되어 구현되거나, 이 중 하나 이상이 통합되어 구현될 수 있음을 충분히 이해할 것이다.
도 7은 본 발명의 일 실시예에 따른, 사용자 인터페이스 제공 장치에 의해 실행되는 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법을 나타낸 흐름도이다. 도 7에 도시된 사용자 인터페이스 제공 장치(110)에 의해 수행되는 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 도 1 내지 도 6d에 도시된 실시예에 따른 사용자 인터페이스 제공 시스템에서 시계열적으로 처리되는 단계들을 포함한다. 따라서, 이하 생략된 내용이라고 하더라도 도 1 내지 도 6d에 도시된 실시예에 따른 사용자 인터페이스 제공 장치(110)에 의해 수행되는 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법에도 적용된다.
도 7을 참조하면, 단계 S701에서 사용자 인터페이스 제공 장치(110)는 웹 브라우저에 표시된 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 웹 브라우저의 표시 영역에 표시할 수 있다.
단계 S703에서 사용자 인터페이스 제공 장치(110)는 웹 브라우저의 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출할 수 있다.
단계 S705에서 사용자 인터페이스 제공 장치(110)는 검출된 스크롤 영역에 따라 이동이 가능하고, 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시할 수 있다.
단계 S707에서 사용자 인터페이스 제공 장치(110)는 포커스 UI를 통해 선택받은 리스트 항목을 표시할 수 있다.
단계 S709에서 사용자 인터페이스 제공 장치(110)는 포커스 UI가 표시 영역에 표시된 적어도 하나의 리스트 항목 중 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동되는 경우, 표시 영역의 다음 영역을 표시할 수 있다.
상술한 설명에서, 단계 S701 내지 S709는 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 변경될 수도 있다.
도 1 내지 도 7을 통해 설명된 사용자 인터페이스 제공 장치(110)에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램 또는 컴퓨터에 의해 실행 가능한 명령어를 포함하는 기록 매체의 형태로도 구현될 수 있다. 또한, 도 1 내지 도 7을 통해 설명된 사용자 인터페이스 제공 장치(110)에서 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법은 컴퓨터에 의해 실행되는 매체에 저장된 컴퓨터 프로그램의 형태로도 구현될 수 있다.
컴퓨터 판독 가능 매체는 컴퓨터에 의해 액세스될 수 있는 임의의 가용 매체일 수 있고, 휘발성 및 비휘발성 매체, 분리형 및 비분리형 매체를 모두 포함한다. 또한, 컴퓨터 판독가능 매체는 컴퓨터 저장 매체를 포함할 수 있다. 컴퓨터 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보의 저장을 위한 임의의 방법 또는 기술로 구현된 휘발성 및 비휘발성, 분리형 및 비분리형 매체를 모두 포함한다.
전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.
본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
110: 사용자 인터페이스 제공 장치
120: 디스플레이 장치
130: 리모트 컨트롤러
140: 서버
200: 페이지 표시부
210: 스크롤 영역 검출부
220: UI 표시부
230: 리스트 항목 표시부

Claims (20)

  1. 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 장치에 있어서,
    상기 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 상기 웹 브라우저의 표시 영역에 표시하는 페이지 표시부;
    상기 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하는 스크롤 영역 검출부;
    상기 검출된 스크롤 영역에 따라 이동하여 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시하는 UI 표시부; 및
    상기 포커스 UI를 통해 선택받은 리스트 항목을 표시하는 리스트 항목 표시부를 포함하고,
    상기 포커스 UI는 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 상기 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동이 가능하고,
    상기 페이지 표시부는 상기 포커스 UI가 상기 표시 영역의 최하단에 일부만이 표시된 리스트 항목으로 이동되는 경우, 상기 표시 영역의 다음 영역을 표시하는 것인, 사용자 인터페이스 제공 장치.
  2. 제 1 항에 있어서,
    상기 스크롤 영역 검출부는 상기 표시 영역의 크기를 넘지 않도록 상기 스크롤 영역을 설정하고,
    상기 페이지 표시부는 상기 스크롤 영역을 기본 단위로 하여 상기 검색 결과 페이지를 상기 표시 영역에 표시하는 것인, 사용자 인터페이스 제공 장치.
  3. 제 1 항에 있어서,
    상기 스크롤 영역 검출부는 상기 검색 결과 페이지가 상기 웹 브라우저에 로드된 후에 상기 스크롤 영역을 검출하는 것인. 사용자 인터페이스 제공 장치.
  4. 제 3 항에 있어서,
    상기 스크롤 영역 검출부는 사용자의 입력에 의해 상기 검색 결과 페이지가 업데이트 되는 경우, 상기 업데이트 후에 상기 스크롤 영역을 다시 검출하는 것인. 사용자 인터페이스 제공 장치.
  5. 제 1 항에 있어서,
    상기 UI 표시부는 사용자의 스크롤링 입력에 따라 상기 포커스 UI를 상기 스크롤 영역에서 이동시키는 것인, 사용자 인터페이스 제공 장치.
  6. 제 5 항에 있어서,
    상기 포커스 UI가 이동 가능한 어느 일 방향으로 상기 포커스 UI가 상기 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력된 경우,
    상기 페이지 표시부는 상기 일 방향에 대응하여 상기 표시 영역의 다음 영역에 해당하는 적어도 하나의 리스트 항목을 표시하고,
    상기 스크롤 영역 검출부는 상기 일 방향에 대응하여 상기 스크롤 영역의 다음 스크롤 영역을 검출하는 것인, 사용자 인터페이스 제공 장치.
  7. 제 6 항에 있어서,
    상기 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력되기 전에 상기 표시 영역에 표시된 리스트 항목 중 어느 리스트 항목이 상기 표시 영역의 최하단에 일부만이 표시된 경우,
    상기 페이지 표시부는 상기 표시 영역의 최하단에 일부만이 표시된 리스트 항목을 상기 방향에 대응하여 상기 다음 스크롤 영역의 시작점으로 위치하도록 지정하는 것인, 사용자 인터페이스 제공 장치.
  8. 제 1 항에 있어서,
    상기 UI 표시부는 상기 표시 영역에 표시된 리스트 항목에 대해 넘버링을 부여하는 것인, 사용자 인터페이스 제공 장치.
  9. 제 8 항에 있어서,
    상기 UI 표시부는 상기 표시 영역에 표시된 리스트 항목 중 최소 포커스 사이즈의 이상에 해당하는 리스트 항목에 대해 넘버링을 부여하는 것인, 사용자 인터페이스 제공 장치.
  10. 제 9 항에 있어서,
    상기 UI 표시부는 상기 표시 영역의 최하단에 일부만이 표시된 리스트 항목이 상기 최소 포커스 사이즈의 이상에 해당하는 경우, 상기 표시 영역의 최하단에 일부만이 표시된 리스트 항목에 넘버링을 부여하는 것인, 사용자 인터페이스 제공 장치.
  11. 제 10 항에 있어서,
    상기 포커스 UI가 이동 가능한 어느 일 방향으로 상기 포커스 UI가 상기 스크롤 영역을 벗어나는 사용자의 스크롤링 입력이 입력된 경우,
    상기 UI 표시부는 상기 일 방향에 대응하여 상기 표시 영역의 다음 영역에 표시된 적어도 하나의 리스트 항목에 대해 넘버링을 다시 부여하는 것인, 사용자 인터페이스 제공 장치.
  12. 제 1 항에 있어서,
    사용자의 스크롤링 입력에 의해 상기 표시 영역의 종단점에 도달한 경우,
    상기 UI 표시부는 상기 표시 영역에 표시된 리스트 항목 중에 기설정된 선택자가 존재하는지 여부에 기초하여 상기 포커스 UI에 대해 기설정된 작업을 수행하는 것인, 사용자 인터페이스 제공 장치.
  13. 제 12 항에 있어서,
    상기 UI 표시부는 상기 기설정된 선택자가 존재하지 않는 경우, 상기 포커스 UI에 대해 기설정된 작업을 수행하지 않는 것인, 사용자 인터페이스 제공 장치.
  14. 제 12 항에 있어서,
    상기 UI 표시부는 상기 기설정된 선택자가 존재하는 경우 중에 상기 표시 영역에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하는 경우, 사용자의 스크롤링 입력에 따라 상기 표시 영역의 최하단으로 점진적으로 상기 포커스 UI를 이동시키는 것인, 사용자 인터페이스 제공 장치.
  15. 제 12 항에 있어서,
    상기 UI 표시부는 상기 기설정된 선택자가 존재하는 경우 중에 상기 표시 영역에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하지 않는 경우, 상기 선택자에 대해 포커스 하이라이트 이벤트를 수행하는 것인, 사용자 인터페이스 제공 장치.
  16. 제 12 항에 있어서,
    상기 UI 표시부는 상기 기설정된 선택자가 존재하는 경우 중에 상기 표시 영역에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하지 않는 경우, 상기 선택자를 중심으로 하여 줌 인 이벤트를 수행하는 것인, 사용자 인터페이스 제공 장치.
  17. 제 12 항에 있어서,
    상기 UI 표시부는 상기 기설정된 선택자가 존재하는 경우 중에 상기 표시 영역에 표시된 리스트 항목 보다 하단의 리스트 항목이 존재하지 않는 경우, 일정 시간 후에 상기 선택자에 대응하는 실행자를 수행하는 것인, 사용자 인터페이스 제공 장치.
  18. 제 1 항에 있어서,
    상기 표시 영역의 종단점에서 사용자의 스크롤링 입력이 추가로 입력되는 경우,
    상기 UI 표시부는 상기 표시 영역에 표시된 리스트 항목 중에 추가 로딩 객체가 존재하는지 여부에 기초하여 상기 포커스 UI에 대한 작업을 수행하는 것인, 사용자 인터페이스 제공 장치.
  19. 제 18 항에 있어서,
    상기 UI 표시부는 상기 추가 로딩 객체의 실행자를 작동시켜 추가로 로드되는 리스트 항목에 따라 상기 포커스 UI를 갱신하는 것인, 사용자 인터페이스 제공 장치.
  20. 웹 브라우저에 표시된 검색 결과 페이지에 사용자 인터페이스를 제공하는 방법에 있어서,
    상기 검색 결과 페이지에 포함된 복수의 리스트 항목 중 적어도 하나의 리스트 항목을 상기 웹 브라우저의 표시 영역에 표시하는 단계;
    상기 표시 영역에 표시된 적어도 하나의 리스트 항목에 기초하여 스크롤 영역을 검출하는 단계;
    상기 검출된 스크롤 영역에 따라 이동이 가능하고, 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 어느 하나에 대해 선택받을 수 있는 포커스 UI를 표시하는 단계;
    상기 포커스 UI를 통해 선택받은 리스트 항목을 표시하는 단계; 및
    상기 포커스 UI가 상기 표시 영역에 표시된 적어도 하나의 리스트 항목 중 상기 표시 영역의 최하단에 일부만이 표시되는 리스트 항목으로 이동되는 경우, 상기 표시 영역의 다음 영역을 표시하는 단계
    를 포함하는 것인, 사용자 인터페이스 제공 방법.
KR1020170109645A 2017-03-06 2017-08-29 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법 KR101990833B1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR20170028581 2017-03-06
KR1020170028581 2017-03-06

Publications (2)

Publication Number Publication Date
KR20180101985A true KR20180101985A (ko) 2018-09-14
KR101990833B1 KR101990833B1 (ko) 2019-06-19

Family

ID=63599671

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170109645A KR101990833B1 (ko) 2017-03-06 2017-08-29 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법

Country Status (1)

Country Link
KR (1) KR101990833B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112882780A (zh) * 2021-02-05 2021-06-01 Vidaa美国公司 设置页面显示方法及显示设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100008283A (ko) * 2008-07-15 2010-01-25 한국과학기술정보연구원 제목, 저자, 초록정보를 이용한 질의어 자동 입력 시스템및 검색결과 제공 방법 및 그 방법에 대한 컴퓨터프로그램을 저장한 기록매체
KR20110116415A (ko) * 2010-04-19 2011-10-26 주식회사 엘지유플러스 이동통신단말기 및 그 화면 전환 방법

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100008283A (ko) * 2008-07-15 2010-01-25 한국과학기술정보연구원 제목, 저자, 초록정보를 이용한 질의어 자동 입력 시스템및 검색결과 제공 방법 및 그 방법에 대한 컴퓨터프로그램을 저장한 기록매체
KR20110116415A (ko) * 2010-04-19 2011-10-26 주식회사 엘지유플러스 이동통신단말기 및 그 화면 전환 방법

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112882780A (zh) * 2021-02-05 2021-06-01 Vidaa美国公司 设置页面显示方法及显示设备

Also Published As

Publication number Publication date
KR101990833B1 (ko) 2019-06-19

Similar Documents

Publication Publication Date Title
US11558578B2 (en) Smart television and method for displaying graphical user interface of television screen shot
US11601719B2 (en) Method for processing television screenshot, smart television, and storage medium
US10708534B2 (en) Terminal executing mirror application of a peripheral device
US8411201B2 (en) Method for providing a shortcut and image display device thereof
US20150189362A1 (en) Display apparatus, server apparatus, display system including them, and method for providing content thereof
GB2589997A (en) Video access method, client, video access apparatus, terminal, server, and storage medium
US20140165114A1 (en) Set Top/Back Box, System and Method for Providing a Remote Control Device
KR101741698B1 (ko) 검색 서비스 제공방법 및 이를 적용한 디스플레이 장치
CN111182345B (zh) 一种控件的显示方法及显示设备
EP2530947A2 (en) Apparatus and method for performing web browsing using remote controller
WO2022033104A1 (zh) 一种页面显示方法及显示设备
US20110010746A1 (en) Set top box browser control via a wireless handset
US8976303B2 (en) Presenting snapshot of controlled device display on display of remote commander to facilitate control of the controlled device by user who cannot see controlled device
KR20180037314A (ko) 콘텐츠 시청 장치 및 그 콘텐츠 시청 옵션을 디스플레이하는 방법
KR20150117938A (ko) 복수 개의 디스플레이 장치를 이용하여 영상을 표시하는 방법 및, 복수 개의 디스플레이 장치를 제어하는 전자 장치
CN111447484A (zh) 电子节目指南epg的加载方法及装置、存储介质
CN105373359A (zh) 显示设备及其控制方法
KR101990833B1 (ko) 웹 브라우저에 사용자 인터페이스를 제공하는 장치 및 방법
KR20120017555A (ko) 영상통화 단말기의 전환 방법 및 그에 따른 영상통화 단말기
JP7034178B2 (ja) 電子機器および表示制御方法
KR102149727B1 (ko) 웹브라우저에 대한 사용자 인터페이스 제공 장치
KR20160083737A (ko) 영상표시장치 및 영상표시장치 동작방법
US12010373B2 (en) Display apparatus, server apparatus, display system including them, and method for providing content thereof
US11010037B2 (en) Display device and operating method thereof
CN116185238A (zh) 显示设备和交互应用展示方法

Legal Events

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