Annotated Screensestherp/Annotated Screens.pdf · Receipts let you know if a transfer you initiated was scheduled to make repeat payments. 3. Status A status line lets you know the

ContactsSettings

Home

0203

Chat ScreenArchived MessagedTransaction History

Chat

040506

Schedule Call > Set DateSchedule Call > Set Date > View ScheduleSchedule Call > Set Date > Set TimeSchedule Call > Receipt

Schedule Call

+ More coming soon

15161718

Send MoneySend Money > Set Repeat TransferSend Money > Change Payment MethodSend Money > Change Payment Method> Add Payment MethodSend Money > Swipe CodeReceiptIn-Person Pickup ReceiptExpanded In-Person Pickup Receipt

Transfer

07

08

09

10

11

12

13

14

Annotated Screens

01

Add Contact

PriyaLocal Time: 5:33 PM

How’s everything in Dubai? I heard ... 7:42 AM

AbrahamLocal Time: 5:33 PM

1 Pending Request (900 INR)

Mom said it’s an emergency so ... 3:30 PM

Western Union

4:03

4

4

1

2

3

1. Local Time

Displaying local time before you enter a chat lets the user know if this is a suitable time to send a message or expect a reply.

2. Pending Request

At glance a user is able to see if there is a pending request from one of their contacts. While a user might ignore unread messages when they are busy, seeing this notification would prompt them to check their messages at potentially urgent times when money is needed.

3. Add Contact

Contacts can be added from this page. Because of the nature of this app, we are aiming to have users with only a couple close contacts they talk to through this product.

4. Money Short-Key

Users can quickly access money transfers through this home page without going into a chat.

Contacts

02



Add Contact



1 Pending Request (300 INR)

Western Union

ProfileProfile

Settings

Notifications

Help & feedback

Scheduled Payments

Naveed S.

12:30

Cards and Accounts

1

2

1. Scheduled Payments

Here you can access and cancel the payments you have set to repeat over time.

2. Cards and Accounts

Access the cards and accounts you have linked to the app or add a new one. You are able to link credit cards, bank accounts, and pre-paid cards.

Settings

03

Pleeeeease! I'm going to practice every single day.I found a cheap one too!

And I think I can get a deal from Parm's Dad. He runs a store by our house.

I'll see what I can do.

Well if you promise to put it to good use.

But are you sure about this?

8:30 PM

8:43 PM

8:25 PM

He said he'll get me the guitar for only 1900 INR.8:50 PM

8:30

Abraham

Send message

4

5

6

1

21. Schedule a Call

Because of the time difference the majority of our users will face, we allow them to easily schedule a time for a call.

2. Filter Button

From a chat screen, you are able to filter to just your archived messages or even your transactions.

3. Money Link

Automated links are created when someone types a money amount. Clicking these auto-fills a transfer form, letting you easily send or request an amount that was referenced in your conversation.

4. Money Button

Easily access money transfer during a conversation the same way you would access media or emojis.

5. Call Button

With our product we want to emphasize connection and give the call button prominence to encourage calls. This feature is somewhere we can eventually make money off of by offering HD calls for a charge.

Chat Screen

04

I made a new friend! He likes to play soccer too. I think we’re going to have a game soon!

How’s everything in Dubai? I heard there’s a heatstorm coming in?

Work is going well, I might not work overtime this week so I’ll have time to call you :)

I’m a bit scared haha

Hey son, how was your day?

8:30 AM

8:40 AM

8:25 AM

Awesome, I’ll schedule a time right now.8:43 AM

Abraham

12:30

Send message

Delete

Forward

Copy Text

Archive

Message

2

11. Filter Button

Pressing this button and choosing archived messages filters the chat so you only see your archived messages.

2. Archive Button

Holding a message brings up this feature alongside the typical copy, forward and delete. Our users often share important information that needs to be saved and this feature allows you to do so with a quick and simple action.

Archived Messages

05

16,000 INRYou sent (with Visa) 888.07 AED (x18.22)

Every month for 3 transfers.

Processed on January 13, 2016

1900 INRYou sent (Bank Account) 140.50 AED (x18.18)

Received on January 02, 2016

1900 INRYou sent (Bank Account) 140.50 AED (x18.18)

Received on December 25, 2015

Priya

Send message

12:30

1

2

4

3

5

1. Transfer Information

Transfer receipts make important information like payment method, transfer rate, and transfer amount apparent and easily scan-able.

