@SGautam_WMF I updated the task description with some additional asks.

• Gallery does not include video and audio content
• If an article does not have images, no image gallery at the bottom of the expanded view will show.

Draft PR, not ready yet PR ready: https://github.com/wikimedia/wikipedia-preview/pull/21

Branch name: T250799-gallery

@SGautam_WMF

When a reader swipes up, they can see multiple images from an article in a gallery view

• should we make the "continue reading" disappear when we swipe up? Meaning, if the user swipes up after he tapped the word, should the swipe action have the same result as the tap on "continue reading"?

In terms of UX, the tap on word + tap on "continue reading" + swipe up seems a bit weird, we could skip the second step altogether in case of a swipe up.

They can view each image independently

Should the user be allowed to swipe left and right on the gallery to flip image?
Should the tap on the main image on the top bar bring up the gallery?

In T250799#6317408, @Jpita wrote:

@SGautam_WMF

When a reader swipes up, they can see multiple images from an article in a gallery view

• should we make the "continue reading" disappear when we swipe up? Meaning, if the user swipes up after he tapped the word, should the swipe action have the same result as the tap on "continue reading"?

As of now, we don't have the swipe up gesture active on preview, however, we have been thinking to include it. When swipe up is available, then yes we disappear "continue reading" while the user is performing swipe up gesture.

In terms of UX, the tap on word + tap on "continue reading" + swipe up seems a bit weird, we could skip the second step altogether in case of a swipe up.

Are you suggesting to remove the "Continue Reading" CTA and using the swipe up to read more preview text? If so, I think it's still better to keep CTA as the gradient rectangle(blur) at the end of text might not be a strong communicator of swiping up.

They can view each image independently

Should the user be allowed to swipe left and right on the gallery to flip image?

Yes, I have asked Eduardo about it and it's a good supportive gesture to have along with left and right arrows.

Should the tap on the main image on the top bar bring up the gallery?

Are you referring to Thumbnail? If so, as of now it's not tappable, however, we might consider making it tappable to open it in full-screen mode. We are discussing with the legal team about image licensing and they have suggested making it a link to open it full-screen mode with proper licensing.

Are you suggesting to remove the "Continue Reading" CTA

No, keep both swipe and tap.

Are you referring to Thumbnail?

yes

In T250799#6321571, @Jpita wrote:

Are you suggesting to remove the "Continue Reading" CTA

No, keep both swipe and tap.

cool.

Are you referring to Thumbnail?

yes

Ok, we will decide based on image licensing feedback.

this is tested but not merged.
feel free to merge when u (devs) think is ready.
if there are more commits I'll need to test it again

@eamedina sharing my observations. Happy to have a call to discuss them in more detail.

01. A blue rectangle appears every time while tapping on a forward/backward arrow inside the media viewer. This could be a device-specific thing as I did see this behavior on Samsung A50 but not on my other android device.

02. Portrait images are appearing blur, it does look good on the Wikipedia mobile web and android app on the same Wifi network.

On wikipedia preview	On mobile web

03. As discussed in one of our catchups, I think we need to decide the maximum area of display for e.g. check above the mobile web image and how it has left space to accommodate licensing information. As we do this, I would also recommend moving the close icon on the right top side, as of now it's position is kind of looking off.

04. Sizes of gallery items are smaller(65x62) than what we mentioned in design specs(100,80), is there any challenge to use them as per the suggested size?

In my opinion, a following ticket to take care of all the above points including some other minor enhancements like enabling gesture support or position of forward/backward arrows would be a good step.

Bringing back to dev while the follow-ups are being worked on.

@SGautam_WMF thanks Sudhashu, we are addressing your feedback in this follow up PR:

https://github.com/wikimedia/wikipedia-preview/pull/30

All the above points have been addressed except 3(to define max area of display) which will do as part of image licensing.