Change Details

Currently users are taken out of the app to complete the users donation flow. This creates the following negative experiences: * slower experience from needing to switch apps * thankyou.wikipedia.org attempts to use native view * user looses reading location The goal here is to leverage in-app webviews to improve this, as well prep us for having a more unified experience in preparation for native amount selection and payment selection within the apps. banner (native view) --> `donate.wikimedia.org` (app web view) --> `payments.wikimedia.org` (app web view) --> `thankyou.wikipedia.org` (app web view) --> continue reading Requirements for both apps: * support autofill for address and credit card credentials * Flow can be entered via banners AND other entry points such as from the apps menu * This flow can be A/B tested against the existing flow.

#### Background When a user clicks donate in the app they're taken out of the app. While we can't have complete native payment for Android and iOS at this time, we can open it in the app through web view. #### Task - [ ] Implement designs that shows the workflow of someone clicking Donate from the banner and from the donate action in the overflow menu and seeing the Donate screen in Web view on Android #### User Story As a potential first-time donor in the Wikipedia app, I prefer that if I must be brought into a web browser, it is shown in the Wikipedia app so that I can easily resume what I was doing by clicking the Back button after donating. #### Minimum Requirements - All non-native donate actions should launch the donate wiki in an in-app web view - Users should remain in the in-app web view as they progress through the flow for payments wiki and thankyou.wikipedia.org - Maintain the previous context when a user hits Back - Maintain the top toolbar to indicate the user is still in the app - Flow can be entered via banners AND other entry points such as from the apps menu Nice to have Requirements for both apps: * support autofill for address and credit card credentials ##### WORKFLOW banner (native view) --> `donate.wikimedia.org` (app web view) --> `payments.wikimedia.org` (app web view) --> `thankyou.wikipedia.org` (app web view) --> continue reading #### Reference - Donor experiences [deck](https://docs.google.com/presentation/d/1f5xYsBt3Ad-LijI9Rk6_q50jjijWq0zl3_0DcLvEJ0Q/edit#slide=id.g25bba151c62_0_0) #### Designs | Form | Thanks page - "Donate now" in the banner (T344026) and Settings takes users to a web form. - The "Thank you" page features a prominent button at the bottom to take users back to the article.

Currently#### Background When a users are clicks donate in the app they're taken out of the app toapp. While we can't have complete the users donation flow.native payment for Android and iOS at this time, This creates the following negative experiences:we can open it in the app through web view. * slower experience from needing to switch apps * thankyou.wikipedia.org attempts to use native view#### Task - [ ] Implement designs that shows the workflow of someone clicking Donate from the banner and from the donate action in the overflow menu and seeing the Donate screen in Web view on Android #### User Story * user looses reading locationAs a potential first-time donor in the Wikipedia app, I prefer that if I must be brought into a web browser, it is shown in the Wikipedia app so that I can easily resume what I was doing by clicking the Back button after donating. The goal here is to leverage in-app webviews to improve this, as well prep us for having a more unified experience in preparation for native amount selection and payment selection within the apps.#### Minimum Requirements banner (native view) --> `donate.wikimedia.org` (app web view) --> `payments.wikimedia.org` (app web view) --> `thankyou.wikipedia.org` (app web view) --> continue reading- All non-native donate actions should launch the donate wiki in an in-app web view - Users should remain in the in-app web view as they progress through the flow for payments wiki and thankyou.wikipedia.org - Maintain the previous context when a user hits Back - Maintain the top toolbar to indicate the user is still in the app - Flow can be entered via banners AND other entry points such as from the apps menu Nice to have Requirements for both apps: * support autofill for address and credit card credentials ##### WORKFLOW * Flow can be entered via banners AND other entry points such as from the apps menu * This flow can be A/B tested against the existing flowbanner (native view) --> `donate.wikimedia.org` (app web view) --> `payments.wikimedia.org` (app web view) --> `thankyou.wikipedia.org` (app web view) --> continue reading #### Reference - Donor experiences [deck](https://docs.google.com/presentation/d/1f5xYsBt3Ad-LijI9Rk6_q50jjijWq0zl3_0DcLvEJ0Q/edit#slide=id.g25bba151c62_0_0) #### Designs | Form | Thanks page - "Donate now" in the banner (T344026) and Settings takes users to a web form. - The "Thank you" page features a prominent button at the bottom to take users back to the article.