2. Status

A status line lets you know the latest update to your transfer and shows a checkmark once it has gone through the full cycle and has been picked up by the receiver.

3. History

Tapping this button brings up the dates and times of all the status updates related to this transfer going from the sender to receiver.

4. Repeated Payment Indicator

Receipts let you know if a transfer you initiated was scheduled to make repeat payments.

5. Additional Options

The three-dot menu brings up additional options such as cancelling a transaction, viewing a full breakdown of fees or adjusting the amount.

Transaction History

06

104.50Emirati Dirham (AED)

1900Indian Rupee (INR)

One Time

Change

Payment Method

Visa Ending In 3067

Summary

Transfer Fees

Your Total

6.91 AED

111.41 AED

(EFT/ACH) -

Subtotal 104.50 AED

CANCEL PAY SECURELY

1 AED = 18.18 INR

Send Money Rupee (INR)Dirham (AED)

8:30

Send Money

1

2

3

5

4

1. Currency Selection

Dropdown menus let you choose what currency you are sending with and converting to. Affordances such as indicators about the local currency of the sender and receiver are designed within the dropdown. These selections are saved so users don't need to keep changing currencies every time they make a transfer.

2. Conversion Rate

The converted amount shows a conversion rate to be transparent around financial information. Users feel better when they feel like they aren't being tricked by forms.

3. Repeat Payments

Tapping this option lets you schedule repeated payments.

4. Payment Method

You can change and add new payment methods from within this form. The inputs are designed as cards that slide in as they are needed, to make sure the user is not overwhelmed with options or information.

5. Pay Securely

The summary makes the most important information clear to the user, and gives them a moment of pause before they finish their secure payment. This form went through many iterations before landing on a form we believe puts the user at ease, balancing security with lightness.

Send Money

07



One Time

Change

Payment Method

Visa Ending In 3067

Summary

Transfer Fees 6.91 AED(EFT/ACH) -

Subtotal 104.50 AED

1 AED = 18.18 INR


Send Money

8:30

DONE

on the same day each month

on every first Thursday

REPEAT MONTHLY

Every month1

For transactions3

1

2

3

1. Repeat Period

This dropdown lets you pick options such as weekly, monthly or yearly. Each selection changes the options below it.

2. Period-Specific Options

This section changes based on the repeat period chosen. It exists to figure out which specific day in this period the user wants the payment to go through.

3. Number of Repeats

Here the user can set how many times they want this transaction to repeat.

Send Money > Set Repeat Transfer

08



One Time

Change

Payment Method

Visa Ending In 3067

Summary


Subtotal 104.50 AED

1 AED = 18.18 INR


Send Money

8:30

Prepaid Card

In Person

Add New ...

Payment Method

Bank Account

Visa Ending In 30671

2

1. Selected Payment Method

The selected payment method is indicated with a checkmark and is saved for the next transfer.

2. Add New

Users can add a new payment method without breaking out of the transfer flow.

Send Money > Change Payment Method

09



One Time

Change

Payment Method

Visa Ending In 3067

Summary


Subtotal 104.50 AED

1 AED = 18.18 INR


Send Money

8:30

NaveedName on Card

OctoberExpiration Month

2016Year

CVV

7457 6796 9510 3067Name on Card

CREDIT CARD

DONE

1

2

1. Change Payment Type

This dropdown lets you change the payment type you are adding, whether it's a credit card, bank account or even a pre-paid card.

2. Payment Information

This form changes based on the payment type you are adding.

Send Money > Change Payment Method >Add Payment Method

10


One Time

Change

Payment Method

Visa Ending In 3067

Summary

Transfer Fees

Your Total

6.91 AED

111.41 AED

(EFT/ACH) -

Subtotal 104.50 AED

CANCEL PAY SECURELY

1 AED = 18.18 INR


Send Money

8:30

Confirm With Your WU Passcode

CANCEL

1

1. Swipe Code

A swipe code is used in place of a password to feel less like using an ATM and feel like a more light action, such as simply unlocking your phone.

Send Money > Swipe Code

11

16,000 INRYou sent (with Visa) 888.07 AED (x18.22)

Every month for 3 transfers.

Processed on January 13, 2016

I'm going to cut down on my shifts at the clinic.

I'll have to be at my parent's house to help.

We'll need help with the rent for a couple months.

Don't worry about it, I'll send 3 months' rent right now.

