Opened 4 years ago

Closed 3 years ago

#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:


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.
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 4 years ago.
our blog on a fairly high resolution display
tor-blogpage.png (550.4 KB) - added by linda 3 years ago.

Download all attachments as: .zip

Change History (11)

Changed 4 years ago by mcs

Attachment: TorBlog.png added

our blog on a fairly high resolution display

comment:1 Changed 4 years 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 4 years ago by mcs

Cc: mcs added

comment:3 Changed 3 years 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 3 years ago by linda (previous) (diff)

comment:4 Changed 3 years ago by linda

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

comment:5 Changed 3 years 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 3 years ago by linda

Cc: isabela arma added

comment:7 Changed 3 years 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 3 years ago by linda (previous) (diff)

comment:8 Changed 3 years 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 3 years ago by linda

Resolution: fixed
Status: assignedclosed

Changed 3 years ago by linda

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