Travel Funds calculator app mockup

Travel Funds Calculator App| Case Study

Introduction

I decided to create a calculator that could be used in a way that maybe we haven’t seen before, but I wasn’t sure what that would be. After much brainstorming, I decided to create an app that could potentially be used for pre-travel. It would have the ability to assist travelers in calculating how long it would take to reach a certain goal, how much money they’d need to save each day to reach a set budget by a certain date, and more.

Brainstorming

I began by writing down every possible idea I could come up with for a calculator. Then, from there, I narrowed down my ideas until I found the best one.

Subject: Travel Funds

Description: This calculator will help users calculate how long it will take to reach their travel budget goal. They will be able to input their goal, how much they’ve already saved, and how much they expect to save each week. It will then output the estimated date their goal will be reached/how many weeks (days, months, etc) it will take.

Decision: I chose this idea because
I think it is fun and functional. I am often setting aside money for traveling and I think there are others who do the same. It would be useful to know how it is going to take to reach my goal if I’m putting in x amount of dollars each week or month.

I will be making this calculator for an iPhone/iOS.

Target Audience

Demographics:

  • Females and males
  • Between ages 16-30
  • In college or college aged
  • Single or newly married
  • Interest in traveling
  • Low income
  • iPhone users

Needs:

  • Track current travel funds
  • Calculate how long until goal is reached

Scenario:

Sally is 21 and wants to plan a post- graduation trip to NYC. She knows much money she’ll need for the trip, but she’s having a hard time keeping track of the money she’s saved so far. She would also like to know if she is saving

enough money each week in order to reach her travel goal by September.

Scenarios

Scenario 1:

Sally is 21 and wants to plan a post- graduation trip to NYC. She knows how much money she’ll need for the trip,
but she’s having a hard time keeping track of the money she’s saved so far.

Sally opens the app and is prompted
to input her travel goal. After she has put it in, she is prompted to put in how much money she has saved so far and then how much money she puts aside each week. The app then outputs the estimated date and estimated amount of weeks, months, etc. until the goal is reached.

Sally saves her information so she can return to the app each time she adds to her savings.

Scenario 2:

Jan is 26 and has been saving money each week for a Christmas vacation, but she’s not sure if she’s saving enough money each week to reach her goal.

She opens the app and is prompted to input her travel goal. After that, she is prompted to input how much money she has saved so far. After she inputs that, she is prompted one last time to put in how much money she is saving each week. The app then tells her the estimated date her goal will be reached and how many weeks that consists of.

Jan closes the app, happy with the amount of money she is saving each week.

Scenario 3:

Dan is 19 and wants to know how much money he would need to save each week to reach his travel goal in 3 months.

He opens the app and is prompted to input his travel goal. After he does that, the app then prompts him to input the date by which he wants to reach his goal. After that, the app prompts him to enter how much money he has saved so far. Once he inputs that information, the app then outputs the least amount of money that Dan could save each week in order to reach his goal on time.

Dan closes the app and decides to start saving his money that week!

Sketches

For the first step, the user needs to be able to input numbers so I thought a field would be a great way to do this.

For step 2, the user will have the option to either put in the money they’ve saved so far or by which month they would like to reach their goal. This will be determined based on the need of the user. The steps will be put in the correct order at the open of the app after the user answers what they hope to use the app for.

For the third step, the user needs to be able to input numbers so I thought a field would be a great way to do this.

For step 4, the app will either output the amount of time it will take for the user to reach his/her goal or it will tell the user how much money they should be saving each week. The output shown will be based on the needs of the user.

Sketches User Testing

I did two user tests on my sketches and then I did one user test on some quick paper sketches.

I learned that these users liked the simplistic interfaces. They liked it when it was easy to see what the screen was about and easy to get to the next screen. As well, they all preferred having the numbers on the bottom of the interface because that is where they are used to seeing them.

Wireframes

Use

Wireframe for user who needs to calculate how much money they should be saving each week in order to reach their travel budget goal by a certain date

Use

Wireframe for user who needs to track how much money they’ve saved so far

Use

Wireframe for user who needs to calculate when they will reach their travel budget goal by saving a certain amount each week

Wireframe User Testing

User 1:

  • What is this app about? I see it says travel, but I still don’t get it
  • Pretty simple layout
  • Is there a way to go back to the previous screen?

User 2:

  • The wording for the buttons doesn’t make much sense
  • I think I understand the overall concept
  • I guess there will be a keyboard to type things in?

User Feedback:

  • It’s very simple
  • Some of these buttons are confusing
  • Is this for a travel? maybe like tracking money and stuff?
  • How do you get back to the main menu?

Rough Drafts

User Feedback:

  • The text on the buttons is a little confusing. I’m not sure exactly what they mean or where they’ll take me -I like the simplicity
  • I like the colors, but they don’t make me think of travel
  • How are you supposed to choose a month? Will you have to type it in?
  • What does “Do another action” mean?

User Feedback:

  • Blue color seems a little dark. When I think of travel, I think of bright, happy colors.
  • There’s not much that tells me what the app is all about
  • I think I get the general ideas of the buttons on the second screen, but the wording is kinda confusing
  • I like that there’s a lot of space
  • The buttons are easy to see and the text is easy to read

User Feedback:

  • I like that the buttons are easy to see and seem easy to press
  • It took me a minute to understand how the two screens about money are different. is there another way to differentiate them?
  • Maybe the titles should be bigger? It seems like there’s a lot of space

User Feedback:

  • I like the picture at the beginning. It helps me to know what the app is about
  • I wish there was some kind of button to tell me to go forward or so that way I could go back

User Feedback:

  • It’s very simple and clean
  • I wish there was another way to put in a month. Like something that would let me choose a month instead of typing it in
  • Does “finish” bring me back to the menu as well?

High Fidelity Final Screens

These are the screens you see when you first open the app. They introduce the app and allow the user to choose if they are creating a new trip or continuing with one previously saved.

This step in the app allows the user to calculate how long it will take them to reach their trip budget goal. The “successfully saved” screen and screens with the steps leading up to this step are shown.

This step allows the user to see how much money they should be saving each week in order to reach their travel budget goal by a certain date.

This step allows the user to start tracking how much money they are saving each week for their future trip.

Conclusion

A working prototype can be found here.