Page MenuHomePhabricator

Uniform navigation for Wikistories
Closed, ResolvedPublic

Assigned To
Authored By
SGautam_WMF
Mar 31 2022, 4:48 AM
Referenced Files
F35050372: image.png
Apr 13 2022, 10:58 PM
F35037944: Next icon appears.png
Apr 4 2022, 1:37 PM
F35037961: Article text selection.png
Apr 4 2022, 1:37 PM
F35037937: Article start.png
Apr 4 2022, 1:37 PM
F35037951: Image selection.png
Apr 4 2022, 1:37 PM
F35037938: Image selection.png
Apr 4 2022, 1:37 PM
F35037966: 01 Add a new story page.png
Apr 4 2022, 1:37 PM
F35037955: 01 Add a new story page-1.png
Apr 4 2022, 1:37 PM

Description

Background

This task aims to build a uniform navigation for Wikistories that would allow users to easily move across different stages(onboarding, image selection, publish, etc.) of story creation.

Design details
Tap on closeReturn back on article
Image selection.png (360×780 px, 361 KB)
Article start.png (360×780 px, 99 KB)
  • A navigation bar is available on top.
  • A tap on close icon on Image selection screen would return back to the article.
Next icon
Next icon appears.png (360×780 px, 361 KB)
  • Next icon appears on image selection screen after users select even a single image.
Select imagesImage selected
Image selection.png (360×780 px, 360 KB)
Next icon appears.png (360×780 px, 360 KB)
  • After image selection, Select images copy changes to number of images selected n selected n here is number of images selected.
Close iconDialogue card
01 Add a new story page.png (360×780 px, 323 KB)
01 Add a new story page-1.png (360×780 px, 173 KB)
  • Close icon on story builder would show a dialogue box to confirm if users want to discard the story creation activity.
  • A tap on discard should discard/delete the whole story so far.
Article text selection.png (360×780 px, 95 KB)
  • On an article, the back key would bring back the control to the story page in action.
Next on story builderPublish button
01 Add a new story page.png (360×780 px, 324 KB)
Wikistories - Story Publish.png (360×780 px, 45 KB)
  • A tap on next button on story page will take control to publish screen.
  • A tap on publish button will publish the story.

Design details
Task's Design

Details

Related Changes in Gerrit:

Event Timeline

Change 777902 had a related patch set uploaded (by Eamedina; author: Eamedina):

[mediawiki/extensions/Wikistories@master] Uniform navigation

https://gerrit.wikimedia.org/r/777902

Change 777902 merged by jenkins-bot:

[mediawiki/extensions/Wikistories@master] Uniform navigation

https://gerrit.wikimedia.org/r/777902

Hi @eamedina, I still see this view on my local, without the top navigation this story mentions. Can you help?

image.png (830×1,338 px, 1 MB)

**Pardon me. I think this was my fault. It just showed up today.

Testing:

This is exactly as designed. Awesome work!