KR20160026813A - Method of controlling application for shopping in portable device having large touch screen - Google Patents

Method of controlling application for shopping in portable device having large touch screen Download PDF

Info

Publication number
KR20160026813A
KR20160026813A KR1020150156479A KR20150156479A KR20160026813A KR 20160026813 A KR20160026813 A KR 20160026813A KR 1020150156479 A KR1020150156479 A KR 1020150156479A KR 20150156479 A KR20150156479 A KR 20150156479A KR 20160026813 A KR20160026813 A KR 20160026813A
Authority
KR
South Korea
Prior art keywords
screen
touch
shopping
display
user
Prior art date
Application number
KR1020150156479A
Other languages
Korean (ko)
Other versions
KR101750253B1 (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 KR1020150156479A priority Critical patent/KR101750253B1/en
Publication of KR20160026813A publication Critical patent/KR20160026813A/en
Application granted granted Critical
Publication of KR101750253B1 publication Critical patent/KR101750253B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06QDATA PROCESSING SYSTEMS OR METHODS, SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL, SUPERVISORY OR FORECASTING PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce, e.g. shopping or e-commerce
    • G06Q30/06Buying, selling or leasing transactions
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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
    • H04M1/72522
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2201/00Electronic components, circuits, software, systems or apparatus used in telephone systems
    • H04M2201/42Graphical user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04MTELEPHONIC COMMUNICATION
    • H04M2250/00Details of telephonic subscriber devices
    • H04M2250/22Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Abstract

A method of controlling a shopping application on a portable terminal having a display and a touch sensor corresponding to the display comprises: a step of accessing a shopping website which is specified by a predetermined uniform resource locator (URL); a step of displaying the shopping website; a step of detecting an initial touch of a user at one spot on a display and an initial touch movement by using a touch sensor; a step of displacing a screen of a portion of a screen of the display corresponding to the initial touch movement of the user; a step of providing at least one graphic button, which is linked with a hyperlink included in the shopping website, around the displaced screen; a step of receiving a button touch of the user with respect to the graphic button; and a step of executing a function of the hyperlink, which is linked with the touched graphic button. The graphic button is the hyperlink included in the shopping website and inked with at least one among instant purchase, store in a cart, review display, my account, order/shipping acknowledgement, cart display, wish list, recently viewed product, and go to the top options, and the graphic button is characterized in that it is provided in the same pattern or as the same kind irrespective of the URL or the shopping website. According to the present invention, there is provided an interface which enables a user to touch a hyperlink function on a desired website accurately and safely by using one hand.

Description

대형화면을 갖는 휴대단말기에서 쇼핑용 어플리케이션의 제어방법 {METHOD OF CONTROLLING APPLICATION FOR SHOPPING IN PORTABLE DEVICE HAVING LARGE TOUCH SCREEN}TECHNICAL FIELD [0001] The present invention relates to a method for controlling a shopping application in a portable terminal having a large screen,

본 발명은 대형화면을 갖는 휴대단말기을 위한 쇼핑용 어플케이션을 개발 또는 사용하는 과정에서 한 손의 사용을 용이하게 하고 통일된 사용 경험을 제공하기 위한 제어방법에 관한 것이다. BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a control method for facilitating use of one hand and providing a unified experience in the process of developing or using a shopping application for a portable terminal having a large screen.

스마트폰, 태블릿 컴퓨터, 패드형 단말기 등 휴대단말기의 사용이 증가하고 있으며, 넓은 화면을 요구하면서 휴대단말기의 디스플레이도 같이 증가하고 있는 실정이다. 최근에는 터치 기능을 겸한 디스플레이가 5인치 이상인 제품이 주류이며, 디스플레이의 대형화 추세는 계속될 전망이다. The use of portable terminals such as smart phones, tablet computers, pad type terminals is increasing, and the display of portable terminals is also increasing as demand for wide screen is increasing. In recent years, products with more than 5 inches of display combined with touch function are the mainstream, and the trend toward larger displays is expected to continue.

하지만, 디스플레이가 5인치보다 작았던 이전에 비해 5인치 이상인 제품을 보면, 한 손으로 원하는 위치에 터치하는 것이 어려워졌다. 실제로 성인 남자를 기준으로 한 손으로 휴대단말기를 파지한 상태에서 디스플레이의 모든 위치를 터치하는 것은 불가능하다. However, when viewing a product that is 5 inches or larger than the previous 5 inch display, it was difficult to touch the desired location with one hand. In fact, it is impossible to touch all positions of the display while gripping the portable terminal with a hand based on an adult man.

휴대단말기는 실생활에서 밀접하게 사용되는 물건으로서 한 손으로 사용할 수밖에 없는 경우가 많이 있으며, 대형 디스플레이를 가진 휴대단말기를 한 손으로 억지로 사용하다가 보면 의도하지 않은 사고가 쉽게 발생할 수가 있다.In many cases, the portable terminal is inevitably used in one hand as a closely used object in a real life. Unexpected accidents can easily occur when the portable terminal having a large display is forcibly used with one hand.

이에 대한 개선이 필요함에도 불구하고, 디스플레이의 대형화만 가속되고 있으며, 사용자의 편의 및 안전을 고려한 인터페이스 개발이나 시스템 개발이 부족한 실정이다.Despite the need for improvement, it is only accelerating the enlargement of the display, and there is a lack of interface development or system development considering user convenience and safety.

넓은 화면은 쇼핑용 어플리케이션에서도 좋은 환경을 제공하지만, 화면이 넓어진만큼 한 손으로 사용하는 것은 어려워졌다. 또한, 쇼핑 웹사이트는 그 종류 또는 개발자마다 다양한 구조를 가지기 때문에, 처음 사용자는 원하는 기능을 찾아서 연계하기가 어려우며, 경험이 있는 사용자라도 여러 쇼핑 웹사이트를 사용하면서 특정 웹사이트에서는 혼란을 경험하기도 한다.The large screen provides a good environment for shopping applications, but it is difficult to use with one hand as the screen becomes wider. Also, since the shopping web site has various structures for each type or developer, it is difficult for the user to find the desired function for the first time, and even the experienced user may experience confusion in the specific web site while using various shopping websites .

본 발명은 쇼핑 웹사이트에 접속하여 사용자가 자유로운 쇼핑을 하도록 도움을 줄 수 있는 쇼핑용 어플리케이션을 제공하며, 구체적으로 한 손으로도 사용자가 원하는 웹사이트에 있는 하이퍼 링크 기능을 정확하면서도 안전하게 터치할 수 있는 인터페이스를 제공하는 쇼핑용 어플리케이션의 제어방법을 제공한다. The present invention provides a shopping application that can connect to a shopping web site and help a user to freely shop. Specifically, the present invention can accurately and safely touch a hyperlink function in a desired web site with one hand And provides a control method of a shopping application that provides an interface with the service.

본 발명은 쇼핑 웹사이트마다 각각 다른 구조, 다른 패턴, 다른 용어, 다른 위치를 사용하는 하이퍼 링크 기능들 중 기본적인 기능을 통일하여 사용자가 어려움 없이 사용할 수 있도록 도움을 줄 수 있는 쇼핑용 어플리케이션의 제어방법을 제공한다.The present invention relates to a control method of a shopping application which can help a user to use without difficulty by unifying basic functions among hyperlink functions using different structures, different patterns, different terms, and different positions for each shopping web site .

본 발명의 예시적인 일 실시예에 따르면, 디스플레이 및 상기 디스플레이에 대응하는 터치센서를 포함하는 휴대 단말기에서 쇼핑용 어플리케이션을 제어하는 방법은, 소정의 URL(Uniform Resource Locator)에 의해서 특정되는 쇼핑 웹사이트에 접속하는 단계, 쇼핑 웹사이트를 디스플레이하는 단계, 터치센서를 통해 디스플레이의 일 지점에서 사용자의 초기 터치 및 초기 터치 이동을 감지하는 단계, 사용자의 초기 터치 이동에 대응하여 디스플레이의 화면 중 일부의 화면을 변위시키는 단계, 변위된 화면의 주변으로 쇼핑 웹사이트에 포함된 하이퍼 링크와 연계되는 적어도 하나의 그래픽 버튼을 같이 제공하는 단계, 그래픽 버튼에 대한 사용자의 버튼 터치를 수신하는 단계, 및 터치된 그래픽 버튼과 연계된 하이퍼 링크의 기능을 실행하는 단계를 포함한다. According to an exemplary embodiment of the present invention, a method for controlling a shopping application in a mobile terminal including a display and a touch sensor corresponding to the display includes: Detecting a user's initial touch and initial touch movement at one point of the display through the touch sensor, detecting a user's initial touch and initial touch movement at a point on the display through a touch sensor, Providing at least one graphical button associated with a hyperlink contained in a shopping website around the displaced screen, receiving a user's button touch on the graphical button, And performing the function of the hyperlink associated with the button.

변위된 화면은 사용자의 손가락으로부터 멀리 있는 영역의 화면을 사용자에게 가깝게 이동시킬 수 있으며, 이 과정에서 변위된 화면은 멀리 있는 영역의 화면을 확대, 축소 또는 그대로 유지하면서 이동시킬 수 있다. The displaced screen can move the screen of the area far from the user's finger close to the user, and the displaced screen can move the screen of the distant area while enlarging, reducing or maintaining it.

변위된 화면은 사용자의 중간 터치를 수신할 때까지 고정될 수 있으며, 변위된 화면에서 사용자의 중간 터치를 수신하면 중간 터치된 지점과 변위된 화면의 좌표를 매칭하여 연계된 기능을 실행할 수 있다. 변위된 화면은 터치 이동의 이동량에 비례하여 점진적으로 조절될 수 있지만, 2단 또는 그 이상의 단계로 크기를 단계적으로 조절하여 제공될 수도 있다.The displaced screen can be fixed until receiving the intermediate touch of the user. When receiving the intermediate touch of the user on the displaced screen, the coordinated function can be executed by matching the coordinates of the intermediate touch point and the displaced screen. The displaced screen may be gradually adjusted in proportion to the amount of movement of the touch movement, but it may be provided by adjusting the size step by step in two or more stages.

그래픽 버튼(graphic button)은 변위된 화면의 주변에 제공될 수 있다. 사용자는 변위된 화면에서 중간 터치를 수행하여 멀리 있는 영역의 터치도 한 손으로 완료할 수 있다. 하지만, 본 발명과 같이, 변위된 화면의 주위로 제공되는 임시 공간, 즉 중간 터치의 수신까지 일시적으로 제공되는 영역에 그래픽 버튼을 배치할 수 있다. 그래픽 버튼은 원래 쇼핑 웹사이트에 포함된 하이퍼 링크 중 선택된 일부와 연계될 수 있으며, 쇼핑 웹사이트에 해당 하이퍼 링크가 어디에 있던지 변위된 화면을 호출하는 간단한 동작으로 그에 상응하는 그래픽 버튼을 호출할 수 있다는 장점이 있다. Graphic buttons may be provided around the displaced screen. The user can perform the middle touch on the displaced screen and complete the touch of the distant area with one hand. However, as in the present invention, graphic buttons may be disposed in a temporary space provided around the displaced screen, that is, temporarily provided until the reception of the intermediate touch. Graphic buttons can be associated with selected ones of the hyperlinks contained in the original shopping web site, and the corresponding graphic buttons can be called with a simple action that calls the displaced screen wherever the hyperlink is located on the shopping web site There are advantages.

그래픽 버튼은 쇼핑 웹사이트에 포함된 다양한 하이퍼 링크와 매칭될 수 있다. 하지만, 주로 사용자들이 많이 사용하는 하이퍼 링크 기능, 즉 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나와 연계되는 것이 바람직하다. The graphic buttons can be matched with various hyperlinks included in the shopping website. However, it is mainly linked to the hyperlink function that users frequently use, at least one of instant purchase, shopping cart, review view, my account, order / delivery confirmation, shopping cart view, wish list, desirable.

또한, 같은 하이퍼 링크의 기능이라도 쇼핑 웹사이트마다 각 다른 위치, 다른 용어, 다른 패턴으로 사용할 수 있다. '장바구니 담기'도 쇼핑 웹사이트에 따라 "Add to Cart", "장바구니" 등으로 대체될 수 있고, 크기, 색깔, 위치 등이 다른 것은 비일비재하다. 따라서, 본 발명의 그래픽 버튼은 URL 또는 쇼핑 웹사이트와 무관하게 같은 패턴, 같은 용어, 같은 종류(색, 모양, 크기 등)로 제공되는 것이 바람직하다. 혹시라도 해당 하이퍼 링크가 특정 쇼핑 웹사이트에 없다해도, 해당 그래픽 버튼(ex. 즉시구매)은 비활성으로 표시될 수도 있다.In addition, even the same hyperlink function can be used in different locations, different terms, and different patterns for each shopping website. "Add to cart" can also be replaced with "Add to Cart", "Shopping cart" etc. depending on the shopping website, and the size, color, and position are different. Therefore, it is preferable that the graphic buttons of the present invention are provided in the same pattern, the same terms, and the same kind (color, shape, size, etc.) regardless of URL or shopping web site. Even if the hyperlink is not located in a specific shopping website, the graphic button (ex., Immediate purchase) may be displayed as inactive.

터치센서는 디스플레이의 경계 위, 안쪽 또는 바깥쪽에서부터의 초기 터치(initial touch)를 감지하고 초기 터치 이후에 연속되는 터치 이동에 따라 디스플레이된 화면을 터치가 용이하게 변위시킬 수 있다. 이를 위해 쇼핑용 어플리케이션에서는 쇼핑 웹사이트에서 디스플레이된 화면을 특정하여 변위시키고, 변위된 화면을 일시적으로 고정할 수 있다. 고정된 화면에 대응하여 사용자가 화면 변위로 가까워진 지점을 중간 터치(mid touch)하면, 터치센서에 의한 중간터치 좌표와 디스플레이에서의 변위 화면의 좌표를 매칭하여 연계된 기능을 할 수 있다.The touch sensor senses the initial touch from the border, the inside or the outside of the display and can easily displace the displayed screen according to the continuous touch movement after the initial touch. For this purpose, in the shopping application, the screen displayed on the shopping web site can be specified and displaced, and the displaced screen can be temporarily fixed. When the user touches a point where the user is close to the screen displacement in correspondence with the fixed screen, the middle touch coordinates by the touch sensor and the coordinates of the displacement screen in the display are matched to each other to perform a linked function.

여기서, 변위된 화면이 고정되었다고 함은 그 경계의 크기 및 위치가 일시적으로 고정되었음을 의미할 수 있으며, 경우에 따라서는 변위된 화면 내부에 표현된 내용은 스크롤과 같이 이동이 가능할 수 있다. 따라서, 변위된 화면은 마주하는 타 경계의 주변에 표시된 화면 중 전부 또는 일부를 표시할 수 있으며, 사용자의 터치 후 이동에 따라 변위된 화면 내에서 그 내용을 스크롤하게 할 수 있다.Here, the fact that the displaced screen is fixed means that the size and position of the boundary are temporarily fixed, and in some cases, the contents displayed inside the displaced screen may be scrollable. Therefore, the displaced screen can display all or a part of the screen displayed on the periphery of another facing boundary, and can scroll the contents in the displaced screen according to the movement of the user after touching.

디스플레이된 화면을 변위하는 과정은 다양한 조건으로 결정될 수 있다. 예를 들어, 초기 터치 및 초기 터치 이동이 디스플레이의 경계에서부터 감지되는 경우에 화면 변위 과정을 활성화될 수 있으며, 그 변위 기준은 초기 터치의 지점 또는 초기 터치 이동의 방향에 따라 결정될 수가 있다. The process of displacing the displayed screen can be determined under various conditions. For example, when the initial touch and the initial touch movement are detected from the boundary of the display, the screen displacement process can be activated, and the displacement reference can be determined according to the initial touch point or the initial touch movement direction.

보다 구체적으로, 초기 터치가 디스플레이의 일 수평 경계의 중앙부 또는 그 주변에 인접한 경우, 변위된 화면은 일 수평 경계에서부터 마주하는 타 수평 경계의 주변에 표시된 화면을 노출시킬 수 있다. 그리고, 초기 터치가 디스플레이의 일 수직 경계의 중앙부 또는 그 주변에 인접한 경우, 변위된 화면은 일 수직 경계에서부터 마주하는 타 수직 경계의 주변에 표시된 화면을 노출시킬 수 있다. More specifically, if the initial touch is adjacent to or at the center of one horizontal border of the display, the displaced screen may expose the screen displayed around the other horizontal border facing from one horizontal border. And, when the initial touch is adjacent to the center of or around the one vertical boundary of the display, the displaced screen can expose the screen displayed around the other vertical boundary facing from the vertical boundary.

상기와 같이 화면을 변위 및 고정하는 단계에서, 사용자의 상기 터치 이동의 이동량에 따라 변위된 화면의 크기를 달리할 수 있다. 예를 들어, 디스플레이의 일 지점을 경계로 그보다 가까운 거리에서 터치 이동이 종료하면 그 경계를 넘어선 터치 이동에 비해 상대적으로 작은 크기로 변위된 화면을 형성할 수가 있다. As described above, in the step of displacing and fixing the screen, the size of the displaced screen can be changed according to the amount of movement of the touch movement of the user. For example, when the touch movement ends at a distance shorter than a boundary of one point of the display, a screen displaced to a relatively small size can be formed as compared with a touch movement beyond the boundary.

여기서 그래픽 버튼은 변위된 화면의 주변에 제공될 수 있으며, 경우에 따라서는 사용자의 손가락이 미치지 않는 영역에 형성될 수가 있다. 이때 사용자는 변위된 화면이 고정된 상태에서 추가 터치를 수행하여 변위된 화면에 있던 자리로 그래픽 버튼의 전부 또는 일부를 이동시킬 수 있다. Here, the graphic button may be provided in the periphery of the displaced screen, and in some cases, it may be formed in an area where the user's finger does not extend. At this time, the user can move all or a part of the graphic button to the place on the displaced screen by performing the additional touch while the displaced screen is fixed.

그래픽 버튼가 변위된 화면이 있던 자리로 이동하기 위해서, 원래 변위된 화면의 이동 없이 그 위에 겹쳐서 제공될 수도 있고, 변위된 화면이 사라진 후 변위된 화면이 있던 자로로 이동할 수도 있으며, 변위된 화면이 특정 위치로 이동하게 하고 그 변위된 화면이 있던 자리로 그래픽 버튼이 이동할 수가 있다.In order to move to the place where the screen has been displaced, the graphic button may be overlaid on the screen without moving the originally displaced screen. Alternatively, the screen may be moved to the screen where the displaced screen is located after the displaced screen disappears. Position and the graphic button can be moved to the position where the displaced screen was located.

추가 터치는 단 한번의 터치, 예를 들어 일 경계를 터치하는 동작만으로도 그래픽 버튼의 이동을 유도할 수 있다. 이 외에도 추가 터치는 복수개 연속되거나 특정 패턴을 보이거나 다른 추가 터치 이동과 조합을 이루어 그래픽 버튼의 이동 및 변위된 화면의 이동방향 등을 조절할 수 있다.The additional touch can induce the movement of the graphic button with only one touch, for example, by touching the sun boundary. In addition, a plurality of additional touches may be continuous, a certain pattern may be displayed, or a combination of other touch movements may be used to adjust the movement of the graphic buttons and the movement direction of the displaced screen.

중간 터치 지점과 변위된 화면의 좌표를 매칭하여 목적된 지점의 클릭, 버튼 입력 등과 같은 연계된 기능을 실행할 수 있으며, 그 이후 상기 변위된 화면을 복원할 수가 있다. 물론, 복원 이전에 연계된 기능을 수행하기 위해 다른 화면으로 바로 전환되는 것도 가능하다.It is possible to perform a linked function such as clicking a desired point, inputting a button or the like by matching the middle touch point with the coordinates of the displaced screen, and thereafter, the displaced screen can be restored. Of course, it is also possible to switch directly to another screen to perform the associated functions prior to restoration.

본 발명의 쇼핑용 어플리케이션은 다양한 쇼핑 웹사이트에 접속하여 사용자가 자유로운 쇼핑을 하도록 도움을 줄 수다. The shopping application of the present invention can connect to various shopping websites to help users to shop freely.

구체적으로, 휴대 단말기가 크더라도 한 손으로도 사용자가 원하는 웹사이트에 있는 하이퍼 링크 기능을 정확하면서도 안전하게 터치할 수 있는 인터페이스를 제공한다. Specifically, even if the portable terminal is large, it provides an interface that enables the user to precisely and safely touch the hyperlink function on the desired web site with one hand.

또한, 쇼핑 웹사이트마다 하이퍼 링크들이 각각 다른 구조, 다른 패턴, 다른 용어, 다른 위치에서 사용되고 있어 사용자에게 혼란을 줄 수가 있다. 하지만, 본 발명은 하이퍼 링크 기능들 중 기본적인 기능을 통일하여 사용자가 어려움 없이 사용할 수 있도록 도움을 줄 수 있다.In addition, hyperlinks for shopping web sites are used in different structures, different patterns, different terms, and different locations, which may confuse users. However, the present invention can help the user to use the hyperlink functions without difficulty by unifying the basic functions among the hyperlink functions.

도 1은 본 발명의 일 실시예에 따른 터치제어방법을 설명하기 위한 정면도이다.
도 2 내지 도 4은 본 발명의 일 실시예에 따른 구체적인 터치제어방법을 설명하기 위한 정면도들이다.
도 5 및 도 6은 사용자의 초기 터치 및 초기 터치 이동에 대응하여 변위된 화면을 단계적으로 조절하는 과정을 설명하기 위한 정면도들이다.
도 7은 서로 다른 형식의 쇼핑 웹사이트를 설명하기 위한 정면도들이다.
도 8 내지 도 10은 도 7의 쇼핑 웹사이트에서 본 발명의 다른 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 정면도들이다.
1 is a front view for explaining a touch control method according to an embodiment of the present invention.
2 to 4 are front views for explaining a concrete touch control method according to an embodiment of the present invention.
5 and 6 are front views for explaining a process of stepwise adjusting a displaced screen corresponding to a user's initial touch and initial touch movement.
7 is a front view illustrating shopping websites of different types.
FIGS. 8 to 10 are front views illustrating a method of controlling a shopping application according to another embodiment of the present invention at a shopping website of FIG.

도 1은 본 발명의 일 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 위한 정면도이다. 1 is a front view for explaining a control method of a shopping application according to an embodiment of the present invention.

도 1을 참조하면, 휴대단말기(100)는 대형 디스플레이(110)를 포함한다. 디스플레이(110) 상에는 터치센서(미도시)가 제공되며, 일반적으로 터치센서에 의해서 감지된 좌표와 현재 디스플레이에 표시된 좌표를 매칭하고, 매칭된 지점이 터치된 것으로 감지하여 연계된 기능을 수행할 수 있다. Referring to FIG. 1, the portable terminal 100 includes a large-sized display 110. A touch sensor (not shown) is provided on the display 110. In general, the coordinate detected by the touch sensor is matched with the coordinate displayed on the current display, and the matched point is detected as being touched, have.

여기서 연계된 기능이라 하면, 소정의 위치에 정의된 하이퍼링크가 될 수도 있고, 브라우저나 어플리케이션에서 제공하는 그래픽 버튼(예를 들어, 뒤로 가기, 앞으로 가기, 북마크 등)이 될 수도 있다. Here, the linked function may be a hyperlink defined at a predetermined position, or may be a graphic button (for example, backward, forward, bookmark, etc.) provided by a browser or an application.

본 실시예에서 쇼핑용 어플리케이션은 기본적으로 브라우징 어플리케이션과 유사한 기능을 포함하며, 브라우징 어플리케이션 기능에 쇼핑몰 웹사이트를 정리 및 저장하고, 분류하는 기능을 더 포함할 수도 있고, 자체적으로 위시리스트를 공통으로 유지하는 기능도 더 포함할 수가 있다. 이와 관련하여서는, 브라우징 기능을 이용해서 쇼핑몰을 운용하는 어플리케이션을 참조할 수 있다. In this embodiment, the shopping application basically includes a function similar to that of the browsing application. The browsing application function may further include a function of organizing, storing, and classifying the shopping mall website, And the like. In this connection, it is possible to refer to an application that operates the shopping mall using the browsing function.

도 1에서 R-R 라인은 대략 한 손으로 단말기(100)를 파지한 상태에서 손가락이 닿을 수 있는 범위를 의미할 수 있다. 상기 R-R 라인을 넘어서 터치를 하기 위해서는 현재 손이 파지하고 있는 상태를 느슨하게 하여 손가락을 더 멀리 도달하게 하거나 두 손을 모두 이용하여 하나로 잡고 다른 손으로 터치하는 방법이 가능하다.In FIG. 1, the R-R line may mean a range in which a finger can be touched while holding the terminal 100 with one hand. In order to perform a touch over the R-R line, it is possible to loosen the current gripping state of the hand so that the finger is farther away, or both hands can be used to hold one hand and touch with the other hand.

도 2 내지 도 4은 본 발명의 일 실시예에 따른 구체적인 터치제어방법을 설명하기 위한 정면도들이다.2 to 4 are front views for explaining a concrete touch control method according to an embodiment of the present invention.

도 2를 참조하면, 사용자는 왼손으로 파지한 상태에서 엄지 손가락으로 좌측 수직 경계에서 초기 터치과 함께 우측으로 터치 이동을 수행할 수 있다. 사용자의 터치 이동에 대응하여 우측 수직 경계의 상부 주변에 있는 화면 일부가 좌측 수직 경계에서부터 노출되거나 노출되기 시작할 수가 있다. 물론, 우측 수직 경계의 주변에 있는 화면 전부가 반대측 경계에서부터 노출될 수도 있지만, 도시된 바와 같이 부분적인 화면만 노출되도록 할 수가 있다. 참고로, 변위된 화면에서의 중간 터치를 설명하기 위한 것으로, 그래픽 버튼의 버튼 터치는 이후에 설명하기로 한다. Referring to FIG. 2, the user can perform a touch movement to the right with the initial touch at the left vertical boundary with the thumb while grasping with the left hand. In response to the user's touch movement, a portion of the screen in the upper periphery of the right vertical boundary may be exposed or exposed from the left vertical boundary. Of course, all of the screen in the periphery of the right vertical boundary may be exposed from the opposite boundary, but only the partial screen may be exposed as shown. For reference, the button touch of the graphic button will be described later to explain the intermediate touch on the displaced screen.

도 2의 (b)를 보면, 목적한 우측 화살표(200)는 변환된 화면에 보이지 않는 경우가 발생할 수가 있다. 상기 변환된 화면은 그 내부를 터치 및 이동시킴으로써 통상시와 같이 스크롤이 되도록 할 수가 있다(도 2의 (c) 참조). 2B, the target right arrow 200 may not be displayed on the converted screen. The converted screen can be scrolled as usual by touching and moving the inside of the screen (refer to (c) of FIG. 2).

도 3의 (d)를 보면, 사용자는 스크롤을 통해서 목적한 우측 화살표(200)가 도달 가능한 위치에 오도록 조정할 수 있으며, (e)에서와 같이 목적한 우측 화살표(200)를 눌러 중간 터치를 실행할 수 있다. Referring to FIG. 3 (d), the user can adjust the desired right arrow 200 to be in a reachable position through scrolling, and press the desired right arrow 200 as shown in FIG. 3 (e) .

본 실시예에서는 사용자의 손가락 이동에 대응하여 정해진 거리만큼 예를 들어 화면 폭의 50%, 30% 등과 같이 소정의 길이만큼 변환된 화면의 폭을 미리 결정하고, 사용자의 초기 터치 및 터치 이동이 감지되면 정해진 크기로 바로 변위되도록 할 수도 있다.In this embodiment, the width of the screen converted by a predetermined length such as 50% or 30% of the screen width is determined in advance by a predetermined distance corresponding to the finger movement of the user, and the initial touch and touch movement of the user is detected It may be displaced directly to a predetermined size.

이와 같이, 사용자의 터치 이동에 대응하여 오른쪽 위 주변에 있는 화면의 일부가 왼쪽 아래의 모서리에서부터 노출되기 시작하거나 바로 정해진 크기로 노출될 수가 있다. 물론, 파지하는 손을 달리하는 경우 좌우 개념이 바뀔 수도 있다. 이때 원래 화면과 변환된 화면을 구분하기 위해서, 변위되어 노출된 화면의 경계를 표시하기 위한 네온 테두리 또는 그림자 테두리를 표현할 수가 있다. 참고로, 도면에서는 원래 화면이 흐리게 표현되어 변환된 화면과 구분되도록 하는 내용도 표현되어 있다. In this manner, in response to the user's touch movement, a part of the screen in the upper right corner may be exposed from the lower left corner or may be exposed at a predetermined size. Of course, if you have different gripping hands, the concept of left and right may change. At this time, in order to distinguish the original screen from the converted screen, a neon frame or a shadow frame for displaying the boundary of the displaced and exposed screen can be expressed. For reference, in the drawing, the original screen is blurred to express the content to be distinguished from the converted screen.

이에 휴대단말기의 시스템 또는 어플리케이션 시스템은 변환된 화면의 좌표 및 터치센서에 의한 중간 터치 지점의 좌표를 상호 매칭할 수 있으며, 변환된 화면에서의 좌표와 원래 변환 전 화면의 좌표를 매칭하여 연계된 기능을 수행할 수가 있다. 이를 위해서 원래 변화 전 화면의 좌표 및 변환된 경계 좌표를 참조할 수 있으며, 변환 전 좌표와 변환 후 좌표를 매칭하는 것은 당업자에게 자명하기 때문에 이에 대한 구체적인 설명은 생략하기로 한다.Accordingly, the system or the application system of the portable terminal can mutually match the coordinates of the converted screen and the coordinates of the middle touch point by the touch sensor, and the coordinates of the converted screen and the coordinates of the screen before the original conversion are matched Can be performed. For this purpose, it is possible to refer to the coordinates of the screen before the original change and the transformed boundary coordinates, and it is obvious to those skilled in the art that the coordinates before transform are matched with those after transform, so a detailed description thereof will be omitted.

중간 터치로 특정되는 변환된 화면의 좌표와 원래 화면에서의 장바구니 아이콘의 위치가 매칭되면, 휴대단말기는 목적된 기능을 수행할 수 있다. 장바구니 아이콘의 기능에 따라 장바구니 화면으로 바로 전환될 수도 있고, 경우에 따라서는 장바구니에 현재 상품이 담겨 저장되면서 원래 화면으로 다시 복원되는 것도 가능하다. If the coordinates of the converted screen specified by the middle touch are matched with the position of the shopping cart icon on the original screen, the portable terminal can perform the desired function. The shopping cart may be directly switched to the shopping cart screen according to the function of the shopping cart icon. In some cases, the current shopping cart may be stored and restored to the original screen.

본 실시예에서는 초기 터치의 지점 및 그 이후의 초기 터치 이동의 방향을 기준으로 화면 변환 과정을 활성화하는 과정을 설명하였지만, 다른 실시예에서는 초기 터치를 포함하는 터치 회수, 초기 터치의 유지 시간, 초기 터치 이전의 제스쳐, 초기 터치 이전의 버튼 입력 등에 따라 화면 변환 과정을 활성화하는 과정은 다양하게 선택될 수 있다.In the present exemplary embodiment, the process of activating the screen conversion process based on the initial touch point and the initial touch movement direction thereafter has been described. However, in another exemplary embodiment, the number of touches including the initial touch, The process of activating the screen conversion process according to the gesture before the touch, the input of the button before the initial touch, and the like can be variously selected.

또한, 초기 터치 지점이 왼쪽 아래 모서리에서 시작하는 것에 대응하여 오른쪽 위 모서리 주변의 화면이 노출될 수도 있고, 왼쪽 아래 모서리에서 시작하여도 터치 이동의 방향이 수직이거나 수평인지에 따라 후술하는 다른 양상으로 변환된 화면이 노출될 수 있다.In addition, depending on whether the initial touch point starts at the lower left corner, the screen around the upper right corner may be exposed, or the other direction may be changed depending on whether the touch movement direction is vertical or horizontal even from the lower left corner The converted screen may be exposed.

도 4를 참조하면, 역시 사용자가 왼손으로 휴대단말기를 잡고 있는 경우를 가정할 수 있다. 이번에도 안정된 그립을 유지하면서 멀리 있는 배너를 터치할 수가 없다고 가정하여 이하 내용을 설명한다. Referring to FIG. 4, it is assumed that the user holds the portable terminal with his or her left hand. Assume that you can not touch a distant banner while still maintaining a stable grip.

이때 사용자는 엄지 손가락으로 아래 수평 경계의 중앙부에서 초기 터치를 할 수 있으며, 이 초기 터치과 함께 위로의 터치 이동을 순차적으로 입력할 수 있다. 이러한 초기 터치 조건에 대응하여 화면 변환 과정을 활성화시킬 수 있다. At this time, the user can perform the initial touch at the center of the lower horizontal boundary with the thumb, and can sequentially input the upward touch movement together with the initial touch. The screen conversion process can be activated in response to the initial touch condition.

그 이후 사용자는 초기 터치를 위한 손가락 접촉을 유지한 상태에서 아래 수평 경계로부터 중앙부 또는 위 수평 경계를 향해 터치 이동을 시킬 수 있다. 사용자의 터치 이동에 대응하여 상부 또는 위 수평 경계 주변에 있는 화면의 일부가 아래에서부터 노출되기 시작할 수 있다.Thereafter, the user can make a touch movement from the lower horizontal boundary toward the central or upper horizontal boundary while maintaining the finger contact for the initial touch. In response to the user's touch movement, a portion of the screen around the upper or upper horizontal boundary may begin to be exposed from below.

상부 화면이 아래 경계에서부터 노출되어 정해진 크기의 변위된 화면에서 나타날 수가 있다. 이에 사용자는 변위된 화면에서 목적한 배너가 엄지 손가락으로 닿을 수 있는 상태에 있음을 확인할 수 있으며, 목적한 배너를 눌러 중간 터치를 실행할 수 있다. The upper screen may be exposed from the lower boundary and appear on a displaced screen of a predetermined size. Thus, the user can confirm that the desired banner can be reached by the thumb on the displaced screen, and can perform the middle touch by pressing the desired banner.

어느 경우던지 휴대단말기의 시스템 또는 어플리케이션 시스템은 변환된 화면의 좌표 및 터치센서에 의한 중간 터치 지점의 좌표를 상호 매칭할 수 있으며, 변환된 화면에서의 좌표과 원래 변환 전 화면의 좌표를 매칭하여 연계된 기능을 수행할 수가 있다. In either case, the system or application system of the portable terminal can match the coordinates of the converted screen and the coordinates of the middle touch point by the touch sensor, and the coordinates in the converted screen and the coordinates of the screen before the original conversion are matched Function can be performed.

중간 터치로 특정되는 변환된 화면의 좌표와 원래 화면에서의 배너 위치가 매칭되면, 휴대단말기는 배너에 링크된 기능을 수행할 수 있다.If the coordinates of the converted screen specified by the middle touch match the position of the banner in the original screen, the portable terminal can perform the function linked to the banner.

또한, 초기 터치 지점이 아래 경계에서 시작하는 것에 대응하여 상부 화면을 노출시키는 과정을 설명하였지만, 초기 터치 지점이 위 경계일 수도 있으며, 터치 이동 방향에 따라 화면이 좌우로 이동하게 할 수도 있다. In addition, although the process of exposing the upper screen corresponding to the initial touch point starting at the lower boundary has been described, the initial touch point may be the upper boundary, or the screen may be moved left and right according to the touch moving direction.

그리고, 추가로 변환된 화면에서 스크롤을 이용하여 목적한 위치를 더욱 편한 위치에 오도록 조정하는 것도 가능하다. It is also possible to adjust the target position to a more convenient position by using scrolling in the further converted screen.

도 5 및 도 6은 사용자의 초기 터치 및 초기 터치 이동에 대응하여 변위된 화면을 단계적으로 조절하는 과정을 설명하기 위한 정면도들이다.5 and 6 are front views for explaining a process of stepwise adjusting a displaced screen corresponding to a user's initial touch and initial touch movement.

도 5를 참조하면, 도 2와 같이 디스플레이의 좌측 경계에서부터 손가락 터치를 시작하여 우측으로 이동하는 경우라 할 수 있다. 이때, 손가락의 터치 이동이 어디서 끝나는가에 따라 변위된 화면의 크기를 단계적으로 조절할 수 있다. Referring to FIG. 5, it can be said that a finger touch starts from the left boundary of the display and moves to the right as shown in FIG. At this time, the size of the displaced screen can be adjusted step by step according to where the touch movement of the finger ends.

예를 들어, 터치 이동이 ① 경계 이전에 종료하면 변위된 화면 없이 원래 디스플레이를 유지할 수가 있다. 하지만, ① 경계를 넘어 ② 경계 이전에 종료하는 경우 ② 경계 기준 또는 다른 크기 기준으로 변위된 화면의 좌우 폭을 결정할 수가 있다. 여기서 변위된 화면의 폭은 설정에 따라 다양하게 변경될 수도 있다. For example, if touch movement is completed before ① boundary, the original display can be maintained without displaced screen. However, it is possible to determine the left and right width of a screen displaced by boundary reference or other size. Here, the width of the displaced screen may be variously changed according to the setting.

터치 이동이 ①, ② 경계 사이에서 종료하는 경우, 변위된 화면은 원래 디스플레이의 우측 상부 화면을 손가락에 가까운 위치에서 표시할 수 있으며, '장바구니'와 같이 대각으로 멀리 떨어진 하이퍼 링크를 목적(200)으로 터치할 수 있게 할 수가 있다. 참고로 ①, ② 경계는 설계자에 따라 다양한 폭 및 크기로 설정되 f수있다. When the touch movement ends between the boundaries 1) and 2), the displaced screen can display the upper right screen of the original display at a position close to the finger, and a hyperlink, which is diagonally distant, And the like. For reference, ① and ② boundaries can be set to various widths and sizes depending on the designer.

