Page MenuHomePhabricator

[V2 multilingual enhancement] Add an filter on the Explore feed to view cards in different app languages
Closed, InvalidPublic

Assigned To
None
Authored By
RHo
Apr 13 2018, 3:17 PM
Referenced Files
F16953961: C. Customize multilang feed 11a.png
Apr 13 2018, 3:43 PM
F16953935: B. Customize multilang feed 11a .png
Apr 13 2018, 3:43 PM
F16953938: B. Customize multilang feed 11b.png
Apr 13 2018, 3:43 PM
F16953942: B. Customize multilang feed 11c.png
Apr 13 2018, 3:43 PM
F16953970: C. Customize multilang feed 11d.png
Apr 13 2018, 3:43 PM
F16953965: C. Customize multilang feed 11b.png
Apr 13 2018, 3:43 PM
F16953919: Customize multilang feed 11c.png
Apr 13 2018, 3:32 PM
F16953911: Customize multilang feed 11a.png
Apr 13 2018, 3:32 PM
Subscribers

Description

This ticket captures a *proposed* V2 addition to allow filtering by language on the Feed itself for user with more than 1 language set in the app

User story [Multilingual reader]

When browsing through the Explore feed...
...I want to easily toggle between my app languages...
...so that I can quickly find content I’m interested in, one language at a time (without having to go into Customizing settings).

Why should we do this?

Pending more information about usage of the feed customization by multilingual users, we may wish to add more direct controls to enable quickly filtering feed content by language.

Proposed design: Add a FAB to filter by languages

Use a FAB instead to allow users to quickly switching from viewing all languages to viewing only the feed one language at a time.
Pre-conditions: User’s primary device language is English, with app languages 1/EN, 2/ZH-HANT, 3/HE, and they have entered the feed with default feed display settings.

Default all languages
B. Customize multilang feed 11a .png (640×360 px, 57 KB)
Tap on FAB to change lang
B. Customize multilang feed 11b.png (640×360 px, 53 KB)
Changed to only view feed in Chinese
B. Customize multilang feed 11c.png (640×360 px, 39 KB)

Notes on the design

  • FAB only appears if more than 1 app language is set
  • Changing the app wordmark depending on language selected is dependent on availability of wordmark assets for all languages, pending completion of T142426
, but may be considered orthogonally to the FAB language filter work

NOTE: Earlier proposals kept below for posterity

Proposal C. No ability to filter feed by language, but can group cards by language instead

Add setting to Customize screen
C. Customize multilang feed 11a.png (1×720 px, 102 KB)
Change setting to "Goup by language"
C. Customize multilang feed 11b.png (640×360 px, 54 KB)
Feed updated to show cards grouped by language per day
C. Customize multilang feed 11d.png (1×720 px, 100 KB)

The setting to show card type order grouped by date/language is only shown in the customize screen if more than 1 app language is set
.

  • PROS:
    • Simpler UI since there is no additional lang filter layer
    • Less necessary to have i18n wordmark
    • Clearer what the primary language is in use
  • CONS:
    • Still not able to switch to only see feed per language

Proposal A. Add a drop down filter on the app bar
This enables users to switch from the default of viewing all feed cards by in all languages, to viewing only the feed one language at a time.

Default all languages
Customize multilang feed 11a.png (1×720 px, 86 KB)
Tap on dropdown in app bar to change lang
Customize multilang feed 11b.png (640×360 px, 50 KB)
Changed to only view feed in Chinese
Customize multilang feed 11c.png (640×360 px, 36 KB)
  • PROS:
    • Clear when a particular language is shown
    • Easy access to filter by language via the app
  • CONS:
    • The change in app bar may be mistaken for changing the language setting globally in the app
    • App bar becomes quite cluttered (esp. when the search field is collapsed into the toolbar)
    • Dependent on having i18n of wordmarks completed

Event Timeline

RHo renamed this task from Update the Explore feed to accommodate showing card types in multiple languages to [V2 multilingual enhancement] Add an filter on the Explore feed to view cards in different app languages.Apr 13 2018, 5:27 PM
RHo updated the task description. (Show Details)
RHo updated the task description. (Show Details)