KR20230135757A - 상품 정보를 제공하는 방법 및 전자 장치 - Google Patents

상품 정보를 제공하는 방법 및 전자 장치 Download PDF

Info

Publication number
KR20230135757A
KR20230135757A KR1020220033120A KR20220033120A KR20230135757A KR 20230135757 A KR20230135757 A KR 20230135757A KR 1020220033120 A KR1020220033120 A KR 1020220033120A KR 20220033120 A KR20220033120 A KR 20220033120A KR 20230135757 A KR20230135757 A KR 20230135757A
Authority
KR
South Korea
Prior art keywords
specific
user input
product
content
sticker
Prior art date
Application number
KR1020220033120A
Other languages
English (en)
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 KR1020220033120A priority Critical patent/KR20230135757A/ko
Priority to PCT/KR2022/006167 priority patent/WO2023177012A1/ko
Priority to TW112109451A priority patent/TW202338702A/zh
Publication of KR20230135757A publication Critical patent/KR20230135757A/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
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces
    • G06Q30/0643—Graphical representation of items or shoppers
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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
    • 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/02—Marketing; Price estimation or determination; Fundraising
    • 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/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0251—Targeted advertisements
    • G06Q30/0269—Targeted advertisements based on user profile or attribute
    • G06Q30/0271—Personalized advertisement
    • 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/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0281—Customer communication at a business location, e.g. providing product or service information, consulting
    • 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
    • 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]
    • G06Q30/0621—Item configuration or customization

Landscapes

  • Engineering & Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Theoretical Computer Science (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Development Economics (AREA)
  • Strategic Management (AREA)
  • General Engineering & Computer Science (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Human Computer Interaction (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 개시의 다양한 실시예에 따른 전자 장치는, 디스플레이, 메모리 및 프로세서를 포함하고, 상기 프로세서는, 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력에 응답하여, 상기 특정 상품의 판매자의 단말 장치를 통해 커스터마이징된 상기 특정 상품의 상세 페이지를 제공하고, 상기 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력에 응답하여, 상기 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시하도록 구성되고, 상기 상세 페이지는, 상기 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함하고, 상기 상품 정보의 속성, 상기 적어도 하나의 아이콘의 속성, 상기 적어도 하나의 스티커 콘텐츠 및 상기 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치를 통해 설정될 수 있다.

Description

상품 정보를 제공하는 방법 및 전자 장치{METHOD AND ELECTRONIC DEVICE FOR PROVIDING PRODUCT INFORMATION}
본 개시는 아이템에 관련된 정보를 제공하는 방법 및 전자 장치에 관한 것이다.
온라인 상점에서 사용자는 다양한 상품을 구매할 수 있다. 사용자는 온라인 상점에 관련된 애플리케이션을 실행하여, 구매를 원하는 특정 상품을 검색 또는 선택할 수 있다. 상기의 경우, 특정 상품의 상세 정보(예: 이름, 가격, 상품 정보, 이미지 등)가 포함된 상세 페이지가 제공될 수 있다. 상품의 상세 페이지에 있어서, 각각의 상품의 상세 페이지는 제품의 특성이나 판매자의 특성과 무관하게 일관된 테마로 제공되어 왔다. 상기의 경우, 상품의 특성 또는 판매자의 특성에 대해 커스터마이징된 사용자 경험을 제공할 수 없다.
상품의 상세 페이지를 판매자(또는 협업사)에 맞게 커스터마이징을 하고, 커스터마이징된 상품의 상세 페이지를 소비자에게 제공함으로써, 소비자에게 특별한 사용자 경험을 제공하는 것을 기술적 해결 과제로 한다. 예를 들어, 특정 상품의 판매자가 아티스트(또는 아티스트가 소속된 소속사)인 경우, 특정 상품의 상세 페이지에서, 아티스트와 관련된 다양한 터치 인터렉션을 제공하고, 포토 카드 또는 스티커와 같은 아티스트와 관련된 콘텐츠를 제공함으로써, 마치 팬 페이지(Fan page) 또는 팬 다이어리(Fan diary)를 열어보는 사용자 경험을 제공하는 것을 목적으로 한다.
본 개시의 다양한 실시예에 따른 전자 장치는, 디스플레이, 메모리 및 프로세서를 포함할 수 있다. 다양한 실시예에 따른 상기 프로세서는, 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력에 응답하여, 상기 특정 상품의 판매자의 단말 장치를 통해 커스터마이징된 상기 특정 상품의 상세 페이지를 제공하고, 상기 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력에 응답하여, 상기 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시하도록 구성되고, 상기 상세 페이지는, 상기 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함하고, 상기 상품 정보의 속성, 상기 적어도 하나의 아이콘의 속성, 상기 적어도 하나의 스티커 콘텐츠 및 상기 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치를 통해 설정될 수 있다.
다양한 실시예에 따른 상기 프로세서는, 상기 상세 페이지를 스크롤하는 제3 사용자 입력에 응답하여, 상기 제3 사용자 입력이 발생한 경로에 상기 디자인 효과를 표시하도록 구성될 수 있다.
다양한 실시예에 따른 상기 적어도 하나의 스티커 콘텐츠는 상기 상세 페이지의 미리 지정된 위치에 오버레이되고, 상기 미리 지정된 위치는, 상기 상품 정보가 표시되는 위치와 겹치지 않는 서로 다른 위치일 수 있다.
다양한 실시예에 따른 상기 미리 지정된 위치는, 상기 상세 페이지를 방문한 사용자들의 터치에 관한 히트맵에 기초하여 결정될 수 있다.
다양한 실시예에 따른 상기 프로세서는, 상기 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경하고, 상기 특정 스티커 콘텐츠에 그림자 효과를 표시하도록 구성될 수 있다.
다양한 실시예에 따른 상기 프로세서는, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경한 이후, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시키도록 구성될 수 있다.
다양한 실시예에 따른 상기 프로세서는, 상기 제5 사용자 입력에 응답하여, 상기 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시하도록 구성될 수 있다.
다양한 실시예에 따른 상기 프로세서는, 상기 제5 사용자 입력이 상기 상품 정보가 표시되는 위치로 이동한 경우, 상기 특정 스티커 콘텐츠를 이동시키지 않도록 구성될 수 있다.
다양한 실시예에 따른 상기 상품 정보는 상기 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보를 포함하고, 상기 상품 정보의 속성은 크기, 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다.
다양한 실시예에 따른 상기 적어도 하나의 아이콘은 구매 아이콘 및 관심 등록 아이콘을 포함하고, 상기 적어도 하나의 아이콘의 속성은 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다.
다양한 실시예에 따른 상기 상세 페이지는, 상기 특정 상품과 연관된 복수의 관련 상품들의 상세 페이지로 이동할 수 있는 복수의 관련 상품 아이콘을 더 포함하고, 상기 복수의 관련 상품 아이콘은 커루셀 방식으로 표시될 수 있다.
본 개시의 다양한 실시예에 따른 전자 장치의 상품 정보를 제공하는 방법은, 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력에 응답하여, 상기 특정 상품의 판매자의 단말 장치를 통해 커스터마이징된 상기 특정 상품의 상세 페이지를 제공하는 동작; 및 상기 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력에 응답하여, 상기 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시하는 동작을 포함하고, 상기 상세 페이지는, 상기 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함하고, 상기 상품 정보의 속성, 상기 적어도 하나의 아이콘의 속성, 상기 적어도 하나의 스티커 콘텐츠 및 상기 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치를 통해 설정될 수 있다.
다양한 실시예에 따른 상기 방법은, 상기 상세 페이지를 스크롤하는 제3 사용자 입력에 응답하여, 상기 제3 사용자 입력이 발생한 경로에 상기 디자인 효과를 표시하는 동작을 더 포함할 수 있다.
다양한 실시예에 따른 상기 적어도 하나의 스티커 콘텐츠는 상기 상세 페이지의 미리 지정된 위치에 오버레이되고, 상기 미리 지정된 위치는, 상기 상품 정보가 표시되는 위치와 겹치지 않는 서로 다른 위치일 수 있다.
다양한 실시예에 따른 상기 방법은, 상기 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경하고, 상기 특정 스티커 콘텐츠에 그림자 효과를 표시하는 동작을 더 포함할 수 있다.
다양한 실시예에 따른 상기 방법은, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경한 이후, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시키는 동작을 더 포함할 수 있다.
다양한 실시예에 따른 상기 방법은, 상기 제5 사용자 입력에 응답하여, 상기 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시하는 동작을 더 포함하는, 방법.
다양한 실시예에 따른 상기 상품 정보는 상기 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보를 포함하고, 상기 상품 정보의 속성은 크기, 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다.
다양한 실시예에 따른 상기 적어도 하나의 아이콘은 구매 아이콘 및 관심 등록 아이콘을 포함하고, 상기 적어도 하나의 아이콘의 속성은 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다.
다양한 실시예에 따른 상기 상세 페이지는, 상기 특정 상품과 연관된 복수의 관련 상품들의 상세 페이지로 이동할 수 있는 복수의 관련 상품 아이콘을 더 포함하고, 상기 복수의 관련 상품 아이콘은 커루셀 방식으로 표시될 수 있다.
본 개시의 다양한 실시예에 따르면, 사용자는 판매자에 의해 커스터마이징된 상품의 상세 페이지를 제공받음으로써, 판매자와 관련된 다양한 콘텐츠를 제공받을 수 있다.
도 1은 본 개시의 다양한 실시예에 따른 시스템을 도시한 도면이다.
도 2는 본 개시의 다양한 실시예에 따른 전자 장치를 도시한 블록도이다.
도 3은 종래의 상품의 상세 페이지를 도시한 도면이다.
도 4a, 4b 및 4c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지를 도시한 도면이다.
도 5a, 5b 및 5c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지를 도시한 도면이다.
도 6a 및 6b는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지를 도시한 도면이다.
도 7a, 7b 및 7c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지를 도시한 도면이다.
도 8은 본 개시의 다양한 실시예에 따른 전자 장치의 동작 흐름도이다.
도 9는 본 개시의 다양한 실시예에 따른 전자 장치의 동작 흐름도이다.
본 개시의 실시예들은 본 개시의 기술적 사상을 설명하기 위한 목적으로 예시된 것이다. 본 개시에 따른 권리범위가 이하에 제시되는 실시예들이나 이들 실시예들에 대한 구체적 설명으로 한정되는 것은 아니다.
본 개시에 사용되는 모든 기술적 용어들 및 과학적 용어들은, 달리 정의되지 않는 한, 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자에게 일반적으로 이해되는 의미를 갖는다. 본 개시에 사용되는 모든 용어들은 본 개시를 더욱 명확히 설명하기 위한 목적으로 선택된 것이며 본 개시에 따른 권리범위를 제한하기 위해 선택된 것이 아니다.
본 개시에서 사용되는 "포함하는", "구비하는", "갖는" 등과 같은 표현은, 해당 표현이 포함되는 어구 또는 문장에서 달리 언급되지 않는 한, 다른 실시예를 포함할 가능성을 내포하는 개방형 용어(open-ended terms)로 이해되어야 한다.
본 개시에서 기술된 단수형의 표현은 달리 언급하지 않는 한 복수형의 의미를 포함할 수 있으며, 이는 청구범위에 기재된 단수형의 표현에도 마찬가지로 적용된다.
본 개시에서 사용되는 "제1", "제2" 등의 표현들은 복수의 구성요소들을 상호 구분하기 위해 사용되며, 해당 구성요소들의 순서 또는 중요도를 한정하는 것은 아니다.
본 개시에서 사용되는 용어 "부"는, 소프트웨어, 또는 FPGA(field-programmable gate array), ASIC(application specific integrated circuit)과 같은 하드웨어 구성요소를 의미한다. 그러나, "부"는 하드웨어 및 소프트웨어에 한정되는 것은 아니다. "부"는 어드레싱할 수 있는 저장 매체에 있도록 구성될 수도 있고, 하나 또는 그 이상의 프로세서들을 재생시키도록 구성될 수도 있다. 따라서, 일 예로서, "부"는 소프트웨어 구성요소들, 객체지향 소프트웨어 구성요소들, 클래스 구성요소들 및 태스크 구성요소들과 같은 구성요소들과, 프로세서, 함수, 속성, 프로시저, 서브루틴, 프로그램 코드의 세그먼트, 드라이버, 펌웨어, 마이크로코드, 회로, 데이터, 데이터베이스, 데이터 구조, 테이블, 어레이 및 변수를 포함한다. 구성요소와 "부" 내에서 제공되는 기능은 더 작은 수의 구성요소 및 "부"로 결합되거나 추가적인 구성요소와 "부"로 더 분리될 수 있다.
본 개시에서 사용되는 "~에 기초하여"라는 표현은, 해당 표현이 포함되는 어구 또는 문장에서 기술되는, 결정, 판단의 행위 또는 동작에 영향을 주는 하나 이상의 인자를 기술하는데 사용되며, 이 표현은 결정, 판단의 행위 또는 동작에 영향을 주는 추가적인 인자를 배제하지 않는다.
본 개시에서, 어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 경우, 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로 연결될 수 있거나 접속될 수 있는 것으로, 또는 새로운 다른 구성요소를 매개로 하여 연결될 수 있거나 접속될 수 있는 것으로 이해되어야 한다.
이하, 첨부한 도면들을 참조하여, 본 개시의 실시예들을 설명한다. 첨부된 도면에서, 동일하거나 대응하는 구성요소에는 동일한 참조부호가 부여되어 있다. 또한, 이하의 실시예들의 설명에 있어서, 동일하거나 대응하는 구성요소를 중복하여 기술하는 것이 생략될 수 있다. 그러나, 구성요소에 관한 기술이 생략되어도, 그러한 구성요소가 어떤 실시예에 포함되지 않는 것으로 의도되지는 않는다.
도 1은 본 개시의 다양한 실시예에 따른 시스템(10)을 도시한 도면이다. 시스템(10)은, 서버 장치(110), 전자 장치(120) 및 단말 장치(130)를 포함할 수 있다. 서버 장치(110)는 온라인 상점에 관한 애플리케이션을 운영하는 서버일 수 있다. 전자 장치(120)는 온라인 상점에 관한 애플리케이션을 이용하여 상품을 구매하고자하는 사용자(또는 소비자)의 전자 장치(120)를 의미할 수 있다. 단말 장치(130)는 온라인 상점에 관한 애플리케이션을 이용하여 상품을 판매하고자 하는 판매자의 단말 장치(130)를 의미할 수 있다. 전자 장치(120) 및 단말 장치(130)는 인터넷에 연결 가능한 장치일 수 있으며, 예를 들어, 휴대폰, 스마트폰, 노트북 컴퓨터, 웨어러블 장치 또는 HMD일 수 있다.
도 1을 참조하면, 다양한 실시예에 따른 전자 장치(120) 및 단말 장치(130)는 서버 장치(110)와 네트워크를 통해서 서로 연결되어 다양한 데이터를 송수신할 수 있다. 서버 장치(110)는 온라인 상점에 관한 애플리케이션을 통해 복수의 상품에 관한 정보를 전자 장치(120)로 제공할 수 있다. 사용자는 전자 장치(120)에 설치된 애플리케이션을 통해 서버 장치(110)로부터 복수의 상품에 대한 상품 정보를 제공받을 수 있고, 특정 상품에 대한 구매 과정을 진행할 수 있다. 판매자는 단말 장치(130)에 설치된 애플리케이션을 통해 특정 상품에 대한 판매를 진행할 수 있다.
도 2는 본 개시의 다양한 실시예에 따른 전자 장치(120)를 도시한 블록도이다.
도 2를 참조하면, 다양한 실시예에 따른 전자 장치(120)는 프로세서(121), 메모리(123) 및 디스플레이(124)를 포함할 수 있다. 도 2에 도시된 구성 중 일부가 생략 또는 치환되더라도 본 문서에 개시된 다양한 실시예를 구현함에는 지장이 없을 것이다.
다양한 실시예에 따른 프로세서(121)는, 전자 장치(120)의 각 구성요소들의 제어 및/또는 통신에 관한 연산이나 데이터 처리를 수행할 수 있는 구성이다. 프로세서(121)는, 예를 들어, 전자 장치(120)의 구성 요소들과 작동적으로 연결될 수 있다. 프로세서(121)는 전자 장치(120)의 다른 구성요소로부터 수신된 명령 또는 데이터를 메모리(123)에 로드(load)하고, 메모리(123)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 저장할 수 있다.
다양한 실시예에 따른 메모리(123)는, 하기에 기재된 프로세서(121)의 동작에 대한 인스트럭션들을 저장할 수 있다.
다양한 실시예에 따른 디스플레이(124)는, 프로세서(121)의 제어에 기반하여 다양한 화면을 표시할 수 있다. 디스플레이(124)는 다양한 외부 객체(예: 손가락)의 접촉 또는 근접을 인식할 수 있는 터치 센서 패널(touch sensor panel, TSP)의 형태로 구현될 수 있다. 터치 센서 패널은 다양한 구조 및 타입을 가질 수 있으며, 본 개시는 터치 센서 패널의 구조 및 타입과 관계없이 모두 적용될 수 있다. 디스플레이(124)는 다양한 외부 객체의 접촉 또는 근접을 인식하기 위해서, 정전 용량 센서를 포함할 수 있다. 정전 용량 센서는 복수의 캐패시터로 구성될 수 있으며, 정전 용량 센서는 캐패시터에 전기 신호를 인가할 수 있다. 캐패시터는 전기 신호의 인가에 대응하여 전하를 충전 및 방전할 수 있다. 전기 신호가 캐패시터에 인가되면 전기 신호의 전압의 크기에 따라 캐패시터에 전하가 충전될 수 있다. 디스플레이(124)는 정전 용량 센서에서 수집한 신호에 기반하여 터치 입력을 수신할 수 있다. 예를 들어, 디스플레이(124)는 사용자의 탭(tap) 터치, 더블 탭(double tap) 터치, 슬라이딩(sliding) 터치, 드래그 앤 드롭(drag & drop) 터치 및 롱(long) 터치를 수신할 수 있다.
다양한 실시예에 따른 프로세서(121)는 온라인 상점과 관련된 애플리케이션의 다양한 화면을 디스플레이(124)를 통해 제공(표시)할 수 있다. 예를 들어, 사용자가 상기 애플리케이션을 실행시키는 경우, 프로세서(121)는 상기 애플리케이션의 홈 화면을 디스플레이(124)를 통해 표시할 수 있다. 사용자는 애플리케이션에서 구매하고자 하는 특정 상품을 검색 및/또는 선택할 수 있다. 프로세서(121)는 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력을 수신할 수 있다. 프로세서(121)는 상기 제1 사용자 입력에 응답하여, 특정 상품의 상세 페이지를 디스플레이(124)를 통해 제공(또는 표시)할 수 있다. 만약, 상기 특정 상품의 상세 페이지가, 특정 상품의 판매자의 단말 장치(130)를 통해 커스터마이징된 상품이라면, 커스터마이징된 특정 상품의 상세 페이지를 제공할 수 있다. 제1 사용자 입력은, 상품 목록에서 특정 상품을 탭 터치(한 번 짧게 터치)하는 사용자 입력일 수 있다. 커스터마이징된 특정 상품의 상세 페이지에 대해서는 후술하기로 한다.
다양한 실시예에 따른 프로세서(121)는 특정 상품의 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력을 수신할 수 있다. 프로세서(121)는 상기 제2 사용자 입력에 응답하여, 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시할 수 있다. 디자인 효과는, 예를 들어, 특정 이미지 또는 특정 애니메이션을 일정 시간동안 표시하는 효과일 수 있다. 디자인 효과는 물결 효과 같은 지정된 디자인을 표시하는 효과일 수도 있고, 판매자의 단말 장치(130)에 의해 설정된 디자인을 표시하는 효과일 수도 있다. 판매자는 단말 장치(130)를 통해, 상기 제2 사용자 입력에 응답하여 표시될 디자인 효과를 설정할 수 있다. 제2 사용자 입력은 상세 페이지 내의 일 영역을 탭 터치하는 사용자 입력일 수 있다.
다양한 실시예에 따른 프로세서(121)는 특정 상품의 상세 페이지를 스크롤하는 제3 사용자 입력을 수신할 수 있다. 프로세서(121)는 제3 사용자 입력에 응답하여, 상기 제3 사용자 입력이 발생한 경로에 디자인 효과를 표시할 수 있다. 예를 들어, 프로세서(121)는 상세 페이지를 위로 또는 아래로 스크롤하는 제3 사용자 입력을 수신한 것에 응답하여 제3 사용자 입력이 발생한 경로에 디자인 효과를 표시할 수 있다.
다양한 실시예에 따른 프로세서(121)는 상세 페이지에 포함된 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력을 수신할 수 있다. 프로세서(121)는 상기 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경할 수 있다. 프로세서(121)는 상기 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠에 그림자 효과를 표시할 수 있다. 예를 들어, 사용자는 특정 스티커 콘텐츠의 위치를 변경시키기 위하여, 특정 스티커를 일정 시간 이상 길게 터치(즉, 롱 터치)할 수 있고, 프로세서(121)는 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경할 수 있다. 이 경우, 사용자에게 상기 특정 스티커가 이동 가능한 상태라는 점을 시각적으로 인지시키기 위하여, 프로세서(121)는 상기 특정 스티커 콘텐츠에 그림자 효과를 부여할 수 있다. 스티커 콘텐츠에 관한 구체적인 설명은 후술하기로 한다.
다양한 실시예에 따른 프로세서(121)는, 특정 스티커를 롱 터치하는 제4 사용자 입력에 응답하여, 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경한 이후, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력을 수신할 수 있다. 프로세서(121)는 제5 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있다.
다양한 실시예에 따른 프로세서(121)는, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력에 응답하여, 상기 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시할 수 있다. 디자인 효과는, 예를 들어, 특정 이미지 또는 특정 애니메이션을 일정 시간동안 표시하는 효과일 수 있다. 디자인 효과는 판매자의 단말 장치(130)를 통해 설정될 수 있다.
다양한 실시예에 따른 프로세서(121)는, 상기 제5 사용자 입력이 상기 상품 정보가 표시되는 위치로 이동한 경우, 상기 특정 스티커 콘텐츠를 이동시키지 않도록 결정할 수 있다. 예를 들어, 상품 정보가 표시되는 영역은 스티커 콘텐츠가 위치할 수 없는 영역으로 설정될 수 있다. 이 경우, 특정 스티커 콘텐츠를 상품 정보가 표시되는 영역으로 이동시키고자 하는 제5 사용자 입력이 수신된다고 하더라도, 특정 스티커 콘텐츠를 이동시키지 않을 수 있다.
도 3은 종래의 상품의 상세 페이지(300)를 도시한 도면이다.
도 3을 참조하면, 온라인 상점에 관한 애플리케이션에 있어서, 종래의 상품의 상세 페이지(300)에는, 판매자나 상품의 특성과는 무관하게 일관된 테마가 적용되어 왔다. 종래의 상품의 상세 페이지(300)에는, 상품 정보 및 적어도 하나의 아이콘을 포함할 수 있다. 종래의 상품의 상세 페이지(300)에 표시되는 상품 정보는, 상품 및 판매자의 특성과는 무관하게, 일관된 색상, 스타일 및 모양으로 사용자에게 제공되어 왔다. 상기의 경우, 사용자에게 판매자 또는 특정 상품의 특성에 따른 다양한 사용자 경험을 제공할 수 없었다.
도 4a, 4b 및 4c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지(400)를 도시한 도면이다.
도 4a를 참고하면, 다양한 실시예에 따르면, 특정 상품에 대해서는, 특정 상품의 판매자의 단말 장치(130)를 통해 커스터마이징된 특정 상품의 상세 페이지(400)를 디스플레이(124)를 통해 제공할 수 있다. 판매자는 단말 장치(130)를 통해, 특정 상품에 대한 상세 페이지(400)를 직접 커스터마이징할 수 있다. 특정 상품의 상세 페이지(400)는 헤더(413) 및 이미지(또는 동영상)이 표시되는 제1 영역(410), 상품 정보가 표시되는 제2 영역(420) 및 구매와 관련된 제3 영역(430)으로 구성될 수 있다.
특정 상품의 상세 페이지(400)는, 제2 영역(420)에 표시된 특정 상품에 관한 상품 정보 및 제3 영역(430)에 표시된 적어도 하나의 아이콘(431, 432)을 포함할 수 있다. 여기서, 상품 정보의 속성, 적어도 하나의 아이콘의 속성은 특정 상품의 판매자의 단말 장치(130)를 통해 설정될 수 있다. 특정 상품의 상세 페이지(400)는 적어도 하나의 스티커 콘텐츠(미도시)를 더 포함할 수 있다.
사용자가 온라인 상점에 관한 애플리케이션을 실행시키는 경우, 프로세서(121)는 상기 애플리케이션의 홈 화면(미도시)을 디스플레이(124)를 통해 표시할 수 있다. 사용자는 애플리케이션에서 구매하고자 하는 특정 상품을 검색 및/또는 선택할 수 있다. 프로세서(121)는 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력을 수신할 수 있다. 프로세서(121)는 상기 제1 사용자 입력에 응답하여, 특정 상품의 상세 페이지(400)를 디스플레이(124)를 통해 제공(표시)할 수 있다.
제1 영역(410)에 표시된 이미지(또는 동영상)은 복수개 일 수 있다. 복수의 이미지를 확인하기 위해서, 사용자는 제1 영역을 좌우로 스와이프할 수 있다. 이 경우, 현재 몇번째 이미지가 표시되는지를 나타내는 인디케이터(411)가 제1 영역(410)에 표시될 수 있다. 제1 영역(410)의 색상, 크기 및 스타일은 판매자의 단말 장치를 통해 설정될 수 있다.
특정 상품의 상품 정보는, 예를 들어, 특정 상품에 관한 이름(421), 평점(423), 가격(425) 및 혜택(427)에 관한 정보를 포함할 수 있다. 상품 정보의 속성은 크기, 색상, 스타일 및 모양을 포함할 수 있다. 특정 상품 정보의 속성은 특정 상품의 판매자의 단말 장치(130)를 통해 설정될 수 있다. 예를 들어, 판매자는 단말 장치(130)를 통해, 특정 상품의 이름(421)의 크기 및 색상을 직접 설정할 수 있다. 예를 들어, 판매자는 단말 장치(130)를 통해 특정 상품의 평점(423)의 색상 및 스타일을 직접 설정할 수 있다. 이외에도 상술한 상품 정보의 속성은 판매자에 의해 다양하게 설정될 수 있다.
특정 상품의 상세 페이지(400)에 포함된 적어도 하나의 아이콘은, 관심 등록 아이콘(431) 및 구매 아이콘(432)을 포함할 수 있다. 상기 적어도 하나의 아이콘의 속성은 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다. 적어도 하나의 아이콘의 속성은, 특정 상품의 판매자의 단말 장치(130)를 통해 설정될 수 있다. 예를 들어, 판매자는 단말 장치(130)를 통해 관심 등록 아이콘(431)의 색상 및 모양을 직접 설정할 수 있다. 예를 들어, 판매자는 단말 장치(130)를 통해 구매 아이콘(432)의 문구를 변경할 수도 있고, 구매 아이콘(432)에 이미지(또는 동영상)를 추가할 수도 있다. 상기 추가된 이미지(또는 동영상)는 판매자 또는 특정 상품과 관련된 이미지(또는 동영상)일 수 있다. 이외에도 상술한 적어도 하나의 아이콘의 속성은 판매자에 의해 다양하게 설정될 수 있다.
판매자에 의해 설정된 특정 상품의 상세 페이지는 전자 장치(120)를 통해 사용자에게 제공될 수 있다. 사용자는 판매자의 단말 장치(130)를 통해 커스터마이징된 특정 상품의 상세 페이지를 제공받을 수 있다.
도 4b 및 4c는 본 개시의 다양한 실시예에 따른 특정 상품의 상세 페이지(400)에 표시되는 디자인 효과를 도시한 도면이다.
도 4b 및 4c를 참고하면, 다양한 실시예에 따른 프로세서(121)는 특정 상품의 상세 페이지(400)의 일 영역을 터치하는 제2 사용자 입력(440)을 수신할 수 있다. 프로세서(121)는 제2 사용자 입력(440)에 응답하여, 제2 사용자 입력(440)이 발생한 위치에 디자인 효과(450)를 표시할 수 있다. 디자인 효과(450)는, 예를 들어, 특정 이미지 또는 특정 애니메이션을 일정 시간동안 표시하는 효과일 수 있고, 특정 상품의 판매자의 단말 장치(130)를 통해 설정될 수 있다. 예를 들어, 디자인 효과(450)는 판매자와 관련된 로고가 일정 시간(예: 1초)동안 표시되는 애니메이션 효과일 수 있다. 다양한 실시예에 따르면, 특정 상품의 상세 페이지(400) 중 어느 영역을 터치하더라도, 상기 디자인 효과(450)를 표시할 수 있다.
다양한 실시예에 따르면, 상세 페이지(400)에 포함된 적어도 하나의 아이콘 중 특정 아이콘을 터치하는 사용자 입력(미도시)을 수신하는 경우, 프로세서(121)는 상기 사용자 입력에 응답하여, 상기 디자인 효과(450)와는 다른 디자인 효과(미도시)를 표시할 수 있다. 예를 들어, 프로세서(121)는 관심 등록 아이콘(431)을 터치하는 사용자 입력을 수신하는 경우, 상기 사용자 입력에 응답하여 하트 모양이 나왔다가 사라지는 애니메이션 효과를 표시할 수 있다. 즉, 관심 등록 아이콘(431)을 터치하는 사용자 입력을 수신하는 경우, 디자인 효과를 우선적으로 표시하고, 특정 상품에 대한 관심 등록을 진행할 수 있다. 즉, 사용자 입력에 따른 디자인 효과는 우선적으로 표시될 수 있다. 상술한 디자인 효과들은 예시적인 것이며, 판매자에 의해 다양한 형태로 설정될 수 있음은 물론이다.
도 5a, 5b 및 5c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지(500)를 도시한 도면이다.
도 5a를 참조하면, 다양한 실시예에 따른 프로세서(121)는 판매자의 단말 장치(130)를 통해 커스터마이징된 특정 상품의 상세 페이지(500)를 디스플레이(124)를 통해 제공할 수 있다. 특정 상품의 상세 페이지(500)는 헤더(513) 및 특정 상품에 관한 이미지(또는 동영상)를 표시하는 제1 영역(510), 특정 상품에 관한 상품 정보를 표시하는 제2 영역(520), 구매에 관련된 제3 영역(530)을 포함할 수 있다. 도 4a에서 설명한 내용과 중복되는 내용은 생략하기로 한다.
제1 영역(510)에 표시된 헤더(513)는, 뒤로가기 아이콘, 홈 화면 아이콘, 검색 아이콘 및 장바구니 아이콘이 표시되는 영역을 의미할 수 있다. 헤더(513)에는 뒤로가기 아이콘, 홈 화면 아이콘, 검색 아이콘 및 장바구니 아이콘이 표시될 수 있다. 헤더의 색상, 스타일 및 모양도 판매자의 단말 장치(130)에 의해 자유롭게 설정될 수 있다.
제2 영역(520)에 표시된 특정 상품에 관한 상품 정보는, 예를 들어, 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보를 포함할 수 있다. 특정 상품에 관한 상품 정보의 속성은 크기, 색상, 스타일 및 모양 중 적어도 하나를 포함할 수 있다. 특정 상품에 관한 상품 정보의 속성은 판매자의 단말 장치(130)에 의해 자유롭게 설정될 수 있다. 특정 상품에 관한 상품 정보는, 특정 상품의 구성 정보 또는 사용 방법에 관한 정보를 더 포함할 수도 있다.
복수의 관련 상품 아이콘(521)은 특정 상품과 관련된 복수의 관련 상품의 상세페이지로 이동하기 위한 아이콘일 수 있다. 여기서, 복수의 관련 상품은 특정 상품의 판매자와 동일한 사람 또는 업체가 판매하는 상품들을 의미할 수 있다. 상기 복수의 관련 상품 아이콘(521)은 커루셀(Carousels) 방식으로 표시될 수 있다. 커루셀 방식이란 슬라이드 메뉴로 표시되는 방식을 의미할 수 있다.
도 6a 및 6b는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지를 도시한 도면이다.
도 6a 및 6b를 참조하면, 다양한 실시예에 따른 프로세서(121)는 판매자의 단말 장치(130)를 통해 커스터마이징된 특정 상품의 상세 페이지(600)를 디스플레이(124)를 통해 제공할 수 있다. 특정 상품의 상세 페이지(600)는 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠(610)를 포함할 수 있다. 앞서 설명한 내용과 중복되는 내용은 생략하기로 한다.
다양한 실시예에 따른 적어도 하나의 스티커 콘텐츠(610)는, 특정 상품의 상세 페이지(600) 상에 오버레이되는 스티커 형식의 콘텐츠를 의미할 수 있다. 적어도 하나의 스티커 콘텐츠(610)는 특정 상품의 판매자의 단말 장치(130)를 통해 자유롭게 설정될 수 있다. 적어도 하나의 스티커 콘텐츠(610)는 상세 페이지(600)의 미리 지정된 위치에 오버레이될 수 있다. 상기 미리 지정된 위치는 상품 정보가 표시되는 위치와 겹치지 않는 다른 위치일 수 있다. 여기서, 상품 정보가 표시되는 위치란, 예를 들어, 특정 상품의 이름, 가격, 평점 및 혜택이 표시되는 위치를 의미할 수 있다. 따라서, 적어도 하나의 스티커 콘텐츠(610)는 특정 상품에 관한 핵심 정보가 표시되는 위치가 아닌 다른 지정된 위치에 표시됨으로써, 사용자에게 정확한 상품 정보를 제공하면서도 다양한 사용자 경험을 제공할 수 있다.
다양한 실시예에 따르면, 적어도 하나의 스티커 콘텐츠(610)가 오버레이되는 미리 지정된 위치는, 판매자의 단말 장치(130)를 통해 설정될 수도 있지만, 특정 상품의 상세 페이지를 방문한 사용자들의 터치에 관한 히트맵에 기초하여 결정될 수도 있다. 예를 들어, 프로세서(121)는, 특정 상품의 상세 페이지(600)를 방문한 사용자들의 터치에 관한 히트맵을 획득하여 저장할 수 있다. 프로세서(121)는, 상기 사용자들의 터치에 관한 히트맵 중 사용자들이 가장 터치 하지 않는 영역을 적어도 하나의 스티커 콘텐츠(610)가 오버레이되는 위치로 결정할 수 있다.
다양한 실시예에 따르면, 적어도 하나의 스티커 콘텐츠(610)가 오버레이되는 미리 지정된 위치는, 특정 사용자에 의해 변경될 수도 있다. 예를 들어, 사용자가 특정 상품의 상세 페이지(600)를 최초 방문하는 경우에는, 판매자의 단말 장치(130)를 통해 설정된 미리 지정된 위치에 적어도 하나의 스티커 콘텐츠(610)를 표시할 수 있다. 이후, 사용자가 적어도 하나의 스티커 콘텐츠(610)를 이동시킨 경우, 적어도 하나의 스티커 콘텐츠(610)가 이동된 위치를 기억(저장)할 수 있다. 사용자가 상기 특정 상품의 상세 페이지(600)를 재방문하는 경우에는, 판매자에 의해 최초 설정된 위치가 아닌, 사용자가 변경한 위치에 적어도 하나의 스티커 콘텐츠(610)를 표시할 수도 있다.
도 7a, 7b 및 7c는 본 개시의 다양한 실시예에 따른 상품의 상세 페이지(700)를 도시한 도면이다. 구체적으로, 도 7a 내지 7c는 상세 페이지(700)에 표시된 적어도 하나의 스티커 콘텐츠 중 하나를 이동시키는 방법을 도시한 도면이다. 적어도 하나의 스티커 콘텐츠는 사용자 입력에 따라 이동시킬 수 있다.
도 7a에서 다양한 실시예에 따른 프로세서(121)는, 특정 상품의 상세 페이지(700)에 표시된 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠(711)를 롱 터치하는 제4 사용자 입력을 수신할 수 있다. 프로세서(121)는 상기 제4 사용자 입력에 응답하여, 특정 스티커 콘텐츠(711)를 이동시킬 수 있는 상태로 변경할 수 있다. 프로세서(121)는, 상기 제4 사용자 입력에 응답하여, 특정 스티커 콘텐츠(711)에 그림자 효과를 표시할 수 있다. 그림자 효과를 표시함으로써, 사용자는 특정 스티커 콘텐츠(711)가 이동 가능한 상태로 변경되었음을 시각적으로 인지할 수 있다. 그림자 효과는, 특정 스티커 콘텐츠(711)에 그림자가 생성된 것처럼 표시하는 효과로써, 스티커 콘텐츠가 공중에 뜬 것 같은 시각적인 효과를 의미할 수 있다.
다양한 실시예에 따른 프로세서(121)는 특정 스티커 콘텐츠(711)를 이동시킬 수 있는 상태로 변경한 이후, 특정 스티커 콘텐츠(711)를 드래그 앤 드롭하는 제5 사용자 입력을 수신할 수 있다. 예를 들어, 사용자는 특정 스티커 콘텐츠(711)의 위치를 도 7a에 도시된 위치로부터 도 7b에 도시된 위치로 이동시키기 위하여, 특정 스티커 콘텐츠(711)를 드래그 앤 드롭할 수 있다. 프로세서(121)는, 제5 사용자 입력에 응답하여 특정 스티커 콘텐츠(711)를 이동시킬 수 있다.
다양한 실시예에 따른 프로세서(121)는, 제5 사용자 입력에 응답하여, 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시할 수 있다. 예를 들어, 프로세서(121)는 사용자가 드래그 앤 드롭한 경로에 디자인 효과를 표시할 수 있다. 디자인 효과는, 예를 들어, 특정 이미지 또는 특정 애니메이션을 일정 시간동안 표시하는 효과일 수 있다. 디자인 효과는 물결 효과 같은 지정된 디자인을 표시하는 효과일 수도 있고, 판매자의 단말 장치(130)에 의해 설정된 디자인을 표시하는 효과일 수도 있다. 드래그 앤 드롭하는 제5 사용자 입력이 종료된 경우, 특정 스티커 콘텐츠(711)는 제5 사용자 입력이 종료된 위치로 이동하여 표시될 수 있다. 특정 스티커 콘텐츠(711)의 변경된 위치는 저장되어서, 추후 사용자가 특정 상품의 상세페이지를 재방문하는 경우에 적용되어 표시될 수 있다.
다양한 실시예에 따른 프로세서(121)는 상기 제5 사용자 입력이 상기 상품 정보가 표시되는 위치로 이동한 경우에는, 상기 특정 스티커 콘텐츠(711)를 이동시키지 않을 수 있다. 예를 들어, 드래그 앤 드롭이 종료된 위치가 특정 상품의 가격을 표시하는 위치인 경우에는, 특정 스티커 콘텐츠(711)를 이동시키지 않는 것으로 결정하고, 이전의 위치에 그대로 표시할 수 있다. 이 경우, 상기 특정 상품의 상품 정보가 표시되는 위치로는 특정 스티커 콘텐츠(711)를 이동시킬 수 없다는 점을 사용자에게 안내하기 위하여, 프로세서(121)는 드래그 앤 드롭이 종료된 위치가 특정 상품의 상품 정보가 표시되는 위치인 경우, 진동을 제공하거나 이동 경고 문구를 더 표시할 수도 있다.
다양한 실시예에 따른 프로세서(121)는 사용자의 입력에 따라 적어도 하나의 스티커를 삭제할 수도 있다. 예를 들어, 프로세서(121)는 적어도 하나의 스티커 중 특정 스티커 콘텐츠(711)를 삭제하기 위한 사용자 입력을 수신하는 경우, 상기 특정 스티커 콘텐츠(711)를 상세 페이지 내에서 삭제할 수 있다. 특정 스티커 콘텐츠(711)를 삭제하기 위한 사용자 입력은, 예를 들어, 더블 탭 터치일 수 있다. 특정 스티커 콘텐츠(711)를 삭제한 경우, 프로세서(121)는 이러한 변경 사항을 기억(저장)하고, 추후 사용자가 특정 상품의 상세페이지를 재방문하는 경우에 그대로 적용하여 표시할 수 있다.
도 8은 본 개시의 다양한 실시예에 따른 전자 장치(120)의 동작 흐름도이다.
동작 흐름도 800을 참조하면, 다양한 실시예에 따른 전자 장치(120)의 프로세서(121)는, 동작 810에서, 복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력을 수신할 수 있다. 프로세서(121)는, 예를 들어, 온라인 상점에 관한 애플리케이션의 홈 화면에서 특정 상품을 선택하는 제1 사용자 입력을 수신할 수 있다. 프로세서(121)는, 예를 들어, 검색 화면에서 특정 상품을 선택하는 제1 사용자 입력을 수신할 수 있다. 제1 사용자 입력은 특정 상품을 선택하는 탭 터치일 수 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 820에서, 제1 사용자 입력에 응답하여, 특정 상품의 판매자의 단말 장치(130)에 의해 커스터마이징된 특정 상품의 상세 페이지를 제공할 수 있다. 상세 페이지는, 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함할 수 있다. 상품 정보의 속성, 적어도 하나의 아이콘의 속성 및 적어도 하나의 스티커 콘텐츠는 특정 상품의 판매자의 단말 장치(130)를 통해 설정될 수 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 830에서, 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력을 수신할 수 있다. 제2 사용자 입력은, 상세 페이지 내의 일 영역을 탭 터치하는 입력일 수 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 840에서, 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시할 수 있다. 디자인 효과는, 예를 들어, 특정 이미지 또는 특정 애니메이션을 일정 시간동안 표시하는 효과일 수 있다. 디자인 효과는 물결 효과 같은 지정된 디자인을 표시하는 효과일 수도 있고, 판매자의 단말 장치(130)에 의해 설정된 디자인을 표시하는 효과일 수도 있다. 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치(130)를 통해 설정될 수 있다.
도 9는 본 개시의 다양한 실시예에 따른 전자 장치(120)의 동작 흐름도이다.
동작 흐름도 900을 참조하면, 다양한 실시예에 따른 전자 장치(120)의 프로세서(121)는, 동작 910에서, 상세 페이지 내의 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력을 수신할 수 있다. 예를 들어, 프로세서(121)는, 상세 페이지 내에 표시된 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력을 수신할 수 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 920에서, 제4 사용자 입력에 대응하여, 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경할 수 있다. 프로세서(121)는, 특정 스티커 콘텐츠가 이동 가능한 상태로 변경되었음을 사용자에게 시각적으로 인지시키기 위하여, 특정 스티커 콘텐츠에 그림자 효과를 부여할 수도 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 930에서, 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력을 수신할 수 있다. 예를 들어, 프로세서(121)는 특정 스티커를 기존의 A위치에서 B위치로 이동시키기 위하여, A위치에서부터 B위치로 이동하는 제5 사용자 입력을 수신할 수 있다.
다양한 실시예에 따른 프로세서(121)는, 동작 940에서, 제5 사용자 입력이 상품 정보가 표시되는 위치로 이동하였는지 여부를 확인할 수 있다. 예를 들어, 드래그 앤 드롭이 종료된 위치가 상품 정보가 표시되는 위치인지 여부를 확인할 수 있다. 상품 정보가 표시된 위치란, 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보(즉, 특정 상품의 핵심 정보)가 표시된 위치를 의미할 수 있다.
제5 사용자 입력이 상품 정보가 표시되는 위치로 이동하지 않은 경우(940-아니오), 동작 950으로 분기하여, 프로세서(121)는 특정 스티커 콘텐츠를 상기 드래그 앤 드롭이 종료된 위치로 이동시킬 수 있다. 즉, 드래그 앤 드롭이 종료된 위치가 상품 정보가 표시되는 위치가 아닌 경우, 프로세서(121)는 특정 스티커 콘텐츠가 이동 가능하다고 판단하고, 특정 스티커 콘텐츠를 이동시켜 표시할 수 있다.
제5 사용자 입력이 상품 정보가 표시되는 위치로 이동한 경우(940-예), 동작 960으로 분기하여, 프로세서(121)는 특정 스티커 콘텐츠를 상기 드래그 앤 드롭이 종료된 위치로 이동시키지 않을 수 있다. 즉, 드래그 앤 드롭이 종료된 위치가 상품 정보가 표시되는 위치인 경우, 프로세서(121)는 특정 스티커 콘텐츠가 이동 불가능하다고 판단하고, 특정 스티커 콘텐츠를 이동시키지 않고 기존의 위치(드래그 앤 드롭이 시작된 위치)에 그대로 표시할 수 있다.
본 개시에서는 판매자의 단말 장치(130)에 의해 커스터마이징된 특정 상품의 상세 페이지가 1개인 것을 가정하여 설명하였지만, 커스터마이징된 특정 상품의 상세 페이지는 복수개 일 수 있다. 이 경우, 프로세서(121)는, 사용자의 정보에 기초하여, 복수의 특정 상품의 상세 페이지 중 하나를 제공할 수도 있다. 예를 들어, 사용자의 정보는 나이, 성별 및 구매이력을 포함할 수 있다. 즉, 판매자는 사용자의 정보에 따른 복수의 상세 페이지를 각각 커스터마이징할 수 있고, 프로세서(121)는 복수의 특정 상품의 상세 페이지 중 상기 사용자의 정보에 해당하는 특정 상세 페이지를 제공할 수도 있다.
도 8 및 9에 도시된 흐름도에서 프로세스 단계들, 방법 단계들, 알고리즘들 등이 순차적인 순서로 설명되었지만, 그러한 프로세스들, 방법들 및 알고리즘들은 임의의 적합한 순서로 작동하도록 구성될 수 있다. 다시 말하면, 본 개시의 다양한 실시예들에서 설명되는 프로세스들, 방법들 및 알고리즘들의 단계들이 본 개시에서 기술된 순서로 수행될 필요는 없다. 또한, 일부 단계들이 비동시적으로 수행되는 것으로서 설명되더라도, 다른 실시예에서는 이러한 일부 단계들이 동시에 수행될 수 있다. 또한, 도면에서의 묘사에 의한 프로세스의 예시는 예시된 프로세스가 그에 대한 다른 변화들 및 수정들을 제외하는 것을 의미하지 않으며, 예시된 프로세스 또는 그의 단계들 중 임의의 것이 본 개시의 다양한 실시예들 중 하나 이상에 필수적임을 의미하지 않으며, 예시된 프로세스가 바람직하다는 것을 의미하지 않는다.
상기 방법은 특정 실시예들을 통하여 설명되었지만, 상기 방법은 또한 컴퓨터로 읽을 수 있는 기록매체에 컴퓨터가 읽을 수 있는 코드로서 구현하는 것이 가능하다. 컴퓨터가 읽을 수 있는 기록매체는 컴퓨터 시스템(10)에 의해 읽혀질 수 있는 데이터가 저장되는 모든 종류의 기록장치를 포함한다. 컴퓨터가 읽을 수 있는 기록매체의 예로는 ROM, RAM, CD-ROM, 자기 테이프, 플로피 디스크, 광데이터 저장장치 등을 포함할 수 있다. 또한, 컴퓨터가 읽을 수 있는 기록매체는 네트워크로 연결된 컴퓨터 시스템(10)에 분산되어, 분산방식으로 컴퓨터가 읽을 수 있는 코드가 저장되고 실행될 수 있다. 그리고, 상기 실시예들을 구현하기 위한 기능적인(functional) 프로그램, 코드 및 코드 세그먼트들은 본 개시가 속하는 기술분야의 프로그래머들에 의해 용이하게 추론될 수 있다.

Claims (20)

  1. 전자 장치에 있어서,
    디스플레이;
    메모리; 및
    프로세서를 포함하고,
    상기 프로세서는,
    복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력에 응답하여, 상기 특정 상품의 판매자의 단말 장치를 통해 커스터마이징된 상기 특정 상품의 상세 페이지를 제공하고,
    상기 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력에 응답하여, 상기 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시하도록 구성되고,
    상기 상세 페이지는, 상기 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함하고,
    상기 상품 정보의 속성, 상기 적어도 하나의 아이콘의 속성, 상기 적어도 하나의 스티커 콘텐츠 및 상기 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치를 통해 설정되는, 전자 장치.
  2. 제1항에 있어서,
    상기 프로세서는,
    상기 상세 페이지를 스크롤하는 제3 사용자 입력에 응답하여, 상기 제3 사용자 입력이 발생한 경로에 상기 디자인 효과를 표시하도록 구성되는, 전자 장치.
  3. 제1항에 있어서,
    상기 적어도 하나의 스티커 콘텐츠는 상기 상세 페이지의 미리 지정된 위치에 오버레이되고,
    상기 미리 지정된 위치는, 상기 상품 정보가 표시되는 위치와 겹치지 않는 서로 다른 위치인, 전자 장치.
  4. 제3항에 있어서,
    상기 미리 지정된 위치는,
    상기 상세 페이지를 방문한 사용자들의 터치에 관한 히트맵에 기초하여 결정되는, 전자 장치.
  5. 제3항에 있어서,
    상기 프로세서는,
    상기 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경하고, 상기 특정 스티커 콘텐츠에 그림자 효과를 표시하도록 구성된, 전자 장치.
  6. 제5항에 있어서,
    상기 프로세서는,
    상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경한 이후, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시키도록 구성된, 전자 장치.
  7. 제6항에 있어서,
    상기 프로세서는,
    상기 제5 사용자 입력에 응답하여, 상기 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시하도록 구성된, 전자 장치.
  8. 제6항에 있어서,
    상기 프로세서는,
    상기 제5 사용자 입력이 상기 상품 정보가 표시되는 위치로 이동한 경우, 상기 특정 스티커 콘텐츠를 이동시키지 않도록 구성된, 전자 장치.
  9. 제1항에 있어서,
    상기 상품 정보는 상기 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보를 포함하고,
    상기 상품 정보의 속성은 크기, 색상, 스타일 및 모양 중 적어도 하나를 포함하는, 전자 장치.
  10. 제1항에 있어서,
    상기 적어도 하나의 아이콘은 구매 아이콘 및 관심 등록 아이콘을 포함하고,
    상기 적어도 하나의 아이콘의 속성은 색상, 스타일 및 모양 중 적어도 하나를 포함하는, 전자 장치.
  11. 제1항에 있어서,
    상기 상세 페이지는, 상기 특정 상품과 연관된 복수의 관련 상품들의 상세 페이지로 이동할 수 있는 복수의 관련 상품 아이콘을 더 포함하고,
    상기 복수의 관련 상품 아이콘은 커루셀 방식으로 표시되는, 전자 장치.
  12. 전자 장치의 상품 정보를 제공하는 방법에 있어서,
    복수의 상품 중 특정 상품을 선택하는 제1 사용자 입력에 응답하여, 상기 특정 상품의 판매자의 단말 장치를 통해 커스터마이징된 상기 특정 상품의 상세 페이지를 제공하는 동작; 및
    상기 상세 페이지 내의 일 영역을 터치하는 제2 사용자 입력에 응답하여, 상기 제2 사용자 입력이 발생한 위치에 디자인 효과를 표시하는 동작을 포함하고,
    상기 상세 페이지는, 상기 특정 상품에 관한 상품 정보, 적어도 하나의 아이콘 및 적어도 하나의 스티커 콘텐츠를 포함하고,
    상기 상품 정보의 속성, 상기 적어도 하나의 아이콘의 속성, 상기 적어도 하나의 스티커 콘텐츠 및 상기 디자인 효과는, 상기 특정 상품의 상기 판매자의 단말 장치를 통해 설정되는, 방법.
  13. 제12항에 있어서,
    상기 상세 페이지를 스크롤하는 제3 사용자 입력에 응답하여, 상기 제3 사용자 입력이 발생한 경로에 상기 디자인 효과를 표시하는 동작을 더 포함하는, 방법.
  14. 제12항에 있어서,
    상기 적어도 하나의 스티커 콘텐츠는 상기 상세 페이지의 미리 지정된 위치에 오버레이되고,
    상기 미리 지정된 위치는, 상기 상품 정보가 표시되는 위치와 겹치지 않는 서로 다른 위치인, 방법.
  15. 제14항에 있어서,
    상기 적어도 하나의 스티커 콘텐츠 중 특정 스티커 콘텐츠를 롱 터치하는 제4 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경하고, 상기 특정 스티커 콘텐츠에 그림자 효과를 표시하는 동작을 더 포함하는, 방법.
  16. 제15항에 있어서,
    상기 특정 스티커 콘텐츠를 이동시킬 수 있는 상태로 변경한 이후, 상기 특정 스티커 콘텐츠를 드래그 앤 드롭하는 제5 사용자 입력에 응답하여, 상기 특정 스티커 콘텐츠를 이동시키는 동작을 더 포함하는, 방법.
  17. 제16항에 있어서,
    상기 제5 사용자 입력에 응답하여, 상기 제5 사용자 입력이 발생한 경로에 디자인 효과를 표시하는 동작을 더 포함하는, 방법.
  18. 제12항에 있어서,
    상기 상품 정보는 상기 특정 상품에 관한 이름, 가격, 평점 및 혜택에 관한 정보를 포함하고,
    상기 상품 정보의 속성은 크기, 색상, 스타일 및 모양 중 적어도 하나를 포함하는, 방법.
  19. 제12항에 있어서,
    상기 적어도 하나의 아이콘은 구매 아이콘 및 관심 등록 아이콘을 포함하고,
    상기 적어도 하나의 아이콘의 속성은 색상, 스타일 및 모양 중 적어도 하나를 포함하는, 방법.
  20. 제12항에 있어서,
    상기 상세 페이지는, 상기 특정 상품과 연관된 복수의 관련 상품들의 상세 페이지로 이동할 수 있는 복수의 관련 상품 아이콘을 더 포함하고,
    상기 복수의 관련 상품 아이콘은 커루셀 방식으로 표시되는, 방법.
KR1020220033120A 2022-03-17 2022-03-17 상품 정보를 제공하는 방법 및 전자 장치 KR20230135757A (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020220033120A KR20230135757A (ko) 2022-03-17 2022-03-17 상품 정보를 제공하는 방법 및 전자 장치
PCT/KR2022/006167 WO2023177012A1 (ko) 2022-03-17 2022-04-29 상품 정보를 제공하는 방법 및 전자 장치
TW112109451A TW202338702A (zh) 2022-03-17 2023-03-15 提供商品資訊之方法及電子裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020220033120A KR20230135757A (ko) 2022-03-17 2022-03-17 상품 정보를 제공하는 방법 및 전자 장치

Publications (1)

Publication Number Publication Date
KR20230135757A true KR20230135757A (ko) 2023-09-26

Family

ID=88023498

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220033120A KR20230135757A (ko) 2022-03-17 2022-03-17 상품 정보를 제공하는 방법 및 전자 장치

Country Status (3)

Country Link
KR (1) KR20230135757A (ko)
TW (1) TW202338702A (ko)
WO (1) WO2023177012A1 (ko)

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110046000A (ko) * 2009-10-28 2011-05-04 홍진기 상품정보 생성장치 및 그 방법
KR101576095B1 (ko) * 2012-02-20 2015-12-10 네이버 주식회사 컴포넌트 단위로 구성된 웹페이지를 제공하는 웹페이지 제공 시스템 및 방법
KR101506522B1 (ko) * 2012-12-13 2015-04-02 주식회사지앤지커머스 데코레이션 기반의 상품정보 제공시스템 및 방법
JP2017182540A (ja) * 2016-03-31 2017-10-05 株式会社電通 ユーザ端末及びコンピュータプログラム
KR101989674B1 (ko) * 2017-06-27 2019-06-14 주식회사 카카오 메신저 기반 정보 처리 방법 및 장치

Also Published As

Publication number Publication date
TW202338702A (zh) 2023-10-01
WO2023177012A1 (ko) 2023-09-21

Similar Documents

Publication Publication Date Title
KR102019967B1 (ko) 사용자 단말 장치, 디스플레이 장치, 서버 및 그 제어 방법
US20100269067A1 (en) User interface to render a user profile
CN111062778A (zh) 产品浏览方法、装置、设备及存储介质
KR20160023412A (ko) 전자 장치에서 화면을 표시하는 방법 및 이를 위한 전자 장치
KR20140039209A (ko) 빠른 사이트 액세스 사용자 인터페이스를 갖춘 웹 브라우저
CN103020110A (zh) 创建并维护所浏览的文档的图像
TWI539361B (zh) Method and system for browsing books on a terminal computer
US20140129932A1 (en) Interactive digital catalogs for touch-screen devices
CN110268377B (zh) 用于在计算系统中提供用户帮助的装置和方法
CN102929491A (zh) 跨窗口动画
US20140081801A1 (en) User terminal device and network server apparatus for providing evaluation information and methods thereof
EP3454284A1 (en) Object selection and presentation of object-related data in one consistent page view
CN102385475A (zh) 电子设备及其交互方法
US20150134492A1 (en) Coordinated image manipulation
US20160026609A1 (en) Appending New Content to Open Content
KR20160004590A (ko) 전자 장치의 화면 표시 방법 및 전자 장치
US9310974B1 (en) Zoom-based interface navigation
US11488236B2 (en) Symbol-assisted menu selection for transaction terminals
CN115146146A (zh) 一种信息显示方法、装置、终端设备及存储介质
KR20230135757A (ko) 상품 정보를 제공하는 방법 및 전자 장치
CA3068916A1 (en) Method and apparatus to transfer data from a first computer state to a different computer state
JP2017204311A (ja) 情報処理装置、帳票管理システム、帳票管理サーバ、情報処理方法、及びそのプログラム
KR101634431B1 (ko) 오브젝트의 컨텐츠 제공 방법 및 그 방법을 이용하는 사용자 단말
CN112148186B (zh) 一种商品展示方法、装置、设备及存储介质
JP7077366B2 (ja) 住宅販売支援システム

Legal Events

Date Code Title Description
E902 Notification of reason for refusal