Fenix: Consistent design of search engines icons

Created on 25 Mar 2019 · 11Comments · Source: mozilla-mobile/fenix

Throughout the mocks there are various types of icons shown for search engines:

Circle icons
Square icons
Background color (of an off white)
No background color

We should decide which of these we want to use for a consistent design.

AC-by-Fenix Search quality feature request 🌟

Source

sblatz

👍1

All 11 comments

@AmyYLee can you make a quick ruling on style of search provider icons - we can update comps in search screens and in settings.

mheubusch on 5 Apr 2019

I spoke with @shorlander about this. We decided on replicating what we do on desktop.

desktop-search

So Google and DuckDuckGo use their rounded versions.
Amazon and Ebay use a rounded rectangle
Bing and Wikipedia are square
Twitter has a transparent background

Verdi on 8 Apr 2019

👍1

Working as intended.

vesta0 on 17 Apr 2019

👎1

In the meeting we thought Verdi's screenshot was of the Fenix UI. It is from desktop Firefox. We should verify that search partners want us to use the same icons from Desktop @mconnormoz

kbrosnan on 17 Apr 2019

😄1

Mike says using the desktop icons is fine.

kbrosnan on 22 Apr 2019

Looks like the code for generating the search engine icons is in AC (based off of AssetsSearchEngineProvider.kt).

@pocmo is it possible for us to grab different assets? It seems like these are dictated by the engine codes we're using (e.g. google-b-m) which I don't think we can change (since it explicitly has a mobile identifier).

sblatz on 26 Jun 2019

we can modify the underlying plugins if needed, I'd like to be consistent across all of our mobile products if at all possible.

mconnormoz on 2 Aug 2019

I'd like to complete this task as soon as possible. Do we still want to use the same icons for mobile as we do on desktop? Thank you!

darkwing on 19 Feb 2020

I'd like to complete this task as soon as possible. Do we still want to use the same icons for mobile as we do on desktop? Thank you!

@topotropic - as she's unifying our favicons.

AmyYLee on 19 Feb 2020

here's the favicon issue https://github.com/mozilla-mobile/fenix/issues/7992 would be nice to create a re-usable component for favicons that we can integrate here as well