KR20200048505A - 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법 - Google Patents

리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법 Download PDF

Info

Publication number
KR20200048505A
KR20200048505A KR1020180130662A KR20180130662A KR20200048505A KR 20200048505 A KR20200048505 A KR 20200048505A KR 1020180130662 A KR1020180130662 A KR 1020180130662A KR 20180130662 A KR20180130662 A KR 20180130662A KR 20200048505 A KR20200048505 A KR 20200048505A
Authority
KR
South Korea
Prior art keywords
item
items
difference
list
user input
Prior art date
Application number
KR1020180130662A
Other languages
English (en)
Other versions
KR102519625B1 (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 KR1020180130662A priority Critical patent/KR102519625B1/ko
Publication of KR20200048505A publication Critical patent/KR20200048505A/ko
Application granted granted Critical
Publication of KR102519625B1 publication Critical patent/KR102519625B1/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]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

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 아이템 사이의 차이점에 관한 정보를 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로 디스플레이 하는 단계를 포함한다.

Description

리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법{METHOD FOR DISPLAYING DIFFERENCES BETWEEN ITEMS IN LIST AND APPARATUS THEREOF}
본 발명은 리스트의 아이템간 차이점을 표시하는 방법 및 그 장치에 관한 것이다. 보다 자세하게는, 복수의 아이템간 차이점을 최소한의 조작으로 쉽게 확인할 수 있는 방법에 관한 것이다.
종래 리스트의 아이템 비교는 기본적으로 공통점 및 유사점을 기준으로 아이템 정렬 및 탐색을 수행한다. 따라서 아이템간 차이점이 많은 경우 종래 리스트의 비교방법을 사용해도 문제가 없었으나, 리스트가 사용되는 온라인 쇼핑몰 또는 사용자 제작 컨텐츠의 경우 차이점보다 유사하거나 동일한 아이템이 더 많아 사용자는 미세한 차이에 대한 정보를 얻기 위해 직접 컨텐츠를 확인해야 한다.
특히, 리스트에 포함되는 아이템의 개수가 많고, 모든 아이템이 서로 다른 고유한 것이 아닌 상황이라면, 사용자는 미세한 차이를 확인하기 위해 동일한 내용의 컨텐츠를 중복하여 확인해야하는 번거로움을 겪는다. 또한, 활성화된 온라인 쇼핑몰에 등록되는 동일 상품에 대한 유사 판매 조건의 항목들의 개수가 사용자의 직관적인 식별이 불가능할 정도로 많은 경우가 점점 더 빈번해 지고 있다. 따라서 사용자가 리스트에 포함된 복수의 아이템 사이 차이점을 효율적으로 확인할 수 있는 방법의 제공이 요구된다.
한국공개특허 제 2016-0075152호
본 발명이 해결하고자 하는 기술적 과제는, 리스트상의 아이템 비교를 위해 사용자가 직접 아이템의 컨텐츠의 내용을 비교할 필요 없이, 리스트 인터페이스 상에서 자동으로 아이템을 비교하는 방법 및 장치를 제공하는 것이다.
본 발명이 해결하고자 하는 다른 기술적 과제는, 특정 속성을 공통적으로 갖는 아이템간 존재하는 차이점을 자동으로 리스트 인터페이스 상에서 알려주는 방법 및 장치를 제공하는 것이다.
본 발명의 기술적 과제들은 이상에서 언급한 기술적 과제들로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명의 기술분야에서의 통상의 기술자에게 명확하게 이해 될 수 있을 것이다.
상기 기술적 과제를 해결하기 위한, 본 발명의 일 실시예에 따른 리스트의 아이템간 차이점 표시 방법은, 복수개의 아이템을 포함하는 리스트를 디스플레이 하는 단계, 상기 복수개의 아이템 중 제1 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력에 응답하여, 상기 복수개의 아이템 중 상기 제1 아이템을 제외한 나머지 중 적어도 일부인 각각의 비교 대상 아이템과, 상기 제1 아이템 사이의 차이점에 관한 정보를 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로 디스플레이하는 단계를 포함하되, 상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자 입력은, 상기 제1 아이템의 상세 정보를 표시하기 위한 사용자 입력 및 상기 제1 아이템에 대하여 단순 선택하기 위한 사용자 입력을 제외한 것일 수 있다.
일 실시예에서, 상기 차이점에 관한 정보를 디스플레이하는 단계는, 상기 차이점에 관한 정보를, 상기 사용자 입력에 응답하여 생성하는 단계, 또는 상기 사용자 입력이 해제된 후, 상기 차이점에 관한 정보를 기준으로 상기 비교 대상 아이템을 정렬하는 단계를 포함할 수 있다.
일 실시예에서, 상기 차이점에 관한 정보를 디스플레이하는 단계는, 상기 비교 대상 아이템 중 상기 제1 아이템에 포함된 컨텐츠를 가진 아이템을 리스트에서 제거하는 단계를 포함할 수 있다. 이 때, 상기 제1 아이템과 동일한 컨텐츠를 가진 아이템을 리스트에서 제거하는 단계는, 상기 제거된 아이템의 속성 중 상기 제1 아이템의 속성과 다른 속성에 대한 정보를, 상기 제1 아이템에 부가하는 단계를 포함할 수 있다.
일 실시예에서, 상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자 입력은 롱클릭(long click) 또는 롱탭(long tap)이고, 상기 롱클릭 또는 롱탭이 해제 된 경우 상기 디스플레이 된 차이점에 관한 정보를 제거하는 단계를 더 포함할 수 있다.
일 실시예에서, 상기 비교 대상 아이템은 제2 아이템이고, 상기 사용자 입력은, 상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 상기 제2 아이템으로의 드래그-앤-드롭 입력일 수 있다.
일 실시예에서, 상기 비교 대상 아이템은 복수개 이고, 상기 사용자 입력은, 상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 각각의 상기 비교 대상 아이템의 위치로 이동 하는 입력일 수 있다. 이 때, 상기 사용자 입력은, 상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 각각의 상기 비교 대상 아이템의 위치로 이동 하되, 상기 비교 대상 아이템의 위치에서 지정된 시간 이상 머무름으로써 각각의 비교 대상 아이템을 특정하는 입력일 수 있다.
일 실시예에서, 상기 비교 대상 아이템은 제2 아이템이고, 상기 사용자 입력은, 상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 상기 제2 아이템으로의 드래그-앤-드롭 입력이며, 상기 차이점에 관한 정보를 화면에 디스플레이하는 단계는, 상기 리스트가 표시된 제1 GUI(Graphic User Interface) 인스턴스와 별개인 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이 하는 단계를 포함할 수 있다. 이 때, 상기 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이하는 단계는, 상기 제2 GUI 인스턴스에 상기 제1 아이템의 컨텐츠 및 상기 제1 아이템의 컨텐츠의 전체 영역중 상기 제2 GUI 인스턴스에 보여지는 부분을 알려주는 내비게이팅 UI(User Interface)에 상기 제1 아이템의 컨텐츠의 전체 영역 중 상기 비교 대상 아이템과의 차이점이 존재하는 부분의 위치를 표시하는 단계와, 상기 제1 아이템의 컨텐츠의 전체 영역중 상기 제2 GUI 인스턴스에 보여지지 않는 부분에 존재하는 비교대상 아이템과의 차이점에 관한 정보를, 상기 제2 GUI 인스턴스 위에 오버랩하여 표시하는 단계와, 상기 제2 GUI 인스턴스 위에 오버랩 되어 표시되는 차이점에 관한 정보를 선택하는 사용자의 입력에 응답하여, 상기 선택된 차이점이 존재 하는 부분의 상기 제1 아이템의 컨텐츠가 상기 제2 GUI 인스턴스에 보여지도록, 추가적인 사용자 입력 없이 자동으로 상기 내비게이팅 UI가 조작되는 단계 중 적어도 하나를 더 포함할 수 있다.
일 실시예에서, 상기 복수개의 아이템 각각은 동영상 컨텐츠를 가리키는 것이고, 상기 차이점에 관한 정보는, 상기 비교 대상 아이템의 전체 재생 시간 중, 상기 제1 아이템의 동영상에 포함되지 않은 영상이 재생되는 시간에 대한 정보를 포함할 수 있다.
본 발명의 다른 실시예에 따른 리스트의 아이템간 차이점 표시 방법은 복수개의 아이템을 포함하는 리스트를 디스플레이하는 제1 단계, 상기 제1 아이템에서 제1 속성을 리스트 정렬 기준으로 선택하는 사용자 입력에 응답하여, 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로, 상기 제1 아이템 이외의 상기 복수개의 아이템 중 상기 제1 속성을 갖는 각각의 정렬 대상 아이템과 상기 제1 아이템간 차이점에 관한 정보를 디스플레이하고, 상기 정렬 대상 아이템이 상기 제1 아이템과 인접하게 위치 되도록 상기 복수개의 아이템 중 적어도 일부의 배치를 조정하는 제2 단계를 포함할 수 있다.
일 실시예에서, 상기 제2 단계는, 상기 리스트의 아이템 중 상기 제1 아이템 및 상기 정렬 대상 아이템을 제외한 아이템을 비활성화하는 단계를 포함할 수 있다.
본 발명의 또 다른 실시예에 따른 컴퓨팅 장치는 GUI(Graphic User Interface) 처리 프로그램이 로드 되는 메모리, 상기 메모리에 로드 된 GUI 처리 프로그램을 실행하는 프로세서를 포함한다. 이 때, 상기 GUI 처리 프로그램은, 복수개의 아이템을 포함하는 리스트를 디스플레이 하는 인스트럭션(instruction), 상기 복수개의 아이템 중 제1 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력에 응답하여, 상기 복수개의 아이템 중 상기 제1 아이템을 제외한 나머지 중 적어도 일부인 각각의 비교 대상 아이템과, 상기 제1 아이템 사이의 차이점에 관한 정보를 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로 디스플레이하는 인스트럭션을 포함하되, 상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자의 입력은, 상기 제1 아이템의 상세 정보를 표시하기 위한 사용자 입력 및 상기 제1 아이템에 대하여 단순 선택하기 위한 사용자 입력을 제외한 것일 수 있다.
도 1은 본 발명의 일 실시예에 따른 리스트의 아이템간 차이점 표시 방법의 순서도이다.
도 2는 도 1을 참조하여 설명된 실시예들에서, 제1 아이템에 대한 사용자의 입력에 응답하여, 리스트의 제1 아이템과 나머지 아이템간 차이점이 비교 대상 아이템에 표시되는 방법을 상세히 설명하기 위한 도면이다.
도 3은 본 발명의 몇몇 실시예들에서, 차이점에 관한 정보를 기준으로 리스트의 비교 대상 아이템이 정렬되는 것을 설명하기 위한 도면이다.
도 4는 본 발명의 몇몇 실시예들에서, 리스트의 비교 대상 아이템 중 제1 아이템의 컨텐츠를 포함하는 아이템이 리스트에서 제거되는 것을 설명하기 위한 도면이다.
도 5는 도 4를 참조하여 설명된 실시예에서, 상기 리스트에서 제거된 제1 아이템의 컨텐츠를 포함하는 비교 대상 아이템과 제1 아이템간 차이점을 비교하기 위해 별도의 GUI 인스턴스가 사용되는 것을 설명하기 위한 도면이다.
도 6은 본 발명의 몇몇 실시예들에서, 제1 아이템의 특정 속성이 선택된 경우, 상기 속성과 동일한 속성을 포함하는 아이템과의 차이점이 표시되는 방법을 상세히 설명하기 위한 도면이다.
도 7은 본 발명의 몇몇 실시예들에서, 제1 아이템의 드래그 앤 드롭 입력에 의해 제2 아이템의 차이점이 제2 GUI 인스턴스에 표시되는 방법을 설명하기 위한 도면이다.
도 8은 본 발명의 몇몇 실시예들에서, 제1 아이템의 드래그 앤 드롭 입력에 의해 복수개의 비교 대상 아이템과의 차이점이 제2 GUI 인스턴스에 표시되는 방법을 설명하기 위한 도면이다.
도 9는 도 8을 참조하여 설명된 실시예에서, 제1 아이템이 비교 대상 아이템의 위치에 지정된 시간 이상 머무르는 경우에 한해, 차이점 비교되는 것을 설명하기 위한 도면이다.
도 10은 본 발명의 몇몇 실시예들에서, 제2 GUI 인스턴스에서 제1 아이템의 컨텐츠 스크롤바에 차이점이 표시되는 방법을 상세히 설명하기 위한 도면이다.
도 11은 도 10을 참조하여 설명된 실시예에서, 제2 GUI 인스턴스에 표시된 차이점에 대한 사용자의 입력이 있는 경우, 제1 아이템의 컨텐츠의 스크롤바가 자동으로 움직이는 것을 설명하기 위한 도면이다.
도 12는 본 발명의 몇몇 실시예들에서, 리스트의 아이템의 컨텐츠가 동영상인 경우, 동영상간 상이한 영상이 재생되는 시간을 비교 대상 아이템에 표시하는 방법을 설명하기 위한 도면이다.
도 13은 도 12를 참조하여 설명된 실시예에서, 비교 대상 아이템이 선택된 경우, 제2 GUI 인스턴스에 비교 대상 아이템의 동영상 중 제1 아이템의 동영상과 겹치는 부분이 표시되는 방법을 설명하기 위한 도면이다.
도 14는 본 발명의 다른 실시예에 따른 컴퓨팅 장치의 하드웨어 구성도이다.
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예들을 상세히 설명한다. 본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시 예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 게시되는 실시 예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시 예들은 본 발명의 게시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.
다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있다. 또 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다. 본 명세서에서 사용된 용어는 실시예들을 설명하기 위한 것이며 본 발명을 제한하고자 하는 것은 아니다. 본 명세서에서, 단수형은 문구에서 특별히 언급하지 않는 한 복수형도 포함한다.
본 명세서에서 사용되는 "포함한다 (comprise)"및/또는 "포함하는 (comprising)"은 언급된 구성 요소, 단계, 동작 및/또는 소자는 하나 이상의 다른 구성 요소, 단계, 동작 및/또는 소자의 존재 또는 추가를 배제하지 않는다.
이하, 도면들을 참조하여 본 발명의 몇몇 실시예들을 설명한다.
본 발명의 일 실시예에 따른 리스트의 아이템간 차이점 표시 방법을, 도 1을 참조하여 설명한다. 본 실시예에 따른 방법은 컴퓨팅 장치에 의하여 실행될 수 있다. 이 때, 본 실시예에 따른 모든 동작이 하나의 컴퓨팅 장치에 의하여 실행될 수도 있으나, 일부 동작은 제1 컴퓨팅 장치에 의하여 실행되고, 나머지 동작 중 적어도 일부는 제2 컴퓨팅 장치에 의하여 실행될 수도 있음을 유의한다. 예를 들어, 본 실시예에 따른 모든 동작이 사용자 단말에서 실행될 수도 있고, 본 실시예에 따른 동작들 중 사용자 입력을 입력 받고, 리스트 컨트롤을 디스플레이 하는 동작은 사용자 단말에서 실행되고, 그 외의 동작은 상기 리스트 컨트롤을 포함하는 GUI(Graphic User Interface)를 제공하는 서비스 서버에서 실행될 수도 있을 것이다.
단계 S101에서, 복수의 아이템을 포함하는 리스트가 디스플레이 된다. 상기 리스트에 포함되는 아이템의 개수가 많은 경우, 화면에 나타나지 않는 아이템이 존재할 수 있고, 이 때 상기 아이템이 디스플레이 되기 위해 스크롤 바 등 공지의 아이템 내비게이팅 UI객체가 제공 될 수 있을 것이다.
상기 리스트는 다양한 종류의 리스트 형식을 가질 수 있다. 예를 들어 아이템을 1행에 1개만 배치하는 리스트 뷰(List View)형식일 수 있고, 1행에 여러 개의 아이템을 배치하는 그리드 뷰(Grid View)형식 일 수 있다. 본 발명은 이에 한정되지 않고 통상의 기술자가 리스트로 이해할 수 있는 모든 아이템 배열형식을 포함한다.
상기 리스트를 구성하는 상기 아이템은 다양한 타입(Type)의 컨텐츠(Content)를 가질 수 있다. 예를 들어, 아이템은 이미지(Image), 동영상, 플래쉬(Flash), 문서, 웹페이지(Web Page), 링크(Link) 등 다양한 종류의 디지털 컨텐츠를 가질 수 있고, 디지털 컨텐츠와 아이템의 타입이 같을 수도 있다.
예를 들어, 아이템의 컨텐츠가 쇼핑몰의 웹페이지인 경우, 아이템은 쇼핑몰에서 판매하는 물건의 이미지일 수 있다. 이 경우, 상기 아이템의 컨텐츠를 확인하고자 하는 사용자 입력에 따라 상기 쇼핑몰의 웹페이지로 이동할 수 있다. 본 발명의 일 실시예에 따르면, 아이템의 컨텐츠는 동영상일 수 있고, 아이템은 동영상의 썸네일(Thumbnail)일 수 있다. 관련된 실시예는 도 12 내지 도 13에서 상세히 후술 될 것이다.
단계 S103에서, 리스트를 구성하는 복수개의 아이템 중 어느 하나의 제1 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력이 사용자 단말을 통해 입력 된다. 상기 사용자 입력은 사용자 단말에 구비된 마우스, 터치패드, 터치 디스플레이, 눈동자 위치 트래킹 센서 등 다양한 입력 장치를 통하여 상기 사용자 단말에 입력 될 수 있다.
상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자의 입력은, 상기 제1 아이템의 상세 정보를 표시하기 위한 사용자 입력 및 상기 제1 아이템에 대하여 단순 선택하기 위한 사용자 입력을 제외한 것이다. 예를 들어, 사용자 단말의 터치 디스플레이를 통해 특정 아이템에 대한 탭(tap) 사용자 입력이 입력되는 것은, 리스트를 구성하는 복수개의 아이템 중 어느 하나의 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력은 아닌 것이다.
상기 제1 아이템은 사용자가 관심이 있는 아이템으로서, 상기 제1 아이템과 다른 각각의 비교 대상 아이템 간의 차이점이 식별되게 되는 점에서, 차이점 비교의 주체인 것으로 이해될 수 있을 것이다. 이하, 이해의 편의를 돕기 위해 상기 제1 아이템을 지정하기 위한 사용자 입력을 "제1 사용자 입력"으로 지칭하기로 한다.
상기 제1 사용자 입력은, 특정 아이템에 관한 단순 선택 또는 상세 정보 표시를 위한 사용자 입력과는 겹치지 않는 범위에서 사전 지정 된 것이거나, 사용자 설정을 통해 지정되는 것이다.
입력 장치가 마우스인 경우 상기 제1 사용자 입력은 상기 제1 아이템을 길게 클릭하는 동작인 롱 클릭(Long Click) 일 수 있고, 입력 장치가 터치 패드 또는 터치 디스플레이인 경우 상기 제1 아이템에 대한 롱 터치(long touch) 또는 롱탭(long tap)일 수 있다.
단계 S105에 따라 제1 사용자 입력에 응답하여, 리스트에 존재하는 아이템 중 제1 아이템을 제외한 아이템은 비교 대상 아이템으로 결정될 수 있다. 비교 대상 아이템은 제1 아이템과 차이점에 관한 정보를 생성하기 위해 비교되는 아이템으로, 제1 아이템을 제외한 리스트의 모든 아이템일 수 있고, 본 발명의 일 실시예에 따라 특정된 1개의 아이템일 수 있으며, 또 다른 실시예에 따라 특정된 복수개의 아이템일 수 있다.
상기 비교 대상 아이템이 특정되는 방법에 대하여, 일 실시예에 따르면, 제1 아이템을 드래그(Drag) 하여 비교 대상 아이템에 드롭(Drop)하는 입력에 의해 비교대상 아이템이 특정될 수 있고, 다른 실시예에 따르면, 복수개의 비교 대상 아이템을 선택하기 위해 제1 아이템을 드래그 하여 선택하고자 하는 비교 대상 아이템의 위치에 머무르는 입력을 통해 비교 대상 아이템이 특정될 수 있다.
특히, 비교 대상 아이템의 위치에 머무는 경우, 지정된 시간 이상 머무르는 경우에 한하여 사용자의 선택이 있는 것으로 한정할 수 있다. 본 발명은 이에 한정되지 않고, 다양한 사용자의 입력에 따라 하나 이상의 비교 대상 아이템을 선택할 수 있는 방법을 사용할 수 있다. 관련된 실시예는 도 8을 참조하여 상세히 후술될 것이다.
단계 S107에서는 제1 사용자 입력에 응답하여 제1 아이템과 비교 대상 아이템간 차이점을 분석한다. 차이점을 분석하는 방법은 텍스트 분석, 이미지 분석을 이용할 수 있고, 선형회귀(Linear Regression), 로지스틱 회귀(Logistic Regression), 딥 러닝(Deep Learning) 알고리즘 등 잘 알려진 머신 러닝(Machine Learning) 알고리즘을 이용하여 각각의 아이템 간의 차이점을 분석하는 모델을 학습시키고, 상기 모델을 이용하여 각각의 아이템 간의 차이점을 얻을 수 있을 것이다.
차이점을 분석하는 다른 방법으로는, 상기 아이템의 컨텐츠를 자연어 처리 기술을 이용하여 분석함으로써 상기 아이템의 컨텐츠에 포함된 텍스트에서 키워드를 식별하고, 각 키워드에 대한 스코어링을 진행할 수 있으며, 각각의 아이템 별로 그 키워드 간 차이점 분석을 통해 아이템간 유사도를 계산 할 수 있다.
다음으로, 단계 S109에 따라 상기 분석된 차이점은 컴퓨팅 장치의 화면에 디스플레이 된다. 예를 들어, 상기 차이점은 컴퓨팅 장치의 화면에 디스플레이 되는 GUI 인스턴스(예를 들어 윈도우, 프로그램 등)중 리스트를 표시하는 제1 GUI 인스턴스에 표시된다. 또한, 상기 제1 아이템과 각각의 비교 대상 아이템 간의 차이점은 각각의 비교 대상 아이템의 위치에 인접하게 표시될 수 있다. 관련된 실시예는 도 8을 참조하여 상세히 후술 될 것이다.
이하 도 2 내지 도 13를 통해, 본 발명의 몇몇 실시예들에 적용될 수 있는 다양한 응용 실시예들을 설명한다. 이하, 도 2 내지 도 11에서, 이해의 용이를 위하여 본 발명의 몇몇 실시예에서 쇼핑몰에서 키워드 검색 결과에 따라 리스트가 디스플레이된 화면을 제1 GUI인스턴스의 예시로 설명한다. 본 실시예에서 아이템은 쇼핑몰의 물품의 이미지, 물품명 및 모델명의 정보를 갖는 UI객체이고, 아이템의 컨텐츠는 상기 물품에 대한 상세 정보를 담고있는 웹페이지이다.
도 2는 제1 아이템에 대한 제1 사용자 입력에 응답하여, 리스트의 비교 대상 아이템에 제1 아이템과의 차이점이 표시된 화면의 예시를 도시한 것이다.
도 2 에는 선반이라는 키워드 검색(150) 결과로 다양한 아이템(101a, 102a, 103a, 104a, 105a, 106a, 107a, 108a)을 포함하는 리스트가 제1 GUI 인스턴스(100)에 표시 된 결과가 도시되어 있다. 본 실시예에 따르면 상기 아이템(101a, 102a, 103a, 104a, 105a, 106a, 107a, 108a)중 제1 아이템(101a)에 대한 제1 사용자 입력(160)이 있는 경우, 리스트에 존재하는 아이템 중 제1 아이템(101b)이 아닌 비교 대상 아이템(102b, 103b, 104b, 105b, 106b, 107b, 108b)에 제1 아이템(101b)과의 차이점에 관한 정보(112, 113, 114, 115, 116, 117, 118)가 표시된다.
본 실시예에 따를 때, 제1 사용자 입력(160)에 응답하여, 제1 사용자 입력(160) 이후의 어떠한 추가적인 사용자 입력도 없이 자동으로, 차이점에 관한 정보(112, 113, 114, 115, 116, 117, 118)가 표시되는 점을 이해하는 것이 중요하다. 이로써, 사용자는 관심 아이템에 대하여 제1 사용자 입력(160)을 가하는 것만으로, 상기 관심 아이템과 리스트 안의 다른 아이템들 사이의 차이점에 관한 정보가 자동으로 표시되는 경험을 하게 될 것이다. 결과적으로 사용자는 직관적으로 상기 관심 아이템과 다른 아이템들 사이의 차이점을 인식할 수 있을 것이다.
예를 들어, 제1 아이템(101a, 101b)이 '철제 3단 선반'인 경우, 비교 대상 아이템 중 '목재 3단 선반'(102a, 102b)은 제1 아이템(101a, 101b)과 비교할 때, 선반의 '재질'이 다르므로 '재질 차이'라는 표시(112)가 '목재 3단 선반'아이템(102b)에 표시 된다. 마찬가지로 '[할인]철제 3단 선반'(103b)과는 '가격'의 차이가 있으므로, '가격 차이'(113)라는 표시가 '[할인]철제 3단 선반'(103b)에 표시될 수 있다.
본 실시예에서 제1 아이템과 비교 대상 아이템의 차이점이 복수 개인 경우, 예를 들어 '철제 3단 선반'(101b)과'벽걸이형 목제 3단 선반'(106b)은 '설치형태'와 '재질'이 다르므로 '설치형태, 재질 차이'라는 표시(116)와 같이 여러 개의 차이점이 디스플레이 되고, 중요도에 따라 더 중요한 차이점만 디스플레이 될 수도 있다.
본 실시예에서 상기 사용자의 입력은 롱 클릭 또는 롱 탭일 수 있다. 일 실시 예에 따라, 롱 클릭을 유지하고 있는 경우에 한하여 상기 차이점에 관한 정보가 비교 대상 아이템에 표시(112, 113, 114, 115, 116, 117, 118)될 수 있다. 이 경우, 롱 클릭이 유지되는 경우에 한하여 아이템간 차이점이 비교 대상 아이템에 표시(112, 113, 114, 115, 116, 117, 118)되고, 롱 클릭이 해제된 경우 표시되었던 차이점(112, 113, 114, 115, 116, 117, 118)이 사라질 것이다.
도 3은 상기 아이템간 차이점에 관한 정보를 기준으로 리스트의 아이템이 정렬 되는 화면의 예시를 도시한 것이다.
일 실시예에 따르면, 리스트의 아이템간 차이점에 관한 정보가 지정된 중요도에 따라 수치화 될 수 있다. 예를 들어, 선반에 대한 검색 결과로써 리스트가 생성된 경우, 제1 아이템(101)에 대한 제1 사용자 입력 후, 비교 대상 아이템들(102, 104, 107, 109, 110, 106, 105)에 제1 아이템(101)과의 차이점에 대한 정보가(112, 114, 117, 119, 120, 116, 115)표시 되며, 상기 사용자의 제1 사용자 입력이 해제됨에 따라, 상기 비교 대상 아이템들은 상기 차이점에 관한 정보를 기준으로 제1 아이템(101)과의 차이가 적은 순서대로 제1 아이템과 인접하게 정렬될 수 있다.
본 실시예에서 상기 차이점에 대한 정보는 지정된 중요도에 따라 수치화 될 수 있고, 상기 중요도는 머신 러닝 알고리즘을 이용하여 분석될 수 있다. 본 발명은 이에 한정되지 않고, 가중치에 대한 사용자의 입력값을 통해 차이점에 관한 정보의 중요도가 조정될 수도 있다. 예를 들어 선반에 대한 정보를 컨텐츠로 갖는 아이템의 경우, 선반의 차이점에 대한 정보는 선반의 설치형태, 단수, 가로폭, 재질 등을 포함한다. 상기 복수개의 차이점에 대한 정보는 중요도에 따라 가중치가 부여될 수 있다. 상기 중요도는 특정 사용자 또는 복수의 사용자의 검색 기록의 빈도수 등에 따라 결정 될 수 있다. 이하 설치형태, 단수, 가로 폭, 재질 순서로 중요도가 높다고 가정하여 설명한다.
본 명세서에서는 본 실시예를 설명하기 위해 설치형태, 단수, 선반의 가로 폭, 재질 순서로 가중치를 두어 제1 아이템과 비교 대상 아이템간 차이가 나는 정도가 클 수록 수치가 낮고, 차이가 나는 정도가 적을 수록 수치가 높다고 가정 하였다.
예를 들어 선반간 차이점이 비교되는 경우, 설치형태가 다르면 '-5', 선반의 단수가 다르면 '-4', 선반의 가로폭이 다르면 '-3', 재질이 다르면 '-2'의 가중치를 두어 차이가 나는 정도를 수치화 할 수 있다. 리스트의 복수개의 비교 대상 아이템들이 제1 아이템인 '철제 3단 선반'(101)과 비교된다고 가정할 때, '목제 3단 선반'(102)은 '재질'의 차이(112)가 있으므로 '-2'의 가중치를 갖는다. '이중 3단 선반'(104)은 '가로 폭'의 차이(114)가 있으므로 '-3'의 가중치를 갖고, '철제 4단 선반'(107)의 경우 '단수'의 차이(117)로 '-4'의 가중치를 갖으며, '목제 4단 선반'은 '재질'과 '단수'의 차이(120)로 '-2','-4'의 가중치를 더하여 '-6'의 가중치를 갖는다. 같은 방식으로 '설치형태'와 '재질'의 차이(116)가 있는 '벽걸이형 목제 3단 선반'은 '-7'의 가중치를 갖고, '설치형태'와 '단수'의 차이(115)가 있는'벽걸이형 철제 2단 선반'은 '-9'의 가중치를 갖는다.
도 3에서는 상기 제1 아이템(101)과 비교 대상 아이템들(102, 104, 107, 109, 110, 106, 105)간 가중치가 큰 순서대로 정렬 되었다. 즉 제1 아이템과(101) 유사한 순서대로 제1 아이템(101)과 인접하게 위치한다.
도 4는 리스트의 비교 대상 아이템 중 제1 아이템의 컨텐츠를 포함하는 아이템이 리스트에서 제거되는 화면의 예시를 도시한 것이다. 본 발명의 다른 실시예에 따르면, 제1 아이템과 상이한 컨텐츠를 가진 비교 대상 아이템만 제1 아이템과 비교될 수 있다.
예를 들어, 이미지 검색을 통한 검색 결과로 리스트가 제1 GUI 인스턴스에 디스플레이 된 경우, 상기 이미지와 동일한 이미지 컨텐츠를 가지면서 다른 크기, 다른 파일 형식, 다른 화질 등의 차이를 갖는 복수개의 비교 대상 아이템이 있을 수 있다. 이로써 동일한 이미지를 갖는 아이템이 리스트에서 삭제되고 차이점에 관한 정보인 크기, 파일 형식, 화질에 대한 표시만 됨으로써 중복되는 컨텐츠를 갖는 아이템의 표시가 최소화 된다.
본 실시예에서 제1 사용자 입력에 따라 제1 아이템(101a)과 중복되는 컨텐츠를 가진 비교 대상 아이템(103, 108)이 리스트에서 제거되고, 상이한 컨텐츠를 가진 비교 대상 아이템(102a, 104a, 105a, 107a)과의 차이점만 비교될 수 있다. 이 경우, 동일한 컨텐츠를 가진 비교 대상 아이템(103, 108)이 제거되고, 제1 아이템(101b)에 상기 제거된 아이템과 제1 아이템(101b)이 갖는 미세한 차이가 표시(131)된다. 또한, 상이한 컨텐츠를 가진 비교 대상 아이템만 표시(107b, 102b, 104b, 105b, 106b)되도록 리스트가 재정렬되고, 상기 설명한 바와 같이 차이점에 대한 정보(117, 112, 114, 115, 116)가 비교 대상 아이템(107b, 102b, 104b, 105b, 106b)에 표시된다.
예를 들어 도 4에서 '철제 3단 선반'(101a)에 대한 제1 사용자 입력(160a, 160b)이 있는 경우, 동일한 선반을 갖는 비교 대상 아이템(103,108)은 리스트에서 제거된다. '[할인]철제 3단 선반'(103)은 '철제 3단 선반'(101a)과 동일한 선반이지만 '가격'의 차이가 있고, '철제 3단 세트'(108)는 '철제 3단 선반'(101a)과 동일한 선반이지만 '개수'의 차이가 있으므로 리스트에서는 제거(100b)되며, 제1 아이템(101b)에 '가격과 개수의 차이가 존재한다는 표시'(131) 가 추가 된다.
나머지 아이템(107b, 102b, 104b, 105b, 106b)에 대하여는 상기 설명한바, 제1 아이템과의 차이점(117, 112, 114, 115, 116)이 표시될 수 있다.
도 5는 도 4를 참조하여 설명된 상기 리스트에서 제거된 제1 아이템의 컨텐츠를 포함하는 비교 대상 아이템과 제1 아이템간 차이점을 비교하기 위해 별도의 GUI 인스턴스가 사용되는 화면의 예시를 도시한 것이다.
본 실시예에 따르면 제1 아이템과 동일한 컨텐츠를 가져 리스트에서 제거된 비교 대상 아이템(103, 108)에 대하여, 제1 아이템(101a, 101b)과 차이점에 관한 정보를 더 상세히 표시하기 위해 별도의 GUI 인스턴스가 사용될 수 있다.
예를 들어 이미지 검색을 통한 검색 결과로 본 발명의 몇몇 실시예에 따라 제1 아이템과 동일한 이미지를 갖는 아이템이 제거된 경우, 사용자가 제1 아이템과 동일한 이미지의 다른 형식의 파일을 찾기 위해, 상기 이미지를 컨텐츠로 갖는 복수개의 아이템간 차이점을 구체적으로 확인할 필요가 있다. 따라서 본 발명은 동일한 컨텐츠를 갖는 아이템간 차이점에 관한 정보를 표시하기 위해 별도의 GUI 인스턴스를 사용하는 방법을 제공한다.
본 실시예에 따르면 제1 아이템(101)과 중복된 컨텐츠를 가진 비교 대상 아이템과의 차이점에 관한 정보를 표시한 객체(131)를 선택하는 사용자 입력(160)에 따라 상기 제1 아이템(301)과 상기 비교 대상 아이템(302, 303)의 차이점(312, 313)이 더 상세히 비교될 수 있다.
본 실시예에 따르면 상기 차이점은 리스트가 표시된 제1 GUI 인스턴스(100a, 100b) 위에 오버랩 된 제2 GUI 인스턴스(300)에 표시될 수 있다.
예를 들어 '철제 3단 선반'(101)에 표시된 '선택하신 상품보다 더 저렴한 상품, 개수가 많은 상품이 있습니다.'라는 표시(131)가 선택된 경우, 리스트가 표시된 제1 GUI 인스턴스(100a, 100b) 위에 제2 GUI 인스턴스(300)가 오버랩 되고 제2 GUI 인스턴스(300)에 상기 개수, 가격차이를 갖는 비교 대상 아이템(302, 303)이 표시된다. 제2 GUI 인스턴스(300)를 통해 사용자는 제2 GUI 인스턴스(300)에서 '철제 3단 선반'(301)과 동일한 선반이지만 '개수차이'(312)를 갖는'철제 3단 세트'(302)와 '가격차이'(313)를 갖는'[할인]철제 3단 선반'(303)을 직관적으로 확인 할 수 있다.
도 6을 제1 아이템의 특정 속성이 선택된 경우, 상기 속성과 동일한 속성을 포함하는 아이템과의 차이점이 표시되는 화면의 예시를 도시한 것이다.
본 실시예에 따르면, 제1 아이템(101a)의 특정 속성(121a)과 동일한 속성(123a, 128a)을 포함하는 비교 대상 아이템(103a, 108a)과의 차이점만 비교될 수 있다.
예를 들어, 사용자가 제1 아이템(101a)과 동일한 모델명(121a)인 비교 대상 아이템(103a, 108a)에 한하여 차이점을 확인 하고 싶은 경우, 제1 아이템의 모델명을 표시한 객체(121a)제 대한 사용자 입력에 응답하여 동일한 모델명(123a, 128a)인 제2 아이템(103a, 108a)과의 차이점만 비교된다. 이 경우, 동일한 모델명(123a, 128a)의 비교 대상 아이템(103a, 108a)은 제1 아이템과 인접한 위치에 배열될 수 있고, 상기 동일한 모델명을 포함하지 않은 아이템(102a, 104a, 105a, 106a, 107a)에 대하여 비활성화 하는 표시(102b, 104b, 105b, 106b, 107b)가 추가 될 수 있고, 사용자는 원하는 정보에 더 집중할 수 있다.
도 6에서 제1 아이템인 '철제 3단 선반'(101a)의 모델명이 적힌 객체(121a)가 선택(160a)되는 경우, 리스트에 존재하는 비교 대상 아이템 중 동일한 모델명을 포함하는 비교 대상 아이템에 한하여 차이점이 비교 될 수 있다.
예를 들어, '[할인]철제 3단 세트'(103a)와 '철제 3단 세트'(108a)는 각각 제1 아이템의 모델명(121a)과 동일한 모델명을 갖고 있으므로(123a, 128a) 제1 아이템과 인접한 리스트의 선순위로 배열된다. 제1 아이템(101b)과 비교 대상 아이템(108b, 103b)의 차이점에 관한 정보는 상기 설명한 바와 같이 비교 대상 아이템(108b, 103b)에 표시(113, 118)될 수 있다.
본 실시예에 따르면, 사용자가 상기 정렬된 아이템(101b, 103b, 108b)에 집중하도록 상기 모델명이 다른 아이템(102b, 104b, 105b, 106b, 107b)은 비활성화 표시될 수 있다. 도 6에서는 상기 제1 아이템의 모델명을 포함하지 않는 비교 대상 아이템의 명도를 낮추는 방식으로 비활성화 표시(102b, 104b, 105b, 106b, 107b)가 되었으나, 본 발명은 이에 한정되지 않고 초점을 흐리는 블러(Blur)표시, 불투명한 표시등을 통해 정렬된 아이템과 구분되는 다양한 표시가 사용 될 수 있다.
다른 실시예에 따르면, 사용자 입력의 예시로 롱 클릭이 유지되는 경우(160b)에 한하여 아이템간 차이점(113, 118)이 표시되고, 롱 클릭이 해지되는 경우 차이점(113, 118)이 표시되지 않을 수 있다.
이하 도 7 내지 도 11에서 제2 GUI 인스턴스에 상기 아이템간 차이점이 표시되는 방법에 대해 상세히 설명한다.
도 7은 1 아이템의 드래그 앤 드롭 입력에 의해 제2 아이템의 차이점이 제2 GUI 인스턴스에 표시되는 화면의 예시를 도시한 것이다.
본 명세서에서는 제1 아이템(101)과 제2 아이템(106)에 대한 사용자의 입력의 예시로 드래그앤 드롭을 사용하여 설명하나, 본 발명의 사용자 입력은 이와 유사하게 아이템의 선택을 의미하는 다양한 입력 장치에 의한 다양한 입력을 모두 포함한다.
제1 아이템(101)이 드래그(160) 되어 제2 아이템(141)에 드롭(160)되는 입력이 있는 경우, 상기 아이템을 갖는 리스트가 표시되는 제1 GUI 인스턴스(100a, 100b) 위에 오버랩 된 제2 GUI 인스턴스(200)에 상기 제1 아이템(210)과 제 2 아이템(220)간 차이점이 표시될 수 있다.
본 실시예에서 제2 GUI 인스턴스(200)에서는 제1 GUI 인스턴스(100a)의 차이점에 대한 정보 보다 더 상세한 정보가 디스플레이 될 수 있다. 차이점에 대한 정보가 표시되는 영역(210, 220)은, 아이템이 표시되는 영역(211, 221)과 아이템의 컨텐츠(212, 222)가 표시되는 영역으로 이루어져 있다. 또한, 상기 아이템의 컨텐츠가 표시되는 부분(212, 222)중 상기 컨텐츠 중 차이점이 존재하는 부분(213, 223)에 별도의 강조 표시가 추가 될 수 있다.
예를 들어 도 7에서 '철제 3단 선반'(101)이 드래그 되어 '벽걸이형 목제 3단 선반'(106)의 위치에 드롭 되는 경우, '철제 3단 선반'(101) 과 '벽걸이형 목제 3단 선반'(106)의 차이점이 더 상세히 표시 될 필요가 있다. 따라서 상기 차이점에 대한 상세 정보가 표시되는 제2 GUI 인스턴스(200)가 제1 GUI 인스턴스(100b) 위에 오버랩 되고, 제2 GUI 인스턴스에 '철제 3단 선반'에 대한 정보(210)와 '벽걸이형 목제 3단 선반'간 차이점에 대한 정보(220)가 더 표시된다.
예를 들어 '철제 3단 선반'의 컨텐츠(212)상 '설치형태'는 '바닥 거치형'(213)이고 '벽걸이형 목제 3단 선반'(222)의 '설치형태'는 '벽면 부착형'(223)이므로 '설치형태' 대한 속성이 강조되는 표시(213, 223)가 추가 됨으로써, 사용자는 아이템간 차이점에 대해 직관적으로 알 수 있다.
이상 비교 대상 아이템이 단수개인 경우를 설명하였다. 이하 도 8및 도 9를 참조하여 비교 대상 아이템이 복수개인 경우를 상세히 설명한다.
도 8은 본 발명의 몇몇 실시예들에서, 제1 아이템의 드래그 앤 드롭 입력에 의해 복수개의 비교 대상 아이템과의 차이점이 제2 GUI 인스턴스에 표시되는 화면의 예시를 도시한 것이다. 도 9는 도 8을 참조하여 설명된 실시예에서, 제1 아이템이 비교 대상 아이템의 위치에 지정된 시간 이상 머무르는 경우에 한해, 차이점 비교되는 화면의 예시를 도시한 것이다.
도 8 에서, 제1 아이템과 차이점을 비교하고자 하는 비교 대상 아이템(106, 107, 104)이 복수개인 경우, 제1 아이템(101)에 대한 클릭이 유지된 상태에서 복수개의 비교 대상 아이템의 위치(141, 142, 143)에 진입하는 드래그 입력에 의해 상기 복수개의 비교 대상 아이템(106, 107, 104)이 특정될 수 있다.
하지만 도 9를 참조할 때 제1 아이템이 비교 대상 아이템의 위치에 접근하는 것 만으로 비교 대상 아이템(106, 107)이 특정된다면, 제1 아이템이 인접하지 않은 비교 대상 아이템(107)의 위치에 진입 하는 과정에서, 상기 비교 대상 아이템(107)과 제1 아이템(101) 사이에 위치한 다른 아이템(106)이 선택 되는 문제가 있다.
예를 들어, 비교 대상 아이템 중 하나로 '철제 4단 선반'(107)이 특정 되기 위해, 제1 아이템인 '철제 3단 선반'(101)을 '철제 4단 선반'(107)의 위치로 진입 시키는 과정에서 '벽걸이형 목제 3단 선반'(106)의 위치도 지난다, 이로써 '벽걸이형 목제 3단 선반'(106)도 의도치 않게 비교 대상 아이템으로 특정된다.
따라서 본 발명은 제1 아이템이 지정된 시간 이상 비교 대상 아이템의 위치에 머물러 있는 경우에 한하여 상기 비교 대상 아이템이 특정 되도록 한다. 본 실시예에서 복수개의 비교 대상 아이템 중 마지막 아이템에 대한 사용자 입력은 상기 마지막 아이템에 일정 시간 머무르는 입력뿐 아니라 드롭 입력일 수 있다.
예를 들어, '철제 3단 선반'(101)이 클릭된 상태에서 '벽걸이형 목제 3단 선반'의 위치(141)는 지정된 시간 이상 머무르지 않고, '철제 4단 선반'의 위치(142)는 지정된 시간 이상 머무르거나 드롭 되는 입력을 한다면, '철제 4단 선반' (107)만 비교 대상 아이템으로 특정 된다.
다시 도 8를 참조하여, 제1 아이템이 복수개의 비교 대상 아이템과 비교되는 경우를 설명한다. '철제 3단 선반'(101)과 '벽걸이형 목제 3단 선반'(106), '철제 4단 선반'(107), '이중 3단 선반'(104)의 차이점이 비교되는 경우, '철제 3단 선반'(101)의 클릭이 유지된 상태에서 '벽걸이형 목제 3단 선반'의 위치(141), '철제 4단 선반'의 위치(142) 마지막으로 '이중 3단 선반'의 위치(143)에 지정된 시간 이상 머무르는 입력에 의하여, 사용자가 선택하려고 의도한 비교 대상 아이템(106, 107, 104)만 특정 될 수 있다.
다른 실시예에 따르면, 상기 복수개의 비교 대상 아이템(104, 106, 107)과 제1 아이템(101)이 비교 되는 경우, 제1 GUI 인스턴스(100a, 100b)위에 제2 GUI 인스턴스(200)가 오버랩 되어 차이점에 대한 더 상세한 정보가 디스플레이 될 수 있다.
예를 들어, 제2 GUI 인스턴스(200)에서 비교 대상 아이템(224, 225, 226)이 복수 개 표시되고, 비교 대상 아이템(223, 224, 225)이 선택(160b)됨에 따라 상기 선택된 비교 대상 아이템(223)의 컨텐츠가 표시된다. 또한 비교 대상 아이템의 컨텐츠(222)에는 제1 아이템의 컨텐츠(212)와 차이점에 관한 정보(223)가 표시된다.
제2 GUI 인스턴스(200)는 상기 설명한 바와 같이 제1 아이템의 컨텐츠를 표시하는 영역(212)과, 비교 대상 아이템의 컨텐츠를 표시하는 영역(222)을 포함하고, 상기 비교 대상 아이템(224, 225, 226)이 정렬되어 표시될 수 있다. 또한, 복수개의 비교 대상 아이템(224, 225, 226)중 선택된 비교 대상 아이템(224)의 컨텐츠가 표시될 수 있다.
또한 다른 실시예에 따르면 제1 아이템의 컨텐츠(212)에는 상기 복수개의 비교 대상 아이템의 컨텐츠와의 차이점(213, 215)이 표시될 수 있다. 예를 들어 상기 복수개의 비교 대상 아이템 중, 특정 비교 대상 아이템(224)과의 차이점(213)만 표시될 수 있고, 상기 복수개의 비교 대상 아이템들(224, 225, 226) 각각과의 차이점에 대한 정보(213, 215)가 전부 표시될 수도 있다.
예를 들어 도 8에서 '철제 3단 선반'(101)과 '벽걸이형 3단 선반'(106),'철제 4단 선반'(107), '이중 3단 선반(104)'간의 차이점이 비교되는 경우를 설명한다. 먼저 제1 GUI 인스턴스(100b) 위에 제2 GUI 인스턴스(200)가 오버랩 되어 표시된다. 제2 GUI 인스턴스(200)는 상기 설명한 바와 같이 '철제 3단 선반'의 컨텐츠가 표시되는 영역(210)과, '벽걸이형 3단 선반','철제 4단 선반', '이중 3단 선반'의 컨텐츠가 표시되는 영역(220)을 포함한다.
상기 비교 대상 아이템이 표시되는 영역(220)은 '벽걸이형 3단 선반'(224), '철제 4단 선반'(225), '이중 3단 선반'(226) 아이템이 정렬되어 표시(221)되며, '벽걸이형 3단 선반'(224), '철제 4단 선반'(225), '이중 3단 선반'(226)의 컨텐츠(222) 중 '벽걸이형 목제 3단 선반'(224)에 대한 선택(160b)에 의해 비교 대상 아이템의 컨텐츠가 표시되는 영역(222)에 '벽걸이형 목제 3단 선반'의 상세 컨텐츠가 표시된다.
도 10은 본 발명의 몇몇 실시예에서 제2 GUI인터페이스에 존재하는 제1 아이템의 컨텐츠 스크롤바에 차이점이 표시되는 화면의 예시를 도시한 것이다.
본 실시예에 따르면 제1 아이템과 복수개의 비교 대상 아이템이 비교되는 경우, 도 8에서 표시된 제2 GUI 인스턴스의 비교 대상 아이템의 컨텐츠(220) 대신 제1 아이템과 비교 대상 아이템간의 차이점이 표시될 수 있다.
다른 실시예에 따르면 제1 아이템의 컨텐츠가 표시되는 영역(212)에 제1 아이템의 컨텐츠의 내용중 상기 영역(212)에 디스플레이되는 내용을 조작하는 내비게이팅 UI객체(230)가 표시될 수 있다.
예를 들어, 상기 내비게이팅 UI(230)는 스크롤바일 수 있다. 이하 이해의 용이를 위하여 내비게이팅 UI의 예시로 스크롤바를 이용하여 설명하나, 본 발명의 내비게이팅 UI(230)가 스크롤바에 한정되는 것은 아니다.
예를 들어, 제1 아이템의 컨텐츠가 표시되는 영역(212)에 스크롤바(230)가 표시되고, 제1 아이템의 컨텐츠(212) 중 제1 아이템과 비교 대상 아이템의 차이점이 존재하는 위치가 스크롤바 상에 표시(231, 232, 233)된다. 또한 상기 제2 GUI 인스턴스(200)에 차이점에 관한 정보(251, 252, 253)가 디스플레이 되고, 차이점이 표시된 객체(251, 252, 253)와 스크롤바 상의 표시(231, 232, 233)를 연결하는 연결 객체(241, 242, 243)가 디스플레이 된다.
예를 들어 '철제 3단 선반'(101)과 '벽걸이형 3단 선반'(106), '철제 4단 선반'(107), '이중 3단 선반(104)'의 차이점이 비교되는 경우, 먼저 제1 GUI 인스턴스(100b) 위에 제2 GUI 인스턴스(200)가 오버랩 되어 표시된다. 제2 GUI 인스턴스는 '철제 3단 선반'의 컨텐츠가 표시되는 영역(210)과 '철제 3단 선반'(101)과 '벽걸이형 3단 선반'(106),'철제 4단 선반'(107), '이중 3단 선반(104)'의 차이점이 표시(251, 252, 253)되는 영역이 존재할 수 있다.
'철제 3단 선반'의 컨텐츠가 표시되는 영역(212)은 '철제 3단 선반'의 컨텐츠 중 상기 영역(212)에 표시되는 내용을 조작하는 스크롤바(230)가 디스플레이 될 수 있다. 또한 상기 스크롤바에 '철제 3단 선반'의 컨텐츠 중 '벽걸이형 3단 선반'(106),'철제 4단 선반'(107), '이중 3단 선반(104)'의 차이점이 존재하는 부분의 위치가 표시(231, 232, 233)될 수 있다.
예를 들어 '벽걸이형 3단 선반'(106)과의 차이점인 '설치형태'에 대한 정보가 존재하는 위치(231), '철제 4단 선반'(107)과의 차이점인 '단수'에 대한 정보가 존재하는 위치(232), '이중 3단 선반'(104)과의 차이점인 '가로 폭'에 대한 정보가 존재하는 위치(233)가 각각 스크롤바(230)에 표시(231, 232, 233)된다.
또한 '벽걸이형 3단 선반'(106)의 경우, '철제 3단 선반'(101)과 '설치형태'의 차이가 있으므로 '설치형태'에 관한 컨텐츠만 표시(251)될 수 있고, '철제 4단 선반'(107)은 '철제 3단 선반'과 차이점인 '단수'에 대한 컨텐츠만 표시(252)되며, '이중 3단 선반'(104)은 '가로 폭'에 대한 컨텐츠만 표시(253)될 수 있다.
또한 '철제 3단 선반'의 컨텐츠(212)의 스크롤바(230)에서 '설치형태'에 대한 정보가 존재하는 위치가 표시된 객체(231)와 상기 '벽걸이형 목재 3단 선반'과의 차이점이 표시된 객체(251)를 연결하는 연결객체가 더 표시(241)될 수 있다. 마찬가지로 스크롤바(230)에서 '단수'에 대한 정보가 존재하는 위치가 표시된 객체(232)와 상기 '철제 4단 선반'과의 차이점이 표시된 객체(252)를 연결하는 연결객체(242), '가로 폭'에 대한 정보가 존재하는 위치가 표시된 객체(233)와 상기 '철제 4단 선반'과의 차이점이 표시된 객체(253)를 연결하는 연결객체(243)가 표시될 수 있다. 상기 연결 객체의 표시가 존재함으로써, 사용자는 상기 차이점의 개수 및 제1 아이템의 컨텐츠 상에 존재하는 차이점에 관한 부분의 위치를 직관적으로 인식할 수 있다.
도 11은 도 10을 참조하여 설명된 실시예에서, 제2 GUI 인스턴스에 표시된 차이점에 대한 사용자의 입력이 있는 경우, 제1 아이템의 컨텐츠의 스크롤바가 자동으로 움직이는 화면의 예시를 도시한 것이다.
이하 도 11을 참조하여, 상기 제2 GUI 인스턴스에서 내비게이팅 UI에 아이템의 컨텐츠간 차이점이 표시되는 경우, 상기 차이점에 대한 정보를 표시하는 객체를 선택하는 사용자의 입력에 응답하여, 제1 아이템의 컨텐츠의 내비게이팅 UI가 자동으로 조작되는 경우를 설명한다.
도 11에서 제1 아이템과 복수의 비교 대상 아이템간 차이점에 관한 정보를 표시한 객체(253a)를 선택하는 입력(160a)에 응답하여, 제1 아이템의 컨텐츠 중 제2 GUI 인스턴스에 디스플레이 되는 부분(212a)이 바뀔 수 있다.
즉, 상기 차이점에 관한 정보가 표시된 객체(253a)에 대한 사용자의 입력(160a)에 응답하여, 제1 아이템의 컨텐츠 중 상기 선택한 차이점에 관한 정보가 존재하는 부분이 제2 GUI 인스턴스 상에 표시(212b)되도록 내비게이팅 UI(230b)가 자동으로 조작(234b)될 수 있다. 내비게이팅 UI가 자동으로 조작(234b)됨에 따라 사용자는 상기 선택한 차이점에 관한 정보(253b)와 대응되는 제1 아이템의 컨텐츠(214)를 한눈에 확인할 수 있다.
예를 들어 도 11에서 제2 GUI 인스턴스 상의 '철제 3단 선반'에 대한 컨텐츠를 표시하는 영역(212a)은 '설치형태', '재질', '가격'에 대한 정보가 존재하는 위치가 표시되도록 스크롤바(230a)가 설정(234a)되어 있을 수 있다(101a). 상기 '철제 3단 선반'의 컨텐츠 중 '이중 3단 선반'과의 차이점인 '가로 폭'에 대한 정보가 제2 GUI 인스턴스(200b)에 디스플레이 되기 위하여, 상기 차이점에 관한 정보가 표시된 객체(253a)에 대한 사용자 입력(160a)에 응답하여, '철제 3단 선반'의 컨텐츠의 스크롤바(230b)는 '가로 폭'에 관한 정보가 제2 GUI인스턴스에 디스플레이 되도록 조작된다(234b). 따라서 사용자는 '철제 3단 선반'의 컨텐츠(212b) 중 '가로 폭'에 대한 상세한 정보(214)를 확인하기 위해 별도의 입력을 하지 않아도 된다.
도 12는 본 발명의 몇몇 실시예들에서, 리스트의 아이템의 컨텐츠가 동영상인 경우, 동영상간 상이한 영상이 재생되는 시간을 비교 대상 아이템에 표시하는 화면의 예시를 도시한 것이다.
이하 도 12를 참조하여, 상기 아이템의 컨텐츠가 동영상인 경우를 상세히 설명한다. 예를 들어 동영상 검색(450)에 의한 검색 결과 리스트가 존재 하는 경우, 리스트에 존재하는 아이템이 선택(160a)되어 동영상이 재생되기 전까지는 동영상의 내용은 확인 될 수 없다.
예를 들어, 제1 아이템(401a)의 동영상의 재생시간은 3분이고 비교 대상 아이템(402a, 403a, 404a)의 동영상 재생시간은 5분인 경우, 비교 대상 아이템(402a, 403a, 404a)의 동영상 컨텐츠에 제1 아이템(401a)의 동영상 컨텐츠가 전부 포함될 수 있고, 일부만 포함될 수도 있다. 하지만 동영상이 재생되기 전까지는 상기 동영상 컨텐츠의 중복 여부는 확인 될 수 없다.
상기 문제점을 해결하기 위해 본 발명의 일 실시예에 따르면, 비교 대상 아이템(402a, 403a, 404a)의 동영상 재생시간 중 제1 아이템(401a)의 동영상과 상이한 영상의 재생시간이 표시(412, 413, 414)될 수 있다.
본 발명은 상이한 영상의 재생시간이 표시되는 것에 한정되지 않고, 동일한 영상내용이 재생되는 시간, 영상의 화질 차이, 자막의 유무, 영상의 유사도 등 영상간 다양한 차이점이 더 포함되어 표시될 수 있다.
예를 들어 도 12에서 '축구 하이라이트 영상'이 검색(450)된 경우, 리스트에는 '축구 하이라이트 영상'과 관련된 동영상을 컨텐츠로 갖는 아이템(401a, 402a, 403a, 404a)이 표시된다. 만약 '이번 시즌 모든 골 모음' 영상(401a)이 선택(160a)된 경우, 리스트의 다른 아이템(402b, 403b, 404b)의 동영상 중 '이번 시즌 모든 골 모음' 영상과 상이한 영상이 재생되는 시간이 표시(412, 413, 414)된다.
도 13은 도 12를 참조하여 설명된 실시예에서, 비교 대상 아이템이 선택된 경우, 제2 GUI 인스턴스에 비교 대상 아이템의 동영상 중 제1 아이템의 동영상과 겹치는 부분이 표시되는 화면의 예시를 도시한 것이다.
도 13을 참조하면, 도 12를 참조하여 비교 대상 아이템의 상세한 컨텐츠를 확인하고자 하는 사용자 입력에 응답하여, 비교 대상 아이템의 동영상(270)이 재생되는 제2 GUI 인스턴스(200)에 제1 아이템의 동영상과 상이한 영상이 재생되는 부분이 추가로 표시(271)될 수 있다.
본 발명은 이에 한정되지 않고 제2 GUI 인스턴스(200)에서 제1 아이템(401b)과 동일한 영상이 재생되는 부분이 강조되는 표시가 추가 될 수 있고, 동영상의 화질이나 속도 자막 유무와 같은 차이점이 더 표시될 수 있다.
예를 들어 도 13에서 '골 하이라이트' 영상(402b)에 대한 선택에 따라 '골 하이라이트' 영상(270)이 재생되는 경우, 제1 아이템인 '이번시즌 모든 골 모음' 영상(401b)과 다른 영상이 재생되는 부분이 강조되는 표시(271)가 추가 됨으로써 사용자는 동일한 내용의 영상에 대한 중복 시청을 피할 수 있다.
도 14는 본 발명의 일 실시예에 따른 리스트를 표시하는 컴퓨팅 장치의 구성을 간략히 도시한 블록도이다
도 14을 참조하면, 리스트를 표시하는 컴퓨팅 장치(500)는 프로세서(501), 메모리(502), 디스플레이(503), 네트워크 인터페이스(504), 스토리지(505)를 포함하여 구성 될 수 있다. 또한, 도시되지 않았으나, 컴퓨팅 장치(500)는 컴퓨팅 장치(500)의 사용자로부터 각종 입력을 수신하기 위한 입력부(미도시)를 포함할 수 있다.
프로세서(501)는 컴퓨팅 장치(500)의 각 구성의 전반적인 동작을 제어한다. 프로세서(501)는 CPU(Central Processing Unit), MPU(Micro Processor Unit), MCU(Micro Controller Unit), 또는 본 발명의 기술 분야에 잘 알려진 임의의 형태의 프로세서를 포함하여 구성될 수 있다. 또한, 프로세서(501)는 본 발명의 실시예들에 따른 방법을 실행하기 위한 적어도 하나의 어플리케이션 또는 프로그램에 대한 연산을 수행할 수 있다. 컴퓨팅 장치(500)는 하나 이상의 프로세서를 구비할 수 있다.
디스플레이 장치(503)는 리스트를 표시하는 출력 모듈을 구비할 수 있다. 디스플레이 장치는 리스트 상에서 아이템과, 아이템간 차이점을 표시함으로써 다양한 정보를 제공할 수 있다. 실시예에 따라 디스플레이 장치(503)는 컴퓨팅 장치(500)에 자체적으로 구비될 수도 있고, 컴퓨팅 장치(500)의 디스플레이 인터페이스에 연결된 별도의 물리적 장치일 수 있다.
또한, 디스플레이 장치(503)는 컴퓨팅 장치(500)의 제어를 위한 사용자 입력을 수신할 수 있다. 실시예에 따라서 입출력부는 입력 장치를 통해 사용자 입력을 수신할 수 있다. 예를 들어 마우스, 키보드, 태블릿과 같은 별도의 입력장치 이거나, 터치스크린을 구비한 디스플레이 장치를 통해 사용자의 입력을 수신할 수도 있다.
네트워크 인터페이스(504)는 컴퓨팅 장치(500)의 유무선 인터넷 통신을 지원한다. 또한, 네트워크 인터페이스(504)는 인터넷 통신 외의 다양한 통신 방식을 지원할 수도 있다. 이를 위해, 네트워크 인터페이스(504)는 각종 통신 모듈을 포함하여 구성될 수 있다.
스토리지(505)는 외부 장치로부터 수신된 데이터 등을 비임시적으로 저장할 수 있다. 스토리지(505)는 ROM(Read Only Memory), EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM), 플래시 메모리 등과 같은 비휘발성 메모리, 하드 디스크, 착탈형 디스크, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터로 읽을 수 있는 기록 매체를 포함하여 구성될 수 있다. 스토리지(505)는 본 발명의 실시예들에 따른 방법을 수행하기 위한 하나 이상의 프로그램 및 아이템, 아이템의 컨텐츠를 저장할 수 있다.
지금까지 설명된 본 발명의 실시예에 따른 방법들은 컴퓨터가 읽을 수 있는 코드로 구현된 컴퓨터 프로그램의 실행에 의하여 수행될 수 있다. 상기 컴퓨터프로그램은 인터넷 등의 네트워크를 통하여 제1 컴퓨팅 장치로부터 제2 컴퓨팅 장치에 전송되어 상기 제2 컴퓨팅 장치에 설치될 수 있고, 이로써 상기 제2 컴퓨팅 장치에서 사용될 수 있다. 상기 제1 컴퓨팅 장치 및 상기 제2 컴퓨팅 장치는, 서버 장치, 클라우드 서비스를 위한 서버 풀에 속한 물리 서버, 데스크탑 피씨와 같은 고정식 컴퓨팅 장치를 모두 포함한다.
상기 컴퓨터프로그램은 DVD-ROM, 플래시 메모리 장치 등의 기록매체에 저장된 것일 수도 있다.
이상 첨부된 도면을 참조하여 본 발명의 실시예들을 설명하였지만, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로 이해해야만 한다.

