A UX/UI CASE STUDY

STRUCTURED ALLOWANCES

I hypothesize that if parents budget for allowances with yearly salary caps, they will attain clarity to their financial situation. Starting pay at lower salaries than their cap will enable the parents to award raises, which will teach children the value of performing high-quality work.

DEFINING THE PROBLEMS

Problem #1

If there is no gamification, children are not challenged to perform top quality work and lose interest. They do chores just to get them done with no motivation for high effort.

GAMIFICATION

Problem #2

When paying allowances, many parents have no idea how much they are spending yearly. Underpaying and overpaying both have multiple drawbacks. 

PARENT'S BUDGET

Problem #3

If parents would like to raise or lower allowances. It is based on how efforts from the child are portrayed, rather than in reference to records of past performance.

NO PERFORMANCE

RECORD

I have identified strengths, weaknesses, opportunities, and threats to three popular competitors.

SWOT ANALYSIS

CHORECHECK.png

Chore Check App

The app makes the parent pay for every individual chore with varying prices. The structure makes it hard for parents to budget. And it instills a want in the child to take on more work but does not emphasize performing top quality work.

homey-app-icon.jpg

Homey App

The app allows the parent to micromanage their children with chores. They don't have gamification for the children to want to do better.

rooster-m_edited.jpg

Rooster Money App

The app focuses on teaching younger children how to save money but is not set up to teach them about work ethic.

COMPETITOR OVERVIEW

CHALLENGES 

TO SUCCESS

ONE

TWO PROFILE TYPES

Parents should have a profile set up for management. Children should have a profile set up to be an employee.

TWO

BUDGETING TOOLS

Efficient budgeting tools should be set up to accommodate a wide range of financial situations and family sizes.

THREE

CALENDAR MANAGEMENT

Parents should be able to schedule and edit chores.

FOUR

CHORE REVIEW 

Parents should be able to view completed chores and review them for future reference. 

FIVE

PERFORMANCE & PAY

Parents should be able to view past performance statistics and change pay accordingly.

USER FLOWS

Parent creates an account and is able to allocate salaries

USER FLOW #1

Firstjob-Userflow-01.jpg
Parent schedules chores for a child.

USER FLOW #2

Firstjob-Userflow-02.jpg
Parent approves or requests a revision for the chore completed. Then the parent submits a rating with optional feedback.

USER FLOW #3

Firstjob-Userflow-03.jpg
Parent approves or requests a revision for the chore completed. Then the parent submits a rating with optional feedback.

USER FLOW #4

FirstJob-Userflow-04.jpg

LOW-FIDELITY

WIREFRAMES

Low-fidelity wireframes were created for both devices. Specific changes in the design were  made to meet the  IOS and Material Design guidelines.

IPHONE & ANDROID

02.jpg
03.jpg
04.jpg
05.jpg
06.jpg
07.jpg
08.jpg
09.jpg
10.jpg
12.jpg
11.jpg

Following the creation of the low-fidelity wireframes, native patterns were incorporated into each device. These patterns include face ID,  fingerprint, dropdown menus, permissions, and scrolling adjustment for numbers.

IPHONE

HIGH-FIDELITY

WIREFRAMES

01-Login-Screen – 2.jpg
02-Profile-Type.jpg
02.1-Signing-up.jpg
03-Budgeting-Help.jpg
05-add-child.jpg
06-Allocate-Salaries.jpg
07-Finalize-Budget.jpg
10-Performance – 1.jpg
11-Review-Chore.jpg
08-Chores – 1.jpg
09-add-chore.jpg
12-Pay – 1.jpg

ANDROID

HIGH-FIDELITY

WIREFRAMES

01-Login.jpg
02-Account-Type.jpg
02.1-Signup.jpg
05-Add-Child.jpg
04-Add-All-Children-filled.jpg
06-Allocate-Salaries.jpg
07-Allocate-Salaries – 2.jpg
10-Pending-Review.jpg
11-Review.jpg
08-Chores.jpg
09-Add-Chore.jpg
12-Childs-Performance.jpg

SOUNDS AND HAPTICS

IPHONE

01-Iphone.pdf_0010_01-Iphone.jpg
01-Iphone.pdf_0008_03-iphone – 1.jpg
01-Iphone.pdf_0009_02-iphone.jpg
01-Iphone.pdf_0006_05-iphone.jpg
01-Iphone.pdf_0007_04-iphone.jpg

ANDROID

