Page MenuHomePhabricator

[Spike] Populate dynamic color prototype with representative image data and evaluate transition behavior
Closed, ResolvedPublic2 Estimated Story Points

Description

Now that the dynamic color sampling approach has been validated, extend the prototype by populating it with a representative set of dummy article data that reflects the range of imagery commonly surfaced in the For You feed. Include edge cases such as:

  • Images with transparent or predominantly white/light backgrounds. 1, 2, 3, 4, 5
  • Portraits where automatic cropping in the vertical For You card may produce awkward compositions (e.g. close-cropped faces or heads). 1, 2, 3
  • Illustrations, diagrams, and scientific imagery (including microscopy and medical images). 1, 2, 3, 4, 5, 6
  • Images depicting violence, disasters, injuries, or other potentially unpleasant content. 1, 2, 3
  • High-saturation, low-saturation, and monochromatic images. 1, 2, 3, 4, 5

Use this dataset to validate that the color extraction and application pipeline behaves consistently across a broad range of real-world content, and identify any image characteristics that may require fallback behavior or additional handling.

Additionally, explore the mechanics of dynamically updating the feed's color palette as users scroll horizontally and vertically. Investigate whether there are technical approaches to making palette changes feel less abrupt (e.g. color interpolation, animation timing, throttling updates, or other techniques—see Apple Podcasts and Apple Music for reference—can the content, i.e. the image and text change as the gradient bordering the chrome interpolates smoothly?), and document any implementation considerations or tradeoffs.

Deliverables

  • Prototype populated with a representative dataset of Wikipedia imagery, including identified edge cases.
  • Documentation of image types that expose limitations or require special handling in the color extraction pipeline.
  • Prototype demonstrating one or more approaches to transitioning between dynamically generated color palettes during scrolling.
  • Summary of technical constraints, performance considerations, and implementation tradeoffs for dynamic palette transitions.
  • Recommendations for any additional engineering work needed prior to production implementation.

Event Timeline

HNordeenWMF removed GOlson-WMF as the assignee of this task.EditedJul 14 2026, 10:04 PM
HNordeenWMF triaged this task as Medium priority.
HNordeenWMF added a subscriber: GOlson-WMF.

This can be picked up when we start working on the For You Feed shared chrome (Parent task)

HNordeenWMF raised the priority of this task from Medium to High.Jul 14 2026, 10:47 PM
HNordeenWMF moved this task from Backlog to P1 (Next Sprint) on the Explore Feed Refresh iOS board.
GOlson-WMF set the point value for this task to 2.Jul 15 2026, 1:32 PM

@GOlson-WMF how many points would you say you've already put into this & how much is left on implementation do you estimate?

I want to ensure we're not exceeding the timebox here, as building the core UI is more important, we can always default to black for the first release if necessary.

Available in: TestFlight Wikipedia 2026.08.12 (6145)