Page MenuHomePhabricator

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

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:

desktopmobile

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

desktopmobile

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:

  1. Use icon alongside text (and not repeat the icon)

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

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

Related Objects

StatusSubtypeAssignedTask
OpenNone
Resolvedovasileva
ResolvedVolker_E
Resolvedphuedx
Resolved eprodromou
ResolvedEvanProdromou
ResolvedPeter.ovchyn
ResolvedPeter.ovchyn
ResolvedPeter.ovchyn
Resolved eprodromou
ResolvedPeter.ovchyn
Resolveddaniel
Resolveddaniel
Resolveddaniel
Resolvedholger.knust
Resolvedholger.knust
Resolvedholger.knust
OpenNone
OpenNone
OpenNone
ResolvedSpikeovasileva
Resolvedphuedx
ResolvedJdrewniak
Resolvedalexhollender
Resolvedovasileva
ResolvedJdlrobson
ResolvedJdrewniak
ResolvedJdrewniak
ResolvedNiedzielski
ResolvedMNeisler
ResolvedMNeisler
Resolvedovasileva
Resolvedphuedx
Resolvedovasileva
Resolvedovasileva
Resolvednray
OpenNone
Opennray
OpenNone
OpenMNeisler
Resolvedovasileva
ResolvedEdtadros
DeclinedNone
DeclinedNone
ResolvedJdrewniak
ResolvedJdrewniak
Opennnikkhoui
Resolvednnikkhoui
ResolvedJdlrobson
Duplicateovasileva
ResolvedMNeisler
ResolvedVolker_E
Resolvedphuedx
Resolvedovasileva
Resolvedovasileva
Resolvedsbassett
Resolvedjlinehan
Openjlinehan
ResolvedNone
Resolvedjlinehan
Resolvedjlinehan
ResolvedOttomata
ResolvedOttomata
ResolvedSpikeJdlrobson
Resolvedjlinehan
Openjlinehan
Resolvedjlinehan
Resolvedjlinehan
Resolvedjlinehan
Resolvedjlinehan
ResolvedJdlrobson
Resolvedjlinehan
Resolvedjlinehan
Opendr0ptp4kt
Resolvedcolewhite
DeclinedNone
ResolvedNone
Resolvedjlinehan
OpenNone
OpenNone
Openovasileva
Resolvedphuedx
OpenNone
OpenNone
DuplicateNone
ResolvedGoalovasileva
ResolvedJdlrobson
OpenSpikeNone
Resolvedovasileva
DuplicateNone
Resolvedalexhollender

Event Timeline

Jdlrobson updated the task description. (Show Details)
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)

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

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?

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.

@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)

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:

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

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

SOLUTION Z:

  1. Drop the icon from mobile
  2. 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 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:


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 : /

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