Claims (17)

  1. 컴퓨팅 장치에 의하여 수행되는 방법에 있어서,
    복수개의 아이템을 포함하는 리스트를 디스플레이 하는 단계; 및
    상기 복수개의 아이템 중 제1 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력에 응답하여, 상기 복수개의 아이템 중 상기 제1 아이템을 제외한 나머지 중 적어도 일부인 각각의 비교 대상 아이템과, 상기 제1 아이템 사이의 차이점에 관한 정보를 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로 디스플레이하는 단계를 포함하되,
    상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자 입력은, 상기 제1 아이템의 상세 정보를 표시하기 위한 사용자 입력 및 상기 제1 아이템에 대하여 단순 선택하기 위한 사용자 입력을 제외한 것인,
    리스트의 아이템간 차이점 표시 방법.
  2. 제1 항에 있어서,
    상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 차이점에 관한 정보를, 상기 사용자 입력에 응답하여 생성하는 단계; 및
    상기 생성된 차이점에 관한 정보를 디스플레이하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  3. 제1 항에 있어서,
    상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 사용자 입력이 해제된 후, 상기 차이점에 관한 정보를 기준으로 상기 비교 대상 아이템을 정렬하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  4. 제1 항에 있어서,
    상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 비교 대상 아이템 중 상기 제1 아이템에 포함된 컨텐츠를 가진 아이템을 리스트에서 제거하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  5. 제4 항에 있어서,
    상기 제1 아이템과 동일한 컨텐츠를 가진 아이템을 리스트에서 제거하는 단계는,
    상기 제거된 아이템의 속성 중 상기 제1 아이템의 속성과 다른 속성에 대한 정보를, 상기 제1 아이템에 부가하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  6. 제1 항에 있어서,
    상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자 입력은 롱클릭(long click) 또는 롱탭(long tap)이고,
    상기 롱클릭 또는 롱탭이 해제 된 경우 상기 디스플레이 된 차이점에 관한 정보를 제거하는 단계를 더 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  7. 제1 항에 있어서,
    상기 비교 대상 아이템은 제2 아이템이고,
    상기 사용자 입력은,
    상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 상기 제2 아이템으로의 드래그-앤-드롭 입력인,
    리스트의 아이템간 차이점 표시 방법.
  8. 제1 항에 있어서,
    상기 비교 대상 아이템은 복수개 이고,
    상기 사용자 입력은,
    상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 각각의 상기 비교 대상 아이템의 위치로 이동 하는 입력인,
    리스트의 아이템간 차이점 표시 방법.
  9. 제8 항에 있어서,
    상기 사용자 입력은,
    상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 각각의 상기 비교 대상 아이템의 위치로 이동 하되, 상기 비교 대상 아이템의 위치에서 지정된 시간 이상 머무름으로써 각각의 비교 대상 아이템을 특정하는 입력인,
    리스트의 아이템간 차이점 표시 방법.
  10. 제1 항에 있어서,
    상기 비교 대상 아이템은 제2 아이템이고,
    상기 사용자 입력은,
    상기 제1 아이템을 클릭 또는 탭한 후, 클릭 또는 탭을 유지한 상태에서 상기 제2 아이템으로의 드래그-앤-드롭 입력이며,
    상기 차이점에 관한 정보를 화면에 디스플레이하는 단계는,
    상기 리스트가 표시된 제1 GUI(Graphic User Interface) 인스턴스와 별개인 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이 하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  11. 제10 항에 있어서,
    상기 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 제2 GUI 인스턴스에 상기 제1 아이템의 컨텐츠 및 상기 제1 아이템의 컨텐츠의 전체 영역중 상기 제2 GUI 인스턴스에 보여지는 부분을 알려주는 내비게이팅 UI(User Interface)에 상기 제1 아이템의 컨텐츠의 전체 영역 중 상기 비교 대상 아이템과의 차이점이 존재하는 부분의 위치를 표시하는 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  12. 제11 항에 있어서,
    상기 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 제1 아이템의 컨텐츠의 전체 영역 중 상기 제2 GUI 인스턴스에 보여지지 않는 부분에 존재하는 비교대상 아이템과의 차이점에 관한 정보를, 상기 제2 GUI 인스턴스 위에 오버랩하여 표시하는 단계를 더 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  13. 제12 항에 있어서,
    상기 제2 GUI 인스턴스를 통해 상기 차이점에 관한 정보를 디스플레이하는 단계는,
    상기 제2 GUI 인스턴스 위에 오버랩 되어 표시되는 차이점에 관한 정보를 선택하는 사용자의 입력에 응답하여, 상기 선택된 차이점이 존재 하는 부분의 상기 제1 아이템의 컨텐츠가 상기 제2 GUI 인스턴스에 보여지도록, 추가적인 사용자 입력 없이 자동으로 상기 내비게이팅 UI가 조작되는 단계를 더 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  14. 제1 항에 있어서,
    상기 복수개의 아이템 각각은 동영상 컨텐츠를 가리키는 것이고,
    상기 차이점에 관한 정보는, 상기 비교 대상 아이템의 전체 재생 시간 중, 상기 제1 아이템의 동영상에 포함되지 않은 영상이 재생되는 시간에 대한 정보를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  15. 컴퓨팅 장치에 의하여 수행되는 방법에 있어서,
    복수개의 아이템을 포함하는 리스트를 디스플레이하는 제1 단계; 및
    제1 아이템에서 제1 속성을 리스트 정렬 기준으로 선택하는 사용자 입력에 응답하여, 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로, 상기 제1 아이템 이외의 상기 복수개의 아이템 중 상기 제1 속성을 갖는 각각의 정렬 대상 아이템과 상기 제1 아이템간 차이점에 관한 정보를 디스플레이 하고, 상기 정렬 대상 아이템이 상기 제1 아이템과 인접하게 위치 되도록 상기 복수개의 아이템 중 적어도 일부의 배치를 조정하는 제2 단계를 포함하는,
    리스트의 아이템간 차이점 표시 방법.
  16. 제15 항에 있어서,
    상기 제2 단계는,
    상기 리스트의 아이템 중 상기 제1 아이템 및 상기 정렬 대상 아이템을 제외한 아이템을 비활성화하는 단계를 포함하는
    리스트의 아이템간 차이점 표시 방법.
  17. GUI(Graphic User Interface) 처리 프로그램이 로드 되는 메모리; 및
    상기 메모리에 로드된 GUI 처리 프로그램을 실행하는 프로세서를 포함하되,
    상기 GUI 처리 프로그램은,
    복수개의 아이템을 포함하는 리스트를 디스플레이 하는 인스트럭션(instruction); 및
    상기 복수개의 아이템 중 제1 아이템을 차이점 비교 주체로 선택하기 위한 사용자 입력에 응답하여, 상기 복수개의 아이템 중 상기 제1 아이템을 제외한 나머지 중 적어도 일부인 각각의 비교 대상 아이템과, 상기 제1 아이템 사이의 차이점에 관한 정보를 상기 사용자 입력 이후의 추가적인 사용자 입력 없이 자동으로 디스플레이하는 인스트럭션을 포함하되,
    상기 제1 아이템을 차이점 비교 주체로 선택하기 위한 상기 사용자의 입력은, 상기 제1 아이템의 상세 정보를 표시하기 위한 사용자 입력 및 상기 제1 아이템에 대하여 단순 선택하기 위한 사용자 입력을 제외한 것인,
    컴퓨팅 장치.

KR1020180130662A 2018-10-30 2018-10-30 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법 KR102519625B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020180130662A KR102519625B1 (ko) 2018-10-30 2018-10-30 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020180130662A KR102519625B1 (ko) 2018-10-30 2018-10-30 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법

Publications (2)

Publication Number Publication Date
KR20200048505A true KR20200048505A (ko) 2020-05-08
KR102519625B1 KR102519625B1 (ko) 2023-04-06

Family

ID=70677059

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020180130662A KR102519625B1 (ko) 2018-10-30 2018-10-30 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법

Country Status (1)

Country Link
KR (1) KR102519625B1 (ko)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100039903A (ko) * 2005-01-21 2010-04-16 아마존 테크놀로지스, 인크. 자동 아이템 비교를 위한 시스템 및 방법
KR20110010291A (ko) * 2009-07-24 2011-02-01 삼성전자주식회사 휴대단말의 기능 실행 방법 및 장치
KR20110054415A (ko) * 2009-11-17 2011-05-25 삼성전자주식회사 화면 표시 방법 및 장치
KR20160075152A (ko) 2014-12-19 2016-06-29 주식회사 포워드벤처스 쇼핑 서비스 제공 시스템 및 쇼핑 서비스 제공 방법
KR20170095281A (ko) * 2014-12-09 2017-08-22 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 다중 엔드포인트 액션가능 통지들

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100039903A (ko) * 2005-01-21 2010-04-16 아마존 테크놀로지스, 인크. 자동 아이템 비교를 위한 시스템 및 방법
KR20110010291A (ko) * 2009-07-24 2011-02-01 삼성전자주식회사 휴대단말의 기능 실행 방법 및 장치
KR20110054415A (ko) * 2009-11-17 2011-05-25 삼성전자주식회사 화면 표시 방법 및 장치
KR20170095281A (ko) * 2014-12-09 2017-08-22 마이크로소프트 테크놀로지 라이센싱, 엘엘씨 다중 엔드포인트 액션가능 통지들
KR20160075152A (ko) 2014-12-19 2016-06-29 주식회사 포워드벤처스 쇼핑 서비스 제공 시스템 및 쇼핑 서비스 제공 방법

