Personal computing devices with improved graphical user interfaces
A user device includes a touchscreen and an application circuit. The application circuit is structured to provide, on the touchscreen, a graphical user interface. The graphical user interface includes a transferor account widget that identifies the transferor account and a transferee account widget that identifies a transferee account. The transferor account widget is positioned proximate a first edge of the touchscreen and the transferee account widget is positioned proximate a second edge of the touchscreen. The graphical user interface also includes a slider feature positioned between the transferor account widget and the transferee account widget. The slider feature has an origin and a goal. The application circuit is also structured to detect a slide of a user input member on the touchscreen from the origin to the goal, and, in response, initiate a transfer of funds from the transferor account to the transferee account.
1. A method, comprising:
generating a graphical user interface, the graphical user interface comprising:
a transferor account widget that is selectable to select a transferor account, the transferor account widget positioned proximate a first edge of the graphical user interface and having a numerical indicator regarding a balance in the transferor account;
a transferee account widget that is selectable to select a transferee account, the transferee account widget positioned proximate a second edge of the graphical user interface;
a transfer amount field configured to receive an input regarding an amount of funds to transfer from the transferor account to the transferee account; and
a slider feature positioned between the transferor account widget and the transferee account widget, the slider feature having an origin positioned proximate the transferor account widget, a goal positioned proximate the transferee account widget, and a slider path extending from the origin to the goal;
detecting a slide of a user input member along the slider path from the origin to the goal;
determining a distance traversed by the user input member between the origin and the goal along the slider path;
reducing the numerical indicator regarding the balance in the transferor account based on the distance traversed by the user input member between the origin and the goal; and
in response to detecting the slide of the user input member along the slider path from the origin to the goal, initiating and completing a transfer from the transferor account to the transferee account of the amount of funds based on the user input member reaching the goal along the slider path.
2. The method of claim 1 , wherein the slider feature further comprises a tab, the tab confined to the slider path and slideable along the slider path from the origin to the goal.
3. The method of claim 1 , the method further comprising:
detecting a swipe of the transferor account widget by the user input member; and
in response to detecting the swipe of the transferor account widget, updating the transferor account widget to show an alternative account as the transferor account.
4. The method of claim 1 , further comprising:
receiving a confirmation of the transfer of funds from the transferor account to the transferee account;
providing a confirmation page in the graphical user interface.
5. A user device, comprising:
a touchscreen; and
an application circuit, the application circuit structured to:
provide, on the touchscreen, a graphical user interface comprising:
a transferor account widget that is selectable to select a transferor account, the transferor account widget positioned proximate a first edge of the touchscreen and having a numerical indicator regarding a balance in the transferor account;
a transferee account widget that is selectable to select a transferee account, the transferee account widget positioned proximate a second edge of the touchscreen;
a transfer amount field configured to receive an input regarding an amount of funds to transfer from the transferor account to the transferee account; and
a slider feature positioned between the transferor account widget and the transferee account widget, the slider feature having an origin positioned proximate the transferor account widget, a goal positioned proximate the transferee account widget, and a slider path extending from the origin to the goal;
detect a slide of a user input member on the touchscreen along the slider path from the origin to the goal;
determine a distance traversed by the user input member between the origin and the goal along the slider path;
reduce the numerical indicator regarding the balance in the transferor account based on the distance traversed by the user input member between the origin and the goal; and
in response to detecting the slide of the user input member along the slider path from the origin to the goal, initiate and complete a transfer from the transferor account to the transferee account of the amount of funds based on the user input member reaching the goal along the slider path.
6. The user device of claim 5 , wherein the slider feature further comprises a tab, the tab confined to the slider path and slideable along the slider path from the origin to the goal.
7. The user device of claim 5 , the application circuit structured to:
detect a swipe of the transferor account widget by the user input member; and
in response to detecting the swipe of the transferor account widget, update the transferor account widget to show an alternative account as the transferor account.
8. The user device of claim 5 , wherein the application circuit is further structured to receive a confirmation of the transfer of funds from a provider computing system; and
in response to receiving the confirmation, provide, on the touchscreen, a confirmation page confirming the transfer.