Spike: what to do with Wikivoyage icons in new design?
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Jdlrobson
	May 13 2020, 5:55 PM

Description

In T252143 as we updated wordmarks and icons we encountered an issue with Wikivoyage. Four wikivoyage projects currently have logos:

path
static/images/mobile/copyright/wikivoyage-wordmark-bn.svg
static/images/mobile/copyright/wikivoyage-wordmark-en.svg
static/images/mobile/copyright/wikivoyage-wordmark-he.svg
static/images/mobile/copyright/wikivoyage-wordmark-ps.svg

The desktop logo doesn't deconstruct easily into the mobile version:

desktop	mobile

That means until we implement some kind of solution things will look like this:

desktop	mobile

Perhaps we can create a separate ticket to figure out how we want to handle that?
I suggest we descope wikivoyage given this new information and capture it in a separate task.

Other variants:

Use icon alongside text (and not repeat the icon)

Screen Shot 2020-05-13 at 10.51.51 AM.png (158×486 px, 11 KB)

Have a single asset which combines wordmark and icon and serves it using the wordmark configuration.

Screen Shot 2020-05-13 at 10.58.50 AM.png (788×2 px, 948 KB)

Questions to answer

How will mobile and desktop be configured for these projects?
What changes in Minerva (if any) are needed to support the change.

Sign off

Update https://docs.google.com/spreadsheets/d/1qHSJrK87nyIuZElEBn3cusNppxUaamHC640Mq-hYzb8/edit#gid=0 to keep track of what's deployed.
Create task for any follow up work

Related Objects
Search...

View Standalone Graph

This task is connected to more than 200 other tasks. Only direct parents and subtasks are shown here. Use View Standalone Graph to show more of the graph.

Status	Subtype	Assigned	Task
			· · ·
Duplicate	Spike	None	T244486 [GOAL] Create new logos for all projects for DI header and make sure everyone knows how to use them
Resolved		ovasileva	T273477 Update Wikivoyage logos (Vector modern & mobile)
Duplicate		None	T264299 German Wikivoyage: select modern Vector skin as default
Resolved		• alexhollender_WMF	T252701 Spike: what to do with Wikivoyage icons in new design?
			· · ·

Event Timeline

Jdlrobson created this task.May 13 2020, 5:55 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 13 2020, 5:55 PM

Jdlrobson updated the task description. (Show Details)May 13 2020, 5:56 PM

Jdlrobson updated the task description. (Show Details)

Jdlrobson renamed this task from what to do with Wikivoyage icons in new design? to Spike: what to do with Wikivoyage icons in new design?.May 13 2020, 5:59 PM

Jdlrobson updated the task description. (Show Details)

Jdlrobson added subscribers: Volker_E, • alexhollender_WMF.May 13 2020, 6:02 PM

Jdlrobson updated the task description. (Show Details)May 13 2020, 6:37 PM

Jdlrobson added a parent task: T244486: [GOAL] Create new logos for all projects for DI header and make sure everyone knows how to use them.May 13 2020, 10:32 PM

The task description isn't complete or confusing, there are more variants like this on German WikiVoyage, using English logo:

Jdlrobson mentioned this in T252816: Custom logo in mobile header.May 19 2020, 8:50 PM

Jdlrobson merged a task: T252816: Custom logo in mobile header.May 19 2020, 10:10 PM

Jdlrobson updated the task description. (Show Details)

Jdlrobson added a subscriber: ovasileva.

Restricted Application added a subscriber: Masumrezarock100. · View Herald TranscriptMay 19 2020, 10:11 PM

ovasileva triaged this task as Medium priority.May 20 2020, 8:38 AM

@Volker_E and @alexhollender what do you think about just using a single wordmark on these projects rather than the icon + wordmark + tagline combo?

Jdlrobson moved this task from Needs Analysis to Upcoming on the Web-Team-Backlog (Kanbanana-2019-20-Q4) board.Jun 5 2020, 6:33 PM

The just use a wordmark option 2) isn't using just a wordmark. There's a logo in the task description example too.

@Volker_E I think we are misunderstanding one another. I'm simply suggesting that we have a single asset that combines wordmark and icon, however we use the wordmark configuration to deliver it.

Jdlrobson updated the task description. (Show Details)Jun 5 2020, 8:08 PM

In T252701#6197709, @Jdlrobson wrote:

