User story:
As a mobile user, I would like to have least friction while filling out billing information on donate.wikimedia.
Proposed changes
Changes proposed here are of cosmetic nature without any functionality changes. The sensitivity of this page is of most priority but within the constraints we can improve usability.
- Form fields should have mobile friendly tap area
- Affirmation on "donating to wikipedia" by using our brand
- Single positive and strong call to action
- cleaner and sharper credit card logos
- consistency between form fields of our form and 3rd party form
- Seriousness in treatment of "security message" (removing funny looking lock)
- Usage of wikimedia styleguide colors form M82
Comparison of current situation and above changes
Technical details
- These are ONLY css changes
- The css changes automatically apply to any device below 400px width i.e. mobile
Method to test
- We would like to create a test plan that gives us correct measure of how these css changes alone impact
- Bounce rate
- Conversion rate
- Failure rate
- The test should be conducted with the Banner A + without new css and Same Banner A with new css
- All environmental factor should be the same in order to get exact impact