[go: nahoru, domu]

Page MenuHomePhabricator

Update notification badge color: It's hard for me to tell when I have a new notification due to the color of the badge in the app
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
Feb 23 2022, 9:50 PM
Referenced Files
F34972907: Dark and black gear.pdf
Mar 2 2022, 10:04 PM
F34972883: 􀣋.pdf
Mar 2 2022, 9:45 PM
F34972864: image.png
Mar 2 2022, 9:31 PM
F34972866: Bell icons.zip
Mar 2 2022, 9:31 PM
F34972862: image.png
Mar 2 2022, 9:31 PM
F34972860: Bell icons.zip
Mar 2 2022, 9:29 PM
F34970455: Bell full outline.pdf
Feb 28 2022, 9:43 PM
F34970458: badged bell.pdf
Feb 28 2022, 9:43 PM
Tokens
"Love" token, awarded by JMinor.

Description

Why are we doing this?

1 participant requested that the bell icon be badged in red and not black. 1 participant wanted the badge to change color based on their last use of the app and when new messages may have arrived.

Contributor story

It's hard for me to tell when I have a new notification due to the color of the badge in the app

Diary entry quotes

  • It still bothers me that the notification dot shows as red on the iPhone home screen but inside the app it shows as black (a black dot on the bell icon). For notifications, I am always expecting red dots.
  • Maybe not have red dot notification but some other color if I visited Wikipedia app since the last notification arrived

Proposed design

No unread notificationsUnread notifications
image.png (812×375 px, 64 KB)
image.png (812×375 px, 63 KB)
Assets

Event Timeline

LGoto triaged this task as Medium priority.Feb 28 2022, 7:49 PM
LGoto moved this task from Needs Triage to Product Backlog on the Wikipedia-iOS-App-Backlog board.
cmadeo updated the task description. (Show Details)
Dmantena moved this task from Doing to Needs Design on the iOS-app-v6.9-Carp-On-A-Zamboni board.

@cmadeo Looking forward to getting this in! I have a few asset requests:

  • We need the "Bell" and the "Badged Bell" assets exported for each theme (light, sepia, dark, black)
  • The PDF exports in the ticket accidentally include the white background, we need the assets as transparent background PDFs
  • The proposed design shows a blue bell icon and a black Settings gear icon in the light theme - is this the intent? Or should we go with the primary navigation button color (in the screenshot's case, the black gear) for both the bell and the settings gear glyphs, with the only bit of color being the red indicator?

Hi @Dmantena, excited for this too!

Here's a zip file with all of the requested assets. I am 99% sure that these have a transparent background (it won't show that way in Preview for some reason though!) but let me know if you're still seeing a background.

The proposed design shows a blue bell icon and a black Settings gear icon in the light theme - is this the intent? Or should we go with the primary navigation button color (in the screenshot's case, the black gear) for both the bell and the settings gear glyphs, with the only bit of color being the red indicator?

Can we use the 'Link' color for these icons? Thanks!

cmadeo updated the task description. (Show Details)

Can we use the 'Link' color for these icons? Thanks!

@cmadeo Sure no problem – in this case, can you also provide exports for all the gear icons in each theme?

Sure thing, here it is @Dmantena

Thanks - like the bell icons you provided though, we'd need gear exports for each of the themes.

Doh, sorry the first icon is good for Sepia and default, here is the pdf for dark and black

This is looking good! Thanks so much @Dmantena + @Tsevener!
Would it still be possible to move the Wikipedia wordmark back to its original location when a user is logged out? (I think this is covered in https://phabricator.wikimedia.org/T301129 so I'll move this ticket over to needs QA!)

JMinor claimed this task.
JMinor awarded a token.