@Volker_E and @alexhollender what do you think about just using a single wordmark on these projects rather than the icon + wordmark + tagline combo?

I think what could work is option B in the sheet below (whereas currently we've been going towards option A)

MBinder_WMF edited projects, added Web-Team-Backlog (Kanbanana-FY-2020-21); removed Web-Team-Backlog (Kanbanana-2019-20-Q4).Jul 9 2020, 5:14 PM

MBinder_WMF moved this task from Needs Analysis to Upcoming on the Web-Team-Backlog (Kanbanana-FY-2020-21) board.Jul 9 2020, 5:14 PM

Yep option B looks like the one I'm proposing.

The best way to approach that would be one of these solutions - can you suggested your preferred solution so we turn this into some actionable tasks @alexhollender?

SOLUTION X:
Do nothing, keep the status quo.

CONS: Icon and wordmark would be same height - currently 18px high.

SOLUTION Y:

Update mobile to show the icon and the wordmark rather than just the wordmark
Config change to add icon and wordmark.

CONS: all wikis on mobile would now show icon and wordmark combos. Possibly more testing

SOLUTION Z:

Drop the icon from mobile
Add the icon to Vector.

CONS: The missing icon will upset a few people, but at least it will be consistent with other projects.

Jdlrobson assigned this task to • alexhollender_WMF.Aug 4 2020, 6:01 PM

Jdlrobson moved this task from Upcoming to Design Review on the Web-Team-Backlog (Kanbanana-FY-2020-21) board.

@Jdlrobson I think the current blocker here might be community approval of the new desktop logo (though it seems like Timeless already does this in the header so maybe we don't need approval?).

We would be changing from this:

Screen Shot 2020-08-07 at 5.44.53 PM.png (159×176 px, 9 KB)

to this:

This would also raise the question of whether or not we're okay with skin-specific logo configurations. It seems unlikely that Legacy Vector and Monobook would be able to use the same logo configuration we'd be using in Modern Vector and Minerva. Not sure if this is a concern.

In any case it seems like the size and lack of color we currently have doesn't make much sense one way or another : /

ovasileva added a subscriber: sgrabarczuk.Aug 10 2020, 8:38 AM

• alexhollender_WMF edited projects, added Web-Team-Backlog (Design); removed Web-Team-Backlog (Kanbanana-FY-2020-21).Oct 1 2020, 5:05 PM

• alexhollender_WMF moved this task from Needs analysis to Next up on the Web-Team-Backlog (Design) board.

• alexhollender_WMF moved this task from Next up to Designing/discussing right now on the Web-Team-Backlog (Design) board.

ovasileva mentioned this in T264299: German Wikivoyage: select modern Vector skin as default.Jan 5 2021, 5:08 PM

ovasileva added a parent task: T264299: German Wikivoyage: select modern Vector skin as default.

RolandUnger subscribed.Jan 14 2021, 5:29 AM

• alexhollender_WMF edited projects, added Web-Team-Backlog (Kanbanana-FY-2020-21), Desktop Improvements (Vector 2022); removed Web-Team-Backlog (Design).Feb 1 2021, 2:38 PM

• alexhollender_WMF mentioned this in T273477: Update Wikivoyage logos (Vector modern & mobile).Feb 1 2021, 3:23 PM

@Jdlrobson I've created T273477 and started uploading SVGs there

• alexhollender_WMF added a parent task: T273477: Update Wikivoyage logos (Vector modern & mobile).Feb 1 2021, 3:30 PM

	F31985274: Screen Shot 2020-08-07 at 5.44.53 PM.png
	Aug 7 2020, 9:55 PM

	F31950746: Screen Shot 2020-07-27 at 6.12.23 PM.png
	Jul 28 2020, 1:12 AM

	F31816091: Screen Shot 2020-05-13 at 10.58.50 AM.png
	May 13 2020, 5:59 PM

	F31858075: wikivoyage logo.jpg
	Jun 8 2020, 4:37 PM

	F31817093: image.png
	May 14 2020, 5:04 AM

Spike: what to do with Wikivoyage icons in new design?Closed, ResolvedPublicActions

Description

Questions to answer

Sign off

Related ObjectsSearch...

Event Timeline

Spike: what to do with Wikivoyage icons in new design?
Closed, ResolvedPublic
Actions

Related Objects
Search...