[July Campaign] Theme design based on country flags - l10n QA

RESOLVED FIXED

Status

RESOLVED FIXED
6 years ago
6 years ago

People

(Reporter: tshahian, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(16 attachments)

912.95 KB, application/zip
Details
1.05 MB, application/zip
Details
1.33 MB, application/zip
Details
1020.86 KB, application/zip
Details
1.26 MB, application/zip
Details
1.29 MB, application/zip
Details
1.60 MB, application/zip
Details
2.03 MB, application/zip
Details
1.15 MB, application/zip
Details
1.24 MB, application/zip
Details
269.57 KB, image/jpeg
Details
269.96 KB, image/jpeg
Details
818.09 KB, application/zip
Details
193.17 KB, image/jpeg
Details
250.92 KB, image/jpeg
Details
3.01 MB, application/zip
Details
(Reporter)

Description

6 years ago
Hi there. 

I'm not sure if this is the right place to file this bug, but I"d really appreciate your help.

For the upcoming Olympics campaign we're designing a set of new Theme designs (formerly Personas) and these are based on country flags.  I realize that country flags don't always unify people when there are certain political sensitivities, and I want to respect that and avoid any issues.  I realize this is the case with my own country (Iran) and wanted to be sure we avoid this in other locales as best possible.  So, I was hoping to file this bug and share the designs with you so you can flag potential issues. If there is a symbol (for example) that is controversial, perhaps we can remove it and resort to the flag colors, etc. 

Thanks in advance for your help.
The aim is to have the designs done and uploaded into AMO by July 18th/19th.
(Reporter)

Updated

6 years ago
Blocks: 765857
(Reporter)

Updated

6 years ago
Summary: [Olympics] Theme design based on country flags - QA → [Olympics] Theme design based on country flags - l10n QA
This bug is great! Thanks for filing it Tara. Once you've attached the designs, I would also recommend sending an email with a link to this bug through the world ready mailing list to get the community's feedback.
(Reporter)

Comment 2

6 years ago
Thanks :)  what's the best way of handling this so it doesn't become too chaotic? Can I open up a google Doc with the designs and share that so it's updated live  vs. attaching all of them one by one?  Please let me know.
I think a Google Doc could be just fine. The main items to point out in your email are these:

1) Establish a timeline for giving feedback.
2) Identify the target audience represented by each flag and be specific. That will better help them to identify any potentially controversial issues with each flag choice.
3) Define how they are to provide you with feedback (e.g., by replying through the mailing list, as comments on this bug, etc.?) 

This should help you define the terms of the feedback without it getting too chaotic. Hope that helps!
(Reporter)

Comment 4

6 years ago
I'm sorry the file was too big to post, you can download it here:
https://www.yousendit.com/download/QlVqYUluTmFiV3l4djhUQw

These are the designs so far.  I'll just add them to this bug. 

This batch includes: 

* Indonesia
* Italy
* India
* Spain
* Belgium
* CZech
* Romania
* Morocco
* Nigeria
* Chile
* Peru
* Sweden
* France
* Russia
* Mexico
* Argentina
* Brazil
* Phillipines
* Japan
* China
* Germany

I am keeping track of the list of designs here:
https://docs.google.com/document/d/1jHOIq9WbkOpqHSKPEM6Bw_xVNxfsT_thUMRF61h_SZg/edit 

Please do review and let me know "approved" or "not" asap.  And if not approved, please elaborate on what the reason/concern is so we can discuss how to address it.

Thanks!
(Reporter)

Comment 5

6 years ago
That helps, thank you!
Italy is ok.

Comment 7

6 years ago
For Germany, I'd prefer something less Preussian. We're using the colors of the flag only recently, and in rather creative combinations.

I think that something that looks more like bodypaint-on-cheek would work much better. Maybe also check http://www.dosb.de/en/organisation/philosophie/dosb-profile/ for reference, there's just a dash of black-red-gold in the logo.
(Reporter)

Comment 8

6 years ago
Thanks Axel.  Per you email... would you say that is a "nice to have" or a big concern? I want to limit scope / edits to things that will really raise the alarm vs. a lot of tweaking based on personal preferences.  Let me know.  Thanks for the feedback I appreciate it of course.
Spain is OK.

Comment 10

6 years ago
(In reply to Tara (musingt) from comment #8)
> Thanks Axel.  Per you email... would you say that is a "nice to have" or a
> big concern? I want to limit scope / edits to things that will really raise
> the alarm vs. a lot of tweaking based on personal preferences.  Let me know.
> Thanks for the feedback I appreciate it of course.

I haven't seen any fan-art similar to this for the EURO cup just a few weeks ago, thus I assume that it's not going to resonate strongly here.

I'm not confident about suggesting something, because I wouldn't know how that looks on Windows, which is likely the primary exposure window.

For color schemes, there's a picture of the german dress code on http://www.dosb.de/de/olympia/olympische-news/detail/news/-886968beab/. I guess the solid black background is the obvious turn-away for me.
Uhm... Axel made me think about the background actually. I didn't look at all the nation images before and thought the green background was common. I'm noticing now that it isn't so I'd like to reconsider for Italy.

While our flag colours are green, white and red; the colour for all things related to sports has always been light blue (something in between blue and light blue actually, you can have a look here: https://www.google.com/search?q=maglia+italia&um=1&ie=UTF-8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=FQv-T7KFE6am4gT07PzfBg&biw=1280&bih=609&sei=Fwv-T5G8KqXg4QSs5dD2Bg ) so it would be really nice to have that color as a background instead of the green; first because it won't clash with the green on the flag and second because if you say Italy and sport you think about blue, and nothing else.
(Reporter)

Comment 12

6 years ago
Created attachment 641342 [details]
Persona Designs: Israel, Kazakhastan


This batch includes:

* Israel
* Kazakhastan
(Reporter)

Comment 13

6 years ago
You can also preview live what has been uploaded so far, here: http://www.getpersonas.com/en-US/gallery/Designer/mozthemes
(Reporter)

Comment 14

6 years ago
Created attachment 641358 [details]
Persona Designs: Iran, Egypt, Columbia

sorry I keep calling them "Personas" out of habit.

This batch includes:

* Iran
* Columbia
* Egypt

Fwiw, I've already asked to edit the Iran flag to have the symbol removed and have approved it.
Previewing the theme on Firefox, for the Spain one I noticed that:

* Coat of arms is cropped on top and bottom. Firefox by default doesn't show the bookmark bar and the theme doesn't cover the title bar.
* Background for lower addon-bar is yellow, and maybe it should be red, since it's the main identity colour.
* If you display the bookmark bar, you get a lot of red on bottom, getting wrong proportions for flag colour, where the yellow band should have twice the heigh of the red band.
* If the window is not maximized the image is more cropped from the top, displaying the yellow band on the top.
For France my feedback is:

* The thumbnail is not the flag of France, at least no Frenchman would recognize it because of the lack of the blue stripe:
http://www.getpersonas.com/en-US/gallery/Designer/mozthemes

* The 3 stripes (blue, white, red) should have the same proportions
* If you activate the addons bar or the search bar at the bottom, the stripes in the header and the footer don't have the same proportions (which shouldn't happen if the 3 stripes had the same proportions)

Comment 17

6 years ago
Belgium looks nice overall ! I'm a little concerned though that if you reduce the window enough, the black part disappears. The same problem happens in the thumbnail where you only see yellow and red and may think of Spain instead.

I think there would be no problem giving the stripes an angle like you did on several other flags (Italy comes to mind), or even a curve like you can see on http://www.olympic.be/ (both the logo and the athletes wear curved stripes). 

People are used to see the flag "remixed" in various ways (see for example the favicon on http://www.belgium.be/), so as long as the colors are in the right order (not to be confused with Germany) it should be ok. If you have to repeat the background color after the red stripe, it may be better to use white there for this very reason.
(Reporter)

Comment 18

6 years ago
Hey all

Thank you so much for your input.  I appreciate the sensitivities around flags, however we should also appreciate the challenge here in designing a persona/theme that captures the essence of the flag, has some artistic edge to it, and also looks well in the new UI - across platforms, etc.  We're doing our best and while I hope to address most concerns, we unfortunately can't tweak each flag based on personal preferences or edge cases.  We'll do our best, but just wanted to set expectations as we've got a tight timeline and tight resources (as usual). 

A few additional points to keep in mind is that for these designs we were avoiding a very dry "template" look.  Meaning that instead of having a full flag pasted to the top right, and squished into the narrow field for default settings, what we've done here is more of an inspiration of the flags (while maintaining the integrity of it and the core elements of course).  And given the new UI, there are a lot of factors to consider.  So, unless there are major issues with how a symbol or color is represented I'd ask that we please look at these with a little more flexibility vs. looking to replicate the exact flag.  

For me, personally, if I were to apply an "Iran" theme... I not only would prefer to not have the symbol and focus on the colors, but am okay as long as it's the right mix and order of colors.  Each flag is different, but it's more of an artistic interpretation than an exact replica.  Imagine you're painting your face to go to the games (which I've done!) Some people paint the exact flag on a cheek, some people just take those same colors and apply a little more creativity. That's how I see it, except that I'm painting the "face" of my browser.  Hope that helps... 

---------------------

That said, here are some comments/questions inline:

>>GERMANY (@Axel)
Danke!  So, are we okay then keeping the current design? It seems like it's more of a nice to have vs. a major concern with the colors / orientation.

>>ITALY (@Iacopo)
Grazie tanto! for the initial approval ;) and the feedback: I do remember everyone wearing Blue for the EU Cup :) So, we'll do our best here, but I think given the fact that we're taking inspiration from the flags... it's okay if we don't have blue.  If we have time/resources left to re-do Italy, I'll try a version like you suggested. But otherwise, I'll consider this approved, sound good?

