...
When Luke spends too much money at the local cantina, he logs into MoneyManager (screens 1->3->4) and selects “Create/Modify Budget”, which leads him to screen 5. He re-allocates his budget, allocating “Recreation” $70, “Clothing” $55, and “Food” $175. He then asks his father to give him more money. Vader decides to finally check out his son’s budget before making his decision, so he creates an account (screens 1->2, which lead him to 4). He then selects "View Shared Budgets" and clicks on “Luke’s Budget”, which leads him to screen 7. From screen 7, Vader navigates around by clicking in a variety of places - he clicks on “Food”, which brings him to screen 8 where he views a detailed list of his son’s spending (he then clicks “Return to Main List” to go back to screen 7). ) He clicks on “Graph”, which shows him screen 9, a more visual view of how much Luke has spent and has left in each of his categories. Finally, he clicks on "History", which shows him how much his son has spent in the different categories over time (since Luke has only used the app for one month, this graph would only have a single point for each category and would thus not be very interesting.) Vader decides to give his son an extra $50 this month, and tells him so. Luke logs into his MoneyManager app (screens 1->3->4) and selects “Enter Income/Expense”, where he changes adds $50 as a one time income and credits it to his food category.
...
Walk-Through For Our Scenario of Design 2:
Luke logs into the moneymaker MoneyMaker app and is greeted by screen 1a. He selects “register” “Register” and is lead led to screen 1b. He enters his email (skywalker@imperial.edu) and creates a password, then selects register"Register". He He is lead led to screen 2, where he selects “budget” “Budget” (note that this is not “Your Budget”the same as "Your Budget"). He is then lead led to screen 3. In In the income box, he adds 300$300.00 and sets it to occur monthly. . Under Under the “food” “Food” category he enters $175, under clothing "Clothing" he enters $75, and he adds a new category that he calls “recreation” and assigns “Recreation”, assigning $50 (all of these per month). He He selects “Save Budget”, which returns him to Screen screen 2.
Luke wants to share his budget with his father, so he selects “Your Budget”“View”, which leads him to Screen screen 6. He He selects “Share Budget”, which leads him to screen 8. He He enters his father’s email, iamyourfather@deathstar.com, and hits “Share Budget” (Vader ignores this email for a while). Luke Luke quits his app. Periodically Periodically throughout the month, he adds his new expenses by signing onto into the app (which brings him from Screens to screens 1a->2), clicking on “income“Income/expense”Expense”, and adding the expense in screen 4 ender expenseunder Expenses, selecting the appropriate category, entering the amount, leaving the “Recurring” setting as “Once”, and clicking “Save Income and Expenses”.
When Luke spends too much money at the Cantinalocal cantina, he logs into his MoneyManager app (Screens screens 1a->2) and selects “Budget”, which leads him to Screen screen 3. He He re-allocates his budget, allocating “Recreation” $70, “Clothing” $55, and “Food” $175. He He then asks his father to give him more money. Vader Vader decides to finally check out his son’s budget before making his decision, so he creates an account (Screens screens 1a->1b->2) He then selects “Luke’s Budget”, which leads him to screen 6. From From screen 6 he , Vader navigates over to view the history of spending by clicking on “History”, which leads to Screen screen 7 (since his son has only used the app for one month, this graph would only have a single point for each category and would thus not be very interesting). ) Vader Vader decides to give his son an extra $50 this month, and tells him so. Luke Luke logs into his MoneyManager app (Screens screens 1a->2) and selects “Income/Expense”, where he adds a new one-time income of $50 and clicks “Save Income & Expenses”. Since Since this is a one-time income, he does not adjust his budget.
...
This design greatly reduces the amount of navigation that goes on (for example, the process for viewing a shared budget requires you to simply login and click on the name of the budget); this is optimized for the parent going to view his child’s budget, particularly a parent with multiple children using the appMoneyManager. This This means that this particular version of the app is quite efficient. It It includes a safety check that allows the user to go back and edit expenses or income that they had previously inputtedinput, and you users can change who you’ve saved your budget whom they've shared their budgets with at any given time, which gives the user users greater control about over who can see his budget at any timetheir budgets.
In introducing an actionbar action bar to improve navigation, we have taken up a certain amount of space and cluttered up the UI. In In user testing, we’ll need to determine whether or not user’s users value having all of the important actions available from every window, or if they really only care about certain actions. Additionally, by using an action bar rather than a main menu, the particular actions are not clearly marked, which reduces learnability (even in the scenario write-up, we noted that the user might confuse what the actions of clicking on “Budget” and clicking on “Your Budget” in screen 2 would do). The The expansion feature on screen 6 (to allow the viewer to see detailed expenses in a particular category) means a user could expand all of the options and quickly make the window very long, requiring a lot of scrolling - this is fine for a student who is comfortable enough with apps to scroll quickly and know what’s going on, but is not ideal for a parent.
Overall, this UI prioritizes efficiency (and to some degree safety) over learnability. This is good for our student users, but not as great for our parent users, so user testing would help determine how well they 're are able to cope with this compromise.
...