User Interface for Real-time Online Payment User Input

Abstract

A user interface that captures the user input of payment amount during real-time online events (e.g. live podcasts, live stream videos, online games). The user utilizes their personal computer or mobile device to drag a graphic object displayed in the user interface. The amount of fund to be sent is proportional to the time length of the user's drag motion. The user interface allows users to control the input value by timing the release of the graphic object. Further, a component to display count up of input value may be utilized as part of the user interface to provide user feedback.

1 . A method for providing user control of real-time online payment amount on a graphical user interface (GUI) of a computing device:
 creating a draggable graphic object in GUI framed by a closed shape as a visual guideline to indicate the origin of the draggable object;   displaying the updated location of the draggable object which is moved and held outside of the closed shape in response to user input corresponding to drag;   utilizing the time duration of the graphic object being dragged to determine the transaction amount;   displaying an incremental value of transaction amount while the draggable object is being held outside of the closed shape;   displaying the draggable object popping back into the closed shape in response to user input corresponding to release;   and finalizing the transaction amount upon user input corresponding to release.   
     
     
         2 . The method of  claim 1 , wherein the draggable graphic object includes 3D graphics in virtual reality and augmented reality applications. 
     
     
         3 . The method of  claim 1 , wherein the user input includes input via a non-touch screen (such as keyboard, keypad, mouse, video game controller etc.). 
     
     
         4 . The method of  claim 1 , wherein the transaction amount is determined by the time length of the object being held outside of the closed shape. 
     
     
         5 . The method of  claim 1 , further comprising displaying multiple draggable objects with different increment variables to determine the transaction amount.