KR101723647B1 - 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스 - Google Patents

온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스 Download PDF

Info

Publication number
KR101723647B1
KR101723647B1 KR1020140191121A KR20140191121A KR101723647B1 KR 101723647 B1 KR101723647 B1 KR 101723647B1 KR 1020140191121 A KR1020140191121 A KR 1020140191121A KR 20140191121 A KR20140191121 A KR 20140191121A KR 101723647 B1 KR101723647 B1 KR 101723647B1
Authority
KR
South Korea
Prior art keywords
selected image
animation
image
edge
location
Prior art date
Application number
KR1020140191121A
Other languages
English (en)
Other versions
KR20160079570A (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 KR1020140191121A priority Critical patent/KR101723647B1/ko
Publication of KR20160079570A publication Critical patent/KR20160079570A/ko
Application granted granted Critical
Publication of KR101723647B1 publication Critical patent/KR101723647B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]

Landscapes

  • Business, Economics & Management (AREA)
  • Engineering & Computer Science (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Business, Economics & Management (AREA)
  • Strategic Management (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • Development Economics (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명의 일 실시예는, 온라인 쇼핑몰을 제공하는 방법에 있어서, 제1 위치에 제1 선택 이미지를 표시하면서 상기 제1 위치에 인접한 제2 위치에 제1 연관검색어들을 동시에 표시하는 단계, 상기 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 단계, 상기 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제2 위치에 인접한 제3 위치로 옮기면서 상기 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하는 제1 애니메이션 단계, 및 상기 제1 연관검색어들이 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션 및 제2 연관검색어들이 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나고 상기 제2 위치로 이동하는 애니메이션을 표시하는 제2 애니메이션 단계를 포함하는, 온라인 쇼핑몰 제공 방법을 개시한다.

Description

온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스{Online shopping mall providing method and online shopping mall providing device}
본 발명의 실시예들은 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스에 관한 것이다.
인터넷의 발달로 전자상거래 시장이 형성되었고, 온라인 쇼핑몰을 통해 거래되는 상품의 종류와 양이 급증하고 있다. 매장을 직접 방문하지 않고도 원하는 상품을 구매할 수 있고, 다른 구매자들의 구매 후기들을 참고하여 상품을 결정하기 용이하며, 구매한 물품을 원하는 장소로 배송 받을 수 있다는 점이 온라인 쇼핑몰을 통한 전자상거래의 장점이다. 인터넷 접속이 용이한 스마트폰이 널리 보급된 점 또한 온라인 쇼핑몰의 활성화에 큰 역할을 하였다.
한편, 온라인 쇼핑몰의 숫자가 점점 늘어나면서, 온라인 쇼핑몰들 간에도 구매자를 끌어들이기 위한 경쟁이 치열해지고 있다. 기본적인 구매자들의 유인 요건으로 상품의 가격, 상품의 종류, 상품의 품질 등이 있다. 이에 더하여, 할인 쿠폰, 다양한 이벤트들, 및 온라인 쇼핑몰 웹페이지의 디자인 또한 구매자들을 불러들이는 데에 큰 역할을 하고 있다.
전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술 정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.
본 발명의 실시예들은 온라인 쇼핑몰에서 발생하는 애니메이션을 표시하는 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스를 제공한다.
본 발명의 일 실시예는 온라인 쇼핑몰을 제공하는 방법에 있어서, 제1 위치에 제1 선택 이미지를 표시하면서 상기 제1 위치에 인접한 제2 위치에 제1 연관검색어들을 동시에 표시하는 단계; 상기 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 단계; 상기 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제2 위치에 인접한 제3 위치로 옮기면서 상기 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하는 제1 애니메이션 단계; 및 상기 제1 연관검색어들이 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션 및 제2 연관검색어들이 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나고 상기 제2 위치로 이동하는 애니메이션을 표시하는 제2 애니메이션 단계;를 포함하는, 온라인 쇼핑몰 제공 방법을 개시한다.
본 발명의 다른 실시예는 제1 위치에 제1 선택 이미지를 표시하고, 상기 제1 위치에 인접한 제2 위치에 제1 연관검색어들 또는 제2 연관검색어들을 표시하는 디스플레이부; 상기 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 사용자입력부; 및 상기 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제2 위치에 인접한 제3 위치로 옮기면서 상기 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하고, 상기 제1 연관검색어들이 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션 및 제2 연관검색어들이 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나고 상기 제2 위치로 이동하는 애니메이션을 표시하는 제어부;를 포함하는, 온라인 쇼핑몰 제공 디바이스를 개시한다.
전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다.
이러한 일반적이고 구체적인 측면이 시스템, 방법, 컴퓨터 프로그램, 또는 어떠한 시스템, 방법, 컴퓨터 프로그램의 조합을 사용하여 실시될 수 있다.
이와 같은 본 발명에 의해서, 온라인 쇼핑몰에서 발생하는 애니메이션을 표시할 수 있는 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스를 제공할 수 있다.
도 1은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 시스템의 구성을 나타낸 도면이다.
도 2는 도 1의 온라인 쇼핑몰 시스템의 온라인 쇼핑몰 제공 디바이스 및 디바이스의 내부 구성을 나타낸 블록도이다.
도 3은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법의 흐름을 나타낸 도면이다.
도 4는 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법의 예시를 나타낸 도면이다.
도 5 내지 도 7은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법에 따른 애니메이션의 예시를 나타낸 도면이다.
본 발명은 다양한 변환을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 본 발명의 효과 및 특징, 그리고 그것들을 달성하는 방법은 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 다양한 형태로 구현될 수 있다. 이하의 실시예에서, 제1, 제2 등의 용어는 한정적인 의미가 아니라 하나의 구성 요소를 다른 구성 요소와 구별하는 목적으로 사용되었다. 또한, 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 또한, 포함하다 또는 가지다 등의 용어는 명세서상에 기재된 특징, 또는 구성요소가 존재함을 의미하는 것이고, 하나 이상의 다른 특징들 또는 구성요소가 부가될 가능성을 미리 배제하는 것은 아니다. 또한, 도면에서는 설명의 편의를 위하여 구성 요소들이 그 크기가 과장 또는 축소될 수 있다. 예컨대, 도면에서 나타난 각 구성의 크기 및 두께는 설명의 편의를 위해 임의로 나타내었으므로, 본 발명이 반드시 도시된 바에 한정되지 않는다.
이하, 첨부된 도면을 참조하여 본 발명의 실시예들을 상세히 설명하기로 하며, 도면을 참조하여 설명할 때 동일하거나 대응하는 구성 요소는 동일한 도면부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 시스템의 구성을 나타낸 도면이다.
도 1을 참조하면, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 시스템(10)은 디바이스(100)를 포함할 수 있다. 또한, 디바이스(100)와 연결될 수 있는 서버(200)를 포함할 수 있다. 또한, 디바이스(100)와 서버(200)를 상호 연결하는 통신망(300)을 포함할 수 있다.
디바이스(100)는 본 발명의 일 실시예에 따른 온라인 쇼핑몰 시스템(10)의 온라인 쇼핑몰 제공 디바이스일 수 있다. 디바이스(100)는 유무선 통신 환경에서 타 디바이스와 데이터를 송수신할 수 있는 통신 단말기일 수 있다. 도 1에서는 디바이스(100)가 스마트폰(smart phone)으로 도시되었지만, 본 발명의 사상은 이에 제한되지 아니하며, 상술한 바와 같이 유무선 통신 환경에서 타 디바이스와 데이터를 송수신할 수 있는 디바이스는 제한 없이 차용될 수 있다.
이를 더욱 상세히 설명하면, 디바이스(100)는, 예를 들어, 스마트폰, PC, 태블릿 PC, 스마트 TV, 휴대폰, PDA(personal digital assistant), 랩톱, 미디어 플레이어, 마이크로 서버, GPS(global positioning system) 장치, 전자책 단말기, 디지털방송용 단말기, 네비게이션, 키오스크, MP3 플레이어, 디지털 카메라, 웨어러블 디바이스 및 기타 모바일 또는 비모바일 컴퓨팅 장치일 수 있으나, 본 발명이 이에 한정되지 않는다.
또한, 디바이스(100)는 전자 칠판, 터치 테이블 등과 같이 터치 입력을 수신할 수 있는 다양한 장치를 포함할 수 있다. 또한, 디바이스(100)는 통신 기능 및 데이터 프로세싱 기능을 구비한 시계, 안경, 헤어 밴드 및 반지 등의 악세서리일 수 있으나, 본 발명이 이에 한정되지 않는다.
디바이스(100)는 온라인 쇼핑몰, 온라인 쇼핑몰 서비스를 제공하는 웹사이트, 또는 온라인 쇼핑몰 서비스를 제공하는 어플리케이션을 디바이스(100)의 디스플레이부에 표시할 수 있다. 디바이스(100)는 사용자의 다양한 종류의 입력들을 수신할 수 있다. 디바이스(100)는 터치 입력, 주변 조도의 변화, 기울기의 변화, 또는 디바이스(100) 상에 대한 에어 제스쳐(air gesture) 중 하나 이상을 인식할 수 있는 동작감지센서, 광센서, 온도센서, 압력센서, 또는 자이로 센서 중 하나 이상을 포함할 수 있다.
서버(200)는 온라인 쇼핑몰 서비스를 제공하는 서버일 수 있다. 도 1에는 하나의 서버를 디스플레이하였지만, 접속량 혹은 데이터 양에 따라 복수 개의 서버가 존재할 수 있다.
서버(200)는 온라인 쇼핑몰 서비스를 제공하는 외에도 일반적인 검색 서비스 및 기타 사용자의 편의를 증진시키는 다양한 서비스를 제공할 수도 있다. 즉, 서버(200)는 온라인 쇼핑몰 서비스 외에도 검색, 이메일, 블로그, 소셜 네트워크 서비스(social network service), 뉴스, 쇼핑 정보 제공과 같은 다양한 서비스들을 제공할 수 있다.
또는, 서버(200)는 검색, 이메일, 뉴스, 쇼핑과 같은 포털(portal) 서비스를 제공하는 서버에 연결되어, 포털(portal) 서비스에 정보 제공을 요청하는 디바이스(100)로 포털(portal) 서비스가 제공하는 웹 페이지를 제공하는 서버일 수 있다. 여기서 서버(200)와 포털 서비스 제공 서버는 물리적으로 분리된 별도의 서버일 수도 있고, 개념적으로만 분리된 동일한 서버일 수도 있다. 서버(200)는 디바이스(100)로 온라인 쇼핑몰에 대한 정보를 포함하는 데이터를 송신할 수 있다. 서버(200)는 디바이스(100)로부터 수신되는 다양한 정보를 저장할 수 있다.
통신망(300)은 디바이스(100) 및 서버(200)를 유선 또는 무선으로 연결하는 역할을 수행할 수 있다. 즉, 통신망(300)은 디바이스(100) 및 서버(200) 간에 데이터를 송수신할 수 있도록 접속 경로를 제공하는 통신망을 의미한다. 통신망(300)은 예컨대 LANs(Local Area Networks), WANs(Wide Area Networks), MANs(Metropolitan Area Networks), ISDNs(Integrated Service Digital Networks) 등의 유선 네트워크나, 무선 LANs, CDMA, 블루투스, 위성 통신 등의 무선 네트워크를 망라할 수 있으나, 본 발명의 범위가 이에 한정되지 않는다.
도 2는 도 1의 온라인 쇼핑몰 시스템의 온라인 쇼핑몰 제공 디바이스 및 디바이스의 내부 구성을 나타낸 블록도이다.
도 2를 참조하면, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 시스템의 온라인 쇼핑몰 제공 디바이스인 디바이스(100)는 통신부(110), 디스플레이부(120), 사용자입력부(130), 및 제어부(140)를 포함할 수 있다.
통신부(110)는 서버(200)와 유무선 통신을 수행할 수 있다. 통신부(110)는 블루투스 통신부, BLE(Bluetooth Low Energy) 통신부, 근거리 무선 통신부(Near Field Communication unit), WLAN(와이파이) 통신부, 지그비(Zigbee) 통신부, 적외선(IrDA, infrared Data Association) 통신부, WFD(Wi-Fi Direct) 통신부, UWB(ultra wideband) 통신부, Ant+ 통신부 등일 수 있으나, 이에 한정되지 않는다.
통신부(110)는 통신망(300) 상에서 기지국 또는 서버(200) 중 적어도 하나와 무선 신호를 송수신할 수 있다. 무선 신호는, 시각적 기호를 포함하는 다양한 형태의 데이터를 포함할 수 있다. 즉, 통신부(110)는 사용자의 요청을 나타내는 데이터를 서버(200)로 송신할 수 있고, 서버(200)로부터 송신되는 온라인 쇼핑몰에 대한 데이터를 수신할 수 있다.
디스플레이부(120)는 디바이스(100)에서 처리되는 정보를 디스플레이할 수 있다. 디스플레이부(120)는 온라인 쇼핑몰, 온라인 쇼핑몰 서비스를 제공하는 웹사이트, 또는 온라인 쇼핑몰 서비스를 제공하는 어플리케이션을 표시할 수 있다. 예를 들어, 디스플레이부(120)는 온라인 쇼핑몰을 통하여 판매되는 다양한 상품들을 리스트화하여 표시할 수 있고, 해당 상품들과 관련된 정보들(예를 들어, 가격, 수량, 상품이미지, 이벤트 진행 여부 등)을 표시할 수 있다. 또한, 디스플레이부(120)는 온라인 쇼핑몰에서 판매되는 상품들을 검색할 수 있는 검색탭을 표시할 수 있다. 또한, 디스플레이부(120)는 온라인 쇼핑몰에서 제공하는 상품의 종류, 이벤트 진행 여부, 또는 환경 설정 등에 접근하기 위한 이미지, 애니메이션, 메뉴탭 등을 표시할 수 있다.
디스플레이부(120)는 액정 디스플레이(liquid crystal display), 박막 트랜지스터 액정 디스플레이(thin film transistor-liquid crystal display), 유기 발광 다이오드(organic light-emitting diode), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display), 전기영동 디스플레이(electrophoretic display) 중에서 적어도 하나를 포함할 수 있으나, 본 발명의 범위가 이에 한정되지 않는다. 디바이스(100)의 구현 형태에 따라 디바이스(100)는 디스플레이부(120)를 2개 이상 포함할 수도 있다.
사용자입력부(130)는 온라인 쇼핑몰 서비스를 위한 사용자 입력을 수신할 수 있다. 예를 들어, 사용자입력부(130)는 특정한 상품에 대해서 자세한 정보의 제공을 요청하는 사용자 입력을 수신할 수 있다. 또한, 사용자입력부(130)는 특정한 종류의 상품들의 표시를 요청하는 사용자 입력을 수신할 수 있다. 또한, 사용자입력부(130)는 상품들을 검색하기 위한 검색어를 입력하는 사용자 입력을 수신할 수 있다. 또한, 사용자입력부(130)는 특정한 메뉴의 표시를 요청하는 사용자 입력을 수신할 수 있다. 이러한 다양한 종류의 사용자 입력은 사용자의 음성 입력, 사용자의 문자 입력, 사용자의 터치 입력, 마우스를 통한 클릭, 또는 에어 제스쳐 등 일 수 있으나, 본 발명의 범위가 이에 한정되지 않는다.
사용자입력부(130)는 사용자가 디바이스(100)를 제어하기 위한 데이터를 입력하는 수단을 의미할 수 있다. 예를 들어, 사용자입력부(130)에는 키 패드(key pad), 돔 스위치 (dome switch), 터치 패드(접촉식 정전 용량 방식, 압력식 저항막 방식, 적외선 감지 방식, 표면 초음파 전도 방식, 적분식 장력 측정 방식, 피에조 효과 방식 등), 조그 휠, 조그 스위치 등이 있을 수 있으나, 이에 한정되지 않는다.
사용자입력부(130)는 디스플레이부(120)와 레이어 구조를 이루어 하나의 터치 스크린으로 구성될 수 있다. 이 경우, 디스플레이부(120)와 사용자입력부(130)가 하나의 물리적인 형태를 이룰 수 있다.
제어부(140)는 통상적으로 디바이스(100)의 전반적인 동작을 제어할 수 있다. 제어부(140)는, 디바이스(100)에 포함되는 메모리에 저장된 프로그램들을 실행함으로써, 통신부(110), 디스플레이부(120), 및 사용자입력부(130) 등을 전반적으로 제어할 수 있다. 제어부(140)는 도 1 내지 도 10b에서의 디바이스(100)의 동작을 수행하기 위하여, 통신부(110), 디스플레이부(120), 및 사용자입력부(130) 등을 전반적으로 제어할 수 있다.
제어부(140)는 쇼핑몰 서비스에 대한 다양한 정보들을 디스플레이부(120)에 표시할 수 있다. 또한, 제어부(140)는 사용자의 다양한 요청을 나타내는 입력들이 통신부(110)를 통하여 서버(200)로 송신되도록 할 수 있다.
제어부(140)는 디스플레이부(120)의 제1 위치에 제1 선택 이미지가 표시되도록 디스플레이부(120)를 제어할 수 있다. 제어부(140)는 디스플레이부(120)의 제2 위치에 제1 연관검색어들 또는 제2 연관검색어들이 표시되도록 디스플레이부(120)를 제어할 수 있다. 제어부(140)는 디스플레이부(120)의 제3 위치에 제3 선택 이미지가 표시되도록 디스플레이부(120)를 제어할 수 있다. 이 경우, 제2 위치는 제1 위치와 인접한 위치일 수 있다. 또한, 제3 위치는 제2 위치와 인접한 위치일 수 있다. 구체적으로, 제1, 제2, 및 제3 위치는 동일한 행 또는 열에 순서대로 배치되는 위치들일 수 있다.
제1 연관검색어들 또는 제2 연관검색어들은 특정한 검색어로부터 파생된 연관검색어들일 수 있다. 예를 들어, 의류라는 단어로 검색을 수행한 경우, 의류로부터 파생되어 나올 수 있는 단어들인 티셔츠, 치마, 코트 등의 의류의 세부 종류들이 의류로부터 파생될 수 있는 의류의 연관검색어들일 수 있다. 다른 예시로, 오렌지라는 단어로 검색을 수행한 경우, 오렌지로부터 파생되어 나올 수 있는 단어들인 오렌지 주스, 오렌지맛 캔디 등 오렌지를 원료로 하여 만들어질 수 있는 가공품들, 또는 사과, 바나나 등 오렌지와 동일 카테고리에 속하는 과일들이 오렌지로부터 파생될 수 있는 오렌지의 연관검색어들일 수 있다. 제1 연관검색어들 및 제2 연관검색어들은 동일한 검색어로부터 파생된 연관검색어들일 수 있다.
제어부(140)는 제1 선택 이미지를 선택하는 사용자의 입력을 사용자입력부(130)가 검출하도록 사용자입력부(130)를 제어할 수 있다. 제어부(140)는 검출된 입력이 제1 커맨드 또는 제2 커맨드에 대응하는지 판단할 수 있다. 제1 커맨드에 대응하는 입력 또는 제2 커맨드에 대응하는 입력은 제1 선택 이미지가 표시되는 위치에 대한 클릭, 터치, 또는 에어 제스쳐일 수 있으나, 이에 한정되지 않는다. 구체적으로, 제1 커맨드에 대응하는 입력은, 제1 선택 이미지가 표시되는 위치에서 클릭, 터치, 또는 에어 제스쳐를 시작하고, 제1 선택 이미지가 표시되는 위치에서 클릭, 터치, 또는 에어 제스쳐를 종료하는 입력일 수 있으나, 이에 한정되지 않는다. 또한, 제2 커맨드에 대응하는 경우, 제1 선택 이미지가 표시되는 위치에서 클릭 또는 터치를 시작하고, 클릭 또는 터치를 유지한 상태에서 드래깅하는 입력일 수 있으나, 이에 한정되지 않는다.
제어부(140)는 검출된 입력이 제1 커맨드에 대응하는 입력일 경우, 제1 선택 이미지를 제2 위치에 인접한 제3 위치로 옮기면서 제1 선택 이미지를 제2 선택 이미지로 변경하는 애니메이션을 표시할 수 있다. 제1 선택 이미지는 왼쪽, 오른쪽, 위, 또는 아래 중 어느 한 방향을 가리키는 화살표 형태의 이미지일 수 있다. 제2 선택 이미지는 제1 선택 이미지가 가리키는 방향의 반대 방향을 가리키는 화살표 형태의 이미지일 수 있다. 제1 선택 이미지를 제2 선택 이미지로 변경하는 애니메이션은 제1 선택 이미지를 180도 회전시키는 애니메이션일 수 있다. 제3 선택 이미지는 제1 선택 이미지와 동일한 이미지일 수 있다. 제어부(140)는 제1 연관검색어들이 디스플레이부(120)의 제1 에지로 스크롤되어 사리지는 애니메이션을 표시할 수 있고, 제2 연관검색어들이 디스플레이부(120)의 제2 에지에서 스크롤되어 나타나고 제2 위치로 이동하는 애니메이션을 표시할 수 있다. 제1 에지와 제2 에지는 서로 반대 방향에 위치하는 에지들일 수 있다. 제어부(140)는 제1 선택 이미지를 제1 위치에서 제3 위치로 옮기는 애니메이션을 표시하는 도중에, 제1 선택 이미지가 이동하는 속력을 변화시킬 수 있다. 제어부(140)는 제1 위치에서부터 이동중인 제1 선택 이미지까지의 거리 또는 제3 위치에서부터 이동중인 제1 선택 이미지까지의 거리 중 짧은 거리에 비례하게 제1 선택 이미지가 이동하는 속력을 변화시킬 수 있다.
제어부(140)는 검출된 입력이 제2 커맨드에 대응하는 입력일 경우, 제1 선택 이미지를 제1 위치, 제2 위치, 또는 제3 위치 중 어느 한 곳으로 옮기는 애니메이션을 표시할 수 있다. 제어부(140)는 제1 선택 이미지가 옮겨진 위치에 대응하여 제1 선택 이미지를 회전시킨 이미지로 변경하는 애니메이션을 표시할 수 있다. 제어부(140)는 제1 선택 이미지가 이동한 위치에 대응하여, 제1 연관검색어들 중 적어도 일부가 제1 에지로 스크롤되어 사라지는 애니메이션을 표시할 수 있다. 제어부(140)는 제1 선택 이미지가 이동한 위치에 대응하여, 제2 연관검색어들 중 적어도 일부가 제2 에지에서 스크롤되어 나타나는 애니메이션을 표시할 수 있다.
도 3은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법의 흐름을 나타낸 도면이다.
도 3에 도시된 흐름도는, 도 2에 도시된 온라인 쇼핑몰 제공 디바이스인 디바이스(100)에서 시계열적으로 처리되는 단계들로 구성된다. 따라서, 이하에서 생략된 내용이라 하더라도, 도 2에서 도시된 구성들에 관하여 이상에서 기술된 내용은 도 3에 도시된 흐름도에도 적용됨을 알 수 있다.
도 3을 참조하면, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법은, 제1 위치에 제1 선택 이미지를 표시하면서 제1 위치에 인접한 제2 위치에 제1 연관검색어들을 동시에 표시하는 단계(S100 단계), 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 단계(S200 단계), 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 제1 선택 이미지를 제2 위치에 인접한 제3 위치로 옮기면서 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하는 단계(S300 단계), 및 제1 검색 결과들이 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션, 및 제2 연관검색어들이 디스플레이부의 제2 에지에서 스크롤되어 나타나고 제2 위치로 이동하는 애니메이션을 표시하는 단계(S400 단계)를 포함할 수 있다. 또한, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법은, 검출된 입력이 제2 커맨드에 대응한다는 결정에 응답하여, 제1 선택 이미지를 제1 위치, 제2 위치, 또는 제3 위치 중 어느 한 곳으로 옮기면서, 제1 선택 이미지를 제1 선택 이미지가 옮겨진 위치에 대응하는만큼 회전시킨 제4 선택 이미지로 변경하는 애니메이션을 표시하는 단계를 더 포함할 수 있다. S300 단계 및 S400 단계는 서로 병합되어 하나의 단계로 진행될 수 있다. 즉, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법은, 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션 및 제1 연관검색어들이 사라지고 제2 연관검색어들이 나타나는 애니메이션을 통시에 표시할 수 있다.
도 4는 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법의 예시를 나타낸 도면이다.
도 4를 참조하면, 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법을 제공하는 디바이스(100)는, 디스플레이부(120)에 제1 선택 이미지(150)및 제1 연관검색어들(152)을 표시할 수 있다.
디바이스(100)는 제1 선택 이미지(150)를 디스플레이부(120)의 일 영역에 표시할 수 있고, 제1 연관검색어들(152)을 디스플레이부(120)의 다른 영역에 표시할 수 있다. 예를 들어, 도 4에 도시된 바와 같이, 디바이스(100)에서 의류라는 검색어로 검색을 수행한 경우, 디바이스(100)는 디스플레이부(120)의 우측 상단의 제1 위치에 제1 선택 이미지(150)를 표시할 수 있다. 또한, 디바이스(100)는 디스플레이부(120)의 중앙 상단의 제2 위치에 의류와 관련된 연관검색어들인 제1 연관검색어들(152)을 표시할 수 있다. 디바이스(100)는 제1 선택 이미지(150)와 제1 연관검색어들(152)을 동시에 한 화면에 표시할 수 있다. 제1 위치 및 제2 위치는 서로 인접할 수 있다. 예를 들어, 도 4에 도시된 바와 같이, 검색창의 바로 아래에 제1 위치와 제2 위치가 인접할 수 있다.
제1 선택 이미지(150)는 왼쪽, 오른쪽, 위, 또는 아래 중 어느 한 방향을 가리키는 화살표 형태의 이미지일 수 있다. 제1 선택 이미지(150)가 화살표 형태의 이미지인 경우, 제1 선택 이미지(150)가 가리키는 방향은 제1 선택 이미지가 배치되는 위치와 연관될 수 있다. 예를 들어, 도 4에 도시된 바와 같이, 제1 선택 이미지(150)가 배치된 제1 위치가 디스플레이부(120)의 우측인 경우, 제1 선택 이미지(150)는 오른쪽을 가리키는 화살표일 수 있다. 제2 선택 이미지는 제1 선택 이미지(150)가 가리키는 방향의 반대 방향을 가리키는 화살표 형태의 이미지일 수 있다. 제2 선택 이미지는 제1 선택 이미지(150)를 180도 회전시킨 형태의 이미지일 수 있다.
도 4는 온라인 쇼핑몰을 표시하는 하나의 예시를 나타난 것에 불과하고, 이 외에 다양한 방법으로 디바이스(100)는 온라인 쇼핑몰을 표시할 수 있다. 즉, 제1 선택 이미지(150) 및 제1 연관검색어들(152)이 디스플레이부(120)의 상단 중앙이 아닌 다른 위치에 표시될 수도 있다. 제1 선택 이미지(150)는 왼쪽, 오른쪽, 위, 또는 아래 중 어느 한 방향을 가리키는 이미지일 수도 있고, 다른 형태의 이미지일 수도 있다.
이하에서는 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 디바이스에 표시될 수 있는 애니메이션에 대해 설명하기로 한다. 도 5 내지 도 7은 본 발명의 일 실시예에 따른 온라인 쇼핑몰 제공 방법에 따른 애니메이션의 예시를 나타낸 도면이다.
도 5를 참조하면, 디바이스(100)는 제1 선택 이미지를 제2 선택 이미지로 변경하는 애니메이션을 표시할 수 있다.
디바이스(100)는 제1 선택 이미지를 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시할 수 있다. 예를 들어, 도 5의 (a)에 도시된 바와 같이, 제1 선택 이미지는 오른쪽을 가리키는 화살표 형태의 이미지일 수 있다. 또한, 도 5a의 (d)에 도시된 바와 같이, 제2 선택 이미지는 왼쪽을 가리키는 화살표 형태의 이미지일 수 있다. 이 경우, 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션은 제1 선택 이미지를 시계방향 또는 반시계방향으로 180도 회전시키는 애니메이션일 수 있다. 즉, 도 5의 (b)에 도시된 바와 같이, 제1 선택 이미지가 시계방향으로 회전을 시작할 수 있다. 이후, 도 5의 (c)에 도시된 바와 같이, 회전이 계속될 수 있다. 이후, 도 5의 (d)에 도시된 바와 같이, 제1 선택 이미지가 180도 회전하여 왼쪽을 가리키는 화살표 형태의 이미지인 제2 선택 이미지로 변경될 수 있다.
도 5는 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션의 예시를 나타낸 것에 불과하고, 이 외에 다양한 방법으로 디바이스(100)는 제1 선택 이미지를 제2 선택 이미지로 변경하는 애니메이션을 표시할 수 있다. 도 5에 나타난 애니메이션은 디바이스(100)의 제어부(140)에 의해서 수행될 수 있다.
도 6을 참조하면, 디바이스(100)는 제1 선택 이미지를 제2 선택 이미지로 변경하는 애니메이션을 표시하면서, 제1 연관검색어들이 디스플레이부에서 사라지는 애니메이션 및 제2 연관검색어들이 디스플레이부로 나타나는 애니메이션을 동시에 표시할 수 있다.
디바이스(100)는 제1 선택 이미지(154)를 선택하는 사용자의 입력을 검출할 수 있다. 예를 들어, 도 6의 (a)에 도시된 바와 같이, 제1 디바이스(100)는 사용자의 제1 선택 이미지(154)에 대한 터치를 검출할 수 있다. 도 6의 (a)에서는 제1 선택 이미지(154)를 선택하는 방법으로 제1 선택 이미지(154)에 대한 터치를 도시하였으나, 본 발명은 이에 한정되지 않는다. 즉, 제1 선택 이미지(154)를 선택하는 방법은 제1 선택 이미지(154)에 대한 클릭, 더블 클릭, 클릭 후 드래깅, 또는 에어 제스쳐 동작일 수 있고, 터치 동작 중에서도 제1 선택 이미지(154)에 대한 쇼트탭, 롱탭, 더블탭, 탭 후 드래깅 등의 다양한 동작일 수 있으며, 이에 한정되지 않는다.
디바이스(100)는 검출된 입력이 제1 커맨드에 대응하는지 판단할 수 있다. 이 때, 제1 커맨드는 제1 선택 이미지(154)를 선택하는 동작일 수 있다. 즉, 사용자가 제1 선택 이미지(154)의 위치에 터치를 시작한 경우라도, 터치를 떼지 않은 상태로 드래깅을 한 후, 제1 선택 이미지(154)가 존재하는 위치가 아닌 다른 위치에서 터치를 떼는 경우는 제1 커맨드에 대응하지 않는다고 판단할 수 있다.
제1 커맨드에 해당하는 입력이 검출됨에 따라, 디바이스(100)는 제1 위치에 표시된 제1 선택 이미지(154)를 제3 위치로 옮길 수 있다. 디바이스(100)는 제1 선택 이미지(154)를 옮기는 과정에서, 제1 선택 이미지(154)를 회전시켜서 제2 선택 이미지(168)로 변경하는 애니메이션을 표시할 수 있다. 디바이스(100)는 제1 선택 이미지(154)를 이동시킨 거리에 비례하는 만큼 제1 선택 이미지(154)를 회전시키는 애니메이션을 표시할 수 있다. 예를 들어, 도 6의 (b)에 도시된 바와 같이, 제1 선택 이미지(154)를 제1 위치에서부터 제3 위치까지 옮기는 애니메이션이 표시되는 도중, 제1 위치에 더 가까운 상태의 제1 선택 이미지(164)는 우측 하단을 가리키고 있을 수 있다. 또한, 도 6의 (c)에 도시된 바와 같이, 제3 위치에 더 가까운 상태의 제1 선택 이미지(166)는 좌측 하단을 가리키고 있을 수 있다. 마지막으로, 도 6의 (d)에 도시된 바와 같이, 애니메이션이 완료된 상태에서는 제3 위치에 제2 선택 이미지(168)가 표시될 수 있다.
디바이스(100)는 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션을 표시함과 동시에, 제1 연관검색어들이 사라지는 애니메이션을 표시할 수 있다. 이 때, 제1 연관검색어들이 사라지는 애니메이션은 제1 선택 이미지(154)가 옮겨지는 애니메이션에 대응하여 표시될 수 있다. 예를 들어, 도 6의 (b)에 도시된 바와 같이, 디바이스(100)는 제1 연관검색어들(160)이 사라지는 애니메이션을 표시하면서, 제1 선택 이미지(164)와 제1 연관검색어들(160) 간의 간격이 애니메이션이 시작되기 전의 간격과 동일하도록 유지할 수 있다. 다만, 이러한 애니메이션은 본 발명의 일 예시일 뿐이고, 애니메이션이 진행되는 도중에 제1 선택 이미지(164)와 제1 연관검색어들(160) 간의 간격이 변화될 수도 있다. 디바이스(100)는 제1 연관검색어들(160)이 디스플레이부(120)의 제1 에지(156)로 스크롤되어 사라지는 애니메이션을 표시할 수 있다. 제1 에지(156)는 제1 위치에서 제3 위치를 가리키는 방향인 제1 방향에 위치하는 에지일 수 있다. 예를 들어, 도 6의 (b)에 도시된 바와 같이, 제1 위치에서 제3 위치를 가리키는 방향이 왼쪽인 경우, 제1 에지(156)는 디스플레이부(120)의 왼쪽 에지일 수 있다.
디바이스(100)는 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션을 표시함과 동시에, 제2 연관검색어들이 나타나는 애니메이션을 표시할 수 있다. 이 때, 제2 연관검색어들이 나타나는 애니메이션은 제1 선택 이미지(154)가 옮겨지는 애니메이션에 대응하여 표시될 수 있다. 예를 들어, 도 6의 (b)에 도시된 바와 같이, 디바이스(100)는 제2 연관검색어들(162)이 나타나는 애니메이션을 표시하면서, 제1 선택 이미지(164)와 제2 연관검색어들(162) 간의 간격이 동일하게 유지되도록 할 수 있다. 다만, 이러한 애니메이션은 본 발명의 일 예시일 뿐이고, 애니메이션이 진행되는 도중에 제1 선택 이미지(164)와 제2 연관검색어들(162) 간의 간격이 변화될 수도 있다. 디바이스(100)는 제2 연관검색어들(162)이 디스플레이부(120)의 제2 에지(158)에서부터 스크롤되어 나타나는 애니메이션을 표시할 수 있다. 제2 에지(158)는 제1 방향과 반대 방향인 제2 방향에 위치하는 에지일 수 있다. 즉, 제2 에지(158)는 디스플레이부(120) 상에서 제1 에지(156)와 마주보는 위치의 에지일 수 있다. 예를 들어, 도 6의 (b)에 도시된 바와 같이, 제2 방향이 오른쪽인 경우, 제2 에지(158)는 디스플레이부(120)의 오른쪽 에지일 수 있다.
제1 연관검색어들 및 제2 연관검색어들은 동일한 검색어로부터 파생된 연관검색어들일 수 있다. 즉, 하나의 검색어와 연관된 검색어들의 개수가 많은 경우, 이러한 연관검색어들을 한 화면에 모두 표시할 수 없는 경우가 존재할 수 있다. 따라서 디바이스(100)는 디스플레이부(120)에 전체 연관검색어들 중 일부인 제1 연관검색어들을 먼저 표시하고, 제1 선택 이미지가 선택되는 경우에 제2 연관검색어들을 표시할 수 있다. 도 6의 (c)에 도시된 바와 같이, 디바이스(100)는 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션, 제1 연관검색어들이 사라지는 애니메이션, 및 제2 연관검색어들이 나타나는 애니메이션을 함께 표시할 수 있다. 애니메이션이 종료되면, 도 6의 (d)에 도시된 바와 같이, 제2 선택 이미지(168)가 제3 위치에 표시될 수 있고, 제1 연관검색어들은 디스플레이부(120)에서 사라질 수 있고, 제2 연관검색어들(170)은 제2 위치에 표시될 수 있다. 또한, 디바이스(100)는 제1 위치에 제3 선택 이미지(172)를 표시할 수 있다. 디바이스(100)는 제3 선택 이미지(172)가 제2 에지에서부터 스크롤되어 나타나는 애니메이션을 표시할 수 있다. 제3 선택 이미지(172)는 제1 선택 이미지와 동일한 형태의 이미지일 수 있다.
디바이스(100)는 제1 선택 이미지(154)를 제3 위치로 옮기는 애니메이션을 표시하는 도중에, 제1 선택 이미지(154)가 이동하는 속력을 변화시킬 수 있다. 예를 들어, 이동하는 도중의 제1 선택 이미지(154)에서부터 제1 위치까지의 거리, 또는 이동하는 도중의 제1 선택 이미지(154)에서부터 제1 위치까지의 거리 중 짧은 거리에 비례하는 속력으로, 디바이스(100)는 제1 선택 이미지(154)를 이동시킬 수 있다. 이를 통하여, 사용자가 자연스럽다고 인식할 수 있는 애니메이션을 구현할 수 있다.
도 6은 제1 선택 이미지가 제2 선택 이미지로 변경되는 애니메이션의 예시, 제1 연관검색어들이 사라지는 애니메이션의 예시, 및 제2 연관검색어들이 나타나는 애니메이션의 예시를 나타낸 것에 불과하고, 본 발명은 이에 한정되지 않는다. 도 6에 나타난 애니메이션은 디바이스(100)의 제어부(140)에 의해서 수행될 수 있다.
도 7을 참조하면, 디바이스(100)는 제1 선택 이미지를 선택하는 사용자의 입력을 검출할 수 있고, 해당 입력이 제2 커맨드에 대응하는지 판단할 수 있다. 판단 결과에 따라서, 디바이스(100)는 제1 선택 이미지를 상기 제1 위치, 제2 위치, 또는 제3 위치 중 어느 한 곳으로 옮기면서, 제1 선택 이미지가 옮겨진 위치에 대응하는만큼 제1 선택 이미지를 회전시키는 애니메이션을 표시할 수 있다.
디바이스(100)는 제1 선택 이미지(174)를 선택하는 사용자의 입력을 검출할 수 있다. 예를 들어, 도 7의 (a)에 도시된 바와 같이, 제1 디바이스(100)는 사용자의 제1 선택 이미지(174)에 대한 터치를 검출할 수 있다. 도 7의 (a)에서는 제1 선택 이미지(174)를 선택하는 방법으로 제1 선택 이미지(174)에 대한 터치를 도시하였으나, 본 발명은 이에 한정되지 않는다. 즉, 제1 선택 이미지(174)를 선택하는 방법은 제1 선택 이미지(174)에 대한 클릭, 더블 클릭, 클릭 후 드래깅, 또는 에어 제스쳐 동작일 수 있고, 터치 동작 중에서도 제1 선택 이미지(174)에 대한 쇼트탭, 롱탭, 더블탭, 탭 후 드래깅 등의 다양한 동작일 수 있으며, 이에 한정되지 않는다. 디바이스(100)는 검출된 입력이 제2 커맨드에 대응하는지 판단할 수 있다. 이 때, 제2 커맨드는 제1 선택 이미지(174)가 표시되는 위치에서 클릭 또는 터치를 시작하고, 해당 클릭 또는 터치를 유지한 상태에서 드래깅하는 동작일 수 있다.
제2 커맨드에 해당하는 입력이 검출됨에 따라, 디바이스(100)는 제1 위치에 표시된 제1 선택 이미지(174)를 옮길 수 있다. 디바이스(100)는 제1 선택 이미지(174)를 옮기는 과정에서, 제1 선택 이미지(174)를 이동시킨 거리에 비례하는 만큼 제1 선택 이미지(174)를 회전시키는 애니메이션을 표시할 수 있다. 예를 들어, 도 7의 (b)에 도시된 바와 같이, 사용자가 제1 선택 이미지(174)를 선택하는 클릭 또는 터치를 하고, 해당 클릭 또는 터치를 유지한 상태에서 왼쪽으로 드래깅하는 경우, 디바이스(100) 제1 선택 이미지(176)를 드래깅된 위치로 이동시킬 수 있다. 또한, 도 7의 (c)에 도시된 바와 같이, 사용자가 오른쪽으로 드래깅하는 경우, 디바이스(100)는 제1 선택 이미지(178)를 드래깅된 위치로 다시 이동시킬 수 있다. 또한, 디바이스(100)는 제1 선택 이미지의 위치에 따라 제1 선택 이미지(176)를 회전시키는 정도를 변경할 수 있다. 예를 들어, 도 7의 (b)에 도시된 바와 같이, 제1 선택 이미지(176)가 디스플레이부(120)의 중앙보다 좌측에 위치하는 경우에는, 디바이스(100)는 제1 선택 이미지(176)가 좌측 하단을 가리키도록 회전시킬 수 있다. 다른 예시로, 도 7의 (c)에 도시된 바와 같이, 제1 선택 이미지(178)가 디스플레이부(120)의 중앙보다 우측에 위치하는 경우에는, 디바이스(100)는 제1 선택 이미지(178)가 우측 하단을 가리키도록 회전시킬 수 있다.
디바이스(100)는 사용자가 드래깅을 종료하는 위치에 대응하여, 디스플레이부(120)에 제1 연관검색어들 또는 제2 연관검색어들을 표시할 수 있다. 예를 들어, 도 7의 (d)에 도시된 바와 같이, 사용자가 드래깅을 종료한 위치가 디스플레이부(120)의 중앙보다 우측인 경우에는, 디바이스(100)는 제1 위치에 제1 선택 이미지를 표시하고, 제2 위치에 제1 연관검색어들을 표시할 수 있다. 만약, 사용자가 드래깅을 종료한 위치가 디스플레이부(120)의 중앙보다 좌측인 경우에는, 디바이스(100)는 제3 위치에 제2 선택 이미지를 표시하고, 제2 위치에 제2 연관검색어들을 표시할 수 있다.
도 7에 나타난 애니메이션은 디바이스(100)의 제어부(140)에 의해서 수행될 수 있다.
이상 설명된 본 발명에 따른 실시예는 컴퓨터 상에서 다양한 구성요소를 통하여 실행될 수 있는 컴퓨터 프로그램의 형태로 구현될 수 있으며, 이와 같은 컴퓨터 프로그램은 컴퓨터로 판독 가능한 매체에 기록될 수 있다. 이때, 매체는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM 및 DVD와 같은 광기록 매체, 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical medium), 및 ROM, RAM, 플래시 메모리 등과 같은, 프로그램 명령어를 저장하고 실행하도록 특별히 구성된 하드웨어 장치를 포함할 수 있다.
한편, 상기 컴퓨터 프로그램은 본 발명을 위하여 특별히 설계되고 구성된 것이거나 컴퓨터 소프트웨어 분야의 당업자에게 공지되어 사용 가능한 것일 수 있다. 컴퓨터 프로그램의 예에는, 컴파일러에 의하여 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용하여 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드도 포함될 수 있다.
본 발명에서 설명하는 특정 실행들은 일 실시 예들로서, 어떠한 방법으로도 본 발명의 범위를 한정하는 것은 아니다. 명세서의 간결함을 위하여, 종래 전자적인 구성들, 제어 시스템들, 소프트웨어, 상기 시스템들의 다른 기능적인 측면들의 기재는 생략될 수 있다. 또한, 도면에 도시된 구성 요소들 간의 선들의 연결 또는 연결 부재들은 기능적인 연결 및/또는 물리적 또는 회로적 연결들을 예시적으로 나타낸 것으로서, 실제 장치에서는 대체 가능하거나 추가의 다양한 기능적인 연결, 물리적인 연결, 또는 회로 연결들로서 나타내어질 수 있다. 또한, “필수적인”, “중요하게” 등과 같이 구체적인 언급이 없다면 본 발명의 적용을 위하여 반드시 필요한 구성 요소가 아닐 수 있다.
따라서, 본 발명의 사상은 상기 설명된 실시예에 국한되어 정해져서는 아니 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 또는 이로부터 등가적으로 변경된 모든 범위는 본 발명의 사상의 범주에 속한다고 할 것이다.
10: 온라인 쇼핑몰 제공 시스템
100: 디바이스
110: 통신부
120: 디스플레이부
130: 사용자입력부
140: 제어부
200: 서버
300: 통신망

Claims (34)

  1. 온라인 쇼핑몰을 제공하는 방법에 있어서,
    제1 위치에 제1 선택 이미지를 표시하면서 상기 제1 위치에 인접한 제2 위치에 제1 연관검색어들을 동시에 표시하는 단계;
    상기 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 단계;
    상기 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제2 위치에 인접한 제3 위치로 옮기면서 상기 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하는 제1 애니메이션 단계; 및
    상기 제1 연관검색어들이 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션 및 제2 연관검색어들이 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나고 상기 제2 위치로 이동하는 애니메이션을 표시하는 제2 애니메이션 단계;를 포함하고,
    상기 제1 애니메이션 단계는,
    상기 제1 선택 이미지를 이동시킨 거리에 비례하는 만큼 제1 선택 이미지를 회전시켜서, 상기 제1 선택 이미지가 상기 제3 위치에 도달한 시점에 180도 회전이 완료되도록 하는 애니메이션을 표시하는 단계;를 포함하고,
    상기 제2 애니메이션 단계는,
    상기 제1 위치에서 상기 제3 위치를 가리키는 방향인 제1 방향으로 상기 제1 연관검색어들이 스크롤되어 사라지는 애니메이션을 표시하는 단계; 및
    상기 제1 방향으로 상기 제2 연관검색어들이 스크롤되어 나타나는 애니메이션을 표시하는 단계;를 포함하고,
    상기 제1 에지는, 상기 제1 방향에 위치하는 에지이고,
    상기 제2 에지는, 상기 제1 방향과 반대 방향인 제2 방향에 위치하는 에지이고,
    상기 제1 내지 제3 위치는, 상기 제1 에지 및 제2 에지 사이의 동일한 행 또는 열에 순서대로 배치되는 위치들인, 온라인 쇼핑몰 제공 방법.
  2. 제1 항에 있어서,
    상기 제1 선택 이미지는, 왼쪽, 오른쪽, 위쪽, 또는 아래쪽 중 어느 한 방향을 가리키는 화살표 형태의 이미지이고,
    상기 제2 선택 이미지는, 상기 제1 선택 이미지가 가리키는 방향의 반대쪽을 가리키는 화살표 형태의 이미지인, 온라인 쇼핑몰 제공 방법.
  3. 제1 항에 있어서,
    상기 검출된 입력이 상기 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 애니메이션 단계 및 상기 제2 애니메이션 단계가 동시에 수행되는, 온라인 쇼핑몰 제공 방법.
  4. 삭제
  5. 삭제
  6. 제1 항에 있어서,
    상기 제1 애니메이션 단계는, 제3 선택 이미지가 상기 제2 에지에서 스크롤되어 나타나고 상기 제1 위치로 이동하는 애니메이션을 표시하는, 온라인 쇼핑몰 제공 방법.
  7. 제6 항에 있어서,
    상기 제3 선택 이미지는, 상기 제1 선택 이미지와 동일한 형태의 이미지인, 온라인 쇼핑몰 제공 방법.
  8. 제1 항에 있어서,
    상기 제1 연관검색어들 및 상기 제2 연관검색어들은, 동일한 검색어로부터 파생된 연관검색어들인, 온라인 쇼핑몰 제공 방법.
  9. 제1 항에 있어서,
    상기 제1 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에 대한 클릭, 터치, 또는 에어 제스쳐인, 온라인 쇼핑몰 제공 방법.
  10. 제1 항에 있어서,
    상기 제1 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에서 클릭, 터치, 또는 에어 제스쳐를 시작하고, 상기 제1 선택 이미지가 표시되는 위치에서 상기 클릭, 터치, 또는 에어 제스쳐를 종료하는 입력인, 온라인 쇼핑몰 제공 방법.
  11. 제1 항에 있어서,
    상기 검출된 입력이 제2 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제1 위치, 상기 제2 위치, 또는 상기 제2 위치에 인접한 제3 위치 중 어느 한 곳으로 옮기면서, 상기 제1 선택 이미지를 상기 제1 선택 이미지가 옮겨진 위치에 대응하는만큼 회전시킨 제4 선택 이미지로 변경하는 애니메이션을 표시하는 제3 애니메이션 단계;를 포함하는, 온라인 쇼핑몰 제공 방법.
  12. 제11 항에 있어서,
    상기 제3 애니메이션 단계는, 상기 제1 연관검색어들 중 적어도 일부가 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션, 및 제2 연관검색어들 중 적어도 일부가 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나는 애니메이션을 표시하는, 온라인 쇼핑몰 제공 방법.
  13. 제11 항에 있어서,
    상기 제2 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에 대한 클릭, 터치, 또는 에어 제스쳐인, 온라인 쇼핑몰 제공 방법.
  14. 제11 항에 있어서,
    상기 제2 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에서 클릭 또는 터치를 시작하고, 상기 클릭 또는 터치를 유지한 상태에서 드래깅하는 입력인, 온라인 쇼핑몰 제공 방법.
  15. 제1 항에 있어서,
    상기 제1 애니메이션 단계는, 상기 제1 선택 이미지를 상기 제3 위치로 옮기는 애니메이션을 표시하는 도중에, 상기 제1 선택 이미지가 이동하는 속력을 변화시키는, 온라인 쇼핑몰 제공 방법.
  16. 제15 항에 있어서,
    상기 제1 애니메이션 단계는, 상기 제1 위치에서부터 상기 제1 선택 이미지까지의 거리 또는 상기 제3 위치에서부터 상기 제1 선택 이미지까지의 거리 중 짧은 거리에 비례하게 상기 속력을 변화시키는, 온라인 쇼핑몰 제공 방법.
  17. 제1 항 내지 제3 항, 제6 항 내지 제16 항의 방법 중 어느 하나의 방법을 컴퓨터를 이용하여 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램.
  18. 제1 위치에 제1 선택 이미지를 표시하고, 상기 제1 위치에 인접한 제2 위치에 제1 연관검색어들 또는 제2 연관검색어들을 표시하는 디스플레이부;
    상기 제1 선택 이미지를 선택하는 사용자의 입력을 검출하는 사용자입력부; 및
    상기 검출된 입력이 제1 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제2 위치에 인접한 제3 위치로 옮기면서 상기 제1 선택 이미지를 180도 회전시켜서 제2 선택 이미지로 변경하는 애니메이션을 표시하고, 상기 제1 연관검색어들이 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션 및 제2 연관검색어들이 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나고 상기 제2 위치로 이동하는 애니메이션을 표시하는 제어부;를 포함하고,
    상기 제어부는,
    상기 제1 선택 이미지를 이동시킨 거리에 비례하는 만큼 제1 선택 이미지를 회전시켜서, 상기 제1 선택 이미지가 상기 제3 위치에 도달한 시점에 180도 회전이 완료되도록 하는 애니메이션을 표시하고,
    상기 제1 위치에서 상기 제3 위치를 가리키는 방향인 제1 방향으로 상기 제1 연관검색어들이 스크롤되어 사라지는 애니메이션을 표시하고,
    상기 제1 방향으로 상기 제2 연관검색어들이 스크롤되어 나타나는 애니메이션을 표시하고,
    상기 제1 에지는, 상기 제1 방향에 위치하는 에지이고,
    상기 제2 에지는, 상기 제1 방향과 반대 방향인 제2 방향에 위치하는 에지이고,
    상기 제1 내지 제3 위치는, 상기 제1 에지 및 제2 에지 사이의 동일한 행 또는 열에 순서대로 배치되는 위치들인, 온라인 쇼핑몰 제공 디바이스.
  19. 제18 항에 있어서,
    상기 제1 선택 이미지는, 왼쪽, 오른쪽, 위쪽, 또는 아래쪽 중 어느 한 방향을 가리키는 화살표 형태의 이미지이고,
    상기 제2 선택 이미지는, 상기 제1 선택 이미지가 가리키는 방향의 반대쪽을 가리키는 화살표 형태의 이미지인, 온라인 쇼핑몰 제공 디바이스.
  20. 제18 항에 있어서,
    상기 제어부는, 상기 검출된 입력이 상기 제1 커맨드에 대응한다는 결정에 응답하여, 상기 변경하는 애니메이션, 상기 사라지는 애니메이션, 및 상기 이동하는 애니메이션을 동시에 수행하는, 온라인 쇼핑몰 제공 디바이스.
  21. 삭제
  22. 삭제
  23. 제18 항에 있어서,
    상기 제어부는, 제3 선택 이미지가 상기 제2 에지에서 스크롤되어 나타나고 상기 제1 위치로 이동하는 애니메이션을 표시하는, 온라인 쇼핑몰 제공 디바이스.
  24. 제23 항에 있어서,
    상기 제3 선택 이미지는, 상기 제1 선택 이미지와 동일한 형태의 이미지인, 온라인 쇼핑몰 제공 디바이스.
  25. 제18 항에 있어서,
    상기 제1 연관검색어들 및 상기 제2 연관검색어들은, 동일한 검색어에 의해 파생된 연관검색어들인, 온라인 쇼핑몰 제공 디바이스.
  26. 제18 항에 있어서,
    상기 제1 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에 대한 클릭, 터치, 또는 에어 제스쳐인, 온라인 쇼핑몰 제공 디바이스.
  27. 제18 항에 있어서,
    상기 제1 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에서 클릭, 터치, 또는 에어 제스쳐를 시작하고, 상기 제1 선택 이미지가 표시되는 위치에서 상기 클릭, 터치, 또는 에어 제스쳐를 종료하는 입력인, 온라인 쇼핑몰 제공 디바이스.
  28. 제18 항에 있어서,
    상기 제어부는, 상기 검출된 입력이 제2 커맨드에 대응한다는 결정에 응답하여, 상기 제1 선택 이미지를 상기 제1 위치, 상기 제2 위치, 또는 상기 제2 위치에 인접한 제3 위치 중 어느 한 곳으로 옮기면서, 상기 제1 선택 이미지를 상기 제1 선택 이미지가 옮겨진 위치에 대응하는만큼 회전시킨 제4 선택 이미지로 변경하는 애니메이션을 표시하는, 온라인 쇼핑몰 제공 디바이스.
  29. 제28 항에 있어서,
    상기 제어부는, 상기 제1 연관검색어들 중 적어도 일부가 상기 디스플레이부의 제1 에지로 스크롤되어 사라지는 애니메이션, 및 제2 연관검색어들 중 적어도 일부가 상기 디스플레이부의 제2 에지에서 스크롤되어 나타나는 애니메이션을 표시하는, 온라인 쇼핑몰 제공 디바이스.
  30. 제28 항에 있어서,
    상기 제2 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에 대한 클릭, 터치, 또는 에어 제스쳐인, 온라인 쇼핑몰 제공 디바이스.
  31. 제28 항에 있어서,
    상기 제2 커맨드에 대응하는 상기 입력은, 상기 제1 선택 이미지가 표시되는 위치에서 클릭 또는 터치를 시작하고, 상기 클릭 또는 터치를 유지한 상태에서 드래깅하는 입력인, 온라인 쇼핑몰 제공 디바이스.
  32. 제18 항에 있어서,
    상기 제어부는, 상기 제1 선택 이미지를 상기 제3 위치로 옮기는 애니메이션을 표시하는 도중에, 상기 제1 선택 이미지가 이동하는 속력을 변화시키는, 온라인 쇼핑몰 제공 디바이스.
  33. 제32 항에 있어서,
    상기 제어부는, 상기 제1 위치에서부터 상기 이동중인 제1 선택 이미지까지의 거리 또는 상기 제3 위치에서부터 상기 이동중인 제1 선택 이미지까지의 거리 중 짧은 거리에 비례하게 상기 속력을 변화시키는, 온라인 쇼핑몰 제공 디바이스.
  34. 제18 항에 있어서,
    상기 디바이스는, 동작감지센서, 광센서, 온도센서, 압력센서, 또는 자이로 센서 중 하나 이상을 포함하는, 온라인 쇼핑몰 제공 디바이스.
KR1020140191121A 2014-12-26 2014-12-26 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스 KR101723647B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140191121A KR101723647B1 (ko) 2014-12-26 2014-12-26 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140191121A KR101723647B1 (ko) 2014-12-26 2014-12-26 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스

Publications (2)

Publication Number Publication Date
KR20160079570A KR20160079570A (ko) 2016-07-06
KR101723647B1 true KR101723647B1 (ko) 2017-04-05

Family

ID=56502508

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140191121A KR101723647B1 (ko) 2014-12-26 2014-12-26 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스

Country Status (1)

Country Link
KR (1) KR101723647B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102138306B1 (ko) * 2020-03-04 2020-07-27 홍자민 온라인 쇼핑몰에서 상품을 구매하는 방법 및 이를 위한 장치

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20120062982A (ko) * 2010-12-07 2012-06-15 삼성전자주식회사 디스플레이장치 및 컨텐츠 검색방법
KR101334963B1 (ko) * 2011-12-27 2013-11-29 주식회사 리코시스 휴대용 단말의 아이콘 애니메이션 장치 및 방법

Also Published As

Publication number Publication date
KR20160079570A (ko) 2016-07-06

Similar Documents

Publication Publication Date Title
JP6916351B2 (ja) 通信セッションの状態の保存
US9020845B2 (en) System and method for enhanced shopping, preference, profile and survey data input and gathering
US11243654B2 (en) Systems and methods for enhancing user interaction with displayed information
TWI613583B (zh) 無限輪展使用者介面的呈現方法
CN107077695B (zh) 向在线购物环境提供3-d购物体验的系统和方法
CA2861616C (en) Method and system to provide a scroll map
US9141192B2 (en) Interactive digital catalogs for touch-screen devices
US20150341752A1 (en) Mobile computing system with user preferred interactive components
US20170139548A1 (en) Systems and methods for a rotating three-dimensional menu
JP6039613B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置
WO2014039592A2 (en) Accessing a shopping service through a game console
US20140052580A1 (en) Product explorer page for use with interactive digital catalogs and touch-screen devices
US11948162B2 (en) Presenting cross-sell products for a given product
JP6047124B2 (ja) 情報表示装置、配信装置、情報表示方法および情報表示プログラム
US20140214591A1 (en) System and method to provide a product display in a business
KR101723647B1 (ko) 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스
US9383854B2 (en) Swipable product swatching
KR101725355B1 (ko) 온라인 쇼핑몰 서비스 제공 방법 및 온라인 쇼핑몰 서비스 제공 장치
WO2023126888A1 (en) Presenting cross-sell products for given product
KR101707651B1 (ko) 온라인 쇼핑몰 제공 방법 및 온라인 쇼핑몰 제공 디바이스
US11315168B2 (en) Systems and methods for providing an e-commerce slip cart
US20150332322A1 (en) Entity sponsorship within a modular search object framework
JP6144245B2 (ja) 端末装置、配信装置、表示方法及び表示プログラム
US12062062B2 (en) Missed revenue and analysis based on competitor data
JP6396394B2 (ja) 表示プログラム、端末装置、表示方法及び配信装置

Legal Events

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