Skip to content

Onward journeys AB test#15094

Merged
domlander merged 1 commit intomainfrom
doml/onward-journeys-test
Jan 13, 2026
Merged

Onward journeys AB test#15094
domlander merged 1 commit intomainfrom
doml/onward-journeys-test

Conversation

@domlander
Copy link
Copy Markdown
Contributor

@domlander domlander commented Jan 7, 2026

What does this change?

Implements the logic to show the gallery-style onwards content in all articles in the AB test.

I used an amalgamation of the previous AB test to implement gallery-style onwards content and the MoreGalleries.tsx file, which is the current way we render onwards content for gallery articles.

The top onwards content container will show the updated design. The bottom onwards content container remains the same for the purposes of this AB test.

There aren't designs for this new style of onwards content: we have designs for this version of onwards content on gallery pages, but these cards look much different to standard cards. I've tried to make it look reasonable, but it would take an involved refactor of spacing within the Card component to how it handles onwards content to align everything perfectly, which I think is not worth doing until we have designs.

Why?

The WebX team recently migrated gallery articles to DCAR and whilst doing so implemented a new design for onwards content. An example can be seen in this gallery article

image

We would like to know whether using this type of design would lead to better user engagement (measured through click-through rate and session length) than the current design used on non-gallery articles.

image

Screenshots

Before After
mobile mobile-before mobile-after
tablet tablet-before tablet-after
desktop desktop-before desktop-after

@domlander domlander self-assigned this Jan 7, 2026
@domlander domlander added run_chromatic Runs chromatic when label is applied fronts + curation feature Departmental tracking: work on a new feature labels Jan 7, 2026
@domlander domlander force-pushed the doml/onward-journeys-test branch from 3eae906 to 22e226c Compare January 7, 2026 12:39
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Jan 7, 2026
@domlander domlander force-pushed the doml/onward-journeys-test branch from 22e226c to 47ab363 Compare January 8, 2026 10:28
@domlander domlander added the run_chromatic Runs chromatic when label is applied label Jan 8, 2026
@domlander domlander force-pushed the doml/onward-journeys-test branch from 47ab363 to faa6ec0 Compare January 8, 2026 10:30
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Jan 8, 2026
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jan 8, 2026

@domlander domlander marked this pull request as ready for review January 8, 2026 11:39
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jan 8, 2026

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

@domlander domlander requested a review from abeddow91 January 8, 2026 11:45
@domlander domlander force-pushed the doml/onward-journeys-test branch from faa6ec0 to 30115de Compare January 8, 2026 11:45
@domlander domlander added the run_chromatic Runs chromatic when label is applied label Jan 8, 2026
@domlander domlander force-pushed the doml/onward-journeys-test branch from 30115de to 9c85604 Compare January 8, 2026 11:46
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Jan 8, 2026
@domlander domlander requested a review from Georges-GNM January 13, 2026 08:28
Comment on lines +678 to +683
if (
isMoreGalleriesOnwardContent ||
// This is untidy. If we implement the gallery-style redesign for onwards content
// in all articles, we can refactor how we determine gap sizes for onwards cards.
isInOnwardsAbTestVariantStandardCard
) {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Comment on lines -56 to -59

${from.leftCol} {
${grid.between('centre-column-start', 'right-column-end')}
}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹

Comment on lines +328 to +329
const isGalleryArticle = format.design === ArticleDesign.Gallery;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This makes the below more clearer to parse, thanks

Comment on lines +192 to +196
* We are running an AB test to use the More Galleries style of onwards content on all articles.
* If the test is successful, the plan is that this component will be removed and MoreGalleries.tsx will
* be generalised so that is can be used for onwards content across all articles. If the
* test is not successful, this component will be removed.
*/
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the explainer.

Comment on lines +122 to +143
const convertFETrailToDcrTrail = (
trails: FETrailType[],
discussionApiUrl: string,
): DCRFrontCard[] =>
trails.map((trail) => ({
dataLinkName: 'onwards-content-card',
discussionId: trail.discussion?.discussionId,
discussionApiUrl,
format: decideFormat(trail.format),
headline: trail.headline,
image: {
src: trail.masterImage ?? '',
altText: trail.linkText ?? '',
},
isExternalLink: false,
onwardsSource: 'related-content',
showLivePlayable: false,
showQuotedHeadline: false,
url: trail.url,
webPublicationDate: trail.webPublicationDate,
isImmersive: false,
}));
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is neat!

@domlander domlander merged commit fe68c55 into main Jan 13, 2026
22 checks passed
@domlander domlander deleted the doml/onward-journeys-test branch January 13, 2026 10:01
@gu-prout
Copy link
Copy Markdown

gu-prout Bot commented Jan 13, 2026

Seen on PROD (merged by @domlander 7 minutes and 18 seconds ago) Please check your changes!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature Departmental tracking: work on a new feature fronts + curation Seen-on-PROD

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants