...
When adding a new transaction, the user has the choice to be included in the transaction. The "Add Transaction" form contains a checkbox labeled, "include me in transaction". If the user checks this checkbox, the "People in Transaction" list beneath the search bar will contain "Me" to show that the user has decided to be included in the transaction. To add another user to the transaction, the user uses the search bar, labeled "Search Names". The search bar uses autocomplete, which is populated by a list of all users. To include another user in the transaction, the user simply taps a user's name to select that user. This user's name is then added to the "People in Transaction" list. Additionally, PennyPincher is also set up so that a user cannot appear in the "People in Transaction" list more than once. This eliminates the possibility of users being charged twice in a transaction. If the user made a mistake and accidentally added a user to the transaction, the user can just tap and hold the user's name in the "People in Transaction" list to delete this user.
-Adding a Transaction with One Other Person
When the user is only adding a transaction with one other person, and all fields of the transaction are ready for submission, the user can hit the "Submit" button at the bottom of the "Add Transaction" form.
-Adding a Transaction with Multiple People
When the user has indicated that he or she is adding a transaction involving multiple people, the "Submit" button of the form is dynamically changed to a "Next" button at the bottom of the "Add Transaction" form. When all users involved in the transaction are selected and all transaction fields are ready for submission, the user can hit the "Next" button to go to the next page to determine how to split the amount between users and finalize the transaction.
III. Add a Transaction Page 2
...
IV. Summary of Transactions Page
V. Details of Transactions with User Page
Implementation
Important Design Decisions
...