Page MenuHomePhabricator

Update notifications & search icons (AMC & non-AMC)
Closed, ResolvedPublic1 Estimated Story Points

Description

Description

Currently we're using an out-of-date, outlined version of the notification/bell icon (see OOUI icon sheet). Bringing it up-to-date will align it visually with the user icon we're adding to the header for AMC users.

Design

non-AMCAMC
image.png (1×778 px, 210 KB)
image.png (1×778 px, 215 KB)

Icons:



Note: this update should apply to logged-out, logged-in, and logged-in AMC users (i.e. everybody)

Event Timeline

The 'user' icon featured in current task description is outdated.

ovasileva triaged this task as Medium priority.May 22 2019, 8:05 AM
ovasileva moved this task from Incoming to Upcoming on the Web-Team-Backlog board.

The 'user' icon featured in current task description is outdated.

@Volker_E thanks for point that out, I've updated the image in the description to avoid confusion.

Change 521772 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Refresh the bell icon

https://gerrit.wikimedia.org/r/521772

@Volker_E I'm using the bell icon in core and this is what I get... which seems a little big:

Screenshot 2019-07-09 at 11.40.41 AM.png (76×1 px, 15 KB)

Is this the desired result?
Is the SVG asset in core up to date?

@Jdlrobson as discussed in Slack we will actually be updating both the search and the bell icons as part of this task. I will update the task description and title accordingly.

Note: this update should apply to logged-out, logged-in, and logged-in AMC users (i.e. everybody).

alexhollender_WMF renamed this task from Update notifications icon (AMC & non-AMC) to Update notifications & search icons (AMC & non-AMC).Jul 11 2019, 9:24 PM
alexhollender_WMF updated the task description. (Show Details)
alexhollender_WMF updated the task description. (Show Details)
alexhollender_WMF updated the task description. (Show Details)

@Volker_E I'm using the bell icon in core and this is what I get... which seems a little big:

Screenshot 2019-07-09 at 11.40.41 AM.png (76×1 px, 15 KB)

Is this the desired result?
Is the SVG asset in core up to date?

From a conversation with @alexhollender, it's not the bell icon that's big, it's the other ones that are too small. They have not been updated to the latest, due to lack of design resources – didn't want to put 1 filled icon into header, where MinervaNeue went for a more subtle design approach before.

Do we need to change hamburger icon too? Here's revised version:

Screenshot 2019-07-12 at 8.32.18 AM.png (156×429 px, 35 KB)

@Volker_E after talking to @Jdlrobson we think we should add the outline versions of those icons to OOUI and MWUI as variations of filled in one. then we can refer to them on the header to avoid future debt

@Nirzar Sounds good, can go out into next weeks' OOUI release which would be in production train from Tue 30 July on. If there's urgent time sensitivity we could add them in an extra release before next Tue, which would land train next week.
In any case, we need the icons production-ready prepared as SVGs to proceed.

@Volker_E can we add them in as an extra release before next Tue?

and what needs to be done to the SVG?

@Nirzar What I've said before – yes, we could. We'd need the outlined bell & updated search icon on the 20x20px canvas, and the outlined user icon, which is planned as well? So it's only the latter missing here right now from my understanding.

Change 524948 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[oojs/ui@master] icons: Add 'bellOutline' and 'userAvatarOutline' and amend 'search'

https://gerrit.wikimedia.org/r/524948

Change 524948 merged by jenkins-bot:
[oojs/ui@master] icons: Add 'bellOutline' and 'userAvatarOutline' and amend 'search'

https://gerrit.wikimedia.org/r/524948

Change 524959 had a related patch set uploaded (by Jforrester; owner: Jforrester):
[mediawiki/core@master] Update OOUI to v0.33.4

https://gerrit.wikimedia.org/r/524959

Change 524959 merged by jenkins-bot:
[mediawiki/core@master] Update OOUI to v0.33.4

https://gerrit.wikimedia.org/r/524959

looks great. Will make a followup task for some slight tweaks but we're good to move forward. Here's what I'm seeing:

logged outlogged inAMC
iOS
IMG_2849.PNG (1×750 px, 134 KB)
IMG_2851.PNG (1×750 px, 69 KB)
IMG_2852.PNG (1×750 px, 70 KB)
Android
reading-web-staging.wmflabs.org_wiki_Antonio_Vivarini(iPhone 6_7_8).png (1×750 px, 907 KB)
reading-web-staging.wmflabs.org_wiki_Musical_film(iPhone 6_7_8).png (1×750 px, 65 KB)
reading-web-staging.wmflabs.org_wiki_Main_Page(iPhone 6_7_8).png (1×750 px, 203 KB)

@Jdlrobson moving to signoff, however if you think there are reasons to QA this more extensively please move back to QA.

Change 521772 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Refresh the user, bell and search icon

https://gerrit.wikimedia.org/r/521772

Niedzielski claimed this task.
Niedzielski subscribed.

Looks good on BC

Restricted Application added a subscriber: Masumrezarock100. · View Herald Transcript