Page MenuHomePhabricator

Explore feed card for image tags
Closed, ResolvedPublic4 Estimated Story Points

Assigned To
Authored By
scblr
Feb 11 2020, 2:48 PM
Referenced Files
F31720129: 2.png
Apr 1 2020, 2:54 PM
F31720127: 1.png
Apr 1 2020, 2:54 PM
F31703063: Screenshot_20200326-110818.png
Mar 26 2020, 10:14 AM
F31703071: Group.png
Mar 26 2020, 10:14 AM
F31703069: Screenshot_20200326-110858.png
Mar 26 2020, 10:14 AM
F31694075: Screenshot_20200320-181354.png
Mar 20 2020, 5:17 PM
F31608401: sev4-09-light.png
Feb 11 2020, 3:51 PM
F31608408: sev4-37.png
Feb 11 2020, 3:51 PM

Description

Flow
01020304
sev4-36.png (1×720 px, 790 KB)
sev4-05-light.png (720×360 px, 212 KB)
sev4-09-light.png (1×720 px, 454 KB)
sev4-37.png (1×720 px, 825 KB)
Zeplin

01) Users tap on Explore feed card
02) Tapping the card takes users to the familiar process of adding tags, details in T240196
03) "
04) Users are taken back to the Explore feed and the next image tag suggestion is displayed (same behavior as implemented for other cards)

Additional remarks
  • (same logic as in previous cards)
  • There’s always only one “Suggested edits“ card shown for a particular day. The suggestions alternate per day, e.g.:
    • Monday: Add/translate article description card
    • Tuesday: Add/translate image caption card
    • Wednesday: Add image tags caption card
    • ... and so forth
  • When users are accessing “Suggested edits” features for the first time, the onboarding dialog is shown. After tapping “Get started“, users are taken to the image tag edit flow.
  • When users are accessing “Image tags“ for the first time, the image tags onboarding dialog is shown as well (T241843)

Event Timeline

Charlotte renamed this task from Design Explore feed card for image tags to Explore feed card for image tags.Feb 25 2020, 5:41 PM
Charlotte set the point value for this task to 4.Feb 25 2020, 5:43 PM
Charlotte lowered the priority of this task from Medium to Low.Feb 25 2020, 5:45 PM

Thx @Sharvaniharan, looks and works fine. One minor thing... can you apply the same spacing below the image as for the other cards? (44sp instead of 56sp):

Screenshot_20200320-181354.png (2×1 px, 1 MB)

@Sharvaniharan

01) Can we exclude (empty) image tag suggestions like this?

Screenshot_20200326-110818.png (2×1 px, 262 KB)

02) Can you visually center the ADD IMAGE TAGS cta? (move it 6sp down). For comparison:

Current implementationDesign (visually centered)
Screenshot_20200326-110858.png (2×1 px, 1 MB)
Group.png (4×2 px, 3 MB)

Thx for the hard work!

I think the first one is an image tag suggestion for Wiki globe, @schoenbaechler. Empty images are automatically curated. I have fixed the second issue. Thank you.

Note: @Sharvaniharan will tweak spacing of card titles (article descriptions and image captions) a bit (12-16dp top margin) and post screenshots here. Thx!

Looks good now @Sharvaniharan, feel free to move directly to QA signoff.