8:30 PM

8:43 PM

8:56

Priya

Send message

1

2

3 4

5

1. Transfer Information

Transfer receipts make important information like payment method, transfer rate, and transfer amount apparent and easily scan-able.

2. Repeated Payment Indicator

Receipts let you know if a transfer you initiated was scheduled to make repeat payments.

3. Status

A status line lets you know the latest update to your transfer and shows a checkmark once it has gone through the full cycle and has been picked up by the receiver.

4. Additional Options

The three-dot menu brings up additional options such as cancelling a transaction, viewing a full breakdown of fees or adjusting the amount.

5. History

Tapping this button brings up the dates and times of all the status updates related to this transfer going from the sender to receiver.

Receipt

12

Send message

5356.50 INRNaveed has sent 300 AED (x17.8550)

Accepted


Don't worry about it, I'll send this month’s rent now.

8:30 PM

8:43 PM

EXPAND

5356 INRPick up

8:57

Naveed

1

2

1. QR Code

A QR code makes it simple for you to get your money from a kiosk.

2. Expand Button

This button gives you more information on how to get our money.

In-Person Receipt

13

Send message

5356.50 INRNaveed has sent 300 AED (x17.8550)

Accepted


Don't worry about it, I'll send this month’s rent now.

8:30 PM

8:43 PM

8:57

Naveed

5356 INRPick up

SCAN LATER

Visit an agent location

Bring government issued I.D.

Have this code scanned

Receive your money

1

2

1. Informing The User

Giving the user information on how to pick up their money and letting them know about ID requirements in advanced furthers the goals of being transparent early.

2. Scan Later

This button simply minimizes the QR code back to the last state.

Expanded Receipt

14

I have some really exciting news to share with you.

He's been making new friends.

But I want to call you about it.

But I have a pretty laid back schedule on Thursday.

I have a ton of work to finish tonight.

That's good to hear.

How is Abraham doing at his new in school?

8:30 PM

8:30 PM

8:43 PM

8:25 PM

The plumber fixed it in a couple minutes.

We should talk then!8:50 PM

8:30

Schedule a Call

Send message

CANCEL NEXT

MS W T F ST

30 31

1

16 17 19 20 21 2218

23 24 26 27 28 2925

139 10 12 14 1511

72 3 5 6 84

March 2016

2016

Thurs, Mar 13

1 2

3

1. Selected Date

The selected date, highlighted in grey, is displayed at the top.

2. Current Date

The current date is highlighted in green.

3. Scheduled Events Indicator

The app pulls from your Google Calendar to let you see at a glance if you have other scheduled events that day.

Schedule Call > Set Date

15








8:30 PM

8:30 PM

8:43 PM

8:25 PM



8:30

Schedule a Call

Send message

2016

Thurs, Mar 139 AM

10 AM

11 AM

12 PM

1 PM

2 PM

3 PM

4 PM

5 PM

6 PM

Meeting

BACK

1

1. Scheduled Events

Swiping up brings you to your scheduled events on the selected date. This feature lets users quickly check their schedule to find a suitable time to choose for a call.

Schedule Call > Set Date >View Schedule

16








8:30 PM

8:30 PM

8:43 PM

8:25 PM



8:30

Schedule a Call

Send message

6

7

5

Set your time on Thurs, March 13

PM00:

59

01

AM

BACK DONE

Thu, Mar 137:30 PM

Time for Priya

1

2

1. Your Time

The top half of this window lets you set your time, with a heading on top reminding you what day you are setting a time for.

2. Contact's Time

Here you can see what time this means for the contact you are chatting with. A night and day symbol lets you see at a glance how the time you are choosing for yourself is affecting your contact's time.

Schedule Call > Set Date > Set Time

17

Thurs, Mar 134:00 PM

You have scheduled a call on

Awaiting Response




8:30 PM

8:43 PM


8:57

Priya

Send message

1

2 3

1. Your Scheduled Time

The receipt displays the scheduled time in your time zone.

2. Status

The receipt shows if the person you are chatting with has accepted this time. When they have accepted, a checkmark is shown for easy scanning.

3. Three Dot Menu

More options including editing the time, cancelling or viewing the time in your contact`s time zone is available.

Schedule Call > Receipt

18

Documents

Annotated Screensestherp/Annotated Screens.pdf · Receipts let you know if a transfer you initiated was scheduled to make repeat payments. 3. Status A status line lets you know the