도 6을 참조하면, 터치 이동이 ② 경계를 넘어 종료하는 경우, 변위된 화면은 디스플레이의 전체 폭만큼, 유사하게는 도 4와 같이 하부 수평 경계에서부터 초기 터치 및 터치 이동이 시작된 것 같이 100% 폭으로 변위된 화면을 제공할 수 있다. 단말기의 특성이나 제조업체의 소프트웨어에 따라서 수직 경계를 통하는 초기 터치 및 이동이 다른 터치에 비해 감지 또는 식별이 용이할 수 있으며, 안드로이드 레퍼런스 제품과 같이 단말기가 화면으로만 표시되는 소프트키를 이용하는 경우, 하단에서부터의 초기 터치 및 이동의 인식이 방해를 받을 수가 있다. Referring to FIG. 6, when the touch movement ends over the boundary (2), the displaced screen has a width of 100% as if the initial touch and touch movement started from the entire width of the display, As shown in FIG. The initial touch and movement through the vertical boundary may be easier to detect or identify than other touches depending on the characteristics of the terminal or the software of the manufacturer. In the case where the terminal uses a soft key that is displayed only on the screen, such as the Android reference product, The recognition of the initial touch and movement may be disturbed.

따라서, 최소 2단계로 수평 이동에 따른 변위된 화면의 조절하면, 수평 이동만으로도 수직 이동에서 기대할 수 있는 변위된 화면을 거의 동일하게 얻을 수 있다. Therefore, if the displaced screen is adjusted by the horizontal movement in at least two steps, the displaced screen that can be expected in the vertical movement can be obtained almost by the horizontal movement alone.

