Hi Karsten,

great work! In general I like it there’s lots of text on one page as oppesed to having to wait for page loads every time my information need changes. And I like the clean looks.

But now some nitty gritty:

Since the page is very long it would benefit from internal navigation. You’ve got six H1 sections, the top field not including. Even if the last 4 are rather short (and would benefit from a common H1 heading like eg “Misc”) that’s much more than the average visitor can easily grasp and it’s tedious to scroll. A vertical bar, fixed to the top or between H1 sections, dark grey text on light grey background, wouldn’t be very intrusive and do the trick.

I’d shorten the text in the top field. “Your friendly data-collecting service in the Tor network. Welcome to CollecTor, your friendly data-collecting service in the Tor network.” is two times the same. Make the jocular "Welcome to CollecTor, your friendly data-collecting service in the Tor network.” the bold headline and start the text with the informative "CollecTor fetches data from…”. And a little more generous spacing between the two blue buttons please.

I would drop the <hr>s altogether, but especially the first one before “Available descriptors". It’s not needed here and clutters the otherwise clean looks. The spacing is right here (assuming that the <hr> is replaced by a blank line). All the others <hr>s should be replaced by 2 blank lines.

In the table the links to “format" should look different from those to “recent” and “archived”, since a) they stay on the same page and b) they link to descriptions, not to raw data. Maybe change the background to light gray.

The text is visually hard to navigate because the headlines are too similar in size and surroundig white space. When scrolling fast - which such a long page needs - everything turns grey and it’s hard to spot even the H1 section breaks. Make H1 bigger and H3 smaller and the distinctions between H1, H3 and H3 will become much clearer. Maybe add a few px more leadig whitespace to H2 and H3. Add to that one more row of whitspace instead of the <hr> as proposed above and the page will get more air to breath and the eye more contrast to hold on to. This would also incorporate Damians remark that some sub-headings should be combined with their top header. I don’t support his proposal to remove the H3 headings for special cases since I think a stringent logical order is more important but visually he’s right and making the the H3 smaller and in fact more like bold text would solve that.

Well, that’s it for start :-)

Cheers, Thomas

On 20 Oct 2015, at 21:46, Karsten Loesing karsten@torproject.org wrote:

Signed PGP part On 20/10/15 21:36, David Fifield wrote:

...

On Tue, Oct 20, 2015 at 09:31:38PM +0200, Karsten Loesing wrote:

...

-----BEGIN PGP SIGNED MESSAGE----- Hash: SHA1

Hi devs,

I just finished a redesign of the CollecTor website and would appreciate your feedback:

https://metrics.torproject.org/index2.html

This URL is 404 for me.

Bah, sorry! Let me try again and give you all new and old URLs:

New CollecTor website:

https://collector.torproject.org/index2.html

Old CollecTor website:

https://collector.torproject.org/index.html

https://collector.torproject.org/formats.html

All the best, Karsten

---

tor-dev mailing list tor-dev@lists.torproject.org https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-dev

+ thomas lörtsch + hospitalstr. 95 + d 22767 hamburg +49 173 202 71 99 + tl@rat.io + tomlurge@someOtherServices

++ http://www.sueddeutsche.de/politik/1.2683186 +++ http://www.faz.net/aktuell/politik/fluechtlingskrise/kommentar-ueber-die-uni... ++++ http://www.useronboard.com/how-ashleymadison-onboards-new-users/

On 21 Oct 2015, at 17:48, Karsten Loesing karsten@torproject.org wrote:

Signed PGP part David, Damian, and Thomas,

thanks for the great feedback!

I tried to improve a few things here:

https://collector.torproject.org/index3.html

Thomas, thanks for the good suggestions. But my HTML/CSS skills are very limited and don't really go beyond applying what's described on the Bootstrap page. For example, I agree that more space would be nice, but I don't know how to do it. Maybe we can work together on IRC to make design tweaks like this one?

Of course! I’ll prepare a few lines of CSS and then we can discuss and tweak them on IRC.

Cheers Thomas

I agree with David. I like the change, especially the table (nice work!). Though a lot of the text is well into TL;DR territory. If the welcome message could be half the size that would help, and the formats have some redundancy. For instance, hidden service descriptors and bridge pool annotations have just one sub-header so they could be combined with their top level header.

Hmmm, now that I think about this some more I wonder if the two of us should do some collaboration on this. Stem's descriptor page and CollecTor both provide differing general information...

Stem - https://stem.torproject.org/tutorials/mirror_mirror_on_the_wall.html

* What is a descriptor? * Where do descriptors come from? * Brief summary of the most important descriptor types * Library comparison we're working on

CollecTor - https://collector.torproject.org/index2.html

* Detailed listing of all descriptor types * Reference users on where to get 'em

Perhaps we should combine parts of both for a "New to descriptors? Lets give you a very simple, short description of them". Your table would be perfect for that.