Hi @JTannerWMF and @scblr

Please see the demo video about clicking a wiki short link and importing it to the app.
https://www.youtube.com/shorts/5aFy5s_kxwU

The implementation is completed, please download the APK from the ticket description to test the function.

Here's the wiki short URL for the test: https://etherpad.wikimedia.org/p/DeepLinkForTests, please use the first link in the document.

Here is another demo video for the Google Play install referrer.
https://youtube.com/shorts/cB3iOf9S7Q8

Please note that the pause in Google Play was waiting for the Android Studio to install directly to the device in order to simulate the installation process.

@cooltey – I followed these instructions multiple times:

But didn’t get the popup that you get in the video.

However – I think the flow that you’re showing in the video is exactly as we discussed it (based on the constraints) 👍

In T316834#8352176, @scblr wrote:

@cooltey – I followed these instructions multiple times:
But didn’t get the popup that you get in the video.

@scblr That popup will only appear when installing the production version of the app, not the alpha builds. We'll have to provide you with a production APK separately.
However, you should still be able to test the actual import functionality, i.e. tapping the shared URL after the app is installed. Can you try that?

Hi @scblr

Please download the production app to test the install referrer.
https://drive.google.com/file/d/1PrP_OgbNfGxI4R_vpz74xXycN5zTyjZn/view?usp=sharing

Is this the correct task to share what the landing page should look like or do we need another task for that @Dbrant , referencing task T316822 with the designs

Thanks @Dbrant @cooltey – I can see this dialog now:

1) I suggest the following, minor copy updates 👇

Before:
A reading list has been shared with you
We noticed that a reading list has been shared with you. To view the list in the app, go back to the original message and tap the link again.

After:
A reading list has been shared with you.
We noticed that a reading list has been shared with you. To view this list in this app, go back to the original message and tap the w.wiki link again.

2) Currently, I don’t see the list when tapping the link (https://w.wiki/5jCo) provided on Etherpad.

It currently leads to this page (logged in):

Or logged out, to here:

I noticed that screen 7 says secondary? @scblr

I think the content of screen 7 should read what is in T322088

@cooltey can you ensure when lists are received they're in alphabetical order

In T316834#8362357, @scblr wrote:

Thanks @Dbrant @cooltey – I can see this dialog now:

1) I suggest the following, minor copy updates 👇

Before:
A reading list has been shared with you
We noticed that a reading list has been shared with you. To view the list in the app, go back to the original message and tap the link again.

After:
A reading list has been shared with you.
We noticed that a reading list has been shared with you. To view this list in this app, go back to the original message and tap the w.wiki link again.

Done.
APK: https://drive.google.com/file/d/1sC-nqsLaI2b24eSvHOah4kehom2b215s/view?usp=share_link

2) Currently, I don’t see the list when tapping the link (https://w.wiki/5jCo) provided on Etherpad.

I have updated the link. But now you can actually test the entire shareable reading list flow from "share" to "import".

Steps to reproduce:

1. Long press on any reading list item from the list and click on "Share.."
2. Share the list to your own Slack channel or whatever message app you preferred.
3. Go to your message app and click on the wiki short link you just shared.
4. You'll see the import reading list dialog.

@cooltey can you ensure when lists are received they're in alphabetical order

Done.

Thanks @cooltey – not quite sure where to drop the feedback as sending and receiving is now intertwined (T316836).

Design feedback

1) Move the Share... option out of the overflow menu for better discovery

Implementation	vs	Design

2) Introduce the discovery tooltip and copy:

3) Update copy and CTA’s of the dialog:

Implementation	vs	Design

→ Source of truth spreadsheet

4) Update copy when sharing for easier translations

Implementation	vs	Design

→ Source of truth spreadsheet

5) URL is not shortened:

6) I might be missing something, but when I click the Slack link that I generated via the reading list Share... in the latest APK from the description, this is what I see:

Implementation	vs	Design*

• Does not have to match 100% per previous conversations

This is the case for both when the production app (provided by @cooltey T316834#8377739) is installed or not.

→ Expectation when the app is installed is a redirect to the app import dialog (Figma)

→ Expectation when the app is not installed is a redirect to the web landing page and app install flow (Figma)

More resources

• Source of truth for designs are on Figma
• Source of truth for all UI copy: is this spreadsheet. We are currently getting missing translations for the UI (tooltip, dialog, etc.)

Per discussion with @Dbrant

In T316834#8409619, @scblr wrote:

Thanks @cooltey – not quite sure where to drop the feedback as sending and receiving is now intertwined (T316836).

---

Design feedback

1) Move the Share... option out of the overflow menu for better discovery

Implementation	vs	Design

Should be possible.

2) Introduce the discovery tooltip and copy:

RS will provide translations. CF will look into it (small to medium)

3) Update copy and CTA’s of the dialog:

Implementation	vs	Design

→ Source of truth spreadsheet

Doable. RS provides translations ASAP.

4) Update copy when sharing for easier translations

Implementation	vs	Design

→ Source of truth spreadsheet

Doable. RS provides translations ASAP.

5) URL is not shortened:

We’re not using an URL shortener for this iteration.

6) I might be missing something, but when I click the Slack link that I generated via the reading list Share... in the latest APK from the description, this is what I see:

RS needs set app language to Test or HI for it to work

Hi @scblr

All the feedback has been addressed. Please download the latest APK from the updated link in the description.

If you like to test the production APK, please download it from here:
https://drive.google.com/file/d/1yJ1R2Ve2k3NeVfIvex4MWI0gyhfyO3RV/view?usp=share_link

Final question: should we manually add the translated strings from the spreadsheet before re-releasing to beta?

Great work @cooltey 👏 Looking good so far!

1) Update copy and structure for the landing page

Implementation	vs	Design

a) Copy updates:

Shared reading list

A user on this site has created a reading list to share with others (probably you). It is not moderated, and its contents do not reflect the site's editors.

To import this reading list, install the latest version of the Wikipedia app:

Android CTA: Get in on Google Play
iOS CTA: Download on the app store

After installing the app, tap this button to import the list:

CTA: Import

b) I’ll make sure to obtain the translations for it and will add it to the UI copy spreadsheet

c) Remove the tab “Your lists” from the landing page (see Design)

2) Snackbar

Introduce a “Reading list import successful” snack bar as it’s currently not clear what happened after the list has been imported

3) Delay for Sender survey ask

Can we introduce a slight delay for the survey ask when sharing lists? Two things popping up at the same time might be confusing to users. We want them to use the feature (share a list) first – then evaluate the experience (when they come back to the app).

4) Timing for Receiver survey ask

Can we show the survey ask after the list has been successfully imported? Ideally, after the snack bar (see #2) fades away. It currently shows it directly after tapping OK to create a new list - which feels kind off since the user journey hasn’t been completed yet. @Tsevener might be able to help here as the timing of the survey ask is ideal on iOS (T322158).

Hi @scblr

Please download the update APK from the link in the ticket description.

In T316834#8420377, @scblr wrote:

Great work @cooltey 👏 Looking good so far!

1) Update copy and structure for the landing page

@Dbrant would you be able to update the copy for the landing page?

2) Snackbar

Introduce a “Reading list import successful” snack bar as it’s currently not clear what happened after the list has been imported

Done.

3) Delay for Sender survey ask

Can we introduce a slight delay for the survey ask when sharing lists? Two things popping up at the same time might be confusing to users. We want them to use the feature (share a list) first – then evaluate the experience (when they come back to the app).

I changed the dialog to pop up when you "resume" the page. But if you tap on "maybe later" and go back to the other screen, the survey dialog will pop up again. Not sure if this behavior will annoy the user or not.

4) Timing for Receiver survey ask

Can we show the survey ask after the list has been successfully imported? Ideally, after the snack bar (see #2) fades away. It currently shows it directly after tapping OK to create a new list - which feels kind off since the user journey hasn’t been completed yet. @Tsevener might be able to help here as the timing of the survey ask is ideal on iOS (T322158).

Done.

Great work @cooltey – I think we are almost there.

1) The Privacy policy link points to the wrong places, please make sure to update according to this list:

• English
• Arabic
• Bengali
• French
• German
• Hindi
• Portuguese
• Spanish
• Urdu (no translation available, use English link)

2) I noticed we are using color_group_44 for the *new* indicator. We’ve used green in the past. Please change it to color_group_58

Hi @scblr, please download the latest APK to check the changes.

In T316834#8427614, @scblr wrote:

Great work @cooltey – I think we are almost there.

1) The Privacy policy link points to the wrong places, please make sure to update according to this list:

• English
• Arabic
• Bengali
• French
• German
• Hindi
• Portuguese
• Spanish
• Urdu (no translation available, use English link)

Added for different languages. I also added Urdu survey (both send and receive) links.

2) I noticed we are using color_group_44 for the *new* indicator. We’ve used green in the past. Please change it to color_group_58

Done.

Thanks @cooltey – looks good to me now! 🎯

Keeping this in “Did not pass Design” due to this:

1) Update copy and structure for the landing page

Implementation	vs	Design

@Dbrant would you be able to update the copy for the landing page?

Hi @cooltey,
I was testing the data wiring, and accidentally discovered this bug in receiving workflow.
Steps:

1. Uninstall all flavors of our app on device
2. Click on the shared link
3. Tap on the google play link to install
4. Go back to the lick and tap
5. Click import on landing page. We see the unexpected "Please make sure the app is installed" toast.

Also did not see the new install dialog
[Device: Pixel3]

Video: https://youtube.com/shorts/eV5AjWECTiE?feature=share

In T316834#8430510, @Sharvaniharan wrote:

Hi @cooltey,
I was testing the data wiring, and accidentally discovered this bug in receiving workflow.
Steps:

1. Uninstall all flavors of our app on device
2. Click on the shared link
3. Tap on the google play link to install
4. Go back to the lick and tap
5. Click import on landing page. We see the unexpected "Please make sure the app is installed" toast.

Also did not see the new install dialog
[Device: Pixel3]

Video: https://youtube.com/shorts/eV5AjWECTiE?feature=share

Hi @Sharvaniharan.

I cannot reproduce the issue. Can you please check the app settings which the app will open supported links is on?

@cooltey Realized why this was an issue... we will not be able to test this until our import supporting version is on the play store.. However, it should have failed for you too. Lmk how you test the fresh install dialog. - Dmitry pointed me to the test plan. - all good 👍

Things I noticed while writing the usability test protocol:

1) Tooltips in a reading list overlap

Prioritize the "Changes you make..." tooltip over "Share this reading list..." when a user has freshly imported a list. Show "Share this reading list..." after "Changes you make..." (sequentially after tapping GOT IT in the first tooltip)

2) Skip onboarding (show it on the next app opening) when users tap "Import" on the landing page. It’s confusing to see the onboarding screen after tapping "Import", see this video:

https://www.dropbox.com/s/05st7ecxon6t053/screen-20221202-121821.mp4?dl=0

3) View action is missing in the snackbar:

Implementation	vs	Design

4) Prevent "Reading list sync" dialog from showing up in the middle of importing when the user is not logged in (it disrupts the flow):

Video

CC @cooltey @Dbrant @JTannerWMF

Hi @scblr

All these items are feasible. Please download the APK here to see the changes:
https://github.com/wikimedia/apps-android-wikipedia/pull/3710

Thanks @cooltey 🎯

In T316834#8438620, @scblr wrote:

Things I noticed while writing the usability test protocol:

1) Tooltips in a reading list overlap

Prioritize the "Changes you make..." tooltip over "Share this reading list..." when a user has freshly imported a list. Show "Share this reading list..." after "Changes you make..." (sequentially after tapping GOT IT in the first tooltip)

I noticed that the "Share this reading list..." tooltip is shown when accessing a list for the second time – correct? It’s fine for now – but for the usability tests later this week it’ll be good to show it sequentially, right after tapping GOT IT in the “Changes you make..." tooltip.

2) Skip onboarding (show it on the next app opening) when users tap "Import" on the landing page. It’s confusing to see the onboarding screen after tapping "Import", see this video:

https://www.dropbox.com/s/05st7ecxon6t053/screen-20221202-121821.mp4?dl=0

👏👍👏

3) View action is missing in the snackbar:

Implementation	vs	Design

Cool, VIEW is here now. I’m not quite sure how I managed to make this happen when importing a list 👇

The “Did you know..." tooltip seems to overlap with the snackbar.

4) Prevent "Reading list sync" dialog from showing up in the middle of importing when the user is not logged in (it disrupts the flow):

Video

👍👏👍

Looking good on 2.7.50425-alpha-2022-12-05