참고로, 도 5 및 도 6에서는 터치 이동의 최종 위치가 ② 경계를 기준으로 좌측 또는 우측에 있느냐에 따라 짧은 변위된 화면 또는 긴 변위된 화면을 제공하였지만, 터치 이동의 이동 거리를 누적하여 변위된 화면의 크기를 조절할 수 있다. 예를 들어, 터치 이동이 직선인 경우 도 5와 같이 짧은 변위된 화면을 제공할 수 있고, 터치 이동이 지그재그, 돼지꼬리으로 이동하는 경우 도 6과 같이 긴 변위된 화면을 제공할 수도 있다.5 and 6, a short displaced screen or a long displaced screen is provided depending on whether the final position of the touch movement is on the left or right side with respect to the boundary (2). However, when the moving distance of the touch movement is accumulated, You can adjust the size of the screen. For example, when the touch movement is a straight line, a short displaced screen can be provided as shown in FIG. 5, and when the touch movement moves to a zigzag or pig tail, a long displaced screen as shown in FIG. 6 may be provided.

도 7은 서로 다른 형식의 쇼핑 웹사이트를 설명하기 위한 정면도들이며, 도 8 내지 도 10은 도 7의 쇼핑 웹사이트에서 본 발명의 다른 실시예에 따른 쇼핑용 어플리케이션의 제어방법을 설명하기 정면도들이다. FIG. 7 is a front view for explaining shopping websites of different types, and FIGS. 8 to 10 are front views for explaining a control method of a shopping application according to another embodiment of the present invention at the shopping website of FIG.