>>FRANCE (@Pascal)
Merci! Thumbnail is probably a default crop,and given the design it's looking that way.  I will ask Amy and see if we can fix that.  I agree it looks odd. Wrt color proportions... if you view this as an inspiration of the French flag colors, would you feel better about it?  As long as it gives the impression of the French flag (without it looking like another country's flag) I hope that it's okay.  Let me know.

>>SPAIN (@Rubén)
Gracias! I agree that red is better for the bottom bar. I'll see to change this.  Regarding the top, it actually previews okay for me.  I realize that the symbol gets cropped... it will have to be unless we take that image and make it really tiny... which I think makes it into a weaker design overall.  Would you agree? 

>>BELGIUM (@Benoit)
Dank je wel!  Same issue with the thumbnail due to default cropping.  I'm not sure if we can fix this to be honest, but I'll definitely ask Amy about it.  I agree it looks weird.  Regarding the black going away at smaller window sizes. I see that too, though I think that perhaps that's an edge case since (I would imagine) not that many people have their browser window *that* small.  If the persona designs were responsive, that'd be better :) but sadly they're not.  If it's a huge issue, we can try the alternate orientation, like you suggested.  Though I personally liked this :) It's the same with the French Theme. The remixes are cool, but again I'd like to avoid a lot of remixing...and treating each flag with the same family of filters and treatments.
(Reporter)

Comment 19

6 years ago
Created attachment 641599 [details]
Persona Designs: Turkey, S.Korea, Vietnam


This batch includes:

* Turkey
* South Korea
* Vietnam
(Reporter)

Comment 20

6 years ago
Created attachment 641615 [details]
Persona Designs: Austria, Switzerland, Hungary


This batch includes:

* Austria
* Switzerland
* Hungary
(Reporter)

Comment 21

6 years ago
Created attachment 641632 [details]
Persona Designs: Canada, Pakistan, Poland

This batch includes:

*Canada
*Pakistan
*Poland
(Reporter)

Comment 22

6 years ago
I think the USA flag/theme is a good example:
https://addons.mozilla.org/en-US/firefox/addon/united-states-of-america/