Also Published As

Publication number Publication date
KR102519625B1 (ko) 2023-04-06

Similar Documents

Publication Publication Date Title
US10379716B2 (en) Presenting object properties
KR102050630B1 (ko) 지속형 미디어 플레이어
US10229655B2 (en) Contextual zoom
CA2644111C (en) Method and system for displaying search results
TWI494843B (zh) 使用者興趣主題之連續內容精緻化
JP2023505411A (ja) ウェブブラウザ内でドキュメントのアノテーションを作成、整理、表示、および接続するための方法、コンピュータ可読媒体、およびシステム
US7873906B2 (en) Method and system for presenting a visual notification and delaying an action responsive to an onscreen selection
JP2018535461A (ja) メディアを提供するためのタッチ・スクリーン・ユーザ・インタフェース
WO2013006221A1 (en) Method of providing instructional material while a software application is in use
US20130055141A1 (en) User interface for accessing books
US9684645B2 (en) Summary views for ebooks
US10373099B1 (en) Misalignment detection system for efficiently processing database-stored data and automatically generating misalignment information for display in interactive user interfaces
US20160283478A1 (en) Method and Systems for Arranging A Media Object In A Media Timeline
JP2012104009A (ja) 文書管理装置、文書管理装置の制御方法およびコンピュータプログラム
AU2014226774A1 (en) Method and apparatus for controlling electronic medical record system based output window
JP2017067945A (ja) 画像処理装置、画像処理方法、プログラムおよび記録媒体
JP5805134B2 (ja) 端末装置および装置のプログラム
KR102519625B1 (ko) 리스트 인터페이스의 아이템간 차이점 표시 장치 및 방법
US8042035B2 (en) Method and system for rapid access to frequently used or searched objects
CN107015733B (zh) 选项信息呈现系统及方法
KR20200048786A (ko) 콘텐츠 미리보기 화면 디스플레이 방법 및 장치
JP6534663B2 (ja) 情報処理装置、情報処理方法、及び情報処理プログラム
JP2015069599A (ja) 電子アルバム用人物画像決定装置ならびにその制御方法，その制御プログラムおよびその制御プログラムを格納した記録媒体
JP6600404B2 (ja) スライド情報管理システム及びスライド情報管理システムの制御方法
US20210141788A1 (en) Retrieval method and non-transistory computer readable storage medium

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