도 7을 참조하면, 좌우 모두 자전거를 판매하기 위한 웹사이트이다. Referring to Fig. 7, both right and left are websites for selling bicycles.

좌측 웹사이트(www.seller1.com)에서는 자전거를 팔기 위한 페이지에 (a)와 같은 구성으로 디스플레이를 구성하며, 우측의 다른 웹사이트(www.seller2.com)에서는 (a)와 다른 (b)와 같은 구성으로 디스플레이를 한다. On the left web site (www.seller1.com), the display is configured as shown in (a) on the page for selling bicycles. On the other website (www.seller2.com) on the right side, As shown in FIG.

예를 들어, 내 쇼핑정보를 모아 둔 "MyOrder" 및 "My Account"의 터치 위치, 모양, 및 용어가 다르며, 장바구니에 대응하는 "Add Cart" 및 "Add to Cart" 역시 다른 버튼 형상, 다른 위치에서 사용되고 있다. 이 외에도 다른 구입자들 또는 다른 사용자들의 리뷰를 보고 싶을 때에도, 리뷰를 어디를 눌러야지 잘 드러나지 않는 경우도 있다. For example, the touch position, shape, and term of "MyOrder" and "My Account" which are the collected shopping information are different. "Add Cart" and " Add to Cart " corresponding to the shopping cart also have different button shapes, . In addition to this, when you want to see reviews from other buyers or other users, you may not be able to find out where to click on a review.

