Feature #15112: Move our sidebar to the top

Feature #15112

Move our sidebar to the top

Added by sajolida 2017-12-26 22:47:09 . Updated 2020-05-01 15:36:10 .

Status:

Resolved

Priority:

Normal

Assignee:

sajolida

Category:

Target version:

Start date:

Due date:

% Done:

100%

Feature Branch:

Type of work:

Website

Blueprint:

Starter:

Affected tool:

Deliverable for:

341

Description

Having our sidebar placed on the right is quite uncommon for the web.

A better placement would be on the left, which is more common. This would also make the width of the page always consistent. See attachment.
An even better placement would be to use a top navigation bar which is the most common and the best practice nowadays. This would also liberate more width on all pages.

Files

inconsistent width.png (43257 B)

sajolida, 2017-12-26 22:46:35

Subtasks

Feature #17629: Adjust the style of our "Donate" button to the topbar

Resolved

Related issues

Related to Tails - Feature #7214: Have submenus	Confirmed	2014-05-17
Related to Tails - Feature #7255: Identify which entries to put in a more complete menu	Confirmed	2014-05-17
Blocks Tails - ~~Bug #17431~~: Consider dropping the latest release version and date from the website sidebar	Resolved

History

#1 Updated by intrigeri 2017-12-27 07:51:25

Subject changed from Move our sidebar on the left (or on the top) to Move our sidebar to the left (or to the top)
Description updated

#2 Updated by Anonymous 2018-01-18 17:40:58

I don’t think that having more width is something we want: the wider the lines to read are, the harder it becomes to read (as it makes it more difficult for the eye to find the start of the next line). It’s a typo/design no-go.

Having the sidebar on the left sounds good, and using a top menu bar with other important entries also seems to be the way to go.

For example, one could have on the top our main areas like “support”, “About” etc. and in a left sidebar you could have subthemes for each page. This would solve several problems at once: make the page not too long to scroll, make it honor readability rules and give people an overview of the themes they can browse. Both sidebar and topbar could be made “fixed” to the screen (if not on a mobile or small screen).

#3 Updated by Anonymous 2018-01-18 17:56:23

related to Feature #7214: Have submenus added

#4 Updated by Anonymous 2018-01-18 17:56:52

related to Feature #7255: Identify which entries to put in a more complete menu added

#5 Updated by sajolida 2018-02-01 21:15:39

I don’t want to make our lines longer. The extra width could be used on pages with a more complex layout like /contribute, maybe the homepage in the future, etc.

For example, on /donate we removed the sidebar and made a great use of the extra space without making our lines longer.

#6 Updated by sajolida 2018-05-05 15:09:43

During the user testing of the Additional Software beta:

1 person never saw the sidebar. When asked, she said it was because she reads from left to right.
2 people navigated to /doc/first_steps/startup_options/administration_password from /home using the link in the “Tails report for March, 2018” (after scrolling!) instead of using the sidebar.