[go: up one dir, main page]

Page MenuHomePhabricator

Update Image Placeholders in Places feature
Closed, ResolvedPublic

Description

Background
We learned that the current space holders for images in the Places feature is confusing for some of our users. We've decided to add the Wikipedia logo and have parity with iOS to indicate the items are clickable in the map.

Task

  • Update the current placeholders to have a circular green background with white Ws while respecting accessibility guidelines.

Design
Figma


APK: https://github.com/wikimedia/apps-android-wikipedia/pull/4823/checks

Event Timeline

cooltey added a subscriber: AlexHollender-WMF.

Hi @AlexHollender-WMF,

Please download the APK from the ticket description to see the changes.

I have applied paper_color to the W icon to show different colors based on the current theme.

@cooltey everything looks great

lightsepiadarkblack
Screenshot_20240722-105102.png (2×1 px, 630 KB)
Screenshot_20240722-105114.png (2×1 px, 677 KB)
Screenshot_20240722-105131.png (2×1 px, 596 KB)
Screenshot_20240722-105145.png (2×1 px, 598 KB)
high density of map markers
Screenshot_20240722-104622.png (2×1 px, 1 MB)

@JTannerWMF not sure if we wanted to create a separate task for using the same map markers in the list view, to reinforce their meaning. Just mentioning that again here in case.

currentwith map markersiOS
image.png (4×2 px, 598 KB)
image.png (4×2 px, 633 KB)
image.png (3×2 px, 951 KB)

Hi @AlexHollender-WMF

I updated the marker to use secondary_color and added the placeholder icon to the list view. Please download the APK from the ticket description again to see the changes, thanks!

Screenshot_20240723_145840_Wikipedia Dev.jpg (2×1 px, 111 KB)
Screenshot_20240723_145822_Wikipedia Dev.jpg (2×1 px, 115 KB)
Screenshot_20240723_145817_Wikipedia Dev.jpg (2×1 px, 83 KB)
Screenshot_20240723_145835_Wikipedia Dev.jpg (2×1 px, 68 KB)

This looks great, thanks @cooltey

I assume we will set up a separate task for updating the cluster icons so that they are slightly larger than the gray map markers, and have a little transparency. Here is the quick mockup for reference

image.png (3×1 px, 1 MB)