#22392 closed enhancement (fixed)

Should we remove or compress the left column on the blog?

Reported by: arma Owned by: antonela
Priority: Medium Milestone:
Component: Webpages/Blog Version:
Severity: Normal Keywords: ux-team
Cc: mcs, linda, antonela, isabela, arma Actual Points:
Parent ID: #22013 Points:
Reviewer: Sponsor:

Description

We have a new blog (yay), and it comes with a new template (mostly yay).

The engineers among us have been staring at the left of the three columns on the blog, and wondering if that is the best amount of whitespace to use, while smushing all the content into the middle column.

See e.g.
https://blog.torproject.org/blog/tor-0306-released-new-series-stable
and scroll down a bit. Notice how you're now reading a narrow column of text, with plentiful whitespace on either side of it.

Maybe whoever designed this layout had a big screen resolution, and it worked better there.

I have no clue how this looks on mobile, but ... ok, actually I went to go check, and on ios safari it just shows me the middle column, and it pretends those left and right columns aren't there. Lucky mobile users. :)

I am adding the ux-team keyword in hopes that they can help us move forward. I know that "hey user experience people, can you help with layout, that's the same thing right" must drive you crazy, and I apologize in advance, but you're still our best hope here. :)

Child Tickets

Attachments (2)

TorBlog.png (470.5 KB) - added by mcs 22 months ago.
our blog on a fairly high resolution display
tor-blogpage.png (550.4 KB) - added by linda 21 months ago.

Download all attachments as: .zip

Change History (11)

Changed 22 months ago by mcs

Attachment: TorBlog.png added

our blog on a fairly high resolution display

comment:1 Changed 22 months ago by mcs

I think the middle column is also limited to a fairly narrow width. Here is what it looks like in Firefox on a 2560 x 1440 display (scaled to 25% here):
our blog on a fairly high resolution display

I know that as a general rule text is harder to read when it is displayed in a very wide column, but this seems very narrow to me.

comment:2 Changed 22 months ago by mcs

Cc: mcs added

comment:3 Changed 22 months ago by linda

I recommend getting rid of the left column and to put the content from the middle column across the space as well. There are some times when three columns make sense, but I don't think we need the left column.

If there is important material that will go into the left column that is different from the middle column, I can see a point for it. But to me, the blog posts are itself updates from Tor.

Even if we had unique content on the left, I think there is a good point to be made about using the space more efficiently. Using just one column on the right for both content can work, if we limit what we show (i.e. last 3 tweets, upcoming 3 events, with a link to the twitter account/list of all updates).

Last edited 22 months ago by linda (previous) (diff)

comment:4 Changed 22 months ago by linda

Cc: linda antonela added
Owner: changed from hiro to antonela
Status: newassigned

comment:5 Changed 22 months ago by linda

As discussed during the ux ticket triage, Antonela will mock up how the blog would look without a left column.

comment:6 Changed 22 months ago by linda

Cc: isabela arma added

comment:7 Changed 22 months ago by linda

Antonela has drafted alternative layouts to the blog that incorporate issues from #22510 (increasing tor presence), #22395 (better comment displays), and #22392 (removing the left column) here.

Last edited 22 months ago by linda (previous) (diff)

comment:8 Changed 21 months ago by linda

We've made a bunch of changes, which are addressed in this new mockup below. We've gotten rid of the lefthand column, made the comments more intuitively threaded, and increased Tor brand presence.


comment:9 Changed 21 months ago by linda

Resolution: fixed
Status: assignedclosed

Changed 21 months ago by linda

Attachment: tor-blogpage.png added
Note: See TracTickets for help on using tickets.