KR101804500B1 - 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 - Google Patents

표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 Download PDF

Info

Publication number
KR101804500B1
KR101804500B1 KR1020160030354A KR20160030354A KR101804500B1 KR 101804500 B1 KR101804500 B1 KR 101804500B1 KR 1020160030354 A KR1020160030354 A KR 1020160030354A KR 20160030354 A KR20160030354 A KR 20160030354A KR 101804500 B1 KR101804500 B1 KR 101804500B1
Authority
KR
South Korea
Prior art keywords
area
page
display control
top bar
scroll operation
Prior art date
Application number
KR1020160030354A
Other languages
English (en)
Other versions
KR20170106787A (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 KR1020160030354A priority Critical patent/KR101804500B1/ko
Publication of KR20170106787A publication Critical patent/KR20170106787A/ko
Application granted granted Critical
Publication of KR101804500B1 publication Critical patent/KR101804500B1/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
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 실시예는 표시 제어 장치가 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함하는 페이지의 제1 영역을 화면에 디스플레이하는 단계; 상기 표시 제어 장치가 상기 페이지에 대한 스크롤 동작을 인식하는 단계; 상기 표시 제어 장치가 상기 스크롤 동작과 대응되어 상기 제1 영역에서 상기 제1 영역과 다른 제2 영역까지 이동시키는 단계; 상기 표시 제어 장치가 상기 제1 영역 및 상기 제2 영역 사이에 인덱스 영역이 존재하는지 여부를 판단하는 단계; 상기 표시 제어 장치가 상기 판단 결과, 인덱스 영역이 존재하는 경우, 상기 제1 및 제2 영역 사이에 존재하는 인덱스 영역에 포함된 텍스트를 표시하는 제1 상단 바를 생성하는 단계; 및 상기 표시 제어 장치가 상기 제1 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하는 단계;를 포함하는 표시 제어 방법을 개시한다.

Description

표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체{METHOD OF CONTROLLING DISPLAY, APPARATUS OF CONTROLLING DISPLAY, COMPUTER READABLE RECODING MEDIUM AND FOR EXECUTING THE METHOD}
본 발명은 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체에 관한 것으로 보다 구체적으로는 사용자로부터 입력된 스크롤 동작에 따라서 페이지의 제1 영역으로부터 제2 영역까지 이동시키고, 제2 영역과 관련된 정보를 표시하는 상단 바를 생성하여 상기 제2 영역과 함께 표시하도록 제어하는 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체에 관한 것이다.
화면(screen)이나 패널에 표시되어 있는 페이지를 세로(vertical) 및/또는 가로 (horizontal) 방향으로 이동시키는 것을 스크롤이라고 한다. 이동된 화면에서 사라진 부분만큼 반대 측에서 새로운 정보가 나타나게 된다. 하나의 페이지 내에서 표시하는 정보의 양이 화면에서 표시할 수 있는 양보다 많기 때문에 이러한 스크롤 기능이 빈번하게 사용된다. 스크롤을 수행하면서 화면상의 정보를 읽어갈 수가 있다. 콘솔, 워드 프로세서, 모바일 단말, 퍼스널 컴퓨터 등의 표시 장치에는 거의 예외 없이 스크롤 기능이 갖추어져 있다. 마우스와 같은 외부 기기가 구비되는 경우 휠을 움직이거나 스크롤바를 드래그하여 스크롤을 수행할 수 있고, 터치패드가 구비되는 경우 화면상의 페이지를 직접 클릭 또는 드래그하여 스크롤을 수행할 수 있다.
전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.
국내 공개특허공보 제2011-0083099호
본 발명의 실시예들은 하나 이상의 인덱스 및 하나 이상의 컨텐츠가 디스플레이되는 페이지 상에서 스크롤을 신속하고 용이하게 수행할 수 있는 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공한다.
또한, 본 발명의 실시예들은 사용자의 스크롤 동작에 따라 이동된 영역에 포함된 인덱스 정보를 표시하는 상단 바를 생성하여, 현재 페이지와 함께 표시하도록 제어하는 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체를 제공한다.
본 발명의 실시예들에 따른 표시 제어 방법은 표시 제어 장치가 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함하는 페이지의 제1 영역을 화면에 디스플레이하는 단계; 상기 표시 제어 장치가 상기 페이지에 대한 스크롤 동작을 인식하는 단계; 상기 표시 제어 장치가 상기 스크롤 동작과 대응되어 상기 제1 영역에서 상기 제1 영역과 다른 제2 영역까지 이동시키는 단계; 상기 표시 제어 장치가 상기 제1 영역 및 상기 제2 영역 사이에 인덱스 영역이 존재하는지 여부를 판단하는 단계; 상기 표시 제어 장치가 상기 판단 결과, 인덱스 영역이 존재하는 경우, 상기 제1 및 제2 영역 사이에 존재하는 인덱스 영역에 포함된 텍스트를 표시하는 제1 상단 바를 생성하는 단계; 및 상기 표시 제어 장치가 상기 제1 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하는 단계;를 포함할 수 있다.
상기 스크롤 동작의 방향이 미리 설정된 제1 방향인 경우, 상기 상단 바를 생성하는 단계는 상기 페이지 또는 제2 영역에 포함된 하나 이상의 컨텐츠의 카테고리 정보를 표시하는 제2 상단 바를 더 생성하고, 상기 화면에 디스플레이 하는 단계는 상기 제1 및 상기 제2 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 할 수 있다.
상기 스크롤 동작의 방향이 상기 제1 방향과 상이한 제2 방향인 경우, 상기 상단 바를 생성하는 단계는 상기 제2 상단 바를 제거하고, 상기 화면에 디스플레이 하는 단계는 상기 제1 상단 바만을 상기 제2 영역과 함께 상기 화면에 디스플레이 하도록 제어할 수 있다.
상기 페이지의 제1 영역을 화면에 디스플레이 하는 단계는 사용자 단말의 가로 길이가 소정의 임계 길이 이하인 경우, 가로로 배치된 제1 컨텐츠 영역 및 제2 컨텐츠 영역을 세로로 배치되도록 제어할 수 있다.
상기 제1 상단 바를 생성하는 단계는 상기 인덱스 영역에 포함된 텍스트 뿐만 아니라 제2 영역에 포함된 컨텐츠 영역과 관련된 정보를 함께 표시하는 제1 상단 바를 생성할 수 있다.
본 발명의 실시예들에 따른 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함하는 페이지의 제1 영역을 화면에 디스플레이하는 표시 제어 장치는 상기 페이지에 대한 스크롤 동작을 인식하는 스크롤 인식부; 상기 스크롤 동작과 대응되어 상기 제1 영역에서 상기 제1 영역과 다른 제2 영역까지 이동시키는 표시 제어부; 상기 제1 영역 및 상기 제2 영역 사이에 인덱스 영역이 존재하는지 여부를 판단하고, 상기 판단 결과, 인덱스 영역이 존재하는 경우, 상기 제1 및 제2 영역 사이에 존재하는 인덱스 영역에 포함된 텍스트를 표시하는 제1 상단 바를 생성하는 상단 바 생성부;를 포함하고, 상기 표시 제어부는 상기 제1 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 할 수 있다.
상기 스크롤 동작의 방향이 미리 설정된 제1 방향인 경우, 상기 상단 바 생성부는 상기 페이지 또는 제2 영역에 포함된 하나 이상의 컨텐츠의 카테고리 정보를 표시하는 제2 상단 바를 더 생성하고, 상기 표시 제어부는 상기 제1 및 상기 제2 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 할 수 있다.
상기 스크롤 동작의 방향이 상기 제1 방향과 상이한 제2 방향인 경우, 상기 상단 바 생성부는 상기 제2 상단 바를 제거하고, 상기 표시 제어부는 상기 제1 상단 바만을 상기 제2 영역과 함께 상기 화면에 디스플레이 하도록 제어할 수 있다.
상기 표시 제어부는 상기 페이지의 제1 영역을 화면에 디스플레이 할 때, 사용자 단말의 가로 길이가 소정의 임계 길이 이하인 경우, 가로로 배치된 제1 컨텐츠 영역 및 제2 컨텐츠 영역을 세로로 배치되도록 제어할 수 있다.
상기 상단 바 생성부는 상기 인덱스 영역에 포함된 텍스트 뿐만 아니라 제2 영역에 포함된 컨텐츠 영역과 관련된 정보를 함께 표시하는 제1 상단 바를 생성할 수 있다.
본 발명의 실시예에 따른 컴퓨터 프로그램은 컴퓨터를 이용하여 본 발명의 실시예에 따른 표시 제어 방법 중 어느 하나의 방법을 실행시키기 위하여 매체에 저장될 수 있다.
이 외에도, 본 발명을 구현하기 위한 다른 방법, 다른 시스템 및 상기 방법을 실행하기 위한 컴퓨터 프로그램을 기록하는 컴퓨터 판독 가능한 기록 매체가 더 제공된다.
전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해 질 것이다.
본 발명의 실시예들에 관한 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체는 하나 이상의 인덱스 및 하나 이상의 컨텐츠가 디스플레이되는 페이지 상에서 스크롤을 신속하고 용이하게 수행하는 효과를 얻을 수 있다.
본 발명의 실시예들에 관한 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체는 사용자의 스크롤 동작에 따라 이동된 영역에 포함된 인덱스 정보를 표시하는 상단 바를 생성하여, 현재 페이지와 함께 표시하는 효과를 얻을 수 있다.
도 1은 본 발명의 실시예들에 따른 표시 제어 장치를 개략적으로 나타낸 구성도이다.
도 2 내지 도 4는 본 발명의 실시예들에 따른 표시 제어 방법의 흐름도들이다.
도 5a 내지 도 5d는 본 발명의 실시예들에 따른 표시 제어 장치에 의해 제공되는 사용자 인터페이스의 예들을 설명하기 위한 도면이다.
도 6a 및 도 6b는 본 발명의 실시예들에 따른 표시 제어 장치에 의해 제공되는 페이지의 일 예이다.
본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다.
이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다.
이하의 실시예에서, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.
이하의 실시예에서, 포함하다 또는 가지다 등의 용어는 명세서 상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징을 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다.
어떤 실시예가 달리 구현 가능한 경우에 특정한 공정 순서는 설명되는 순서와 다르게 수행될 수도 있다. 예를 들어, 연속하여 설명되는 두 공정이 실질적으로 동시에 수행될 수도 있고, 설명되는 순서와 반대의 순서로 진행될 수 있다.
이하의 실시예에서, "회로"는, 예를 들어, 프로그램가능한 회로에 의해 실행되는 인스트럭션을 저장하는 하드와이어드 회로, 프로그램가능한 회로, 상태 머신 회로, 및/또는 펌웨어를 단독으로 또는 임의의 조합으로 포함할 수 있다. 애플리케이션은 호스트 프로세서 또는 프로그램가능한 회로 상에서 실행될 수 있는 코드 또는 인스트럭션으로서 구현될 수 있다. 본원의 임의의 실시예에서 사용되는 바와 같은, 모듈은, 회로로서 구현될 수 있다. 회로는 집적 회로 칩과 같은 집적 회로로서 구현될 수 있다.
이하의 실시예에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다. 또한, 명세서에 기재된 "…부", "…기", "모듈" 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.
본 명세서에서, 상단 바는 페이지의 일부 영역을 말하며, 상단 뿐만 아니라 하단, 좌단, 우단 중 적어도 하나에 제공될 수 있는 영역을 말한다. 상기 상단 바는 사용자의 스크롤 동작에 따라 페이지와 다르게 제어될 수 있다.
도 1은 본 발명의 실시예에 따른 표시 제어 장치(100)를 개략적으로 나타낸 구성도이다.
일 실시예에 따라 제공되는 표시 제어 장치(100)는 적어도 하나 이상의 프로세서(processor)에 해당하거나, 적어도 하나 이상의 프로세서를 포함할 수 있다. 이에 따라 표시 제어 장치(100)는 마이크로 프로세서나 범용 컴퓨터 시스템과 같은 다른 하드웨어 장치에 포함된 형태로 구동될 수 있다. 예컨대, 표시 제어 장치(100)는 화면을 표시할 수 있는 표시부를 구비하는 단말에 탑재될 수 있다.
도 1에 도시된 표시 제어 장치(100)는 본 실시예의 특징이 흐려지는 것을 방지하기 위하여 본 실시예와 관련된 구성요소들만을 도시한 것이다. 따라서, 도 1에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다.
도 1을 참조하면, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 단말(10)의 화면(11)의 표시를 제어한다. 상세히, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 화면(11) 상에 표시된 페이지가 스크롤될 때, 상기 페이지의 표시를 제어할 뿐 아니라, 스크롤에 따른 이동된 페이지, 스크롤 동작을 통해 표시되는 페이지 중 적어도 하나를 고려한 상단 바를 생성할 수 있다. 여기서, 상단 바는 스크롤 동작에 의해 생성되고 제거되기도 하는 영역이지만, 소정의 조건을 만족하는 스크롤 동작에 의해서만 이동되거나 변경될 수 있다. 즉, 상단 바는 스크롤 동작에 따라 이동되지 않고, 표시되는 페이지와 달리 고정될 수 있다.
표시 제어 장치(100)는 페이지에 포함된 하나 이상의 컨텐츠를 분석하여, 컨텐츠와 관련된 정보를 추출하고, 상기 컨텐츠와 관련된 정보를 상단 바에 표시하도록 제어할 수 있다. 표시 제어 장치(100)는 사용자로부터의 스크롤 동작에 따라 이동된 페이지의 일부에 포함된 컨텐츠 또는 인덱스를 분석하여 상기 이동된 페이지의 일부에 포함된 컨텐츠 또는 인덱스와 관련된 정보를 상단 바에 표시하도록 제어할 수 있다. 여기서, 컨텐츠 또는 인덱스와 관련된 정보는 컨텐츠 또는 인덱스의 전부 또는 일부를 포함하는 것일 수 있으며, 컨텐츠 또는 인덱스에 대한 사용자로부터의 이력 정보를 포함할 수 있다. 예를 들어, 표시 제어 장치(100)는 페이지에 표시되는 제1 컨텐츠에 대해서 사용자가 어제 클릭한 이력을 추출하고, 상기 클릭한 이력에 따라 상단 바에 '어제 클릭한 컨텐츠'라는 정보를 제공할 수 있다. 이때, 고려되는 이력 정보는 클릭 이력, 구매 이력, 결제 이력 중 적어도 하나 일 수 있다. 표시 제어 장치(100)는 선택적 실시예에서, 인덱스 정보를 포함하는 상단 바를 생성함에 따라 인덱스 정보를 페이지에서 삭제하여 표시하도록 제어할 수도 있다.
표시 제어 장치(100)는 사용자로부터의 스크롤 동작의 방향을 고려하여, 상단 바의 개수를 증가시키거나 감소 시킬 수 있다. 즉, 표시 제어 장치(100)는 사용자로부터의 스크롤 동작의 방향을 고려하여, 상단 바를 복수 개로 형성될 수 있도록 제어할 수 있다. 예를 들어, 미리 설정된 제1 방향으로 이동하는 스크롤 동작이 감지되면, 표시 제어 장치(100)는 표시되는 컨텐츠와 관련된 정보를 표시하는 제1 상단 바 뿐만 아니라 현재 페이지와 관련된 정보를 표시하는 제2 상단 바를 더 생성할 수 있다. 제공되는 복수의 상단 바들은 각각 다른 내용을 포함할 수 있다. 즉, 제일 먼저 생성되는 상단 바는 현재 표시되는 페이지에 대한 정보를, 그 다음 생성되는 상단 바는 현재 표시되는 페이지의 영역에 포함된 하나 이상의 컨텐츠에 대한 정보를 포함할 수 있다. 또한, 상기 제1 방향과 상이한 제2 방향으로 이동하는 스크롤 동작이 감지되면, 표시 제어 장치(100)는 표시되는 컨텐츠와 관련된 정보를 표시하는 제1 상단 바 또는 현재 페이지와 관련된 정보를 표시하는 제2 상단 바 중 적어도 하나를 제거하여 표시하도록 제어할 수 있다.
또한, 제1 방향으로 이동하는 스크롤 동작이 감지되면, 표시 제어 장치(100)는 현재 표시되고 있는 상단 바 외에 추가적으로 상단 바를 생성하여 제공할 수 있다. 만약, 현재 표시되는 상단 바의 개수가 임계 수와 일치하는 경우에는 표시 제어 장치(100)는 더 이상 상단 바를 생성하지 않을 수 있다. 이를 통해, 표시 제어 장치(100)는 상단 바가 계속적으로 증가하지 않도록 한다.
제1 방향과 다른 제2 방향으로 이동하는 스크롤 동작이 감지되면, 표시 제어 장치(100)는 현재 표시되고 있는 상단 바의 일부 또는 전부를 제거하여 제공할 수 있다. 현재 표시되는 상단 바의 개수가 1개인 경우에는 표시 제어 장치(100)는 상단 바를 제거하지 않고 그대로 표시하도록 제어할 수 있다.
여기서, 컨텐츠와 관련된 정보는 컨텐츠의 제목 또는 컨텐츠의 전체 사용자들에 의한 추천 수, 구매 수, 방문 수, 클릭 수, 컨텐츠의 인덱스(index) 등과 같은 정보를 포함할 수 있다. 페이지와 관련된 정보는 현재 표시되고 있는 페이지가 포함하고 있는 하나 이상의 카테고리, 하나 이상의 컨텐츠 등과 관련된 정보로서, 카테고리의 상위 및 하위 개념을 포함하고 있다. 또한, 포함하고 있는 컨텐츠를 대표하는 키워드를 포함할 수 있다.
스크롤 인식부(110)는 사용자로부터 입력된 스크롤 동작을 인식한다. 스크롤 인식부(110)는 스크롤 동작의 속도, 방향, 위치 등을 인식할 수 있다. 스크롤 동작은 터치 패널을 이용한 터치 앤드 드래그를 통해 입력되거나 모션 인식 기능을 이용해 제스쳐, 모션 등의 동작을 통해 입력되거나 마우스의 휠, 조이패드 등 별도의 입력 장치를 이용하여 입력되거나 화면에 표시된 스크롤 바를 조작함으로써 입력될 수 있으나, 이에 한정하지 않는다.
본 발명의 실시예들에 따른 표시 제어 장치(100)는 하나 이상의 인덱스 영역 및/또는 하나 이상의 컨텐츠 영역을 포함하는 페이지를 화면에 표시한다. 여기서, 컨텐츠 영역은 하나 이상의 이미지, 텍스트, 동영상 중 적어도 하나를 포함하는 것이며, 인덱스 영역은 텍스트 만을 포함하며, 제목, 대표 키워드, 키워드, 인덱싱과 같은 정보를 표시하거나 컨텐츠와 관련된 일련 번호와 같은 정보를 표시하는 영역을 말한다. 인덱스 영역은 세로로 길게 형성된 복수의 컨텐츠들의 넘버를 포함할 수 있다. 예를 들어, 현재 표시되는 컨텐츠가 제일 처음 배치된 컨텐츠로부터 10번째로 배치된 컨텐츠라면, 인덱스 영역 또는 상단 바는 10이라는 정보를 포함할 수 있다. 또한, 표시되는 컨텐츠가 패션과 관련된 컨텐츠(즉, 컨텐츠의 카테고리가 패션)라면, 인덱스 영역 또는 상단 바는 상기 컨텐츠의 카테고리인'패션' 이라는 정보를 포함할 수 있다. 스크롤 동작에 따라 상단 바의 인덱스 및 카테고리는 변경되게 된다. 여기서 설명한 바와 같이 컨텐츠 영역 및 인덱스 영역은 포함하는 컨텐츠에 따라 결정될 수 있으나 생성자에 의해 미리 설정될 수도 있다.
특히, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 단말(10)의 화면(11)의 가로 길이, 세로 길이, 해상도 중 적어도 하나를 고려하여, 페이지의 표시를 변경할 수 있다. 예를 들어, 본 발명의 실시예들에 따르면, 표시 제어 장치(100)는 가로로 길게 확장되는 페이지를 세로로 길게 확장되는 페이지로 변경하여 제공할 수 있고, 반대로 세로로 길게 확장되는 페이지를 가로로 길게 확장되는 페이지로 변경하여 제공할 수 있다. 이를 통해, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 가로 길이가 소정의 임계 길이 이하인 화면(11)을 포함하는 단말(10)을 위해서 페이지에 포함된 컨텐츠의 배치를 변경할 수 있고, 결과적으로 사용자의 가독성을 높일 수 있다.
상단 바 생성부(120)는 스크롤 동작이 인식되면, 상기 스크롤 동작 및 상기 스크롤 동작에 의해 표시되는 영역 중 적어도 하나가 기 설정된 조건을 만족하는 경우, 스크롤 동작에 의해 이동된 영역에 포함된느 컨텐츠 또는 스크롤 동작에 의해 표시되는 컨텐츠를 고려하여 하나 이상의 상단 바를 생성할 수 있다.
컨텐츠 영역 및 인덱스 영역에 포함된 컨텐츠를 구분하기 위해서, 컨텐츠 영역에 포함된 컨텐츠를 컨텐츠라고 명명하고, 인덱스 영역에 포함된 컨텐츠를 인덱스라고 명명하겠다. 실질적으로 인덱스 및 컨텐츠는 데이터 포맷에 차이가 없을 수 있다.
상단 바 생성부(120)는 스크롤 동작에 의해 이동된 영역에 포함된 하나 이상의 컨텐츠가 소정의 조건을 만족하는 경우, 상기 스크롤 동작에 의해 이동된 영역에 포함된 인덱스의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다. 상단 바 생성부(120)는 스크롤 동작에 의해 이동된 영역이 인덱스 영역을 포함하고 있는 경우, 상기 인덱스 영역에 포함된 내용을 포함하는 상단 바를 생성할 수 있다.
상단 바 생성부(120)는 스크롤 동작에 의해 이동되어 페이지의 제1 영역으로부터 제2 영역까지 이동될 때에 제2 영역에 포함된 하나 이상의 컨텐츠가 소정의 조건을 만족하는 경우, 상기 제2 영역에 포함된 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다. 좀더 구체적으로 상단 바 생성부(120)는 제2 영역에 포함된 하나 이상의 컨텐츠가 제1 영역에 포함된 하나 이상의 컨텐츠와 다른 카테고리에 속하는 경우, 상기 제2 영역에 포함된 하나 이상의 컨텐츠의 전부 또는 일부와 대응되는 카테고리, 제목, 인덱싱(index)을 포함하는 상단 바를 생성할 수 있다.
상단 바 생성부(120)는 스크롤 동작의 방향이 미리 설정된 제1 방향인 경우, 스크롤 동작에 의해 페이지가 이동되어 표시되는 제2 영역에 포함된 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 제1 상단 바 외에 상기 페이지에 포함된 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 제2 상단 바를 생성할 수 있다.
또한, 상단 바 생성부(120)는 스크롤 동작의 방향이 상기 제1 방향과 다른 제2 방향인 경우, 표시되는 상단 바의 개수를 감소시킬 수 있다. 예를 들어 제1 상단 바 및 제2 상단 바가 표시되고 있는 경우, 제2 방향의 스크롤 동작이 인지되면, 상단 바 생성부(120)는 제1 상단 바 또는 제2 상단 바를 제거할 수 있다. 즉, 제1 상단 바 또는 제2 상단 바 만이 표시되게 된다.
상단 바 생성부(120)는 사용자에 의한 스크롤의 크기가 소정의 조건을 만족하는 경우, 페이지 및 상기 스크롤 동작에 의해 이동된 영역, 및 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함되는 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다. 좀더 구체적으로 상단 바 생성부(120)는 사용자에 의한 스크롤 동작의 크기가 다소 많은 컨텐츠, 예를 들어 20개 이상의 컨텐츠들을 초과하는 경우, 페이지 및 상기 스크롤 동작에 의해 이동된 영역, 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함되는 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다.
상단 바 생성부(120)는 사용자에 의한 스크롤의 속도가 소정의 조건을 만족하는 경우, 페이지 및 상기 스크롤 동작에 의해 이동된 영역, 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함되는 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다. 상단 바 생성부(120)는 사용자에 의한 스크롤 동작의 속도가 다소 빠른 경우, 즉 미리 설정된 임계 속도 이상인 경우, 페이지 및 상기 스크롤 동작에 의해 이동된 영역, 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함된 하나 이상의 컨텐츠의 전부 또는 일부를 포함하는 상단 바를 생성할 수 있다.
이를 통해, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 사용자의 스크롤 동작에 의해 이동되는 영역에 포함된 하나 이상의 컨텐츠를 고려하여, 상단 바를 생성할 수 있다. 결과적으로 상단 바는 스크롤 동작에 따라 동적으로 변경되게 되며, 사용자에게 스크롤 동작에 따른 표시되는 컨텐츠, 정보 중 적어도 하나의 변화를 알려 줄 수 있다.
표시 제어부(130)는 상단 바 생성부(120)에 의해 생성된 하나 이상의 상단 바를 스크롤 동작에 따라 이동된 제2 영역을 함께 표시하도록 제어할 수 있다. 표시 제어부(130)는 페이지에 포함된 하나 이상의 컨텐츠의 배열을 변경하여 표시하도록 제어할 수 있다. 표시 제어부(130)는 페이지에 대한 사용자 입력에 따라 페이지의 표시를 변경하는 기능을 수행할 수도 있다. 예를 들어, 표시 제어부(130)는 페이지에 포함된 컨텐츠를 확대 또는 축소하여 표시하도록 제어할 수 있다. 또한, 표시 제어부(130)는 소정의 조건을 만족하는 사용자 입력에 따라 페이지에 포함된 소정의 위치로 이동하여 페이지를 표시하도록 제어할 수 있다. 예를 들어, 사용자에 의해 선택된 제1 컨텐츠가 표시되지 않더라도, 표시 제어부(130)는 소정의 사용자 입력이 입력되면, 상기 제1 컨텐츠가 표시되도록 변경할 수 있다. 즉, 표시 제어부(130)는 제1 컨텐츠가 포함되는 페이지와 대응되는 주소를 저장하고 있다가 사용자 입력에 따라 상기 주소를 통해 상기 제1 컨텐츠가 포함되는 페이지들이 표시되도록 제어할 수 있다.
표시 제어부(130)는 사용자 단말의 가로 길이가 소정의 임계 길이 이하인 경우, 상기 페이지에 포함된 좌우, 또는 가로로 배치된 제1 컨텐츠 영역 및 제2 컨텐츠 영역을 상하 또는 세로로 배치되도록 제어할 수 있다.
도 2 내지 도 4는 본 발명의 실시예들에 따른 표시 제어 방법의 흐름도들이다.
도 2를 참조하면, 본 발명의 실시예들에 따른 표시 제어 방법은 페이지 표시 단계(S110), 스크롤 동작 인식 단계(S120), 페이지의 이동 단계(S130), 인덱스 영역을 포함하는지 여부를 판단하는 단계(S140), 상단 바 생성 단계(S150), 상단 바 및 페이지를 표시하는 단계(S160)를 포함할 수 있다.
S110에서는 표시 제어 장치(100)는 사용자에 의해 열람된 페이지를 단말(10)의 화면(11)을 통해 표시되도록 제어한다. 여기서, 사용자에 의해 열람된 페이지는 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함할 수 있다. S120에서는 표시 제어 장치(100)는 단말(10)을 통해 스크롤 동작을 인식한다. 스크롤 동작 및 스크롤 동작의 인식과 관련된 설명은 도 1에 대한 설명에 전술하였으므로, 상세한 설명을 생략한다.
S130에서는 표시 제어 장치(100)는 스크롤 동작과 대응시켜 페이지를 이동시킬 수 있다. 표시 제어 장치(100)는 스크롤 동작의 크기 및/또는 속도를 고려하여 페이지를 이동시킨다. 표시 제어 장치(100)는 페이지의 제1 영역에서 스크롤 동작과 대응되는 만큼 이동된 페이지의 제2 영역을 표시하도록 제어할 수 있다.
S140에서는 표시 제어 장치(100)는 상기 페이지의 이동된 영역이 소정의 상단 바 생성 조건을 만족하는지 여부를 판단할 수 있다. 여기서, 상단 바 생성 조건은 페이지 및/또는 상기 페이지가 포함하는 하나 이상의 컨텐츠, 스크롤 동작 및/또는 상기 스크롤 동작에 의해 페이지의 이동된 영역에 포함된 하나 이상의 컨텐츠, 스크롤 동작에 의해 최종적으로 표시된 페이지의 제2 영역에 포함된 하나 이상의 컨텐츠를 기초로 설정될 수 있다. 예를 들어, 상단 바 생성 조건은 페이지가 다소 많은 세로 길이를 가지는지 여부, 상기 페이지가 포함하는 컨텐츠의 개수가 제1 임계 수 이상인지 여부, 스크롤 동작이 미리 설정된 제1 방향과 일치하는지 여부, 미리 설정된 임계 크기 이상인지 여부, 상기 스크롤 동작에 의해 이동된 영역이 인덱스 영역을 포함하는지 여부, 상기 스크롤 동작에 의해 이동된 영역이 미리 설정된 제2 임계 수 이상인지 여부 중 적어도 하나를 포함할 수 있다. 좀더 구체적으로 표시 제어 장치(100)는 상기 페이지의 이동된 영역이 인덱스 영역을 포함하는지 여부를 판단할 수 있다.
S150에서는 표시 제어 장치(100)는 상기 인덱스 영역에 포함된 텍스트를 추출하고, 상기 텍스트를 포함하는 제1 상단 바를 생성할 수 있다. S160에서는 표시 제어 장치(100)는 스크롤 동작의 결과로서, 제1 상단 바 및 상기 페이지의 제2 영역을 표시할 수 있다. 여기서, 제2 영역은 페이지의 일부를 말하며, 최초에 표시된 제1 영역에서부터 스크롤 동작과 대응되는 이동 거리 만큼 이동된 영역을 말한다.
페이지가 다소 많은 컨텐츠들을 포함하고 있는 경우, 표시 제어 장치(100)는 단말(10)의 화면(11)을 통해 페이지를 전체적으로 표시할 수는 없고, 사용자에게 입력된 스크롤 동작에 따라 페이지를 이동시킴으로써 페이지의 내용을 표시시킬 수 있다. 본 발명의 실시예들에 따른 표시 제어 장치(100)는 페이지에 포함된 컨텐츠, 스크롤 동작에 의해서 이동된 영역에 포함된 컨텐츠, 스크롤 동작에 의해 표시된 영역에 포함된 컨텐츠 중 적어도 하나를 포함하는 상단 바를 생성하고, 스크롤 동작에 의해 표시된 영역과 독립적인 영역에 표시하도록 제어할 수 있다.
S140에서의 판단 결과, 상기 페이지의 이동된 영역이 인덱스 영역이 포함하지 않는 경우에는 표시 제어 장치(100)는 상단 바를 생성하지 않고, 스크롤 동작에 의해 이동된 페이지를 표시하도록 제어한다.
도 3을 참조하면, 본 발명의 실시예들에 따른 표시 제어 방법은 스크롤 동작의 방향이 소정의 제1 방향인지를 판단하는 단계(S210), 상기 인덱스 영역에 포함된 텍스트를 포함하는 제1 상단 바 및 상기 페이지의 카테고리 정보를 표시하는 제2 상단 바를 생성하는 단계(S220), 상기 제1 및 제2 상단 바를 제2 영역과 함께 표시하는 단계(S230)를 포함할 수 있다.
S210에서는 표시 제어 장치(100)는 인식된 스크롤 동작의 방향이 미리 설정된 제1 방향과 일치하는지 여부를 판단할 수 있다. 사용자는 위로 이동하는 스크롤의 방향을 제1 방향으로 설정하면, 표시 제어 장치(100)는 스크롤 동작의 방향이 위로 향하는 방향인 제1 방향과 일치하는지 여부를 판단한다.
S220에서는 표시 제어 장치(100)는 판단 결과, 스크롤 동작의 방향이 제1 방향인 경우, 상기 인덱스 영역에 포함된 텍스트를 포함하는 제1 상단 바 외에 추가적으로 페이지의 카테고리 정보를 표시하는 제2 상단 바를 생성할 수 있다. 여기서는, 추가적으로 생성되는 제2 상단 바가 상기 페이지의 카테고리 정보를 포함한다고 기재되어 있으나 이는 하나의 실시예에 불과합니다. 추가적으로 생성되는 제2 상단 바는 상기 페이지에 포함된 하나 이상의 컨텐츠와 관련된 정보를 포함하도록 기재될 수 있다. 즉, 제1 상단 바는 현재 표시되는 페이지의 제2 영역과 관련된 내용을 포함하고, 제2 상단 바는 전체 페이지와 관련된 내용을 포함할 수 있다.
S230에서는 표시 제어 장치(100)는 상기 제1 및 제2 상단 바를 상기 페이지의 제2 영역과 함께 표시하도록 제어할 수 있다.
이를 통해, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 제1 방향의 스크롤 동작과 대응되어 상단 바를 추가적으로 생성하여 표시할 수 있다. 상단 바는 페이지의 표시 영역, 전체 페이지, 스크롤 동작에 의한 이동 영역 중 적어도 하나에 포함된 컨텐츠 또는 인덱스와 관련된 정보를 포함할 수 있다.
도 4는 본 발명의 실시예들에 따른 표시 제어 방법은 제1 방향과 다른 제2 방향의 스크롤 동작이 인식되는 경우의 동작을 설명하기 위한 도면이다.
S310에서는 표시 제어 장치(100)는 사용자에 의해 입력된 스크롤 동작을 인식한다. S320에서는 표시 제어 장치(100)는 상기 스크롤 동작의 방향이 제2 방향과 일치하는지 여부를 판단한다. 제2 방향은 제1 방향과 상이한 방향을 말한다. 제2 방향은 위로 이동하거나 아래로 이동하거나 좌로 이동하거나 우로 이동하는 등과 같이 자유롭게 설정될 수 있다.
S330에서는 상기 판단 결과, 상기 스크롤 동작의 방향이 제2 방향인 경우, 표시 제어 장치(100)는 스크롤 동작과 대응하여, 페이지의 제2 영역에서 상기 스크롤 동작과 대응되는 거리 만큼 이동시킨다. 표시 제어 장치(100)는 이동의 결과로서, 페이지의 제3 영역으로 표시하게 된다. 또한, 상기 판단 결과, 상기 스크롤 동작의 방향이 제2 방향이 아닌 경우, 표시 제어 장치(100)는 제1 및 제2 상단 바 외에 추가적인 제3 상단 바를 생성하여 제3 영역과 함께 표시할 수 있다.
S340에서는 표시 제어 장치(100)는 상기 제3 영역과 대응되는 인덱스 정보를 표시하도록 제1 상단 바를 수정하고, 제2 상단 바를 제거할 수 있다.
S350에서는 표시 제어 장치(100)는 상기 제1 상단 바와 함께 제3 영역을 표시할 수 있다.
도 5a 내지 도 5d는 본 발명의 실시예들에 따른 표시 제어 장치(100)에 의해 제공되는 사용자 인터페이스의 예들을 설명하기 위한 도면들이다.
도 5a에 도시된 바와 같이, 표시 제어 장치(100)는 인덱스 영역(i1, i2) 및 컨텐츠 영역(c1, c2, c3, c4)를 포함하는 페이지 중에서, 제1 영역(a1)를 표시하도록 제어할 수 있다. 표시 제어 장치(100)는 상기 페이지에 대해서, 사용자에 의한 제1 스크롤 동작(s1)를 감지할 수 있다. 표시 제어 장치(100)는 페이지의 제1 영역(a1)를 표시하다가 상기 제1 스크롤 동작(s1)이 감지되면, 스크롤 동작과 대응되는 거리 만큼 페이지의 제2 영역(a2)까지 이동시킬 수 있다. 페이지의 제2 영역(a2)은 제1 영역(a1)에는 포함되지 않았던 제4 컨텐츠(c4), 제5 컨텐츠(c5)를 포함할 수 있다.
도 5b에 도시된 바와 같이, 표시 제어 장치(100)는 스크롤 동작의 결과로 표시된 페이지가 포함하는 제4 컨텐츠(c4) 및 제5 컨텐츠(c5)와 대응되는 카테고리, 인덱스 중 적어도 하나를 포함하는 제1 상단 바(b1)를 생성하고, 상기 제1 상단 바(b1)와 함께 제2 영역(a2)를 표시하도록 제어한다. 상기 제1 상단 바(b1)는 스크롤 동작의 결과로 표시된 페이지가 포함하는 컨텐츠 뿐만 아니라 스크롤 동작에 의해 이동된 영역에 포함된 인덱스 영역(i2)에 포함된 텍스트를 포함할 수 있다. 표시 제어 장치(100)는 제1 상단 바(b1) 및 제2 영역(a2)에 대한 제2 스크롤 동작(s2)를 감지할 수 있다.
도 5c에 도시된 바와 같이, 표시 제어 장치(100)는 상기 제2 스크롤 동작(s2)와 대응하여, 페이지를 이동시킬 뿐만 아니라, 추가적인 제2 상단 바(b2)를 생성하여 제공할 수 있다. 즉, 표시 제어 장치(100)는 상기 페이지의 제2 영역(a2)에서 상기 제2 스크롤 동작(s2)과 대응되는 크기만큼 이동된 제3 영역(a3)를 표시하도록 제어할 수 있다. 또한, 표시 제어 장치(100)는 상기 제2 스크롤 동작(s2)에 따라 제1 상단 바(b1)에 포함된 내용을 제3 영역(a3)과 대응되도록 수정할 수 있다. 또한, 추가적인 제2 상단 바(b2)는 전체 페이지와 관련된 정보를 표시할 수 있다. 예를 들어, 제2 상단 바(b2)는 전체 페이지와 관련된 정보 즉, 전체 페이지의 카테고리, 전체 페이지의 제목, 전체 페이지에 포함된 컨텐츠의 개수 등을 포함할 수도 있고, 전체 페이지에 접속된 하나 이상의 사용자의 개수, 사용자에 의해 구매되는 상품의 수, 사용자에 의해 구매되는 구매 금액과 관련된 정보를 포함할 수도 있다.
이때 만약 표시 제어 장치(100)가 제3 스크롤 동작(s3)을 감지하게 되면, 도 5d에 도시된 바와 같이 페이지의 제4 영역(a4)를 표시하도록 제어할 수 있으며, 제2 상단 바(b2)를 제거하고, 상기 제1 상단 바에 포함된 내용을 제4 영역(s4)와 대응되는 것으로 변경할 수 있다. 표시 제어 장치(100)는 사용자로부터의 스크롤 동작이 상단 바를 감소시키는 방향과 일치하는 경우에는 상단 바의 일부를 제거할 수 있다.
도 6a 및 도 6b는 본 발명의 실시예들에 따른 표시 제어 장치(100)에 의해 제공되는 페이지의 일 예들이다. 도 6a에 도시된 같이, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 인덱스 영역(i11) 및 가로로 배치된 컨텐츠들(c11, c12, c13, c14)을 포함하는 페이지를 제공할 수도 있다. 또한, 표시 제어 장치(100)는 도 6b에 도시된 바와 같이 상기 페이지에 포함된 컨텐츠들(c11, c12, c13, c14)를 세로로 배치하도록 변경할 수 있다. 본 발명의 실시예들에 따른 표시 제어 장치(100)는 사용자 단말(10)의 가로 길이가 다소 작은 경우, 가로로 길게 배치된 하나 이상의 컨텐츠를 포함하는 페이지를 세로로 길게 배치하도록 변경할 수 있다. 또한, 본 발명의 실시예들에 따른 표시 제어 장치(100)는 사용자 단말(10)의 세로 길이가 다소 작은 경우, 세로로 길게 배치된 하나 이상의 컨텐츠를 포함하는 페이지를 가로로 길게 배치하도록 변경할 수 있다. 이를 통해 본 발명의 실시예들에 따른 표시 제어 장치(100)는 페이지에 대한 가독성을 높일 수 있다.
이상 설명된 본 발명에 따른 실시예는 컴퓨터 상에서 다양한 구성요소를 통하여 실행될 수 있는 컴퓨터 프로그램의 형태로 구현될 수 있으며, 이와 같은 컴퓨터 프로그램은 컴퓨터로 판독 가능한 매체에 기록될 수 있다. 이때, 매체는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치를 포함할 수 있다.
한편, 상기 컴퓨터 프로그램은 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 프로그램의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함될 수 있다.
본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, "필수적인", "중요하게" 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.
본 발명의 명세서(특히 특허청구범위에서)에서 "상기"의 용어 및 이와 유사한 지시 용어의 사용은 단수 및 복수 모두에 해당하는 것일 수 있다. 또한, 본 발명에서 범위(range)를 기재한 경우 상기 범위에 속하는 개별적인 값을 적용한 발명을 포함하는 것으로서(이에 반하는 기재가 없다면), 발명의 상세한 설명에 상기 범위를 구성하는 각 개별적인 값을 기재한 것과 같다. 마지막으로, 본 발명에 따른 방법을 구성하는 단계들에 대하여 명백하게 순서를 기재하거나 반하는 기재가 없다면, 상기 단계들은 적당한 순서로 행해질 수 있다. 반드시 상기 단계들의 기재 순서에 따라 본 발명이 한정되는 것은 아니다. 본 발명에서 모든 예들 또는 예시적인 용어(예들 들어, 등등)의 사용은 단순히 본 발명을 상세히 설명하기 위한 것으로서 특허청구범위에 의해 한정되지 않는 이상 상기 예들 또는 예시적인 용어로 인해 본 발명의 범위가 한정되는 것은 아니다. 또한, 당업자는 다양한 수정, 조합 및 변경이 부가된 특허청구범위 또는 그 균등물의 범주 내에서 설계 조건 및 팩터에 따라 구성될 수 있음을 알 수 있다.
10: 단말
11: 화면
100: 표시 제어 장치
110: 스크롤 인식부
120: 상단 바 생성부
130: 표시 제어부

Claims (11)

  1. 표시 제어 장치가 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함하는 페이지의 제1 영역을 화면에 디스플레이하는 단계;
    상기 표시 제어 장치가 상기 페이지에 대한 스크롤 동작을 인식하는 단계;
    상기 표시 제어 장치가 상기 스크롤 동작과 대응되어 상기 제1 영역에서 상기 제1 영역과 다른 제2 영역까지 이동시키는 단계;
    상기 표시 제어 장치가 상기 제1 영역 및 상기 제2 영역 사이에 인덱스 영역이 존재하는지 여부를 판단하는 단계;
    상기 표시 제어 장치가 상기 판단 결과, 인덱스 영역이 존재하는 경우, 상기 제1 및 제2 영역 사이에 존재하는 인덱스 영역에 포함된 텍스트를 표시하는 제1 상단 바를 생성하는 단계; 및
    상기 표시 제어 장치가 상기 제1 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하는 단계;를 포함하고,
    상기 스크롤 동작의 방향이 미리 설정된 제1 방향인 경우,
    상기 제1 상단 바를 생성하는 단계는
    상기 제2 영역에 포함된 하나 이상의 컨텐츠의 카테고리 정보를 표시하는 제2 상단 바를 더 생성하고,
    상기 화면에 디스플레이 하는 단계는
    상기 제1 및 상기 제2 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하고,
    상기 제1 상단 바를 생성하는 단계는
    상기 스크롤의 크기 또는 속도가 소정의 조건을 만족하는 경우, 페이지, 상기 스크롤 동작에 의해 이동된 영역, 및 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함되는 하나 이상의 컨텐츠의 전부 또는 일부를 포함하도록 상기 제1 상단 바를 생성하는 점을 특징으로 하는, 표시 제어 방법.
  2. 삭제
  3. 제1항에 있어서,
    상기 스크롤 동작의 방향이 상기 제1 방향과 상이한 제2 방향인 경우,
    상기 제1 상단 바를 생성하는 단계는
    상기 제2 상단 바를 제거하고,
    상기 화면에 디스플레이 하는 단계는
    상기 제1 상단 바만을 상기 제2 영역과 함께 상기 화면에 디스플레이 하도록 제어하는, 표시 제어 방법.
  4. 제1항에 있어서,
    상기 페이지를 화면에 디스플레이 하는 단계는
    사용자 단말의 가로 길이가 소정의 임계 길이 이하인 경우,
    상기 페이지에 포함된 가로로 인접하게 배치된 제1 컨텐츠 영역 및 제2 컨텐츠 영역을 세로로 인접하게 배치되도록 상기 페이지를 변경하여 표시하는, 표시 제어 방법.
  5. 제1항에 있어서,
    상기 제1 상단 바를 생성하는 단계는
    상기 인덱스 영역에 포함된 텍스트 뿐만 아니라 제2 영역에 포함된 컨텐츠 영역과 관련된 정보를 함께 표시하는 제1 상단 바를 생성하는, 표시 제어 방법.
  6. 하나 이상의 인덱스 영역 및 하나 이상의 컨텐츠 영역을 포함하는 페이지의 제1 영역을 화면에 디스플레이하는 표시 제어 장치에 있어서,
    상기 페이지에 대한 스크롤 동작을 인식하는 스크롤 인식부;
    상기 스크롤 동작과 대응되어 상기 제1 영역에서 상기 제1 영역과 다른 제2 영역까지 이동시키는 표시 제어부;
    상기 제1 영역 및 상기 제2 영역 사이에 인덱스 영역이 존재하는지 여부를 판단하고, 상기 판단 결과, 인덱스 영역이 존재하는 경우, 상기 제1 및 제2 영역 사이에 존재하는 인덱스 영역에 포함된 텍스트를 표시하는 제1 상단 바를 생성하는 상단 바 생성부;를 포함하고,
    상기 표시 제어부는 상기 제1 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하고,
    상기 스크롤 동작의 방향이 미리 설정된 제1 방향인 경우,
    상기 상단 바 생성부는
    상기 페이지 또는 제2 영역에 포함된 하나 이상의 컨텐츠의 카테고리 정보를 표시하는 제2 상단 바를 더 생성하고,
    상기 표시 제어부는
    상기 제1 및 상기 제2 상단 바와 함께 상기 페이지의 제2 영역을 상기 화면에 디스플레이 하고,
    상기 상단 바 생성부는
    상기 스크롤의 크기 또는 속도가 소정의 조건을 만족하는 경우, 페이지, 상기 스크롤 동작에 의해 이동된 영역, 및 상기 스크롤 동작에 의해 표시된 영역 중 적어도 하나에 포함되는 하나 이상의 컨텐츠의 전부 또는 일부를 포함하도록 상기 제1 상단 바를 생성하는 점을 특징으로 하는, 표시 제어 장치.
  7. 삭제
  8. 제6항에 있어서,
    상기 스크롤 동작의 방향이 상기 제1 방향과 상이한 제2 방향인 경우,
    상기 상단 바 생성부는
    상기 제2 상단 바를 제거하고,
    상기 표시 제어부는
    상기 제1 상단 바만을 상기 제2 영역과 함께 상기 화면에 디스플레이 하도록 제어하는, 표시 제어 장치.
  9. 제6항에 있어서,
    상기 표시 제어부는 상기 페이지를 화면에 디스플레이 할 때,
    사용자 단말의 가로 길이가 소정의 임계 길이 이하인 경우,
    상기 페이지에 포함된 가로로 인접하게 배치된 제1 컨텐츠 영역 및 제2 컨텐츠 영역을 세로로 인접하게 배치되도록 상기 페이지를 변경하여 표시하는, 표시 제어 장치.
  10. 제6항에 있어서,
    상기 상단 바 생성부는
    상기 인덱스 영역에 포함된 텍스트 뿐만 아니라 제2 영역에 포함된 컨텐츠 영역과 관련된 정보를 함께 표시하는 제1 상단 바를 생성하는, 표시 제어 장치.
  11. 제1항, 제3항 내지 제5항 중 어느 한 항의 방법을 실행시키기 위한 프로그램이 기록되어 있는 컴퓨터 판독 가능한 기록 매체.
KR1020160030354A 2016-03-14 2016-03-14 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체 KR101804500B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160030354A KR101804500B1 (ko) 2016-03-14 2016-03-14 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160030354A KR101804500B1 (ko) 2016-03-14 2016-03-14 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체

Publications (2)

Publication Number Publication Date
KR20170106787A KR20170106787A (ko) 2017-09-22
KR101804500B1 true KR101804500B1 (ko) 2017-12-04

Family

ID=60034851

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160030354A KR101804500B1 (ko) 2016-03-14 2016-03-14 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체

Country Status (1)

Country Link
KR (1) KR101804500B1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102546670B1 (ko) 2018-03-15 2023-06-22 삼성전자주식회사 전자 장치 및 컨텐츠를 표시하는 방법
KR102281778B1 (ko) * 2020-02-11 2021-07-23 나성훈 스크롤 배너의 웹 페이지 표시 방법

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006301871A (ja) 2005-04-19 2006-11-02 Hitachi Ltd 情報閲覧装置

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006301871A (ja) 2005-04-19 2006-11-02 Hitachi Ltd 情報閲覧装置

Also Published As

Publication number Publication date
KR20170106787A (ko) 2017-09-22

Similar Documents

Publication Publication Date Title
CN106471458B (zh) 电子书导航界面中的智能滑擦条
KR101768690B1 (ko) 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
US7836388B2 (en) Enhancing accuracy of jumping by incorporating interestingness estimates
US9542407B2 (en) Method and apparatus for media searching using a graphical user interface
US20120054612A1 (en) Method and apparatus for playing contents
US20140082533A1 (en) Navigation Interface for Electronic Content
CN107239528B (zh) 搜索结果显示方法及装置
EP2631778A2 (en) Method and apparatus for object size adjustment on a screen
CN109643560B (zh) 用于显示视频和评论的装置和方法
WO2016022217A1 (en) Navigation interfaces for ebooks
CN104166553A (zh) 一种显示方法及电子设备
US20180060697A1 (en) Object detection device, object detection method, and recording medium
CN103336787B (zh) 一种用于缩放网页的方法和装置
KR101610882B1 (ko) 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
KR101804500B1 (ko) 표시 제어 장치, 방법 및 컴퓨터 판독 가능한 기록 매체
CN103383629A (zh) 一种基于html5的输入方法及装置
CN105242840B (zh) 一种信息处理方法及一种电子设备
KR101610880B1 (ko) 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
KR101579605B1 (ko) 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
KR20100107611A (ko) 단말 제어 장치 및 방법
TW201044252A (en) Page display method, electronic apparatus, program product
KR102419695B1 (ko) 스크롤 제어 방법, 장치, 프로그램 및 컴퓨터 판독가능 기록매체
US20230393726A1 (en) Methods and apparatuses for providing condensable user interface
KR102067431B1 (ko) 소스코드 표시장치, 소스코드 표시방법 및 이를 실행하기 위한 프로그램을 기록한 컴퓨터로 판독가능한 기록매체
KR20170097717A (ko) 정보처리프로그램 및 정보처리방법

Legal Events

Date Code Title Description
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant