KR102410570B1 - 정보 제공 방법 및 이를 수행하는 전자 장치 - Google Patents

정보 제공 방법 및 이를 수행하는 전자 장치 Download PDF

Info

Publication number
KR102410570B1
KR102410570B1 KR1020210117592A KR20210117592A KR102410570B1 KR 102410570 B1 KR102410570 B1 KR 102410570B1 KR 1020210117592 A KR1020210117592 A KR 1020210117592A KR 20210117592 A KR20210117592 A KR 20210117592A KR 102410570 B1 KR102410570 B1 KR 102410570B1
Authority
KR
South Korea
Prior art keywords
area
size
animation
user input
page
Prior art date
Application number
KR1020210117592A
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 KR1020210117592A priority Critical patent/KR102410570B1/ko
Priority to PCT/KR2021/012429 priority patent/WO2023033223A1/ko
Priority to KR1020220072287A priority patent/KR20230034874A/ko
Application granted granted Critical
Publication of KR102410570B1 publication Critical patent/KR102410570B1/ko
Priority to TW111132881A priority patent/TW202322019A/zh

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/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0207—Discounts or incentives, e.g. coupons or rebates
    • G06Q30/0222—During e-commerce, i.e. online transactions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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
    • 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/0207—Discounts or incentives, e.g. coupons or rebates
    • G06Q30/0239—Online discounts or incentives
    • 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/0253—During e-commerce, i.e. online transactions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Landscapes

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

Abstract

다양한 실시예에 따른 전자 장치의 정보 제공 방법은, 제1 영역 및 제2 영역을 포함하는 페이지를 표시하는 단계; 상기 페이지에 대한 사용자 입력의 수신 여부를 확인하는 단계; 제1 사용자 입력의 수신에 대한 응답으로, 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하는 단계; 및 상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 시간보다 짧은 제2 시간 동안 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하는 단계를 포함할 수 있다. 이밖에 다른 실시예들이 가능하다.

Description

정보 제공 방법 및 이를 수행하는 전자 장치 {METHOD FOR PROVIDING INFORMATION AND ELECTRONIC APPARATUS FOR PERFORMING THE SAME}
본 개시의 다양한 실시예는 정보 제공 방법 및 이를 수행하는 전자 장치에 관한 것이다.
인터넷 기술이 발전하고 스마트폰, 태블릿 PC 등의 휴대 단말이 보급됨에 따라 전자상거래 시장이 상용화되고 있다. 특히, 오프라인에서 주로 처리하였던 쇼핑의 중심이 온라인으로 변경되면서, 전자상거래 서비스 플랫폼에서 일상 생활에 필요한 물품을 주문하는 빈도가 높아지고 있다.
한편 전자상거래 서비스를 제공하는 플랫폼은 보다 직관적인 방식으로 사용자에게 이벤트 정보(예: 특정 멤버십 서비스 가입 시 제공되는 혜택 정보, 특정 상품의 구매 혜택 정보 등)를 알림으로써 사용자로 하여금 이벤트 참여를 유도하고자 할 수 있다.
이를 위하여 종래에는 전자 상거래 서비스를 제공하는 플랫폼에서 별도의 팝업 메시지를 노출하여 이벤트 정보를 표시하거나, 메인 페이지의 일부 위치에 포함되는 배너의 형태로 상기 이벤트 정보를 표시하는 방식이 이용되기도 하였다.
그러나 이러한 이벤트 정보의 표시 방식은 사용자가 해당 팝업 메시지를 표시 종료하거나 또는 상기 배너를 포함하는 메인 페이지를 벗어나는 경우에는, 더 이상 사용자에게 이벤트 정보를 제공하지 못한다는 점에서 사용자의 이벤트 참여를 효과적으로 유도하기 어려울 수 있다.
반면, 전자상거래 서비스를 제공하는 플랫폼 상에서 페이지의 변경과 관계없이 상시적으로 특정 위치에서 이벤트 정보를 계속 노출하는 방식이 고려될 수도 있으나, 이는 사용자가 전자상거래 서비스에서 수행하고자 하는 주요 작업(예: 판매하는 상품을 검색하거나, 상품의 상세 정보를 확인하고, 특정 상품을 구매하는 작업 등)의 진행 자체를 방해할 수 있어, 사용자가 불편을 느끼고 해당 전자상거래 서비스 자체를 이용하지 않을 가능성이 존재한다.
본 개시의 다양한 실시예들은, 상술한 문제점을 해결하기 위하여, 페이지를 통해 사용자에게 제공할 콘텐츠 정보의 특성을 고려하여, 사용자 입력에 기초하여 콘텐츠가 표시되는 특정 영역의 크기를 변경하거나 일부 영역만을 스크롤링하여 표시하는 방식으로 페이지 정보 제공 방법을 수행하는 전자 장치를 제안하고자 한다.
다양한 실시예에 따른 전자 장치의 정보 제공 방법은, 제1 영역 및 제2 영역을 포함하는 페이지를 표시하는 단계; 상기 페이지에 대한 사용자 입력의 수신 여부를 확인하는 단계; 제1 사용자 입력의 수신에 대한 응답으로, 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하는 단계; 및 상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 시간보다 짧은 제2 시간 동안 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하는 단계를 포함할 수 있다.
다양한 실시예에 따른 전자 장치는, 통신 모듈; 데이터베이스; 및 상기 데이터베이스와 전기적으로 연결된 프로세서를 포함하고, 상기 프로세서는, 제1 영역 및 제2 영역을 포함하는 페이지를 표시하고, 상기 통신 모듈을 이용하여 상기 페이지에 대한 사용자 입력을 수신하고, 제1 사용자 입력의 수신에 대한 응답으로, 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하고, 및 상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 시간보다 짧은 제2 시간 동안 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하도록 설정될 수 있다.
다양한 실시예에 따르면, 전자상거래 시스템에서, 사용자 입력에 대응하여 특정 유형의 콘텐츠(예: 이벤트 정보, 사용자 정보 등) 정보의 양을 직관적으로 조절하여 제공함으로써, 보다 사용성이 개선된 사용자 인터페이스를 제공할 수 있다.
또한, 페이지에서 표시되는 각 정보의 중요도에 기반하여, 사용자 입력에 대응하여 특정 콘텐츠 정보를 강조하여 표시하거나 특정 콘텐츠 정보에 대한 노출을 제한하는 기능을 제공할 수 있다.
또한, 특정 콘텐츠 정보가 표시되는 영역을 확대하거나 축소하여 표시하는 애니메이션이 제공되는 속도를 제어함으로써 사용자의 불편을 최소화하는 범위에서 효과적으로 특정 정보를 제공하는 방법을 제공할 수 있다.
또한, 사용자 입력의 특성(예: 드래그 또는 스크롤링 방향, 속도 등)을 고려하여 사용자의 의도에 부합하는 콘텐츠 정보의 표시 제어 기능을 제공할 수 있다.
도 1은 본 개시의 다양한 실시예에 따른 금융 서비스 제공 시스템을 나타내는 개략적인 도면이다.
도 2a는 본 개시의 일 실시예에 따른 전자 장치의 개략적인 구성 블록도이다.
도 2b는 본 개시의 일 실시예에 따른 사용자 단말의 개략적인 구성 블록도이다.
도 3은 본 개시의 일 실시예에 따른 전자 장치의 정보 제공 방법에 관한 개략적인 흐름도이다.
도 4a 및 도 4b는 본 개시의 다양한 실시예에 따른 전자 장치에서 제공하는 페이지 정보를 설명하기 위한 개략적인 도면들이다.
도 5a 내지 도 5e는 본 개시의 다양한 실시예에 따른 페이지 정보 제공 방법을 설명하기 위한 개략적인 페이지 화면들을 나타낸 도면들이다.
도 6 및 도 7은 본 개시의 일 실시예에 따른 정보 제공 방법을 설명하기 위한 개략적인 페이지를 도시한 도면들이다.
실시 예들에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다.
명세서 전체에서 어떤 부분이 어떤 구성요소를 “포함”한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다. 또한, 명세서에 기재된 “...부”, “...모듈” 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다.
명세서 전체에서 기재된 “a, b, 및 c 중 적어도 하나”의 표현은, ‘a 단독’, ‘b 단독’, ‘c 단독’, ‘a 및 b’, ‘a 및 c’, ‘b 및 c’, 또는 ‘a,b,c 모두’를 포괄할 수 있다.
이하에서 언급되는 "단말"은 네트워크를 통해 서버나 타 단말에 접속할 수 있는 컴퓨터나 휴대용 단말로 구현될 수 있다. 여기서, 컴퓨터는 예를 들어, 웹 브라우저(WEB Browser)가 탑재된 노트북, 데스크톱(desktop), 랩톱(laptop) 등을 포함하고, 휴대용 단말은 예를 들어, 휴대성과 이동성이 보장되는 무선 통신 장치로서, IMT(International Mobile Telecommunication), CDMA(Code Division Multiple Access), W-CDMA(W-Code Division Multiple Access), LTE(Long Term Evolution) 등의 통신 기반 단말, 스마트폰, 태블릿 PC 등과 같은 모든 종류의 핸드헬드(Handheld) 기반의 무선 통신 장치를 포함할 수 있다.
아래에서는 첨부한 도면을 참고하여 본 개시의 실시 예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다.
이하, 본 발명의 실시 예를 첨부된 도면을 참조하여 상세하게 설명한다.
실시 예를 설명함에 있어서 본 발명이 속하는 기술 분야에 익히 알려져 있고 본 발명과 직접적으로 관련이 없는 기술 내용에 대해서는 설명을 생략한다. 이는 불필요한 설명을 생략함으로써 본 발명의 요지를 흐리지 않고 더욱 명확히 전달하기 위함이다.
마찬가지 이유로 첨부 도면에 있어서 일부 구성요소는 과장되거나 생략되거나 개략적으로 도시되었다. 또한, 각 구성요소의 크기는 실제 크기를 전적으로 반영하는 것이 아니다. 각 도면에서 동일한 또는 대응하는 구성요소에는 동일한 참조 번호를 부여하였다.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시 예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시 예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시 예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다.
이 때, 처리 흐름도 도면들의 각 블록과 흐름도 도면들의 조합들은 컴퓨터 프로그램 인스트럭션들에 의해 수행될 수 있음을 이해할 수 있을 것이다. 이들 컴퓨터 프로그램 인스트럭션들은 범용 컴퓨터, 특수용 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서에 탑재될 수 있으므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비의 프로세서를 통해 수행되는 그 인스트럭션들이 흐름도 블록(들)에서 설명된 기능들을 수행하는 수단을 생성하게 된다. 이들 컴퓨터 프로그램 인스트럭션들은 특정 방식으로 기능을 구현하기 위해 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 지향할 수 있는 컴퓨터 이용 가능 또는 컴퓨터 판독 가능 메모리에 저장되는 것도 가능하므로, 그 컴퓨터 이용가능 또는 컴퓨터 판독 가능 메모리에 저장된 인스트럭션들은 흐름도 블록(들)에서 설명된 기능을 수행하는 인스트럭션 수단을 내포하는 제조 품목을 생산하는 것도 가능하다. 컴퓨터 프로그램 인스트럭션들은 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에 탑재되는 것도 가능하므로, 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비 상에서 일련의 동작 단계들이 수행되어 컴퓨터로 실행되는 프로세스를 생성해서 컴퓨터 또는 기타 프로그램 가능한 데이터 프로세싱 장비를 수행하는 인스트럭션들은 흐름도 블록(들)에서 설명된 기능들을 실행하기 위한 단계들을 제공하는 것도 가능하다.
또한, 각 블록은 특정된 논리적 기능(들)을 실행하기 위한 하나 이상의 실행 가능한 인스트럭션들을 포함하는 모듈, 세그먼트 또는 코드의 일부를 나타낼 수 있다. 또, 몇 가지 대체 실행 예들에서는 블록들에서 언급된 기능들이 순서를 벗어나서 발생하는 것도 가능함을 주목해야 한다. 예컨대, 잇달아 도시되어 있는 두 개의 블록들은 사실 실질적으로 동시에 수행되는 것도 가능하고 또는 그 블록들이 때때로 해당하는 기능에 따라 역순으로 수행되는 것도 가능하다.
도 1은 본 개시의 다양한 실시예에 따른 정보 제공 시스템을 나타내는 개략적인 도면이다.
다양한 실시예에 따른 정보 제공 시스템(10)은, 네트워크(50)를 통해 연결되는 전자 장치(100) 및 적어도 하나의 사용자 단말(200)을 포함할 수 있다.
다양한 실시예에 따르면, 전자 장치(100)는, 전자상거래 상에서 사용자(구매자)에게 상품의 판매와 관련된 각종 정보를 제공하기 위하여 각종 기능 처리를 수행하는 장치로서, 사용자 단말(200)로부터 네트워크(50)를 통해 수신되는 사용자 입력을 기반으로 미리 설정된 동작들을 수행하고, 그에 따른 판매 관련 정보를 사용자 단말(200)에 제공할 수 있다.
예를 들면, 전자 장치(100)는, 네트워크 서버로 구현되는 다수의 컴퓨터 시스템 또는 컴퓨터 소프트웨어를 포함할 수 있다. 예컨대 전자 장치(100)는, 인트라넷 또는 인터넷과 같은 컴퓨터 네트워크를 통해 다른 네트워크 서버와 통신할 수 있는 하위 장치와 연결되어 작업 수행 요청을 접수하고, 그에 대한 작업을 수행하여 수행 결과를 제공하는 컴퓨터 시스템 및 컴퓨터 소프트웨어를 지칭할 수 있다. 이외에도, 네트워크 서버 상에서 동작할 수 있는 일련의 응용 프로그램과, 내부에 구축되어 있는 각종 데이터베이스를 포함하는 광의의 개념으로 이해될 수 있다. 예컨대, 전자 장치(100)는, 도스(DOS), 윈도우(Windows), 리눅스(Linux), 유닉스(UNIX), 또는 맥OS(MacOS) 등의 운영 체제에 따라 다양하게 제공되는 네트워크 서버 프로그램을 이용하여 구현될 수 있다.
다양한 실시예에 따르면, 전자 장치(100)는, 전자상거래에서의 상품 판매와 관련된 정보를 처리하고, 관련 데이터를 데이터베이스에 저장하거나 관리할 수 있으며, 상기 상품 판매와 관련된 정보를 페이지(예: 웹-페이지, 앱-페이지) 형태로 구성하여 사용자 단말(200)을 통해 사용자(구매자)에게 제공할 수 있다.
다양한 실시예에 따르면 전자 장치(100)는 상품 판매와 관련된 다양한 정보(예: 판매하는 상품의 종류, 가격, 제조사 등 상세 정보, 후기 정보, 사용자의 이벤트 참여(또는 멤버십 가입) 관련 안내 정보, 할인 정보, 사용자가 장바구니에 추가한 상품 정보 등)의 표시 화면과 관련된 데이터를 웹페이지 또는 사용자 단말(200)에 설치되는 애플리케이션을 통해 표시되는 사용자 인터페이스(예: 앱페이지)의 형태로 제공하는 프론트-엔드 서버로서 기능할 수 있다.
네트워크(50)는, 전자 장치(100)와 사용자 단말(200)(예: 구매자 단말, 판매자 단말, 관리자 단말 등), 또는 전자 장치(100)와 외부 장치(예: 물류 관리 서버 등)를 연결하는 역할을 할 수 있다. 예를 들어, 네트워크(50)는, 사용자 단말(200) 또는 외부 장치가 상기 전자 장치(100)와 연결되어 패킷 데이터를 송수신할 수 있도록 접속 경로를 제공할 수 있다.
예를 들면, 사용자 단말(200)은 네트워크(50)를 통해 전자 장치(100) 또는 다른 외부 장치와 연결되어 전자상거래를 구현하는 상품 판매 관련 정보 또는 사용자 입력 정보를 송수신할 수 있다. 또한, 전자 장치(100)는, 사용자 단말(200) 또는 다른 외부 장치로부터 수신한 정보를 데이터베이스에 저장하거나, 상기 데이터베이스에 저장된 정보를 사용자 단말(200) 또는 외부 장치에 전송할 수 있다.
예컨대 전자 장치(100)는 전자 상거래(온라인 상점)을 위한 플랫폼을 제공하는 전자 상거래 운용 서버를 포함할 수 있다. 구체적으로, 전자 장치(100)는 온라인 상점을 이용하기 위한 애플리케이션 형태의 프로그램을 사용자 단말(200)에게 제공할 수 있고, 사용자(예: 구매자)는 사용자 단말(200)에서 상기 애플리케이션을 실행하여 판매 중인 상품 관련 정보를 확인하거나 특정 상품을 구매할 수 있다. 한편 전자 장치(100)는 애플리케이션을 통한 앱-페이지 형태로 사용자 단말(200)에 정보를 제공하는 방식 이외에도 브라우저를 통한 웹-페이지 형태로 정보를 제공할 수도 있으며, 상기 앱-페이지를 통해 표시되는 정보와 웹-페이지에를 통해 표시되는 정보를 다르게 설정할 수 있다.
한편 일 실시예에서 전자 장치(100)에서 처리될 수 있는 기능 중 적어도 일부의 기능은 사용자 단말(200)을 통해 직접 구현될 수도 있다. 예를 들어 사용자는 네트워크(50)를 통해 애플리케이션 형태의 프로그램을 수신하고 이를 사용자 단말(200)에 설치하여 사용할 수 있으며, 상기 애플리케이션 형태의 프로그램은 후술할 전자 장치(100)에서 처리되는 기능 중 적어도 일부를 대신 수행할 수 있다.
다양한 실시예에 따른 정보 제공 시스템(10)은, 단일의 물리적 장치로 구현될 수 있으며, 복수의 물리적 장치가 유기적으로 결합된 방식으로 구현될 수도 있다. 예를 들어, 전자 장치(100)에서 제공하는 기능 중 일부는 어느 하나의 물리적 장치에 의해 구현되고, 나머지 일부는 다른 물리적 장치로 구현될 수 있다. 예컨대, 어느 하나의 물리적 장치는, 전자 장치(100)의 일부로 구현될 수 있으며, 다른 물리적 장치는, 사용자 단말(200)의 일부 또는 그 이외의 다른 외부 장치의 일부로 구현될 수 있다. 경우에 따라, 정보 제공 시스템(10)에 포함된 각각의 구성요소들은 각각 서로 다른 물리적 장치에 분산되어 배치되고, 상기 분산 배치된 구성요소들이 유기적으로 결합되어 본 개시의 정보 제공 시스템(10)의 기능 및 동작을 수행하도록 구현될 수도 있다.
도 2a는 본 개시의 일 실시예에 따른 전자 장치의 개략적인 구성 블록도이다.
도 2a를 참조하면, 다양한 실시예에 따른 전자 장치(100)(예: 서버)는, 프로세서(110), 데이터베이스(120), 및 통신 모듈(130) 중 적어도 하나를 포함할 수 있다.
전자 장치(100)는 전자상거래 서비스를 제공하는 장치에 해당할 수 있다. 예를 들면, 전자 장치(100)는, 사용자(예: 판매자)로부터 소정의 상품 판매 관련 정보를 획득하고, 이를 처리하여, 구매자가 상기 상품 판매와 관련된 정보를 확인할 수 있도록 제공할 수 있다. 예컨대 전자 장치(100)는 특정 사용자 단말(200)(예: 구매자 단말)로부터 수신된 상품 구매 요청 입력(및 결제 입력)에 기초하여 판매자에 의해 판매되는 소정 상품을 구매자가 구매할 수 있도록 중개할 수 있다. 예컨대 전자 장치(100)는, 데이터베이스(120)에 상품 판매 관련 정보를 저장 및 관리할 수 있다.
프로세서(110)는, 본 개시의 다양한 실시예에 따른 정보 제공 방법을 수행하기 위한 다양한 기능들을 처리할 수 있으며, 전자 장치(100)의 다른 구성요소들(예: 데이터베이스(120), 통신 모듈(130))과 전기적으로 연결되어 상기 구성요소들의 동작을 전반적으로 제어할 수 있다.
일 실시예에 따르면, 프로세서(110)는 사용자 단말(200)에 전자상거래 서비스와 관련된 페이지 정보를 제공할 수 있다. 예컨대, 프로세서(110)는 페이지를 통해 표시되는 콘텐츠 유형에 따라, 페이지를 구성하는 영역을 구분할 수 있다. 예를 들어, 프로세서(110)가 제공하는 페이지는 제1 유형의 콘텐츠가 표시되는 제1 영역과, 제2 유형의 콘텐츠가 표시되는 제2 영역을 포함할 수 있다.
프로세서(110)는 통신 모듈(130)을 제어하여 사용자 단말(200)로부터 사용자 입력이 수신되는지 여부를 확인할 수 있다. 또한, 프로세서(110)는 상기 사용자 입력의 특성(예: 터치 입력 지점, 터치 드래그 방향, 속도 등)을 식별할 수 있다.
프로세서(110)는, 사용자 입력을 수신할 경우, 상기 사용자 입력 수신에 대한 응답으로 페이지의 제1 영역 및 제2 영역의 크기 변경과 관련된 소정의 애니메이션을 구성하여 페이지 정보를 제공할 수 있다.
프로세서(110)는, 이외에도 후술하는 본 개시의 다양한 실시예에 따른 정보 제공과 관련된 다양한 기능들을 구현할 수 있다.
데이터베이스(120)는, 전자 장치(100)의 소정의 저장 공간에 구현된 데이터 구조로서, 데이터의 저장, 검색, 삭제, 편집, 또는 추가 등의 기능이 자유롭게 수행될 수 있다. 예컨대, 데이터베이스(120)는 데이터의 저장, 검색, 삭제, 편집, 또는 추가 등의 기능을 처리하기 위한 필드 또는 구성요소들을 가질 수 있다.
데이터베이스(120)는 전자 장치(100)의 다양한 기능과 관련된 데이터를 저장할 수 있다. 예를 들면, 데이터베이스(120)는, 본 개시의 다양한 실시예에 따른 정보 제공 방법과 관련된 각종 데이터들을 저장할 수 있으며, 프로세서(110)의 실행 동작을 위한 명령어들 또는 데이터들을 저장할 수 있다.
통신 모듈(130)은 전자 장치(100)의 데이터베이스(120)에 저장된 정보 또는 프로세서(110)에 의해 처리된 소정의 정보를 다른 장치(예: 사용자 단말(200))로 전송하거나, 다른 장치로부터 전자 장치(100)로 정보를 수신하는 기능을 수행할 수 있다. 예컨대, 통신 모듈(130)은 사용자 단말(200)로부터의 소정의 사용자 입력 정보를 수신할 수 있다. 예를 들면, 통신 모듈(130)은 정보를 송수신하기 위한 트랜시버를 포함할 수 있다.
도 2b은 본 개시의 일 실시예에 따른 사용자 단말(200)의 개략적인 구성 블록도이다.
도 2b을 참조하면, 일 실시예에 따른 사용자 단말(200)은 프로세서(210), 메모리(220), 통신 모듈(230), 및 디스플레이(240) 중 적어도 하나를 포함할 수 있다.
프로세서(210)는 사용자 단말(200)의 각종 기능 실행과 관련하여 전반적인 제어를 수행할 수 있다. 프로세서(210)는, 사용자 단말(200)의 다른 구성 요소들, 예컨대 메모리(220), 통신 모듈(230), 및 디스플레이(240) 중 적어도 하나와 전기적으로 연결되어 상기 각 구성 요소들을 이용하여 다양한 기능들을 구현할 수 있다.
예를 들어, 프로세서(210)는 통신 모듈(230)(예: 트랜시버)을 이용하여 온라인 상품 구매와 관련된 애플리케이션 또는 프로그램을 수신할 수 있으며, 메모리(220)에 관련 데이터를 저장할 수 있다. 또한 프로세서(210)는 디스플레이(240)(예: 터치 스크린 패널)를 통해 상기 애플리케이션 또는 프로그램 관련 사용자 인터페이스 화면을 표시하거나, 각종 사용자 입력 정보를 획득하여 통신 모듈(230)을 통해 다른 장치(예: 전자 장치(100))로 전송할 수 있다. 예컨대, 일 실시예에 따른 디스플레이(240)는 입력 모듈과 출력 모듈의 기능을 모두 수행하는 구성에 해당할 수 있다.
한편 사용자 단말(200)은 디스플레이(240) 이외에도 마우스, 키보드, 조이스틱 등의 별도의 입력 모듈을 더 구비할 수도 있다.
도 3은 본 개시의 일 실시예에 따른 전자 장치의 정보 제공 방법에 관한 개략적인 흐름도이다.
도 3을 참조하면, 다양한 실시예에 따른 정보 제공 방법은, 단계 310에서, 제1 영역 및 제2 영역을 포함하는 페이지 정보를 제공하는 단계를 포함할 수 있다.
예를 들면, 전자 장치(100)(예: 전자 장치(100)의 프로세서(110))는 단계 310에서, 사용자 단말(200)에 페이지(예: 앱-페이지, 웹-페이지) 정보를 제공하여, 사용자 단말(200)에 포함된 디스플레이(240)를 통해 페이지 정보가 표시되도록 할 수 있다.
예를 들어, 상기 페이지는 제1 영역 및 제2 영역을 포함할 수 있다. 여기서 제1 영역은 사용자 정보에 대응하는 콘텐츠가 표시되는 영역을 포함할 수 있으며, 제2 영역은 상품의 판매 관련 정보에 대응하는 콘텐츠가 표시되는 영역을 포함할 수 있다.
다양한 실시예에 따른 정보 제공 방법은, 단계 320에서, 페이지에 대한 사용자 입력을 수신할 수 있다.
예컨대 전자 장치(100)(예: 프로세서(110))는 통신 모듈(130)을 통해 사용자 단말(200)로부터 소정의 사용자 입력이 수신되는지 여부를 판단할 수 있다.
일 예를 들면, 사용자 단말(200)로부터 수신되는 사용자 입력은, 페이지의 일 영역에 대한 터치 입력, 페이지의 일 영역을 터치한 후 상기 터치를 유지한 상태로 소정의 방향으로 이동하는 방식으로 입력되는 터치 드래그 입력, 또는 마우스 휠 등을 이용한 스크롤링 입력 중 적어도 하나를 포함할 수 있다. 예컨대, 전자 장치(100)는 사용자 입력의 수신과 관련하여, 상기 사용자 입력에 대응하는 터치 입력 또는 터치 드래그 입력이 페이지의 어느 위치에서 수신되었는지, 어느 방향으로 드래그 되었는지, 및 드래그되는 속도를 확인할 수 있다.
한편 단계 330에서, 전자 장치(100)(예: 프로세서(110))는 특정 사용자 입력의 수신에 대한 응답으로, 제1 영역 및 제2 영역의 크기 변경과 관련된 애니메이션을 제공할 수 있다.
일 실시예에 따르면, 전자 장치(100)는 제1 사용자 입력의 수신에 대응하여 제1 영역의 크기를 확대하고 제2 영역의 크기를 축소하는 제1 애니메이션을 제공할 수 있다. 예컨대, 상기 제2 영역이 축소되는 크기는 제1 영역이 확대되는 크기에 대응할 수 있다. 예를 들어 상기 제2 영역은 제1 영역이 확대되는 크기만큼 축소될 수 있다. 예컨대 상기 제1 애니메이션에서 제1 영역의 크기 확대 및 제2 영역의 크기 축소는, 확대된 제1 영역의 페이드 인 및 축소되는 제2 영역의 페이드 아웃 형태로 점차적으로 나타날 수 있다.
일 실시예에 따르면, 전자 장치(100)는, 상기 제1 사용자 입력의 수신에 대응하여 상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력이 수신될 경우 상기 확대된 제1 영역의 크기를 축소하고 제2 영역의 크기를 확대하는 제2 애니메이션을 제공할 수 있다. 이 경우 상기 제2 영역이 확대되는 크기는 상기 제1 영역이 축소되는 크기에 대응할 수 있다. 예컨대 상기 제2 애니메이션에서 제2 영역의 크기 확대 및 제1 영역의 크기 축소는, 확대되는 제2 영역의 페이드 인 및 축소되는 제1 영역의 페이드 아웃 형태로 점차적으로 나타날 수 있다.
예컨대 일 실시예에서 상기 제2 애니메이션을 통해 상기 제1 영역은 모두 사라지고 상기 제1 영역이 표시되던 영역은 모두 제2 영역으로 대체될 수 있다. 예컨대, 상기 제2 애니메이션은 제1 애니메이션이 제공된 제1 시간(예: 약 0.4 초)보다 짧은 제2 시간(예: 약 0.2 초)동안 제공될 수 있다.
한편, 일 실시예에 따르면 상기 제1 사용자 입력은, 제1 영역에서 시작되어 제2 영역과 멀어지는 방향으로 향하는 터치 드래그 입력(또는, 스크롤링 입력)이거나, 제2 영역에서 시작되어 제1 영역과 멀어지는 방향으로 향하는 터치 드래그 입력(또는, 스크롤링 입력)에 해당할 수 있다. 또한, 상기 제2 사용자 입력은, 제1 영역에서 시작되어 제2 영역과 가까워지는 방향으로 향하는 터치 드래그 입력(또는, 스크롤링 입력)이거나, 제2 영역에서 시작되어 제1 영역과 가까워지는 방향으로 향하는 터치 드래그 입력(또는, 스크롤링 입력)에 해당할 수 있다.
한 실시예에 따르면, 상기 단계 330에서, 전자 장치(100)는 제2 영역에서 시작되어 제1 영역과 가까워지는 방향, 즉 제1 영역을 향하는 방향으로 향하는 터치 드래그 입력(또는, 스크롤링 입력)에 해당하는 사용자 입력이 수신될 경우, 상기 사용자 입력이 수신되기 이전의 상태에 기초하여 다른 애니메이션 동작을 수행할 수도 있다. 예를 들면, 전자 장치(100)는 상기 사용자 입력이 수신되기 이전에 제1 영역이 확장되는 애니메이션(예: 제1 애니메이션)이 기 제공되었는지 여부에 기반하여 제공할 애니메이션 동작을 다르게 결정할 수 있다. 예를 들어, 제2 영역은 제1 영역과 인접하도록 위치하는 제2-1 영역과 상대적으로 상기 제1 영역과 멀게 위치하는 제2-2 영역을 포함할 수 있다. 전자 장치(100)는 상기 제1 영역과 제2 영역이 가까워지는 방향으로 향하는 터치 드래그 입력(또는 스크롤링 입력)에 해당하는 사용자 입력이 수신되기 이전에, 제1 영역의 크기가 확대되는 애니메이션(예: 제1 애니메이션)이 기 제공되지 않았던 경우에는, 상기 사용자 입력의 수신에 대응하여 제1 영역의 크기가 축소되고 제2 영역의 크기가 확대되는 애니메이션이 제공되되, 제2-2 영역의 크기는 확대되고 제2-1 영역의 크기는 제1 영역과 함께 축소되는 애니메이션이 제공될 수 있다. 반면, 상기 사용자 입력이 수신되기 이전에, 제1 영역의 크기가 확대되는 애니메이션(예: 제1 애니메이션)이 제공되어 상기 제1 영역의 크기가 확대된 상태일 경우, 전자 장치(100)는 상기 사용자 입력의 수신에 대응하여 제2 영역의 크기를 확대하되, 상기 제2-1 영역의 크기는 동일하게 유지하고 제2-2 영역의 크기만을 확대하는 애니메이션을 제공할 수 있다.
또 다른 실시예에 따르면, 전자 장치(100)는 수신되는 사용자 입력과 관련하여 터치 드래그되는 속도 또는 스크롤링되는 속도를 확인하고, 상기 속도에 기반하여 다른 애니메이션을 제공할 수도 있다. 예컨대, 전자 장치(100)는 사용자 입력의 드래그 속도(또는, 스크롤링 속도)가 설정된 크기 이상일 경우에는 상기 드래그(또는 스크롤링) 방향에 대응하여 제1 영역 및 제2 영역의 크기를 변경하는 애니메이션의 제공과 함께 제2 영역에 표시되는 콘텐츠를 스크롤링 방식으로 이동하여 표시할 수 있다. 반면, 전자 장치(100)는 상기 사용자 입력의 드래그 속도(또는, 스크롤링 속도)가 설정된 속도 미만일 경우에는, 상기 제1 영역 및 제2 영역의 크기 변경과 관련된 애니메이션을 제공하지 않고, 기존의 크기가 유지된 상태에서 상기 드래그(또는 스크롤링) 방향에 대응하여 제2 영역에 표시되는 콘텐츠만을 스크롤링 방식으로 이동시켜 표시할 수도 있다. 예를 들면, 상기 설정된 속도는 약 200mbp일 수 있다.
도 4a 및 도 4b는 본 개시의 다양한 실시예에 따른 전자 장치에서 제공하는 페이지 정보를 설명하기 위한 개략적인 도면들이다.
도 4a를 참조하면, 일 실시예에 따른 전자 장치(100)는 식별번호 310에 도시된 것과 같이 제 영역(B1) 및 제2 영역(A1, A2, A3)을 포함하는 페이지가 사용자 단말(200)에 표시되도록, 페이지 정보를 사용자 단말(200) 측에 제공할 수 있다.
예를 들면, 상기 제1 영역(B1)은 페이지 상단부에 대응하고, 상기 제2 영역(A1, A2, A3)은 페이지 하단부에 대응할 수 있다.
예를 들면, 제2 영역(A1, A2, A3)이 제1 영역(B1)과 접하는 모서리 부분은 라운드진 형상을 가질 수 있다.
일 실시예에서 제1 영역(B1)은 사용자 정보에 대응하는 제1 유형의 콘텐츠를 표시하는 영역에 대응하며, 제2 영역(A1, A2, A3)은 상품의 판매 관련 정보에 대응하는 제2 유형의 콘텐츠를 표시하는 영역에 대응할 수 있다. 다른 실시예에서 제1 영역(B1)은 상품의 판매와 관련된 특정 이벤트에 관한 정보에 대응하는 콘텐츠를 표시하는 영역에 해당할 수도 있다.
다양한 실시예에 따르면, 전자 장치(100)는, 도 4a의 식별번호 310에 도시된 것과 같은 페이지에서, 제2 영역(A1, A2, A3)의 특정 지점에서 시작되어 제1 영역(B1)이 향하는 방향과 반대되는 방향으로 드래그되는 터치 드래그 입력에 대응하는 제1 사용자 입력이 수신될 경우, 제1 영역(B1)의 크기를 확대하고 제2 영역(A1, A2, A3)의 크기를 축소하는 제1 애니메이션을 제공함으로써 식별번호 320과 같은 페이지로 변경하여 표시할 수 있다. 이 때 상기 식별번호 320의 확대된 제1 영역(B1)에는 사용자 정보 또는 이벤트 관련 정보에 대응하는 제1 유형의 콘텐츠가 보다 구체적으로 표시될 수 있다. 한 실시예에 따르면, 상기 320의 확대된 제1 영역(B1)에서 표시되는 콘텐츠는 특정 이벤트에 대해 설정된 기간이 도과하였는지 여부에 기반하여 변경될 수 있다. 예컨대, 이벤트 기간 도중에는 상기 확대된 제1 영역(B1)에서 이벤트 참여를 위한 콘텐츠를 제공하고, 이벤트 기간이 도과된 경우에는 상기 확대된 제1 영역(B1)에서 소정 멤버십 서비스 가입 관련 콘텐츠를 제공할 수 있다. 예컨대, 전자 장치(100)는 사용자가 이벤트 기간 도중 상기 이벤트에 참여한 경우에는 상기 이벤트 기간이 도과되어 이벤트가 종료된 이후에 상기 확대된 제1 영역(B1)에 표시되는 멤버십 서비스 가입 관련 콘텐츠 상에 상기 사용자가 이벤트 참여를 통해 획득한 혜택(예컨대, 누적 할인 내역, 배송비 혜택 등) 정보를 함께 표시할 수도 있다. 한편, 식별번호 310의 페이지와 같은 축소된 상태의 제1 영역(B1)에서는 이벤트 기간의 도과 여부와 관계없이 동일한 내용의 콘텐츠가 적어도 일부 표시될 수도 있다.
또한 일 실시예에서 제2 영역(A1, A2, A3)은, 제1 영역(B1)과 접하는 외곽부가 제1 영역(B1)을 향하는 방향과 반대 방향으로 라운드진 형상을 유지한 상태로, 전체적으로 드래그 방향과 동일한 방향으로 이동할 수 있다. 이를 통해 사용자는 제2 영역(A1, A2, A3)이 사라진 것이 아니라, 사용자 입력에 대응하여 드래그 입력 방향으로 이동하였음을 간접적으로 인지할 수 있으며, 상기 제2 영역(A1, A2, A3)을 다시 확대하기 위해서는 반대 방향으로 드래그/스크롤링하는 입력을 입력하면 될 것이라는 점을 직관적으로 이해할 수 있다.
다음으로, 상기 식별번호 320과 같은 페이지에서, 상기 제2 영역(A1, A2, A3)의 특정 지점에서 시작되어 제1 영역(B1)이 향하는 방향으로 드래그되는 터치 드래그 입력에 대응하는 제2 사용자 입력이 수신될 경우, 전자 장치(100)는 상기 확대된 제1 영역(B1)의 크기를 축소하고 제2 영역(A1, A2, A3)의 크기를 확대하는 제2 애니메이션을 제공함으로써 식별번호 330과 같은 페이지로 변경 표시할 수 있다. 이때 제2 애니메이션은 제1 애니메이션이 제공되는 제1 시간보다 짧은 제2 시간 동안 제공될 수 있으며, 상기 제1 영역(B1)은 상기 제2 애니메이션에 따라 완전히 축소되어 제2 영역(A1, A2, A3)으로 모두 대체될 수 있다. 예컨대, 상기 제2 애니메이션은 제1 애니메이션이 제공된 제1 시간(예: 약 0.4 초)보다 짧은 제2 시간(예: 약 0.2 초)동안 제공될 수 있다. 이를 통해 제1 영역(B1)의 크기 확장 시에는 상대적으로 긴 시간 동안 사용자에게 제1 영역(B1)에 대응하는 콘텐츠를 노출할 수 있으며, 제1 영역(B1)의 크기 축소 시에는 보다 짧은 시간 동안 상기 크기 변경 애니메이션이 제공됨으로써 사용자가 답답함을 느끼지 않도록 할 수 있다.
한편 일 실시예에서 제2 영역(A1, A2, A3)은 제2-1 영역(A1) 및 제2-2 영역(A2)을 포함할 수 있다. 예를 들어 전자 장치(100)는 식별번호 310에서 식별번호 320로 변경되는 제1 애니메이션 또는 식별번호 320에서 식별번호 330으로 변경되는 제2 애니메이션이 제공되는 동안, 상기 제2-1 영역(A1)의 크기는 변경하지 않고 일정하게 유지하고 상기 2-2 영역(A2)의 크기만을 축소하거나 확대하여 표시할 수 있다. 다만, 도 4a에 도시된 것과 같이, 상기 제1 애니메이션 및 제2 애니메이션의 제공에 따라 제2-1 영역(A1) 및 제2-2 영역(A2)은 제1 영역(B1)의 크기 변경에 대응하여 페이지 상에서 표시되는 위치가 변경될 수 있다.
한편 일 실시예에서 제2 영역(A1, A2, A3)은 제2-1 영역(A1) 및 제2-2 영역(A2) 이외에도 제2-3 영역(A3)을 더 포함할 수도 있다. 상기 제2-3 영역은 사용자 입력의 수신과 관계없이 크기 및 페이지 상에 표시되는 위치가 일정하게 유지되는 영역에 해당할 수 있다.
어떤 실시예에 따르면, 전자 장치(100)는 터치 드래그 입력이나 마우스 휠을 이용한 스크롤링 입력에 대응하는 사용자 입력 이외에도 제1 영역(B1)의 일 지점을 터치하는 사용자 입력이 수신되는 것에 대한 응답으로 상기 제1 애니메이션 또는 제2 애니메이션을 제공할 수도 있다. 예컨대, 도 4a에 도시된 것과 같이 페이지의 제1 영역(B1)에는 상기 제1 영역(B1)의 크기를 확대하기 위한 입력을 수신하도록 설정된 표시부(예: v 형상) 또는 상기 제1 영역(B1)의 크기를 축소하기 위한 입력을 수신하도록 설정된 표시부(예: ^ 형상, 또는 x 형상)가 포함되어 있을 수 있으며, 전자 장치(100)는 상기 표시부에 대응하는 터치 입력을 수신함에 따라 상기 제1 애니메이션 또는 제2 애니메이션을 제공하며 페이지 형태를 변경시킬 수도 있다. 다른 예에서 전자 장치(100)는 제1 영역(B1)에 대한 터치 입력일 경우 상기 터치되는 지점이 전술한 표시부에 대응하는지 여부와 관계없이 항상 상기 제1 애니메이션 또는 제2 애니메이션을 제공하도록 설정될 수도 있다. 한편 어떤 실시예에 따르면, 전자 장치(100)는 상기 제1 영역(B1)의 일 지점을 짧게 한번 터치(싱글 탭)하는 입력을 수신할 경우 상기 제1 애니메이션 또는 제2 애니메이션을 제공하도록 설정될 수 있으나, 이에 제한되는 것은 아니며, 연속적으로 두 번 터치(더블 탭)하거나, 또는 길게 터치(롱 터치)하는 입력을 수신할 경우에 상기 제1 애니메이션 또는 제2 애니메이션을 제공하도록 설정될 수도 있다.
도 4b를 참조하면, 일 실시예에 따른 전자 장치(100)는, 제1 영역(B1) 및 제2 영역(A1, A2, A3)을 포함하는 페이지를 표시하고, 상기 페이지에 대해 식별번호 340에 도시된 것과 같이 제2 영역(A1, A2, A3)의 특정 지점에서 시작되어 제1 영역(B1)이 향하는 방향으로 드래그되는 터치 드래그 입력에 대응하는 제3 사용자 입력을 수신할 경우, 상기 입력에 대응하여 제1 영역(B1)의 크기를 축소하고 제2 영역(A1, A2, A3)의 크기를 확대하는 애니메이션을 제공함으로써 식별번호 350와 같은 페이지 형태를 거쳐 식별번호 360과 같은 페이지 형태로 변경하여 표시할 수 있다.
예컨대, 상기 제3 사용자 입력은 도 4a의 식별번호 320를 참조하여 설명한 제2 사용자 입력과 실질적으로 유사한 터치 드래그 입력에 해당할 수 있으나, 전자 장치(100)는 상기 제2 사용자 입력 또는 제3 사용자 입력이 수신되기 이전에, 제1 애니메이션이 제공됨에 따라 현재 제1 영역(B1)이 확대되어 있는 상태인지 여부에 기반하여, 서로 다른 애니메이션을 제공할 수 있다.
예를 들어 도 4b의 식별번호 340에 도시된 것과 같이 제1 영역(B1)이 확대되지 않은 상태에서 상기 제3 사용자 입력이 수신되는 경우에는, 전자 장치(100)는 식별번호 350에 도시된 것과 같이, 제1 영역(B1)의 크기를 축소하고 제2 영역(A1, A2, A3)의 크기를 확대하는 애니메이션을 제공할 수 있다. 한편 상기 제2 영역(A1, A2, A3) 중 상기 제1 영역(B1)과 인접하는 위치에 대응하는 제2-1 영역(A1)은, 상기 애니메이션이 제공되는 동안 상기 제1 영역(B1)과 마찬가지로 축소되게 되고, 상기 제1 영역(B1)과 상대적으로 먼 위치에 대응하는 제2-2 영역(A2)은, 상기 애니메이션에 의해, 상기 제1 영역(B1) 및 제2-1 영역(A1)의 크기 감소에 대응하여 그 크기가 확대될 수 있다. 또한, 상기 제1 영역(B1)과 제2-1 영역(A1)은 상기 애니메이션이 제공되는 동안 그 크기가 점차 감소함에 따라 식별번호 360에 도시된 것과 같이 완전히 사라지게 되고 그 위치는 제2-2 영역(A2)으로 모두 대체될 수 있다.
또한, 실시예에서 전자 장치(100)는 식별번호 360과 같이 제1 영역(B1) 및 제2-1 영역(A1)이 완전히 사라진 페이지에서, 상기 제2 영역(A2, A3)의 일 지점에서 시작되어 기존 제1 영역(B1) 및 제2-1 영역(A1)이 위치하던 방향과 반대되는 방향으로 드래그되는 제4 사용자 입력을 수신할 경우, 상기 제4 사용자 입력에 대응하여 식별번호 370에 도시된 것과 같이 제2-1 영역(A1)은 다시 페이지 상에 노출하되 제1 영역(B1)은 노출하지 않는 형태의 페이지를 제공할 수 있다. 예컨대 상기 제2-1 영역(A1)의 재노출은 애니메이션 형태로 점진적으로 확대되어 나타날 수 있으며, 이때 제2-2 영역(A2)은 제2-1 영역(A1)과 멀어지는 방향으로 이동 표시되고, 제2-3 영역(A3)은 애니메이션과 관계없이 그 형태가 유지될 수 있다.
예를 들면, 상기 페이지에서 제1 영역(B1)은 전자 상거래 서비스를 제공함에 있어서 가장 중요도가 낮은 콘텐츠(예: 사용자 정보(사용자의 등급 정보, 서비스 가입 여부에 관한 정보 등), 이벤트 정보(특정 서비스 가입 유도를 위한 이벤트 정보, 서비스 혜택 정보 등))가 표시되는 영역에 해당할 수 있으며, 제2-1 영역(A1)은 제1 영역(B1)에 표시되는 콘텐츠보다는 중요도가 높으나, 제2-2 영역(A2)에 표시되는 콘텐츠(예: 상품의 판매와 관련된 상세 정보, 판매 상품의 검색 결과와 관련된 정보 등)보다는 중요도가 낮은 콘텐츠(예: 상품 검색 기능을 제공하기 위한 검색 탭 등)가 표시되는 영역에 해당할 수 있다. 또한, 제2-3 영역(A3)은 어느 상황에서나 지속적으로 사용자에게 정보가 제공될 필요가 있는 가장 중요도가 높은 콘텐츠(예: 메인 페이지, 환경 설정 페이지, 장바구니 페이지 등으로 진입하는 기능을 제공하기 위한 바로가기 아이콘 등)가 표시되는 영역에 해당할 수 있다.
다양한 실시예에 따른 전자 장치(100)는 페이지의 각 영역의 중요도를 고려하여 사용자 입력에 대응하여 특정 영역을 확대하거나 축소(또는 제외) 표시하는 페이지 정보를 제공함으로써, 보다 직관적이고 사용성이 개선된 인터페이스를 사용자에게 제공할 수 있다.
한편, 일 실시예에서 전자 장치(100)는, 터치 드래그 입력이나 마우스 휠을 이용한 스크롤링 입력 방식의 사용자 입력 이외에도, 특정 지점을 터치하는 사용자 입력의 수신에 대한 응답으로 상기 도 4b를 참조하여 설명한 애니메이션을 제공할 수도 있다. 예를 들어, 전자 장치(100)는 제2 영역(A1, A2, A3)의 특정 위치에서 터치 입력이 감지됨에 따라 상기 식별번호 340에서 식별번호 350 및 360으로 변화되는 애니메이션을 제공할 수 있다. 다른 예에서, 전자 장치(100)는 제2 영역(A1, A2, A3) 중 지정된 영역(예컨대, 제1 영역(B1)의 크기를 축소하기 위한 입력을 수신하도록 설정된 특정 표시부(예: ^ 형상(미도시) 등))에 대응하는 터치 입력(예컨대, 숏 터치, 롱 터치, 더블 터치 등)을 수신함에 따라 상기 애니메이션을 제공할 수도 있음은 물론이다.
도 5a 내지 도 5e는 본 개시의 다양한 실시예에 따른 페이지 정보 제공 방법을 설명하기 위한 개략적인 페이지 화면들을 나타낸 도면들이다.
도 5a 내지 도 5e를 참조하면, 전자 장치(100)에 의해 사용자 단말(200)에 제공되는 페이지는, 각각 상이한 특성을 갖는 콘텐츠를 표시하는 A1 영역, A2 영역, 및 A3 영역을 포함할 수 있다.
도 5a에서, 전자 장치(100)는, 상기 A2 영역에서 시작되어 A1 영역과 가까워지는 방향으로 향하는 드래그 입력 또는 스크롤링 입력을 수신할 수 있으며, 도 5b 및 도 5c에서, 상기 입력 수신에 대한 응답으로, A1 영역을 축소하고 A2 영역을 확대하는 애니메이션을 제공할 수 있다. 예컨대, 전자 장치(100)는 A1 영역 또는 A3 영역에서 시작되는 터치 드래그 입력 또는 스크롤링 입력에 대해서는 이를 무시하고 별도의 동작을 수행하지 않을 수 있다.
일 실시예에 따르면, 전자 장치(100)는 상기 드래그 입력(또는, 스크롤링 입력) 속도가 설정된 크기 미만일 경우에는 A1 영역을 축소하지 않을 수 있으며, 상기 드래그 입력(또는, 스크롤링 입력) 속도가 설정된 크기 이상일 경우에 A1 영역을 축소하고 상기 축소된 A1 영역의 크기에 대응하여 A2 영역의 크기를 확대할 수 있다. 예컨대 상기 설정된 크기는 약 200mbp 의 속도일 수 있다.
한편, 전자 장치(100)는, 상기 A1 영역의 크기를 축소하고 A2 영역의 크기를 확대하는 애니메이션의 제공에 따라, 도 5b에 도시된 것과 같이 A1 영역의 크기를 점차적으로 축소하여 표시하고, 그 결과로서 도 5c에 도시된 것과 같이 A1 영역을 완전히 제외하고 기존 A1 영역이 표시되던 영역을 모두 A2 영역으로 대체하여 표시할 수 있다.
이 과정에서 상기 A1 영역에 표시되는 콘텐츠는, 도 5b에 도시된 것과 같이, A1 영역의 크기가 축소되는 비율에 대응하여 일체로 축소되어 표시될 수 있다. 반면, A2 영역에 표시되는 콘텐츠는, A2 영역의 크기가 확대되는 비율에 관계없이 동일한 크기를 유지할 수 있으며, 확대된 A2 영역 상에서 상기 콘텐츠가 표시되는 위치만이 사용자 입력에 대응하는 드래그 입력 방향으로 스크롤링 방식으로 이동할 수 있다.
도 5d에서, 전자 장치(100)는, A2 영역에서 시작되어 기존 A1 영역이 표시되던 위치와 반대되는 방향으로 향하는 드래그 입력 또는 스크롤링 입력의 사용자 입력을 수신할 경우, 도 5e에서, 전자 장치(100)는 상기 사용자 입력에 대응하여 상기 축소되었던 A1 영역이 확대되어 표시되고 상기 확대되었던 A2 영역은 축소되어 표시되는 애니메이션을 제공할 수 있다. 이 경우, 상기 A1 영역이 다시 확대되어 표시되는 애니메이션이 제공되는 시간은 상기 A1 영역이 축소되어 표시되는 애니메이션이 제공되는 시간보다 짧을 수 있다.
한편, 페이지의 A3 영역은, 도 5a 내지 도 5e에 도시된 것과 같이, 사용자 입력의 수신과 관계없이 일정한 크기를 유지할 수 있다.
예컨대 다양한 실시예에 따르면, A1 영역은 상품의 검색 기능을 제공하기 위한 검색 탭 등의 콘텐츠를 표시하는 영역에 해당할 수 있고, A2 영역은 상품의 상세 정보, 판매 상품 추천 정보 등의 콘텐츠를 표시하는 영역에 해당할 수 있고, A3 영역은 소정의 아이콘이 표시되는 영역에 해당할 수 있다.
상기 제1 애니메이션 및 제2 애니메이션의 제공에 따라, A1 영역과 A2 영역의 크기는 확대되거나 축소될 수 있으며, A3 영역의 크기는 확대되거나 축소되지 않고 그 크기가 유지될 수 있다. 또한, 상기 제1 애니메이션 및 제2 애니메이션의 제공에 따라, 상기 A1 영역에 표시되는 콘텐츠의 크기 역시 A1 영역의 크기에 대응하여 확대되거나 축소될 수 있으며, 상기 A2 영역에 표시되는 콘텐츠의 크기는 A2 영역의 크기 변경과 관계없이 일정하게 유지되되 스크롤링 방식으로 위치가 변경되어 표시될 수 있다.
도 6 및 도 7은 본 개시의 일 실시예에 따른 정보 제공 방법을 설명하기 위한 개략적인 페이지를 도시한 도면들이다.
도 6 및 도 7을 참조하면, 다양한 실시예에 따른 전자 장치(100)는 제1 영역(B1) 및 제2 영역(A1, A2, A3)을 포함하는 페이지 정보를 제공할 수 있다.
예를 들면, 전자 장치(100)는 제1 영역(B1)의 일 지점에 대한 터치 입력에 대응하는 사용자 입력 또는 제2 영역(A1, A2, A3)에서 시작되는 터치 드래그 입력(또는, 스크롤링 입력)에 대응하는 사용자 입력에 기초하여, 제1 영역(B1)의 크기 및 제2 영역(A1, A2, A3)의 크기를 변경하여 표시되도록 페이지 정보를 제공할 수 있다.
예컨대, 도 6의 식별번호 410에 도시된 제1 영역(B1) 및 제2 영역(A1, A2, A3)을 포함하는 페이지 상에서 전자 장치(100)는 소정의 제1 영역(B1)에 대한 터치 입력을 수신할 경우, 식별번호 420에 도시된 것과 같이, 제1 영역(B1)을 확대하여 표시하고, 상기 제1 영역(B1)이 확대되는 것에 대응하여 제2 영역(A1, A2, A3)을 축소하여 표시 대상에서 제외할 수 있다.
예를 들어, 상기 식별번호 420에서 확대된 제1 영역(B1)에 표시되는 콘텐츠는, 식별번호 410에서의 제1 영역(B1)에 표시되었던 콘텐츠와 유사한 정보를 포함하되 보다 구체적인 사용자 정보 또는 이벤트 정보에 대응하는 콘텐츠에 해당할 수 있다. 예컨대, 상기 식별번호 420의 확대된 제1 영역(B1)에 표시되는 콘텐츠는 상기 사용자 정보 또는 이벤트 정보에 대한 다른 페이지로 전환시키는 링크 정보를 포함할 수 있으며, 상기 제1 영역(B1)을 제2 영역(A1, A2, A3)으로 전환할 수 있는 표시부(예: "X" 형상, "쇼핑 계속하기" 버튼부 등)를 포함할 수 있다. 전자 장치(100)는 상기 식별번호 420의 페이지에 대한 사용자 입력에 따라 상기 사용자 정보 또는 이벤트 정보에 대한 페이지로 전환하여 표시하거나, 식별번호 430와 같은 제2 영역(A1, A2, A3)이 확대된 페이지를 표시할 수 있다.
다른 예를 들면, 전자 장치(100)는 도 7의 식별번호 440에 도시된 것과 같이 제1 영역(B1) 및 제2 영역(A1, A2, A3)을 포함하는 페이지에서, 사용자 입력과 관계없이 상기 제1 영역(B1)의 크기 및 콘텐츠를 고정하여 표시하되, 상기 제1 영역(B1)의 표시를 삭제하기 위한 표시부(예: "X" 형상)에 대한 터치 입력(예: 싱글 탭, 더블 탭, 또는 롱 터치)의 수신에 따라 식별번호 450에 도시된 것과 같이 제1 영역(B1)을 제외하고 제2 영역(A1, A2, A3)을 확대하여 표시할 수 있다. 예컨대, 상기 식별번호 440에서 제1 영역(B1)에 표시되는 콘텐츠는 사용자의 이벤트 가입에 따른 혜택 정보(예: "회원 김OO 님은 무료 배송 + 7가지 혜택")에 대응할 수 있으며, 제2 영역(A1, A2, A3)에 표시되는 콘텐츠는 추천 상품 관련 정보, 상품 검색 결과 정보, 판매 상품의 상세 정보, 장바구니 목록 정보 등 판매 상품과 관련된 다양한 정보에 대응할 수 있다.
예를 들면, 전자 장치(100)는 사용자 단말(200)과의 정보 제공 호환성을 고려하여, 사용자 단말(200)에서 제공되는 페이지의 형태에 따라 다른 애니메이션을 제공할 수 있다. 예컨대, 일 실시예에서 전자 장치(100)는 사용자 단말(200)에서 페이지가 애플리케이션을 통해 앱-페이지 형태로 표시될 경우에는 사용자 입력에 대응하여 도 4a 및 도 4b를 통해 설명한 애니메이션을 제공할 수 있으나, 사용자 단말(200)에서 페이지가 웹 브라우저를 통해 웹-페이지 형태로 표시될 경우에는 사용자 입력에 대응하여 도 6 또는 도 7에 도시된 페이지 형태로 제공할 수 있다.
한편 도 6 및 도 7에서의 제1 영역(B1) 및 제2 영역(A1, A2, A3)의 크기 변경은 페이드 인 또는 페이드 아웃 형태의 점진적인 애니메이션 동작에 의해 수행되지 않고 즉각적으로 크기가 변경되어 표시될 수도 있다.
다른 실시예에 따르면, 전자 장치(100)는 사용자 단말(200)에 제공하는 페이지 정보와 관련하여 특정 이벤트가 진행 중인 경우 또는 사용자가 소정 멤버십에 가입하지 않은 상태인 경우에는 도 4a 및 도 4b을 참조하여 설명한 방식으로 제1 영역(B1)에서 사용자 정보 또는 이벤트나 서비스 혜택 정보에 대응하는 콘텐츠를 표시할 수 있으나, 상기 이벤트가 종료되었거나 사용자가 멤버십 가입을 완료한 이후에는 도 6 또는 도 7을 참조하여 설명한 방식으로 제1 영역(B1)에서 이벤트 종료 안내 정보 또는 사용자에게 제공되는 멤버십 혜택 정보에 대응하는 콘텐츠를 표시할 수도 있다.
또 다른 실시예에 따르면, 전자 장치(100)는 특정 이벤트가 진행 중인 경우에는 상기 제1 영역(B1)의 크기를 확대하도록 설정된 사용자 입력을 수신함에 따라, 확대된 제1 영역(B1) 상에 이벤트 가입과 관련된 안내 콘텐츠를 표시할 수 있다. 전자 장치(100)는 상기 이벤트 기간 도중에 사용자 입력에 대응하여 상기 이벤트 가입과 관련된 안내 콘텐츠를 제공하고자 하는 경우에는 도 4a를 참조하여 설명한 방식으로 제2 영역(A1, A2, A3)을 제1 영역(B1)과 멀어지는 방향으로 슬라이딩하여 표시한 후 확대된 제1 영역(B1) 상에 상기 이벤트 가입 관련 콘텐츠를 표시할 수 있다. 예를 들면, 일 실시예에서 상기 특정 이벤트는 유료 멤버십 서비스에 대한 무료 참여 이벤트에 해당할 수 있다. 한편 전자 장치(100)는 이벤트 기간이 도과하여 상기 이벤트가 종료된 경우에는, 제1 영역(B1)의 크기를 확대하도록 설정된 사용자 입력을 수신함에 따라, 확대된 제1 영역(B1) 상에 멤버십 서비스의 가입을 안내하는 콘텐츠를 표시할 수 있다. 전자 장치(100)는 상기 이벤트 기간이 도과함에 따라 사용자 입력에 대응하여 멤버십 서비스 가입과 관련된 콘텐츠를 제공하고자 할 경우 도 6을 참조하여 설명한 방식으로 제2 영역(A1, A2, A3)을 모두 제1 영역(B1)으로 대체하고 상기 페이지의 전체 화면을 차지하는 제1 영역(B1) 상에 멤버십 서비스 가입 관련 콘텐츠를 표시할 수 있다. 그러나 이 경우에도 식별번호 410의 제1 영역(B1)에 표시되는 콘텐츠와 식별번호 420의 확대된 제1 영역(B1)에 표시되는 콘텐츠는 동일한 배경 색상, 동일한 이미지, 또는 동일한 텍스트 색상으로 구성됨에 따라 사용자에게 제1 영역(B1)에 대한 연속성을 보여줄 수 있다.
한편, 본 명세서와 도면에는 본 발명의 바람직한 실시 예에 대하여 개시하였으며, 비록 특정 용어들이 사용되었으나, 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 일반적인 의미에서 사용된 것이지, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시 예 외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형 예들이 실시 가능하다는 것은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명한 것이다.
전술한 실시예들에 따른 전자 장치 또는 사용자 단말은, 프로세서, 프로그램 데이터를 저장하고 실행하는 메모리, 디스크 드라이브와 같은 영구 저장부(permanent storage), 외부 장치와 통신하는 통신 포트, 터치 패널, 키(key), 버튼 등과 같은 사용자 인터페이스 장치 등을 포함할 수 있다. 소프트웨어 모듈 또는 알고리즘으로 구현되는 방법들은 상기 프로세서상에서 실행 가능한 컴퓨터가 읽을 수 있는 코드들 또는 프로그램 명령들로서 컴퓨터가 읽을 수 있는 기록 매체 상에 저장될 수 있다. 여기서 컴퓨터가 읽을 수 있는 기록 매체로 마그네틱 저장 매체(예컨대, ROM(read-only memory), RAM(random-Access memory), 플로피 디스크, 하드 디스크 등) 및 광학적 판독 매체(예컨대, 시디롬(CD-ROM), 디브이디(DVD: Digital Versatile Disc)) 등이 있다. 컴퓨터가 읽을 수 있는 기록 매체는 네트워크로 연결된 컴퓨터 시스템들에 분산되어, 분산 방식으로 컴퓨터가 판독 가능한 코드가 저장되고 실행될 수 있다. 매체는 컴퓨터에 의해 판독가능하며, 메모리에 저장되고, 프로세서에서 실행될 수 있다.
본 실시예는 기능적인 블록 구성들 및 다양한 처리 단계들로 나타내어질 수 있다. 이러한 기능 블록들은 특정 기능들을 실행하는 다양한 개수의 하드웨어 또는/및 소프트웨어 구성들로 구현될 수 있다. 예를 들어, 실시 예는 하나 이상의 마이크로프로세서들의 제어 또는 다른 제어 장치들에 의해서 다양한 기능들을 실행할 수 있는, 메모리, 프로세싱, 로직(logic), 룩 업 테이블(look-up table) 등과 같은 직접 회로 구성들을 채용할 수 있다. 구성 요소들이 소프트웨어 프로그래밍 또는 소프트웨어 요소들로 실행될 수 있는 것과 유사하게, 본 실시 예는 데이터 구조, 프로세스들, 루틴들 또는 다른 프로그래밍 구성들의 조합으로 구현되는 다양한 알고리즘을 포함하여, C, C++, 자바(Java), 어셈블러(assembler) 등과 같은 프로그래밍 또는 스크립팅 언어로 구현될 수 있다. 기능적인 측면들은 하나 이상의 프로세서들에서 실행되는 알고리즘으로 구현될 수 있다. 또한, 본 실시 예는 전자적인 환경 설정, 신호 처리, 및/또는 데이터 처리 등을 위하여 종래 기술을 채용할 수 있다. “매커니즘”, “요소”, “수단”, “구성”과 같은 용어는 넓게 사용될 수 있으며, 기계적이고 물리적인 구성들로서 한정되는 것은 아니다. 상기 용어는 프로세서 등과 연계하여 소프트웨어의 일련의 처리들(routines)의 의미를 포함할 수 있다.
전술한 실시예들은 일 예시일 뿐 후술하는 청구항들의 범위 내에서 다른 실시예들이 구현될 수 있다.

Claims (15)

  1. 전자 장치의 정보 제공 방법에 있어서,
    제1 영역 및 제2 영역을 포함하는 페이지를 표시하는 단계;
    상기 페이지에 대한 사용자 입력의 수신 여부를 확인하는 단계;
    제1 사용자 입력의 수신에 대한 응답으로, 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하는 단계; 및
    상기 제1 애니메이션이 제공된 이후에, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 애니메이션이 제공된 제1 시간보다 짧은 제2 시간 동안, 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하는 단계를 포함하고,
    상기 제1 애니메이션 및 상기 제2 애니메이션이 제공되는 동안 상기 제2 영역에서 표시되는 콘텐츠의 크기는, 상기 제2 영역의 크기 변경과 관계없이 일정하게 유지되는, 정보 제공 방법.
  2. 제 1 항에 있어서,
    상기 제1 사용자 입력은, 상기 제2 영역에서 시작되어 상기 제1 영역을 향하는 방향의 반대 방향으로 드래그되는 터치 드래그 입력을 포함하고,
    상기 제2 사용자 입력은, 상기 제2 영역에서 시작되어 상기 제1 영역을 향하는 방향으로 드래그되는 터치 드래그 입력을 포함하는, 정보 제공 방법.
  3. 제 1 항에 있어서,
    상기 제1 영역은 사용자 정보에 대응하는 제1 유형의 콘텐츠를 표시하기 위한 영역을 포함하고,
    상기 제2 영역은 상품의 판매 관련 정보에 대응하는 제2 유형의 콘텐츠를 표시하기 위한 영역을 포함하는, 정보 제공 방법.
  4. 제 1 항에 있어서,
    상기 제1 애니메이션이 제공되기 이전에, 상기 제2 영역에서 시작되어 상기 제1 영역이 향하는 방향으로 드래그되는 제3 사용자 입력이 수신되는 경우, 상기 제3 사용자 입력의 드래그 속도가 설정된 크기 미만인지 여부를 확인하는 단계; 및
    상기 제3 사용자 입력의 드래그 속도가 설정된 크기 미만이면, 상기 제1 영역 및 상기 제2 영역의 크기를 유지하되 상기 제2 영역에 표시되는 콘텐츠를 스크롤링 방식으로 이동하여 표시하는 단계를 더 포함하는, 정보 제공 방법.
  5. 제 4 항에 있어서,
    상기 제3 사용자 입력의 드래그 속도가 상기 설정된 크기 이상이면, 상기 제1 영역의 크기가 축소되고 상기 제2 영역의 크기가 확대되는 제3 애니메이션을 제공하고, 상기 제2 영역에 표시되는 콘텐츠를 스크롤링 방식으로 이동하여 표시하는 단계를 더 포함하는, 정보 제공 방법.
  6. 제 1 항에 있어서,
    상기 제2 애니메이션을 제공하는 단계는,
    상기 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 영역이 상기 제2 영역으로 전부 대체되는 단계를 포함하는, 정보 제공 방법.
  7. 제 1 항에 있어서,
    상기 제1 애니메이션 및 상기 제2 애니메이션에서, 상기 제2 영역이 축소되거나 확대되는 크기는 상기 제1 영역이 확대되거나 축소되는 크기에 대응하는, 정보 제공 방법.
  8. 제 1 항에 있어서,
    상기 제1 영역은 상기 페이지의 상단부에 위치하고, 상기 제2 영역은 상기 페이지의 하단부에 위치하며,
    상기 제1 영역과 접하는 상기 제2 영역의 상부 모서리는 라운드진 형상을 갖는, 정보 제공 방법.
  9. 제 1 항에 있어서,
    상기 제1 사용자 입력 및 상기 제2 사용자 입력은, 상기 제1 영역에 대한 싱글 터치 입력 또는 상기 제2 영역에 대한 터치 드래그 입력 중 어느 하나를 포함하는, 정보 제공 방법.
  10. 전자 장치에 있어서,
    통신 모듈;
    데이터베이스; 및
    상기 데이터베이스와 전기적으로 연결된 프로세서를 포함하고,
    상기 프로세서는,
    제1 영역 및 제2 영역을 포함하는 페이지를 표시하고,
    상기 통신 모듈을 이용하여 상기 페이지에 대한 사용자 입력을 수신하고,
    제1 사용자 입력의 수신에 대한 응답으로, 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하고, 및
    상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 애니메이션이 제공된 제1 시간보다 짧은 제2 시간 동안, 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하도록 설정되며,
    상기 프로세서는, 상기 제1 애니메이션 및 상기 제2 애니메이션이 제공되는 동안 상기 제2 영역에서 표시되는 콘텐츠의 크기는, 상기 제2 영역의 크기 변경과 관계없이 일정하게 유지되도록 설정된, 전자 장치.
  11. 제 10 항에 있어서,
    상기 제1 사용자 입력은, 상기 제2 영역에서 시작되어 상기 제1 영역을 향하는 방향의 반대 방향으로 드래그되는 터치 드래그 입력을 포함하고,
    상기 제2 사용자 입력은, 상기 제2 영역에서 시작되어 상기 제1 영역을 향하는 방향으로 드래그되는 터치 드래그 입력을 포함하는, 전자 장치.
  12. 제 10 항에 있어서,
    상기 프로세서는,
    상기 제1 애니메이션이 제공되기 이전에, 상기 제2 영역에서 시작되어 상기 제1 영역이 향하는 방향으로 드래그되는 제3 사용자 입력을 수신하고,
    상기 제3 사용자 입력의 드래그 속도가 설정된 크기 미만인지 여부를 확인하고, 및
    상기 제3 사용자 입력의 드래그 속도가 설정된 크기 미만인 경우, 상기 제1 영역 및 상기 제2 영역의 크기를 유지하되 상기 제2 영역에 표시되는 콘텐츠를 스크롤링 방식으로 이동하여 표시하도록 설정된, 전자 장치.
  13. 제 10 항에 있어서,
    상기 프로세서는,
    상기 제3 사용자 입력의 드래그 속도가 상기 설정된 크기 이상인 경우, 상기 제1 영역의 크기가 축소되고 상기 제2 영역의 크기가 확대되는 제3 애니메이션을 제공하고, 상기 제2 영역에 표시되는 콘텐츠를 스크롤링 방식으로 이동하여 표시하도록 설정된, 전자 장치.
  14. 제 10 항에 있어서,
    상기 제1 영역은 상기 페이지의 상단부에 대응하고, 상기 제2 영역은 상기 페이지의 하단부에 대응하며,
    상기 제1 영역과 접하는 상기 제2 영역의 상부 모서리는 라운드진 형상을 갖는, 전자 장치.
  15. 정보 제공 방법을 수행하도록 하는 컴퓨터 판독 가능한 저장매체에 저장된 프로그램에 있어서, 상기 정보 제공 방법은,
    제1 영역 및 제2 영역을 포함하는 페이지를 표시하는 단계;
    상기 페이지에 대한 사용자 입력의 수신 여부를 확인하는 단계;
    제1 사용자 입력의 수신에 대한 응답으로, 상기 제1 애니메이션이 제공된 제1 시간 동안 상기 제1 영역의 크기가 확대되고 상기 제2 영역의 크기가 축소되는 제1 애니메이션을 제공하는 단계; 및
    상기 제1 애니메이션이 제공된 이후, 제2 사용자 입력의 수신에 대한 응답으로, 상기 제1 시간보다 짧은 제2 시간 동안 상기 확대된 제1 영역의 크기가 축소되고 상기 축소된 제2 영역의 크기가 확대되는 제2 애니메이션을 제공하는 단계를 포함하고,
    상기 제1 애니메이션 및 상기 제2 애니메이션이 제공되는 동안 상기 제2 영역에서 표시되는 콘텐츠의 크기는, 상기 제2 영역의 크기 변경과 관계없이 일정하게 유지되는, 프로그램.
KR1020210117592A 2021-09-03 2021-09-03 정보 제공 방법 및 이를 수행하는 전자 장치 KR102410570B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020210117592A KR102410570B1 (ko) 2021-09-03 2021-09-03 정보 제공 방법 및 이를 수행하는 전자 장치
PCT/KR2021/012429 WO2023033223A1 (ko) 2021-09-03 2021-09-13 정보 제공 방법 및 이를 수행하는 전자 장치
KR1020220072287A KR20230034874A (ko) 2021-09-03 2022-06-14 정보 제공 방법 및 이를 수행하는 전자 장치
TW111132881A TW202322019A (zh) 2021-09-03 2022-08-31 提供資訊之方法及執行該方法之電子設備

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020210117592A KR102410570B1 (ko) 2021-09-03 2021-09-03 정보 제공 방법 및 이를 수행하는 전자 장치

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020220072287A Division KR20230034874A (ko) 2021-09-03 2022-06-14 정보 제공 방법 및 이를 수행하는 전자 장치

Publications (1)

Publication Number Publication Date
KR102410570B1 true KR102410570B1 (ko) 2022-06-22

Family

ID=82216825

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020210117592A KR102410570B1 (ko) 2021-09-03 2021-09-03 정보 제공 방법 및 이를 수행하는 전자 장치
KR1020220072287A KR20230034874A (ko) 2021-09-03 2022-06-14 정보 제공 방법 및 이를 수행하는 전자 장치

Family Applications After (1)

Application Number Title Priority Date Filing Date
KR1020220072287A KR20230034874A (ko) 2021-09-03 2022-06-14 정보 제공 방법 및 이를 수행하는 전자 장치

Country Status (3)

Country Link
KR (2) KR102410570B1 (ko)
TW (1) TW202322019A (ko)
WO (1) WO2023033223A1 (ko)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140075424A (ko) * 2012-12-11 2014-06-19 삼성전자주식회사 컨텐츠 확대 디스플레이 방법 및 그 전자 장치
JP2017021436A (ja) * 2015-07-07 2017-01-26 ヤフー株式会社 情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法
KR20210079160A (ko) * 2019-12-19 2021-06-29 (주)오버플로우 화면을 확대하여 표시하며 실시간으로 중계하는 장치 및 이의 동작 방법

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140024721A (ko) * 2012-08-21 2014-03-03 삼성전자주식회사 표시범위 변경 방법 및 그 전자 장치
JP6679640B2 (ja) * 2018-03-20 2020-04-15 ヤフー株式会社 情報表示プログラム、情報表示装置、情報表示方法および配信装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140075424A (ko) * 2012-12-11 2014-06-19 삼성전자주식회사 컨텐츠 확대 디스플레이 방법 및 그 전자 장치
JP2017021436A (ja) * 2015-07-07 2017-01-26 ヤフー株式会社 情報表示プログラム、情報表示装置、情報表示方法、配信装置および配信方法
KR20210079160A (ko) * 2019-12-19 2021-06-29 (주)오버플로우 화면을 확대하여 표시하며 실시간으로 중계하는 장치 및 이의 동작 방법

Also Published As

Publication number Publication date
WO2023033223A1 (ko) 2023-03-09
KR20230034874A (ko) 2023-03-10
TW202322019A (zh) 2023-06-01

Similar Documents

Publication Publication Date Title
RU2480846C1 (ru) Система и способ предоставления многонаправленного визуального просмотра (варианты)
CN107408256B (zh) 优化的物品属性比较
JP2020173834A (ja) 通信セッションの状態の保存
US20160371751A1 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
CN111061419B (zh) 一种应用栏显示方法及电子设备
US20110307826A1 (en) User interface with mouse-over function
US20130335340A1 (en) Controlling display of images received from secondary display devices
KR101858133B1 (ko) 통신 세션 상태를 저장 및 제시하는 기법
US20150161717A1 (en) Object selection and presentation of object-related data in one consistent page view
US9075499B2 (en) Method and apparatus for providing reference content
WO2023001265A1 (zh) 应用图标的显示方法、装置、电子设备和可读存储介质
JP2019501442A (ja) 携帯用通信端末機のファースト画面を利用したコンテンツの提供方法
US9310974B1 (en) Zoom-based interface navigation
TWI811808B (zh) 電子設備及其資訊提供方法
KR102417044B1 (ko) 정보 제공 방법 및 이를 수행하는 전자 장치
KR20220143567A (ko) 정보 제공 방법 및 이를 수행하는 전자 장치
CN112667328A (zh) 具有多种图形化用户接口的股票报价装置与方法
US11579766B2 (en) Methods and systems for reducing inadvertent interactions with advertisements displayed on a computing device
KR102410570B1 (ko) 정보 제공 방법 및 이를 수행하는 전자 장치
US10540706B2 (en) System for intelligent injecting and ejecting of virtual connected buttons for OS interfaces
TWI467510B (zh) 自動定位捲動視圖最佳顯示位置之金融看盤裝置及方法
EP3472728A1 (en) Deconstructing and rendering of web page into native application experience
JP2018185681A (ja) ポイント還元装置、ポイント還元方法およびポイント還元プログラム
CN114549202A (zh) 股票交易方法及装置
JP6774974B2 (ja) 表示プログラム、表示装置及び表示方法

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
A107 Divisional application of patent
GRNT Written decision to grant