I think that's a great design, but obviously with certain settings, the number of stripes and stars get cropped.  There's simply nothing we can do about that if we want to keep a more inspired /artistic design... but no one will doubt that this is the American Flag.  Just sharing :)
(In reply to Tara (musingt) from comment #18)
> >>SPAIN (@Rubén)
> Gracias! I agree that red is better for the bottom bar. I'll see to change
> this.  Regarding the top, it actually previews okay for me.  I realize that
> the symbol gets cropped... it will have to be unless we take that image and
> make it really tiny... which I think makes it into a weaker design overall. 
> Would you agree? 

My concern was in case it gets too cropped, but if you feel reducing symbol size will make it into a weaker design overall, I'm OK with it.
(Reporter)

Comment 24

6 years ago
Thanks Rubén!
(Reporter)

Comment 25

6 years ago
Created attachment 641727 [details]
Persona Designs: Malaysia, Taiwan, Thailand

This batch includes:

* Malaysia
* Taiwan
* Thailand
(In reply to Tara (musingt) from comment #25)
> Created attachment 641727 [details]
> Persona Designs: Malaysia, Taiwan, Thailand
> 
> This batch includes:
> 
> * Taiwan

Hi Tara, Nice work! :)

Just wanna leave a feedback, for Olympic Games, NOC of Taiwan and Taiwanese representative team are listed as Chinese Taipei due to political problems, and the flag used in the Games is not the ROC Flag you used to create artwork here as well. 

You can find the full story in Wikipedia: http://en.wikipedia.org/wiki/Chinese_Taipei


---
But my personal opinion: I think using either this one or Chinese Taipei Olympic flag should be both okay.

Comment 27

6 years ago
(In reply to Peter Pin-Guang Chen [:petercpg] (MozTW.org) from comment #26)
> (In reply to Tara (musingt) from comment #25)
> > Created attachment 641727 [details]
> > Persona Designs: Malaysia, Taiwan, Thailand
> > 
> > This batch includes:
> > 
> > * Taiwan
> 
> But my personal opinion: I think using either this one or Chinese Taipei
> Olympic flag should be both okay.

If it's possible, could we have both (Taiwan flag and Chinese Taipei olympic flag) and let the users choose? I'd be great!
(Reporter)

Comment 28

6 years ago
Created attachment 641810 [details]
Persona Designs: Saudi Arabia, Netherlands, Ukraine, Venezuela

this batch includes:

* Saudi Arabia
* Netherlands
* Ukraine
* Venezuela
@Tara

Sorry for being late, could you chage Argentina's design with an idea similar to Italian Persona. I'm thinking in a light blue like background and the white with the sun crossing
(Reporter)

Comment 30

6 years ago
Created attachment 642027 [details]
Persona Designs: Denmark, Finland, Greece, HongKong, Portugal

In this batch:

* Denmark
* Finland
* Greece
* HongKong
* Portugal
(Reporter)

Comment 31

6 years ago
Created attachment 642659 [details]
Persona Designs:  Norway, Singapore, Slovakia

In this batch:

* Norway
* Singapore
* Slovakia
(Reporter)

Comment 32

6 years ago
>>ARGENTINA (@guillermo)
Hi there!  Thanks for the feedback. Though I'm not sure if I understand.  Is there something wrong with the current design that you think would offend someone? or is this more of a personal preference for a different design?  I really appreciate your feedback but I'm focusing mainly on things that might be offensive or a misinterpretation of the flag that would be an issue.  Please let me know, otherwise the Argentina flag seems to be what you are describing: http://www.getpersonas.com/en-US/persona/474681

>>TAIWAN (@Irvin @Peter)
Thank you for the feedback.  I'll see if we can use the Chinese Taipei olympic flag.  My main concern there was that we technically don't have the license to use the olympic rings logo (which is a mark included on this flag) but perhaps this is a different issue and it's ok.  I'm not entirely sure.  I'll look into that and update you shortly.  We can offer both in the main collection on AMO.
(Reporter)

Comment 33

6 years ago
Created attachment 642733 [details]
Persona Designs: Ireland, UAE and New Zealand

In this batch:

* Ireland
* UAE
* New Zealand

Comment 34

6 years ago
Can you please put the a blue lines above and below the flag for Israel? It should appear as this graphic: https://en.wikipedia.org/wiki/File:Flag_of_Israel.svg
(Reporter)

Comment 35

6 years ago
>>ISRAEL (@Tomer)
Yes! I've asked the designers to edit.  Thanks for the feedback.
(Reporter)

Comment 36

6 years ago
Created attachment 642767 [details]
Persona Design: Israel updated

>>ISRAEL (@Tomer)
Updated design!
(Reporter)

Updated

6 years ago
Blocks: 766473
@Tara

Is a personal idea, nothing offensive in the design :)
(Reporter)

Comment 38

6 years ago
@Guillermo

Thanks again for the input I do really appreciate it :)  Just trying to manage time and resource by prioritizing towards the more critical issues vs. more personal design direction.  Hope that's okay.  I do love the Argentinian theme fwiw!

Comment 39

6 years ago
Turkey looks fine. Thank you!
(Reporter)

Comment 40

6 years ago
@Selim, thank you!
(Reporter)

Comment 41

6 years ago
Created attachment 642873 [details]
Persona Design: S. Africa

In this batch:

* South Africa
Hi Tara,

My feedback Persona design Malaysia is okay but i saw grunge effect below Crescent/Star is need to reduce.. Maybe effect can put to other side.

Thanks,

@syafiqmazli
(Reporter)

Comment 43

6 years ago
@syafiqmazli thank you!
Russian flag looks weird (IMO due strange number of blue stripes). Could designers make it more similar to http://www.getpersonas.com/en-US/persona/85038 but without the eagle sign? Thanks!

Comment 45

6 years ago
PERU: passed it around and got a general OK! It comes very on time for our Independence Day celebration on July 28th! Thanks for your very hard work!
(Reporter)

Comment 46

6 years ago
@Konstantin I'll do my best to offer an alternative.  A lot of the designs have this (or a similar approach) taking inspiration from the colors etc and providing something a little more abstract than the actual flag. But I've asked the designers to offer an alternative similar to your suggestion if it's an issue.

@Percy thank you very much!  Great thing is that these themes are not limited to the Olympics... they can be used any time :)
(Reporter)