01-Iphone.pdf_0004_07-android.jpg
01-Iphone.pdf_0001_10-Android.jpg
01-Iphone.pdf_0002_09-Android.jpg
01-Iphone.pdf_0003_08-Android.jpg
01-Iphone.pdf_0000_11-Android.jpg

GESTURES

IPHONE

03-iphone.jpg
01-Iphone.jpg
02-iphone.jpg
04-iphone.jpg
05-iphone.jpg

ANDROID

08-Android.jpg
06-android.jpg
07-Android.jpg
09-Android.jpg
10-Android.jpg

USER TESTING

XD PROTOTYPE

USER FEEDBACK

High-fidelity wireframes have been used for an XD prototype made for user feedback. This test was meant to spot out any pain points.

Following the test, I have found that the user needs help understanding how and why they would use specific design patterns.  So I have added instructions that appear as they first come in contact with the pattern.

IPHONE

10-instructions-chart.png
10-instructions-review.png
10-Explanation-rating.png
10-instructions-notification.png
10-instructions-tabs.png
12-instructions.png

ANDROID

12-Instructions-chart.png
12-explanation-rating.png
13-instructions.png
06-information.png

EXECUTION:

ANIMATED PROTOTYPES

Challenge

Parents should have a profile set up for management. Children should have a profile set up to be an employee.

Solution

Before signing up, the user must first select their profile type.

Challenge

Parents should be able to schedule and edit chores.

Solution

Weekly chore scheduling and editing will be completed through the "schedule" tab.

Challenge

Parents should be able to view past performance statistics and change pay accordingly.

Solution

The past performance chart is viewable once the user has selected the button to change income. There they can view their performance and adjust their pay accordingly. This chart is also visible on the performance tab.

Challenge

Efficient budgeting tools should be set up to accommodate a wide range of financial situations and family sizes.

Solution

The parent can add all children, their estimated length of employment, start date, and percentage of extra money each child will receive. The app calculates a starting pay for each child for raises to be sustainable.

Challenge

Parents should be able to review completed chores and review them for future reference. 

Solution

All completed chores require the parent's approval and assignment of a rating for future reference. 

MOCKUP

1.jpg

IPHONE FINAL UI

Walkthrough-01_–_11.png
Walkthrough-02 – 1.png
Walkthrough-03.png
Walkthrough-04.png
Walkthrough-05.png
01-Login-Screen – 2.png
02-Type-selected.png
03-YES.png
04.1-Drop-Menu.png
05-add-child.png
04-children-added.png
06-All-Allocated.png
07-Finalize-Budget.png
10-Performance – 1.png
11-Review-Chore – 8.png
08-Chores.png
09-images-added.png
12-Pay – 7.png
11-Review-Chore – 16.png

ANDROID FINAL UI

0- Walkthrough-01.png
0- Walkthrough-02.png
0- Walkthrough-03.png
0- Walkthrough-04.png
0- Walkthrough-05.png
01-Login.png
02-Account-Type – 2.png
02.1-Signup.png
03-Budge-help-yes.png
04.1-Slider-pressed.png
05.1-Add-Child.png
05-Add-All-Children-filled.png
06-Tim-percentage.png
07-Finalize-Budget.png
10-Pending-Review.png
11-All-Filled.png
08-Day-menu – 1.png
09-Add-Chore.png
13-Pay.png
14-Change-Income.png

RETROSPECTIVE

  • In the future, I should look for screens that would benefit from adding instructions, with the option to skip.

  • I’ve learned that it is more effective to hone in on one area of opportunity rather than to try to solve multiple problems all in one platform.

  • I’ve learned the benefits of using Balsamiq over sketching for low-fidelity wireframes. 

  • After submission or changes adding an extra element to demonstrate completion can combat any confusion.

LESSONS I'VE LEARNED

The original goal of the project was to increase the financial aptitude of children.  After analyzing the competitors, I have chosen to move forward with a different opportunity that my product could fill, which is to teach the value of hard work. 

PROJECT GOAL

  • A significant challenge that I faced was creating a useful budgeting tool. I chose to use SalaryAsset.com to find out how they calculate salaries.

  • Another big challenge I’ve faced was to find a way for the user to understand where they stand in their ability to give their raises for the full length of employment while staying on budget.

CHALLENGES I'VE FACED

  • I will improve the calendaring in the future. I will find a way to implement a month calendar to schedule particular chores that land on a specific date.

  • I would like to have a preference test between Android's usability compared to the iPhone version.

TAKING IT FORWARD