이는 각 쇼핑 웹사이트마다 개발자가 다르고, 쇼핑몰의 구성이 다르기 때문이다. 하지만, 구매자는 각 사이트마다 다른 쇼핑몰 구성을 외우고 있어야 하며, 외우고 있는 쇼핑몰의 개수가 증가할수록 혼란을 경험하는 횟수도 같이 증가할 수 있다.This is because each shopping website has different developers and shopping malls. However, the buyer has to memorize different shopping mall configurations for each site, and as the number of shopping malls memorized increases, the number of times of experiencing confusion can also increase.

도 8을 참조하면, 도 2나 도 5에 설명된 바와 같이, 왼손으로 파지하고 있는 경우로서, 초기 터치 이동을 짧게 움직여 대략 중간 정도 크기의 변환된 화면이 고정된 경우를 설명할 수 있다. 도 8은 도 7의 (b)에 도시된 웹사이트(www.seller2.com)를 기준으로 설명한다.Referring to FIG. 8, as illustrated in FIG. 2 or FIG. 5, a case in which the initial touch movement is shortened by gripping with the left hand, and the converted screen of approximately the middle size is fixed can be described. FIG. 8 is based on the website (www.seller2.com) shown in FIG. 7 (b).

도 8의 (a)를 참조하면, 변환된 화면의 우측으로 아래에서부터 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."의 버튼이 일렬로 제공된다. 각 그래픽 버튼들은 변화된 화면 이전에 쇼핑 웹페이지에 포함된 지금 구매, 장바구니 넣기, 리뷰 또는 사용자 후기, 내 장바구니, 내 주문정보에 해당하는 하이퍼 링크와 연결될 수 있다.8A, buttons of "Buy now", "Add Cart", "Review", "Cart", "My Acc." Are provided in a row from the bottom right side of the converted screen. Each graphical button can be associated with a hyperlink corresponding to the current purchase, cart insertion, review or user review, my cart, or my order information contained in the shopping web page prior to the changed screen.

