(for the best viewing experience, please click on the first picture below and use ' < ' or ' > ' to navigate through the pages)
Parent Flow Chart:
Below is a wireframe flow chart for the parents' app. With the navigation bar at the bottom, their main landing pages are 1) Home, 2) Assign Tasks, 3) Learning Centre (name to change), and 4) Chat (name to change). These 4 options anticipate the main tasks that the parents will do through the app which are to check their children's balances and transactions, assign tasks, learn techniques they can teach them about money management, and communicate with their children.
A walk-through of the parent onboarding process, taking a tour of the app exploring an example child profile and showing how to change and set up parental controls and notifications.
Child Flow Chart
The flow chart below shows how a child might interact with the app. From their dashboard screen, they might navigate to their stats via the "My Money" tab at the bottom. Here they will see the money they have spent, earned, and saved. They might then navigate to the "Learn & Earn" tab to see if there are educational tasks they can do to earn money (these can be set by the parents or the children can do and ask their parents via the chat feature - for extra money). Finally, the "Asks & Tasks" button will lead to the chats the children will have either with their parents or guardians. Underneath will be a section for the chore tasks assigned to them. User testability needs to be performed if this is a great way to use the space or if the chore tasks should just be kept in the dashboard screen and be replaced with their activities instead.
Above are the task flows for editing goals and adding goals.
Above are the lo-fi and medium-fi wireframes for the "My Money" tab on the children's app of CubCash.
Above is the task flow for completing a task a parent has assigned to their child.
Hi-fi frame for the dashboard screen on the parent's app.
A walk-through of Phoeby editing and adding a goal to her CubCash account.
A flow chart outlining all the screens Phoeby interacts with to edit or add a goal.
Below are the most recent versions of some screens. As a next step before reiterating my designs, I will conduct user tests with children to validate assumptions made and uncover any frustrations or confusion with the current design.