Comment 47

6 years ago
Created attachment 643506 [details]
Persona Designs: Russia (edited), Taiwan (alt)

In this batch:

* Russia (edited)
* Taiwan (alt)

Please note that the Chinese_Taipei flag may not work given legal restrictions around the use of the olympic rings.  I'm checking with legal but we may not be able to use this one, unfortunately.
(Reporter)

Comment 48

6 years ago
(In reply to Rubén Martín [:Nukeador] from comment #15)

> * Background for lower addon-bar is yellow, and maybe it should be red,
> since it's the main identity colour.

This was changed to red.  Thanks.

Comment 49

6 years ago
(In reply to Tara (musingt) from comment #47)
> Created attachment 643506 [details]
> Persona Designs: Russia (edited), Taiwan (alt)
> 
> In this batch:
> 
> * Russia (edited)

Thanks! It's ok now :)
(Reporter)

Comment 50

6 years ago
Created attachment 643630 [details]
Persona Designs: Italy updated w/blue

In this batch:

* Italy - updated w/blue.
(In reply to Tara (musingt) from comment #50)
> Created attachment 643630 [details]
> Persona Designs: Italy updated w/blue
> 
> In this batch:
> 
> * Italy - updated w/blue.

Looks great, thanks!
(Reporter)

Updated

6 years ago
Summary: [Olympics] Theme design based on country flags - l10n QA → [July Campaign] Theme design based on country flags - l10n QA

Comment 52

6 years ago
(In reply to Tara (musingt) from comment #47)
> Created attachment 643506 [details]
> Persona Designs: Russia (edited), Taiwan (alt)
> 
> In this batch:
> 
> * Russia (edited)
> * Taiwan (alt)
> 
> Please note that the Chinese_Taipei flag may not work given legal
> restrictions around the use of the olympic rings.  I'm checking with legal
> but we may not be able to use this one, unfortunately.
If we couldn't get it work, it's fine.
(Reporter)

Comment 53

6 years ago
@Irvin, we got approval from legal :) yay!
(Reporter)

Comment 54

6 years ago
actually, to clarify, we'll be offering both.. but we *may* not be able to showcase this one on the facebook custom tab, but it will def. be in the Collection. will do my best.

Comment 55

6 years ago
(In reply to Tara (musingt) from comment #54)
> actually, to clarify, we'll be offering both.. but we *may* not be able to
> showcase this one on the facebook custom tab, but it will def. be in the
> Collection. will do my best.
Wow, i think that should be the best solution. Thanks for help!
(Reporter)

Comment 56

6 years ago
@Irvin, you're welcome :)

@Pascal, we've updated France.
(Reporter)

Comment 57

6 years ago
Created attachment 644462 [details]
Persona Design: France updated

In this batch:

* France (updated)
(Reporter)

Comment 58

6 years ago
Thanks all.  Closing this out.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
Are these themes good to go to be used on the browser via Persona? Wanna use Malaysia and can't wait for it!
Hey Tara , 

Nice work, i did not find the flag of Palestine 

Can you help in making one ?

Thank you 

Fadel Waheed
(Reporter)

Comment 62

6 years ago
@ Fadel, we created one that you can see here: https://addons.mozilla.org/en-US/firefox/addon/flag-of-palestine/

Hope that helps.  I'm not sure if we'll have time to incorporate this into the Custom Tab on Facebook but it's there in the main AMO Collection... and since it was among the last ones loaded, it's at the top ;)  hope this helps.  Thanks again.
(Reporter)

Comment 63

6 years ago
(sorry, typed fast and misspelled your name.. thanks again Fadel Waheed).

Comment 64

6 years ago
Hey Tara!

Thanks for this great initiative. Is it too late to add Algeria's flag? 
I know it's a bit late -Olympics start tomorrow- but I still hope we can add it now.
Thanks!

Majda
(Reporter)

Comment 65

6 years ago
@Majda , I'll do my best. Stay tuned.

Comment 66

6 years ago
ံHello!
There is no Myanmar Flag in this link and I want to know how we add our flag?
Chit
(Reporter)

Comment 67

6 years ago
This bug is technically closed :) but I'll do my best as I'd love to have a more complete Collection.  As much as possible, and as soon as possible - pending resources. We'll be adding the following soon:

Algeria
Tunesia
Bosnia
Macedonia
Uruguay
Puerto Rico
Bangladesh
Mayanmar

Comment 68

6 years ago
Thank you Tara,we looking for the Burmese Flag.
Chit
(Reporter)

Comment 69

6 years ago
Created attachment 647446 [details]
Persona Designs: bangladesh, mongolia, myanmar, serbia, macedonia, puerto rico, uruguay, bosnia, greece v2

In this batch:

* Bangladesh
* Mongolia
* Myanmar
* Serbia
* Macedonia
* Puerto rico
* Uruguay
* Bosnia
* Greece v2
(Reporter)

Comment 70

6 years ago
btw, Tunisia and Algeria were already added:

* http://www.getpersonas.com/en-US/persona/476776
* http://www.getpersonas.com/en-US/persona/477181

Comment 71

6 years ago
Tara thank you so much!
Reopening since we're adding new content for review. (We can re-close if that's not the case.)
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
(Reporter)

Comment 73

6 years ago
Closing out.  Thanks all for your help.  The batch can be found here:
https://addons.mozilla.org/en-US/firefox/collections/mozilla/flags/
Status: REOPENED → RESOLVED
Last Resolved: 6 years ago6 years ago
Resolution: --- → FIXED

Comment 74

6 years ago
Thank for adding Myanmar Flag
Chit
You need to log in before you can comment on or make changes to this bug.