그래픽 버튼과 하이퍼 링크를 연결하기 위해서, 쇼핑 어플리케이션이 자체적으로 웹페이지를 스크래핑, 파싱 등을 거쳐 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."에 대응하는 태그를 발견할 수 있다. 이 외에도, 이미 인터넷 상의 검색 로봇이 목적된 웹사이트를 방문 및 로그인하면서 웹사이트를 분석 및 해석하여 이미 계약된 웹사이트나 리스트 상의 웹사이트의 하이퍼 링크 정보나 규칙을 미리 저장할 수 있다. 이 외에도 서비스 제공업체에서 작업자가 일일이 웹사이트를 분석하여 그 정보나 규칙을 저장할 수 있다. To link graphic buttons with hyperlinks, the shopping application itself scrapes and parses the web page to create a hyperlink that corresponds to "Buy Now", "Add Cart", "Review", "Cart" Tag can be found. In addition, a search robot on the Internet can analyze and analyze a web site while visiting and logging into a desired web site, and can previously store hyperlink information or rules of a website already contracted or a website on the list. In addition, service providers can analyze the Web site individually and store the information or rules.

쇼핑용 어플리케이션은 처음 구동시 업데이트를 통해서 웹사이트에 대한 정보나 규칙을 서버로부터 제공받을 수 있으며, 특정 웹사이트를 방문하기 전에 해당 웹사이트에 대한 정보나 규칙을 제공받을 수도 있다. The first time the shopping application is updated, the information about the website or the rule can be provided from the server through the update, and the information or the rule about the web site may be provided before visiting the specific web site.

쇼핑용 어플리케이션으로 제공되는 쇼핑 웹사이트는 직접 쇼핑 웹사이트에 접속하여 디스플레이될 수 있고, 경우에 따라서는 서버가 입력된 URL의 웹사이트에 미리 접속하고, 이에 따라 쇼핑용 어플리케이션을 위해 개량된 형태로 디스플레이될 수도 있다.A shopping web site provided as a shopping application can be directly connected to a shopping web site and displayed. In some cases, the server can access the web site of the input URL in advance, May be displayed.

구매자는 일반적으로 자주 사용하는 기능에 대해서는 쇼핑 웹사이트에 상관 없이 변위된 화면과 함께 나타나는 그래픽 버튼 및 그 위치만 기억함으로써 쇼핑 웹사이트와 무관하게 원하는 사용할 수가 있다. 즉, 도 7에 도시된 바와 같이, 리뷰를 볼 수 있는 위치나 터치 위치가 사이트마다 다름에도 불구하고, 도 8의 (a)에서 "Review"에 해당하는 그래픽 버튼은 터치함으로써, 항상 "Review" 기능을 호출할 수 있다. Buyers usually use graphic buttons that appear with displaced screens and their locations, regardless of the shopping web site, for their frequently used functions, so they can be used regardless of the shopping website. That is, as shown in Fig. 7, even though the position where the review can be seen or the touch position differs for each site, the graphic button corresponding to "Review" Function can be called.

도 8의 (b)를 참조하면, 변위된 화면에서는 대략 모든 위치를 터치할 수 있지만, 그 우측의 그래픽 버튼에 손가락이 닿지 않는 경우가 발생할 수도 있다. 이 경우를 대비하여 앞서 언급된 변위 과정을 이용할 수 있다. Referring to FIG. 8 (b), almost all positions can be touched in the displaced screen, but a finger may not touch the graphic button on the right side. In this case, the above-mentioned displacement process can be used.

본 실시예에서는 변위된 화면의 일 경계에서 추가 터치 및 안쪽으로 이동하는 추가 터치 이동에 의해서 변위된 화면이 있던 자리로 그래픽 버튼을 이동시킬 수 있다. 그래픽 버튼이 변위된 화면이 있던 자리로 이동하기 위해서는, (c)에 도시된 바와 같이, 변위된 화면이 우측으로 이동하고, 그 사이로 그래픽 버튼의 전부가 이동할 수도 있다. 변위된 화면은 그대로 있고 변위된 화면 위로 그래픽 버튼이 겹쳐진 상태로 이동할 수도 있고, 변위된 화면이 사라지고 변위된 화면이 있던 자리로 그래픽 버튼이 더 가깝게 이동할 수도 있다. In this embodiment, the graphic button can be moved to the position where the screen displaced by the additional touch at the one boundary of the displaced screen and the additional touch moved to the inside. In order to move the graphical button to the place where the displaced screen was located, as shown in (c), the displaced screen may move to the right and all of the graphical buttons may move therebetween. The displaced screen may remain as it is and the graphic button may be moved over the displaced screen, or the graphic button may move closer to the place where the displaced screen is located.

