Page MenuHomePhabricator

Tag images feed experience
Open, MediumPublic5 Estimate Story Points

Description

Flow

1.2.3.4.5.6.7.8.
  1. Confirm tags by tapping chips
  2. T242138
  3. After tapping a tag, chips turn into enabled state (blue background, check icon and this animation), a disclaimer appears and publish button is enabled
  4. T242139
  5. "
  6. "
  7. T242140
  8. A confirmation dialog is shown when no tag has been chosen and users tap publish. Copy:
    • Title: You haven’t selected any tags for this image
    • Description: Only tags that you choose will be added to images. Tags that are not selected will be marked as rejected. Are you sure that you want to mark all tags as rejected?
    • Button labels: Cancel, Publish

👉 Visuals on Zeplin


Conceptual additions

  • Interaction model known from V1 and V2 lets users swipe through suggestions.
  • Tags
    • 5 tags are retrieved from Google Cloud Vision AI. We should experiment with the number of tags in the actual implementation. Real data and various languages will influence the “right amount of tags”. We expect this value to be between 3-6 tags per image.
    • Tags that haven’t been selected are marked as rejected when publishing.
  • Image cropping
    • The concept respects the variety of image formats on Commons.
    • The idea is to keep as much of the image as possible, landscape stays landscape – portrait stays portrait.
    • Images are not cropped, should be fully visible from the start and are zoomable.

Event Timeline

Charlotte triaged this task as Medium priority.Dec 11 2019, 2:12 PM
schoenbaechler updated the task description. (Show Details)
Charlotte set the point value for this task to 5.Tue, Jan 7, 5:42 PM
Charlotte removed schoenbaechler as the assignee of this task.Wed, Jan 8, 12:41 PM

Hey @Charlotte, added specs for a confirmation dialog when no tag has been selected. Could you review the copy below, please? Thanks.

  1. A confirmation dialog is shown when no tag has been chosen and users tap publish. Copy:
    • Title: You haven’t selected any tags for this image
    • Description: Only tags that you choose will be added to images. Tags that are not selected will be marked as rejected. Are you sure that you want to publish all tags as rejected?
    • Button labels: Cancel, Publish

@schoenbaechler - Looks good, with the following tweak to the copy: Only tags that you choose will be added to images. Tags that are not selected will be marked as rejected. Are you sure that you want to mark all tags as rejected?

Updated the task’s description @Charlotte 👍