...
Screenshots: (1a) Welcome and login; (1b) Welcome and registration; (2a) Home screen for users without a budget; (2b) Home screen for users with a budget; (3) Create/modify budget categories; (4) Enter expenses; (5) View summary of budget; (6) View expenses for specific category; (6a) Edit individual expense; (7) View budget history; (8) Share budget
...
Walk-Through for Our Scenario of Design 3
Luke logs into the moneymaker app and is greeted by screen 1a. He selects “register” and is lead to screen 1b. He enters his email (skywalker@imperial.edu) and creates a password, then selects register. He is lead to screen 2a (since he is a first time user), where he selects “Create a Budget”. He is then lead to screen 3. Under the “food” category he enters $175, under clothing he enters $75, and he adds a new category that he calls “recreation” and assigns $50 (all of these per month). He then selects “Save”, which takes him to screen 2b.
Luke wants to share his budget with his father, so he selects “View Your Budget”, which leads him to Screen 5. He selects “Share”, which leads him to screen 8. He enters his father’s email iamyourfather@deathstar.com and hits “Save” (Vader ignores this email for a while). Luke quits his app. Periodically throughout the month he adds his new expenses by signing onto the app (which brings him from Screens 1a->2b), clicking on “enter an expense” (which takes him to screen 4), adding the expense in screen 4, selecting the appropriate category, and selecting “Save”.
When Luke spends too much money at the Cantina, he logs into his MoneyManager app (Screens 1a->2b) and selects “View Your Budget”, which leads him to Screen 5. He then selects “Edit”, which takes him to screen 3. 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 1a->1b->2a) He then selects “Luke’s Budget”, which leads him to screen 5. Within the screen 5, Vader can expand a particular category to see detailed expenses in that category (he can then also collapse that category to simplify the view). From screen 5 he can navigate over to view the history of spending by clicking on “History”, which leads to Screen 9 (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 decides to give his son an extra $50 this month, and tells him so. Since this is a one-time income and Luke should not count on this extra money in his monthly budget, Luke does not adjust his budget.