본 실시예에서는 추가 터치 후 추가 터치 이동이 안쪽으로 향하지만, 경우에 따라서는, 추가 터치만 있거나 동일한 자리에 추가 터치가 반복되는 경우에 대하여 변위된 화면이 이동하도록 할 수도 있다.In the present embodiment, the additional touch movement after the additional touch is directed inward. However, in some cases, the displaced screen may be moved when there is only the additional touch or when the additional touch is repeated in the same place.

도 8의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 "My Acc."에서 "Buy Now"까지 원하는 그래픽 버튼을 터치할 수 있다. 본 실시예에서는 사용자가 "My Acc."을 터치함으로써 자신의 주문정보 등을 알 수 있는 웹사이트로 이동할 수 있다. Referring to FIG. 8C, the graphic button is moved close to the finger, so that the user can touch the desired graphic button from "My Acc." To "Buy Now ". In the present embodiment, the user can move to a website where his / her order information can be known by touching "My Acc. &Quot;.

도 9를 참조하면, 오른손으로 파지하고 있는 경우로서, 초기 터치 이동을 짧게 움직여 대략 중간 정도 크기의 변환된 화면이 고정된 경우를 설명할 수 있다. 도 9는 도 8과는 다른 웹사이트(www.seller1.com)를 기준으로 설명한다. Referring to FIG. 9, a case in which the initial touch movement is shortened by gripping with the right hand, and the converted screen of approximately the middle size is fixed can be described. FIG. 9 is based on a website (www.seller1.com) different from FIG.

도 9의 (a)를 참조하면, 변환된 화면은 디스플레이의 우측 수직 경계에서부터 노출되며, 디스플레이의 좌측 수직 경계 중 상부에 인접한 화면을 표시하고 있다. 하지만, 디스플레이되는 화면을 다르더라도 그 좌측 아래에서부터 "Buy Now", "Add Cart", "Review", "Cart", "My Acc."의 버튼이 일렬로 제공된다. 이들 버튼의 형상, 배열은 도 8의 (a)와 동일한 것으로, 사용자는 웹사이트에 상관 없이 동일한 형상 및 배열의 그래픽 버튼을 기대할 수 있다.Referring to FIG. 9A, the converted screen is exposed from the right vertical boundary of the display, and displays a screen adjacent to the upper one of the left vertical boundaries of the display. However, even if the displayed screen is different, the buttons of "Buy Now", "Add Cart", "Review", "Cart", "My Acc. The shape and arrangement of these buttons are the same as in Fig. 8 (a), and the user can expect graphic buttons of the same shape and arrangement regardless of the website.

그래픽 버튼과 하이퍼 링크를 연결하기 위해서, 본 실시예에 따른 쇼핑용 어플리케이션의 제어방법은 도 8의 웹사이트와 동일하거나 다른 방식으로 그래픽 버튼과 하이퍼 링크를 매칭시킬 수 있다. 경우에 따라, 해당 웹사이트에 정해진 버튼 중 어느 것과 매칭되는 기능이 없는 경우, 해당 그래픽 버튼을 보이지 않게 하거나 상대적으로 흐리거나 어둡게 표현하여 해당 기능이 구현되지 않음을 표시할 수 있다. In order to link the graphical button and the hyperlink, the control method of the shopping application according to this embodiment can match the graphic button and the hyperlink in the same or different manner as the website of FIG. In some cases, if there is no function matching any of the defined buttons on the web site, the graphical button may be invisible or relatively dim or dark to indicate that the function is not implemented.

본 실시예에서는 쇼핑용 어플리케이션은 처음 구동시 업데이트를 통해서 웹사이트에 대해 미리 변경된 정보나 규칙을 서버로부터 제공받을 수 있으며, 특정 웹사이트를 방문하기 전에 해당 웹사이트에 대한 정보나 규칙을 제공받을 수도 있다. In this embodiment, the shopping application can receive information or rules that have been changed in advance for the web site from the server through the update at the time of initial operation, and may receive information or rules about the web site before visiting the specific web site have.

도 9의 (b)를 참조하면, 변위된 화면에 대해 좌측에 위치하는 그래픽 버튼에 손가락이 닿지 않거나 쉽지 않은 경우가 발생할 수도 있으며, 이 경우 역시 변위된 화면을 이동시키거나 그래픽 버튼을 가깝게 이동시켜 그래픽 버튼의 터치가 원활하도록 할 수가 있다. Referring to FIG. 9B, it may happen that a finger does not touch or is not easy to the graphic button located on the left side of the displaced screen. In this case, the displaced screen may be moved or the graphic button may be moved close It is possible to smoothly touch the graphic button.

도 9의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 목적한 "Buy Now"를 터치함으로써 웹사이트에 특정된 제품을 바로 구매할 수 있다. 웹사이트는 일반적으로 수직으로 길게 연장된 구조를 갖기 때문에 제품에 대한 상세한 정보를 검토하다가 보면, 바로구매 등과 같은 버튼으로 돌아가는 것이 귀찮을 수도 있다. 이 경우 변위된 화면과 같이 나타나는 "Buy Now"를 터치함으로써 최초 위치로 돌아갈 필요 없이 바로 원하는 기능을 실행할 수 있다.Referring to (c) of FIG. 9, the graphic button is moved close to the finger, so that the user can directly purchase the product specified in the website by touching the desired "Buy Now ". Websites typically have a vertically elongated structure, so if you look at detailed information about a product, it may be annoying to go back to the button, such as buying it right away. In this case, by touching "Buy Now" which appears like a displaced screen, you can execute the desired function immediately without having to return to the initial position.

물론, 바로구매를 터치한다고 해도 구체적인 제품 사양을 선택하지 않으면, 경고 문구가 나타날 수도 있는데, 이 경우 자동으로 웹사이트에서 제품 사용을 선택할 수 있는 위치로 이동시킬 수도 있다.Of course, even if you touch Buy Now, if you do not select a specific product specification, you may see a warning message that you can automatically move to a location where you can choose to use the product on your website.

도 10을 참조하면, 손가락을 아래의 수평 경계에서부터 이동시켜 변위된 화면이 하부 경계에서부터 나타나 상부 경계 주변의 화면을 제공하는 경우이다. 상기와 같이 디스플레이의 폭으로 변위된 화면이 나타나기 위해서는 도 6과 같이, 손가락이 측면 수직 경계에서 시작하여 소정의 거리 이상 이동하여 변위된 화면을 노출시키는 경우도 고려할 수 있다. Referring to FIG. 10, a finger is moved from a horizontal boundary below, and a displaced screen appears from a lower boundary to provide a screen around the upper boundary. In order to display a screen displaced by the width of the display as described above, it is also possible to consider a case in which a finger starts to move from a side vertical boundary and moves over a predetermined distance to expose a displaced screen, as shown in FIG.

