Page MenuHomePhabricator

Feature Request: Customizable Reading List Visuals (Thumbnails, Banners, and Layout Options)
Open, Needs TriagePublicFeature

Assigned To
None
Authored By
ARamadan-WMF
Thu, Apr 9, 8:37 AM
Referenced Files
F75397449: 10421.png
Thu, Apr 9, 8:37 AM
F75397454: 10419.png
Thu, Apr 9, 8:37 AM
F75397464: 10408.png
Thu, Apr 9, 8:37 AM
F75397478: 10407.png
Thu, Apr 9, 8:37 AM
F75397487: 10410.png
Thu, Apr 9, 8:37 AM
F75397489: 10409.png
Thu, Apr 9, 8:37 AM
F75397491: 10399.png
Thu, Apr 9, 8:37 AM
F75397497: 10398.png
Thu, Apr 9, 8:37 AM

Description

Feature summary (what you would like to be able to do and where):

Allow users to customize the visual appearance of their Reading Lists in the app by adding custom thumbnails and banners, including images from articles or from their device gallery, along with layout options (e.g., grid on/off).

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):
-Users currently create and manage Reading Lists, but they all have a standard visual appearance with no personalization options.
-There is no way to visually differentiate or organize lists beyond names and descriptions.
-Users who maintain multiple lists (e.g., topics like “Space,” “History,” etc.) may want a clearer visual identity for each list.
The user expects to:
-Edit a reading list and access a redesigned “Edit reading list” interface.
-Add or modify a banner image and thumbnail preview.
-Choose images either from:
*Existing articles within the list (with search and selection options), or
*Their device gallery.
-Toggle layout options such as enabling/disabling a grid view.
-Adjust thumbnail behavior depending on layout (e.g., single thumbnail when grid is off, multiple when on).

lack of visual customization and differentiation for Reading Lists, limiting organization and personal engagement.

Benefits (why should this be implemented?):
Improves user engagement by allowing personalization of Reading Lists.
Makes it easier to visually distinguish between multiple lists.
Enhances overall user experience with a more modern and customizable interface.
Supports different user preferences for layout (grid vs. single preview).
Encourages more frequent use of Reading Lists as a feature.

User shared some self-made designs on how they imagine the feature would look like:

10440.png (2×2 px, 1 MB)

10406.png (2×2 px, 1 MB)

10422.png (1×720 px, 874 KB)

10420.png (1×720 px, 859 KB)

10398.png (1×720 px, 729 KB)

10399.png (1×720 px, 609 KB)

10409.png (1×720 px, 563 KB)

10410.png (1×720 px, 563 KB)

10407.png (1×720 px, 371 KB)

10408.png (1×720 px, 150 KB)

10419.png (1×720 px, 104 KB)

10421.png (1×720 px, 66 KB)