[tbb-bugs] #24309 [Applications/Tor Browser]: Activity 4.1: Improve how circuits are displayed to the user

Mon Mar 26 22:32:57 UTC 2018

#24309: Activity 4.1: Improve how circuits are displayed to the user
-------------------------------------------+--------------------------
 Reporter:  isabela                        |          Owner:  tbb-team
     Type:  defect                         |         Status:  new
 Priority:  Medium                         |      Milestone:
Component:  Applications/Tor Browser       |        Version:
 Severity:  Normal                         |     Resolution:
 Keywords:  ux-team, TorBrowserTeam201803  |  Actual Points:
Parent ID:                                 |         Points:
 Reviewer:  antonela                       |        Sponsor:
-------------------------------------------+--------------------------

Comment (by arthuredelstein):

 I have a working prototype for a patch. I have posted two screenshots
 below. I made a few tweaks to Antonela's version 8 design.

 I simplified the title of the circuit section to just "Tor Circuit,"
 because the domain or website name is shown in the "Secure Connection"
 section right above it. I moved the domain name to the last node in the
 circuit.

 It occurs to me that the Tor Circuit section needs an icon at left,
 similar to the lock in the "Secure Connection" section and the Permissions
 [✓|x] icon below. Any ideas what this icon should be? (An onion is
 probably not the right choice, because we're already using that for onion
 sites.) One possibility would be the "relay" icon in
 https://people.torproject.org/~irl/icons/

 Any thoughts about where the "Guard (i)" and "Learn More" links should
 lead to? Somewhere in the Tor Browser manual? Or should these be tooltips?
 Or perhaps a single large info section could pop up next to the circuit
 display whenever the user hovers over it. Also I'm wondering if it's bad
 to have both the Guard (i) and "Learn More" links, since they seem to be
 redundant.

 Also, I liked Sukhbir's suggestion about adding an "Exit" label. We could
 even add a "Middle relay" label or more information about an onion site's
 relays. But I don't want it to look too cluttered either. Maybe tooltips
 are the best thing?

 All feedback will be very welcome, no matter how seemingly trivial. I want
 to make it pixel perfect. :)

 [[Image(short-circuit.png)]]
 [[Image(long-circuit.png)]]

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/24309#comment:26>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online