도 10의 (a)를 참조하면, 변환된 화면은 디스플레이의 하부 경계에서부터 노출되며, 디스플레이의 상부 경계에 인접한 화면을 표시하고 있다. 하지만, 변위된 화면의 상부로 "Buy Now", "Add Cart", "Review", "My Acc.", "Cart"의 버튼이 일렬로 제공될 수 있다. 이들 버튼의 형상은 도 8 및 도 9의 (a)와 동일한 것으로, 사용자는 웹사이트에 상관 없이 동일한 형상의 그래픽 버튼을 기대할 수 있다. 물론 경우에 따라서, 일부 버튼의 배열(ex. "My Acc.", "Cart")이 변경될 수 있다.Referring to FIG. 10 (a), the converted screen is exposed from the lower boundary of the display, and displays a screen adjacent to the upper boundary of the display. However, buttons of "Buy Now", "Add Cart", "Review", "My Acc." And "Cart" can be provided in a row in the upper part of the displaced screen. The shapes of these buttons are the same as in Figs. 8 and 9A, and the user can expect graphic buttons of the same shape regardless of the website. Of course, in some cases, the arrangement of some buttons (e.g., "My Acc. &Quot;," Cart ") may be changed.

도 10의 (b)를 참조하면, 변위된 화면에 대해 상부에 위치하는 그래픽 버튼에 손가락이 닿지 않거나 쉽지 않은 경우가 발생할 수도 있으며, 이 경우 역시 변위된 화면을 이동시키거나 그래픽 버튼을 가깝게 이동시켜 그래픽 버튼의 터치가 원활하도록 할 수가 있다. 여기서 변위된 화면의 하부 경계에서부터 추가 터치를 시작하고, 추가 터치 이후 상향으로 추가 터치 이동을 수행함으로써 변위된 화면을 위로 이동시키고, 그래픽 버튼을 변위된 화면이 있던 디스플레이의 하부 경계 근처로 이동시킬 수 있다. Referring to FIG. 10 (b), there may occur a case where a finger does not touch or is difficult to be positioned on a graphic button located on the upper side of the displaced screen. In this case, the displaced screen may be moved or the graphic button may be moved close It is possible to smoothly touch the graphic button. Here, an additional touch is started from the lower boundary of the displaced screen, and an additional touch movement is performed upward after the additional touch, thereby moving the displaced screen upward and moving the graphic button near the lower boundary of the display where the displaced screen was located have.

도 10의 (c)를 참조하면, 그래픽 버튼이 손가락에 가깝게 이동함으로써, 사용자는 목적한 "Add Cart"를 터치함으로써 웹사이트에 특정된 제품을 바로 장바구니에 담을 수 있다. 웹사이트는 일반적으로 수직으로 길게 연장된 구조를 갖기 때문에 제품에 대한 상세한 정보를 검토하다가 보면, 장바구니 담기 등과 같은 버튼으로 돌아가는 것이 귀찮을 수도 있다. 이 경우 변위된 화면과 같이 나타나는 "Add Cart"를 터치함으로써 최초 위치로 돌아갈 필요 없이 바로 원하는 기능을 실행할 수 있다.Referring to FIG. 10 (c), by moving the graphic button close to the finger, the user can directly insert the product specified in the website into the shopping basket by touching the desired "Add Cart". Websites typically have a vertically elongated structure, so it can be annoying to go back to buttons such as shopping carts if you review detailed information about the product. In this case, by touching the "Add Cart" that appears as a displaced screen, the desired function can be executed immediately without having to return to the initial position.

본 실시예에서는 사용자가 왼손으로 파지한 상태를 중심으로 설명하였지만, 오른손으로 파지한 상태 역시 동일한 원리로 설명될 수 있으며, 사용자는 짧은 수평 이동, 긴 수평 이동, 수직 이동을 적절히 조합하여 원하는 부분이 한 손으로 용이하게 닿을 수 있는 거리에 위치하도록 할 수가 있다.Although the present invention has been described with reference to the state where the user grasps with the left hand, the state grasped by the right hand can also be explained on the same principle. The user can appropriately combine the short horizontal movement, the long horizontal movement, It can be positioned at a distance that can be easily reached by one hand.

100 : 휴대단말기 110:디스플레이100: portable terminal 110: display

Claims (1)

디스플레이 및 상기 디스플레이에 대응하는 터치센서를 포함하는 휴대 단말기에서 쇼핑용 어플리케이션을 제어하는 방법에 있어서,
소정의 URL(Uniform Resource Locator)에 의해서 특정되는 쇼핑 웹사이트에 접속하는 단계;
상기 쇼핑 웹사이트를 디스플레이하는 단계;
상기 터치센서를 통해 상기 디스플레이의 일 지점에서 사용자의 초기 터치 및 상기 초기 터치 이후의 초기 터치 이동을 감지하는 단계;
사용자의 상기 초기 터치 이동에 대응하여 상기 디스플레이의 화면 중 일부의 화면을 변위시키는 단계;
상기 변위된 화면의 주변으로 상기 쇼핑 웹사이트에 포함된 하이퍼 링크와 연계되는 적어도 하나의 그래픽 버튼을 같이 제공하는 단계;
상기 그래픽 버튼에 대한 사용자의 버튼 터치를 수신하는 단계; 및
터치된 상기 그래픽 버튼과 연계된 상기 하이퍼 링크의 기능을 실행하는 단계;를 포함하며,
상기 그래픽 버튼은 상기 쇼핑 웹사이트에 포함된 상기 하이퍼 링크로서 즉시구매, 장바구니 담기, 리뷰 보기, 내 계정, 주문/배송확인, 장바구니 보기, 위시리스트, 최근 본 상품 및 상단으로 이동 중 적어도 하나와 연계되며,
상기 그래픽 버튼은 상기 URL 또는 상기 쇼핑 웹사이트와 무관하게 같은 패턴 또는 같은 종류로 제공되는 것을 특징으로 하는 쇼핑용 어플리케이션의 제어방법.
A method for controlling a shopping application in a mobile terminal including a display and a touch sensor corresponding to the display,
Accessing a shopping web site specified by a predetermined URL (Uniform Resource Locator);
Displaying the shopping web site;
Sensing an initial touch of the user and an initial touch movement after the initial touch at one point of the display through the touch sensor;
Displacing a screen of a part of the screen of the display in response to the user's initial touch movement;
Providing at least one graphical button associated with a hyperlink contained in the shopping website around the displaced screen;
Receiving a touch of a user's button on the graphic button; And
Executing the function of the hyperlink associated with the touched graphic button,
The graphical button is associated with at least one of the hyperlinks included in the shopping web site, such as immediate purchase, shopping cart review, review view, my account, order / delivery confirmation, shopping cart view, wish list, And,
Wherein the graphic buttons are provided in the same pattern or the same kind regardless of the URL or the shopping web site.
KR1020150156479A 2015-11-09 2015-11-09 Method of controlling application for shopping in portable device having large touch screen KR101750253B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020150156479A KR101750253B1 (en) 2015-11-09 2015-11-09 Method of controlling application for shopping in portable device having large touch screen

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150156479A KR101750253B1 (en) 2015-11-09 2015-11-09 Method of controlling application for shopping in portable device having large touch screen

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
KR1020140113027A Division KR101635978B1 (en) 2014-08-28 2014-08-28 Method of controlling application for shopping in portable device having large touch screen

Publications (2)

Publication Number Publication Date
KR20160026813A true KR20160026813A (en) 2016-03-09
KR101750253B1 KR101750253B1 (en) 2017-06-23

Family

ID=55537010

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150156479A KR101750253B1 (en) 2015-11-09 2015-11-09 Method of controlling application for shopping in portable device having large touch screen

Country Status (1)

Country Link
KR (1) KR101750253B1 (en)

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100992071B1 (en) * 2009-06-29 2010-11-04 강민수 Method on providing attribute information of hyperlinked web page
KR101344088B1 (en) * 2013-07-16 2013-12-24 정석환 Screen moving and changing method for device with touchscreen

Also Published As

Publication number Publication date
KR101750253B1 (en) 2017-06-23

Similar Documents

Publication Publication Date Title
US10444961B2 (en) Hover-based interaction with rendered content
US9671952B2 (en) Function execution program, terminal device, function execution method, recording medium and information processing system
CN103988159A (en) Display control device, display control method, and computer program
CN105700800A (en) Page information operating method and apparatus, and electronic device
US20130038555A1 (en) Information Input Device, Information Input Method, and Information Input Program
US20120179963A1 (en) Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display
KR101635978B1 (en) Method of controlling application for shopping in portable device having large touch screen
US9870147B2 (en) Touch control method in mobile terminal having large screen
KR101414275B1 (en) Touch control method in portable device having large touch screen
KR101750253B1 (en) Method of controlling application for shopping in portable device having large touch screen
KR101625187B1 (en) Touch control method in portable device having large touch screen
US10137373B2 (en) Recording medium, information processing device and information processing method
KR101596879B1 (en) Touch control method in portable device having large touch screen
JP6224539B2 (en) Information processing apparatus, information processing method, and program
JP6262889B2 (en) Information processing apparatus, information processing method, and program
KR20150121413A (en) Touch control method in portable device having large touch screen
KR20150121411A (en) Touch control method in portable device having large touch screen
JP6122798B2 (en) Information processing apparatus, information processing method, and program
KR101475021B1 (en) Apparatus having touch screen and method for controlling touch screen
KR101961907B1 (en) Method of providing contents of a mobile terminal based on a duration of a user's touch
US10275084B2 (en) Touch control method in mobile terminal having large screen
KR20160000785A (en) Touch control method in portable device having large touch screen
KR101564035B1 (en) Touch control method in portable device having large touch screen
JP6681134B2 (en) Touch panel tablet personal computer, control method thereof, and computer program
KR20150121412A (en) Touch control method in portable device having large touch screen

Legal Events

Date Code Title Description
A107 Divisional application of patent
A201 Request for examination
E902 Notification of reason for refusal
E90F Notification of reason for final refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant