Page MenuHomePhabricator

Develop ABC test
Closed, ResolvedPublic

Assigned To
Authored By
JTannerWMF
Aug 5 2021, 2:53 PM
Referenced Files
F34598226: 2a.png
Aug 17 2021, 12:37 PM
F34598222: 1.png
Aug 17 2021, 12:37 PM
F34598234: Article view new notifications.png
Aug 17 2021, 12:37 PM
F34598228: 2b.png
Aug 17 2021, 12:37 PM
F34598230: 2c.png
Aug 17 2021, 12:37 PM
F34598224: 0.png
Aug 17 2021, 12:37 PM
F34585340: Usability_tests_-_position-B-022x-1.png
Aug 5 2021, 2:53 PM
F34585341: Usability_tests_-_position-A-022x.png
Aug 5 2021, 2:53 PM

Description

Background
The team wants to get feedback from:

  • English Wikipedia editors in India and Nigeria
  • Hindi Wikipedia editors
  • Arabic, Moroccan Arabic and French Wikipedia editors in Morocco, Egypt, DR Congo and Mali
  • Indonesian Wikipedia editors
  • Japanese Wikipedia Editors

about our design explorations.

Task
Build an ABC test with the mockups below.

Usability_tests_-_inbox-icons-012x_(1).png (1×720 px, 57 KB)

Usability_tests_-_position-A-022x.png (1×720 px, 46 KB)

Usability_tests_-_position-B-022x-1.png (1×720 px, 45 KB)

Approval Checklist

Event Timeline

LGoto subscribed.

Assigning to Shay for a first pass.

SNowick_WMF added subscribers: Sharvaniharan, Dbrant.

Following discussion with @Sharvaniharan and @Dbrant the plan for this ABC test is to use the MobileWikiAppNavMenu schema to track views and clicks for each variant Notification icon. Since we can't target UI by geolocation/wiki specifically, we will filter the results by wiki and geocoded_data based on the feedback criteria groups at the tail end.

For action field we added a show event, the menuItem field corresponding to the event will indicate which icon was shown or selected: (A) inbox, (B) bell and (C) more.

90 Day Count Unique Editors per Group:
English Wikipedia editors in India and Nigeria3974
Hindi Wikipedia editors718
Arabic, Moroccan Arabic and French Wikipedia editors in Morocco, Egypt, DR Congo and Mali350
Indonesian Wikipedia editors627
Japanese Wikipedia Editors695

I’m worried that the pool of users in all regions except English is too small to get to any statistical significance @SNowick_WMF — what do you think?

Re: designs and positioning - this looks good to me. @Dbrant is there a way to check out the designs in an APK’s?

Thanks!

@schoenbaechler Just a few clarifications around the third variant:

Usability_tests_-_position-B-022x-1.png (1×720 px, 45 KB)

  • This mock shows the Main screen, but we currently don't have an overflow menu on the main screen. Did you mean to put the Dot indicator over the "More" menu, which is where the Notification item actually lives?
  • When reading an article, we do have an overflow menu in the toolbar with several items in it. Are we adding "Notifications" as another item to the menu? Which position in the list would it be?

Thx @Dbrant, answers below:

This mock shows the Main screen, but we currently don't have an overflow menu on the main screen. Did you mean to put the Dot indicator over the "More" menu, which is where the Notification item actually lives?

Yeah, let’s test it like this.

When reading an article, we do have an overflow menu in the toolbar with several items in it. Are we adding "Notifications" as another item to the menu?

Yes!

Which position in the list would it be?

Below the 'Explore' menu item.

In T288248#7281021, @schoenbaechler wrote:

I’m worried that the pool of users in all regions except English is too small to get to any statistical significance @SNowick_WMF — what do you think?

The user segments are small but since this experiment is going to reach all users we will be able to pull results from bigger user segments for comparison.

@schoenbaechler This ABC test branch is now ready for testing, even while we continue to code-review it:
https://github.com/wikimedia/apps-android-wikipedia/actions/runs/1136719330

To change between different test groups (0, 1, or 2) go to Developer preferences, and scroll all the way down to the "A/B testing" section.

@Dbrant, great & thx for providing the link. I checked it out.

01) Please remove the notifications menu item from 'More' in both version 0 and 1:

0.png (2×1 px, 163 KB)
1.png (2×1 px, 189 KB)

The idea is to remove it from the 'More' menu item completely if one of the variants is succesful

02) It seems like you’re using a different color for the notification circle/background (see images below)? Please make sure to use color_group_44 from the theme guidelines.

2a.png (2×1 px, 136 KB)
2b.png (2×1 px, 194 KB)
2c.png (2×1 px, 485 KB)

03) could you slightly increase the size of the notifications circle and number, everywhere it’s used to make it more legible? I use a circle width/height of 22px and Roboto Mono Bold 11px as the font size. If Roboto Mono Bold is not feasible (due to the bug you once mentioned) use Robot Bold. Check out the designs to get an idea

Article view new notifications.png (1×720 px, 511 KB)

https://www.figma.com/file/NahRwTAJhSV2B08g7TaDvs/Android-Notifications?node-id=284%3A11796

@schoenbaechler The mock you posted now has the dot placed at the top of the bell icon, but the previous mocks had it at the bottom. What placement do we want? Is it the same for all the other locations?

Article view new notifications.png (1×720 px, 511 KB)

@Dbrant — dot placed at the top of the bell icon is the preferred way as the bell icon is more recognizable this way

@Dbrant just checked all three variants, looks good to me now! 🎉

Looks good to me. FYI → Instructions to try it out are here: T288248#7286309

Note: These changes move Notification Preference settings out of the app and onto the device, so tracking second-level settings changes will no longer be possible.
We will instead need to track user setting change for all_notifications option in the new UI.

Not related to ABC test but I have a question about non-Notifications setting items that are on the Settings 3 on the Figma diagram. There are options to change settings for "Syncing Reading Lists" and "Downloading articles", these settings are also accessible from the Settings Menu. Will need to confirm that we can track when they are accessed from the new Nav Bar UI but this may not be the case.

It looks like we may not be currently tracking these settings but I was planning to add them to the new MEP android_setting_action and android_users_state schemas. Can we look into these and plan to track in next version?

Not related to ABC test but I have a question about non-Notifications setting items that are on the Settings 3 on the Figma diagram. There are options to change settings for "Syncing Reading Lists" and "Downloading articles", these settings are also accessible from the Settings Menu. Will need to confirm that we can track when they are accessed from the new Nav Bar UI but this may not be the case.

To clarify, "Syncing reading lists" and "Downloading articles" are in fact notifications. When reading lists are being synced, or articles being downloaded, we show a "notification" with a progress bar that indicates the progress of the syncing or downloading. As with any other type of notifications, these can be suppressed by the user at the system level, which is what you see in the screen you mentioned. The important thing is that disabling those "notifications" does not actually mean that syncing of reading lists will be disabled, or that articles won't be downloaded.

Moving this off from QA, since the instructions for QA are specified in T287113.

Hey @Dbrant can we disable the ABC test for notification placement as soon as possible? I’m running usability tests for talk pages with the production version this week and the notification icon should be at top right for it. Thanks!