top of page

Testing Results: Paper Prototype

IMG_20191118_200001.jpg

Task name: Pay the apartment rent $1,500          using BofA Acct.

​

​

​

Key Conclusions 

  • There is too much news on the main page.

  • Users may feel confused about choosing which button to pay their own portion.

  • There is no confirmation button after entering the amount.

Name of Moderator ：       Ryan
Name of Tester:                  Alex
Testing Date:                       11/18/2019

IMG_20191118_210926.jpg

Task name:  Add monthly Automate Payments $2,000 from December 2019 to June 2020.

​

​

​

Key Conclusions 

  • Icons could be looking better.

  • Users may feel confused about the payment frequency hierarchy on page 5.

  • There are too many ads on the main page.

  • Remove the keyboard on setting the amount page.

Name of Moderator:           Ariana
Name of Tester:                  Hee Won
Testing Date:                      11/18/2019 

Testing Results: A/B Test

Link to google form

A

A1.jpg

B

B1.jpg

Result: 100% of responses were for version B

​

​

  • B has taken the content out of the rectangle which makes the user experience feel more relaxed.

  • Version B which is with the box seems a lot clear and easy to read the content.

  • The blue button seems not obvious. It looks like it's in a non-clickable state.

A

A2.jpg

B

B2.jpg

Result: 100% of responses were for version B

​

​

  • The icon in B makes the page more readable.

  • Box in A feels stiff.

  • Make a bigger text size for the amount, $4,500, that will increase the reliability.  Every piece of information looks kind of flat. I hope there's some hierarchy with bold or bigger font.

Testing Results: Clickable Prototype Test

Link to clickable Prototype

C1.png
C2.png

  • Add user avatar.

  • Change the text layout.

  • Optimize the menu button.

  • Scale news smaller, and make it more suitable to the main page layout.

  • Change the HOME menu color.

D1.png
D2.png

  •  Gradient the header on each page to make it different from the button.

  • Add year to start month and end month to make the time more clear.

  • Change amount from $1,500 to $2,000.

Before / After Comparisons

E1.png
E2.png

  • Add user avatar.

  • Change the text layout.

  • Optimize the menu button.

  • Scale news smaller, and make it more suitable to the main page layout.

  • Change the HOME menu color.

F1.png
F2.png

  • Remove advertisements under the header.

  • Change the payment information order.

  • Add progress bars. Dived Make payment function into three steps.

  • Redesign the layout to make it cleaner and readable to users.

G1.png
G2.png

  • Remove advertisements under the header.

  • Change the header name to suit the function.

  • Add progress bars. Dived set up autopay function into three steps.

  • Remove unchangeable monthly frequency.

  • Redesign the layout to make it cleaner and readable to users.

Prototype Demo Video

bottom of page