Activity 1.1 Update Tor Browser icon to follow design guidelines.

update the globe and any other old icons - download page and website icons will be updated with the redesign work. this is just about the icons at the product.

added TorBrowserTeam201901R component::applications/tor browser owner::antonela priority::high resolution::fixed severity::normal sponsor::17 status::closed type::defect ux-team labels

Trac:
Priority: Medium to High

Some of this process happened at https://trac.torproject.org/projects/tor/ticket/25693 but we would like to make it open with the participation of the community.

So, we will not have this update for alpha, but we are working toward to have it for stable Tor Browser 8. More news soon.

Trac:

Hi all! We get back to work on this task. We'll be documenting all the process here.

The steps we'll follow are outlined here:

0. Research concepts/ideas based on people perception of the product. Explore paths to follow.
1. Research with TPI internal what we want to communicate. Explore concepts that can coexist.
2. Develop three or four concepts from the paths that emerged from explorations. Colors, applications, variables, etc.
3. The community will speak loud. Open blog/comments discussion.
4. Assets creation - Update all sources with new icons.

---

If you are a visual designer or/and someone who like to play with colors, shapes, and meanings, this line is to encourage you to add your ideas here! I can't promise that we are going to pick your option, but it will help us to think divergently about our next Tor Browser icon.

If you don't have graphic design skills, but you have opinions, please share them in a way that they can start a conversation. Yes! Here is the place to do it now.

Step 0

The first thing I did was to explore and list

a. current Browsers Icons b. current "Tor Browsers" Icons

https://trac.torproject.org/projects/tor/attachment/ticket/25702/25702%20-%20TorBrowser%20Icon%20-%20Explore-min.png

The number of unofficial aka no related to Tor Project, Inc. apps is huge, and I wanted to explore what people "improved" making their version. The first question that came to my mind is: Why we have a globe and not an onion there? Then: Does Tor Browser want to present itself in a way that people can relate it with a Privacy/Security tool? Should Tor Project, Inc visual style, and colors be related with Tor Browser Icon?

I'd like to collect our community feelings and/or ideas about what Tor Browser means for you.

So, I made a little survey that will be collecting feelings for two weeks:

http://bogdyardcfurxcle.onion/index.php/844392 https://survey.torproject.org/index.php/844392

Trac:

Trac:

Trac:

Step 1 - status: pending Step 2 - status: update

Hi! a few visual metaphor patterns emerged from my exploration and I developed two of them:

1 - Onions. From illustrations to abstract views, from left side perspective to front view all the onions you can imagine had been used to talk about Tor. I tried a minimal, geometric but still recognizable onion here. It works ok on small sizes, and we can use it with and without leaves, which makes everything easier when we need squared radio icons to use. https://trac.torproject.org/projects/tor/attachment/ticket/25702/25702-0.1.png

2 - Connected World. A current sliced world is the Tor Browser icon. Let's gets real here: I don't know why we have a sliced world, but I feel how people can relate it with Tor Browser. With this scenario, I tried a version with three slices (for the three nodes that people know they need to make a successful tor connection) and a simple circle as a world. https://trac.torproject.org/projects/tor/attachment/ticket/25702/25702-0.2.png

During this process, I found a lot of cool Tor Browser icon redesigns around the web. Here is my pick:

https://dribbble.com/shots/1537947-Tor-for-Mac-Icon-Replacement https://dribbble.com/shots/2212264-Tor-Project https://dribbble.com/shots/1107341-Tor-Project

Could we include those concepts as a part of this process?

Replying to antonela:

Could we include those concepts as a part of this process?

I guess so, why not?

Update: Community poll released https://lists.torproject.org/pipermail/tor-project/2018-October/002034.html

Trac:
tb-icon-survey.zip

Hi! The Survey ended and here are the results:

Total ----- 165 Leveled ----- 64 Harvest ----- 62 Horizon ----- 19 Orbit ----- 11 Sliced ----- 09


The winner version is Leveled! Attached to this ticket are all the survey options, for the records.

Trac:

I made different versions for each release channel. If is ok, i'll create the assets we need to implement it. Thanks!


Trac:

What?! In what way is Leveled better than Harvest?

Trac:
Username: onvisibilitychange

It is exciting to have a new Tor Browser icon! One thing that I missed when taking the survey is that for Leveled and Harvest the actual application icon that will be used is a modified form of the largest that was presented. While my eyes saw the smaller "app icon in a dock" images (included below the larger icons), my brain did not really register them. My feedback is that the next time we conduct this kind of survey we should make sure this is clear.

Trac:
assets.zip