Change Details

### Flow | 1. | 2. | 3. | 4. | 5. | 6. | 7. | | {F31503345} | {F31503329} | {F31503331} | {F31503333} | {F31503335} | {F31503337} | {F31503340} 1. Confirm tags by tapping chips 2. Images are zoomable. Zooming images Ideally, zoom behavior will work like [[ https://www.dropbox.com/s/jnfabignjbbalof/zooming-on-instagram.mp4?dl=0 | this example ]]. Why? - It will ensure that zooming is not interfering with the main interaction model of Suggested edits (swiping left/right). - In addition, it will also guarantee that previously learned interaction patterns (tapping a card in V1/V2 to add) will continue to work seamlessly in V3. 3. After tapping a tag, chips turn into enabled state (blue check), a disclaimer appears and publish button is enabled 4. State for publishing (Animation: F31503286) 5. Published state (Animation: F31503286) 6. Transition to next image (Animation: F31503286) 7. This is the state after swiping right or tapping the right arrow to go navigate to the previous image. When tapping an unpublished/rejected tag (Sky, Steel, Architecture), the publish button is enabled again. **👉 [Visuals on Zeplin](https://app.zeplin.io/project/57a120b91998d8977642a238/dashboard?seid=5dfc9efb4c09f71683f33ba6)** --- ### 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.

### Flow | 1. | 2. | 3. | 4. | 5. | 6. | 7. | | {F31503345} | {F31503329} | {F31503331} | {F31503333} | {F31503335} | {F31503337} | {F31503340} 1. Confirm tags by tapping chips 2. Images are zoomable. Zooming images Ideally, zoom behavior will work like [[ https://www.dropbox.com/s/jnfabignjbbalof/zooming-on-instagram.mp4?dl=0 | this example ]]. Why? - It will ensure that zooming is not interfering with the main interaction model of Suggested edits (swiping left/right). - In addition, it will also guarantee that previously learned interaction patterns (tapping a card in V1/V2 to add) will continue to work seamlessly in V3. 3. After tapping a tag, chips turn into enabled state (blue background, check icon and [[ https://storage.googleapis.com/spec-host-backup/mio-components/assets/1WEA2B1bfqKZpHXPbUJFhfYsRwa7pCoRw/filter-chip-behavior-selecting.mp4 | this animation ]]) Material Design animation), a disclaimer appears and publish button is enabled 4. State for publishing (Animation: F31503286) 5. Published state (Animation: F31503286) 6. Transition to next image (Animation: F31503286) 7. This is the state after swiping right or tapping the right arrow to go navigate to the previous image. When tapping an unpublished/rejected tag (Sky, Steel, Architecture) or rejecting one of the previously accepted tags, the publish button is enabled again. **👉 [Visuals on Zeplin](https://app.zeplin.io/project/57a120b91998d8977642a238/dashboard?seid=5dfc9efb4c09f71683f33ba6)** --- ### 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.

### Flow | 1. | 2. | 3. | 4. | 5. | 6. | 7. | | {F31503345} | {F31503329} | {F31503331} | {F31503333} | {F31503335} | {F31503337} | {F31503340} 1. Confirm tags by tapping chips 2. Images are zoomable. Zooming images Ideally, zoom behavior will work like [[ https://www.dropbox.com/s/jnfabignjbbalof/zooming-on-instagram.mp4?dl=0 | this example ]]. Why? - It will ensure that zooming is not interfering with the main interaction model of Suggested edits (swiping left/right). - In addition, it will also guarantee that previously learned interaction patterns (tapping a card in V1/V2 to add) will continue to work seamlessly in V3. 3. After tapping a tag, chips turn into enabled state (blue checkbackground, check icon and [[ https://storage.googleapis.com/spec-host-backup/mio-components/assets/1WEA2B1bfqKZpHXPbUJFhfYsRwa7pCoRw/filter-chip-behavior-selecting.mp4 | this animation ]]) Material Design animation), a disclaimer appears and publish button is enabled 4. State for publishing (Animation: F31503286) 5. Published state (Animation: F31503286) 6. Transition to next image (Animation: F31503286) 7. This is the state after swiping right or tapping the right arrow to go navigate to the previous image. When tapping an unpublished/rejected tag (Sky, Steel, Architecture) or rejecting one of the previously accepted tags, the publish button is enabled again. **👉 [Visuals on Zeplin](https://app.zeplin.io/project/57a120b91998d8977642a238/dashboard?seid=5dfc9efb4c09f71683f33ba6)** --- ### 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.