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

Abstract

A control method of an application for shopping in a mobile terminal including a display and a touch sensor corresponding to the display comprises the following steps: accessing a shopping website specified by a predetermined uniform resource locator (URL); displaying the shopping website; detecting an initial touch of a user and a movement of the initial touch at one position of the display through the touch sensor; displacing a part of a screen of a screen of the display in response to the initial touch of the user; providing at least one graphic button connected to a hyperlink included in the shopping website around the displaced screen; receiving a button touch of the user on the graphic button; and executing a function of a hyperlink connected to the touched graphic button.

Description

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.

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.

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 .

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.

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 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.

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.

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 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 is a front view for explaining a control method of a shopping application according to an embodiment of the present invention.

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.

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 to 4 are front views for explaining a concrete touch control method according to an embodiment of the present invention.

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.

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).

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) .

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.

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 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.

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.

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.

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.

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 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.

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.

Referring to Fig. 7, both right and left are websites for selling bicycles.

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.

For example, the touch positions, shapes, and terms of "MyOrder" and "My Account" that store my shopping information are different, and " Add Cart" and " Add to Cart "is also used in other button shapes, other locations, etc. 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 press reviews.

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.

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).

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.

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.

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.

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.

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.

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.

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;.

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.

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.

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.

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.

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.

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.

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.

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.

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: portable terminal 110: display

Claims (9)

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
And executing the function of the hyperlink associated with the touched graphic button. The method according to claim 1,
Wherein the graphic buttons are provided in the same pattern or the same kind regardless of the URL or the shopping web site. The method according to claim 1,
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, The method comprising the steps of: The method according to claim 1,
Detecting an additional touch of a user at one point of the displaced screen through the touch sensor; And moving all or a portion of the graphic button to a place where the displaced screen was located corresponding to the additional touch of the user,
And receiving the button touch of the user with respect to the graphic button in the moved position. 5. The method of claim 4,
The touch sensor detects the additional touch movement after the additional touch with the additional touch, moves the displaced screen in the direction of the additional touch movement, and moves the graphic button to the place where the displaced screen was located Wherein the shopping application is a shopping application. The method according to claim 1,
Wherein the displaced screen exposes a screen displayed on the periphery of another boundary facing the one boundary from the one boundary of the display corresponding to the initial touch movement of the user. The method according to claim 6,
Wherein when the initial touch is adjacent to one vertical boundary of the display, the displaced screen exposes a screen displayed on the periphery of another vertical boundary facing the one vertical boundary from the one vertical boundary. Control method. 8. The method of claim 7,
Wherein the displaced screen exposes a screen displayed on the upper portion of the vertical boundary from the one vertical boundary at a lower portion of the vertical boundary. 8. The method of claim 7,
Wherein the displaced screen adjusts the size of the displaced screen in a stepwise manner in accordance with the amount of movement of the initial touch movement, and the displaced screen refers to the end point or the moving distance of the initial touch movement, Wherein the step of providing the shopping application service comprises the steps of:

Images