Change Details

##### Problem Usability tests revealed, that images are sometimes cropped in a suboptimal way. E.g. on the above image, the animal is barely visible due to the image crop. | {F34191959} | {F34191956} ##### Solution proposals | **Variant A** | **Variant B** (blur) | **Variant C** (background gradient) | {F34206475} | {F34206479} | {F34207674} | [[ https://zpl.io/2GD50eW | Zeplin ]] | [[ https://zpl.io/a34PBkx | Zeplin ]] | [[ https://zpl.io/aRnKKwE | Zeplin ]] - Show the full image contained instead of a cropped image. - Use a similar technique to show the entire image as for the image tags task, see [[ https://zpl.io/2pjZ47y | Zeplin ]] - **Variant A** uses a grey background, **Variant B** uses a background blur, **Variant C** uses key colors from the image to create a gradient (similar to the Explore feed design in 'Because You Read')

##### Problem Usability tests revealed, that images are sometimes cropped in a suboptimal way. E.g. on the above image, the animal is barely visible due to the image crop. | {F34191959} | {F34191956} ##### Proposed solutions | **Variant A** | **Variant B** (blur) | **Variant C** (background gradient) | {F34206475} | {F34206479} | {F34207674} | [[ https://zpl.io/2GD50eW | Zeplin ]] | [[ https://zpl.io/a34PBkx | Zeplin ]] | [[ https://zpl.io/aRnKKwE | Zeplin ]] - Show the full image contained instead of a cropped image. - Use a similar technique to show the entire image as for the image tags task, see [[ https://zpl.io/2pjZ47y | Zeplin ]] - **Variant A** uses a grey background, **Variant B** uses a background blur, **Variant C** uses key colors from the image to create a gradient (similar to the Explore feed design in 'Because You Read')

##### Problem Usability tests revealed, that images are sometimes cropped in a suboptimal way. E.g. on the above image, the animal is barely visible due to the image crop. | {F34191959} | {F34191956} ##### Solution proposalsProposed solutions | **Variant A** | **Variant B** (blur) | **Variant C** (background gradient) | {F34206475} | {F34206479} | {F34207674} | [[ https://zpl.io/2GD50eW | Zeplin ]] | [[ https://zpl.io/a34PBkx | Zeplin ]] | [[ https://zpl.io/aRnKKwE | Zeplin ]] - Show the full image contained instead of a cropped image. - Use a similar technique to show the entire image as for the image tags task, see [[ https://zpl.io/2pjZ47y | Zeplin ]] - **Variant A** uses a grey background, **Variant B** uses a background blur, **Variant C** uses key colors from the image to create a gradient (similar to the Explore feed design in 'Because You Read')