element that displays various forms of information to the side of an application or desktop user interface

learn more… | top users | synonyms

16
votes
4answers
3k views

When is a right-handed navigation sidebar appropriate?

When is a right-handed sidebar for navigation a good choice? If possible, I would like some examples where it has been used, such as this sidebar from Google's official blog.
12
votes
8answers
2k views

Which side of a web page should a side menu go on?

Many websites have side menus and I seem some have the side menu on the right and some on the left. Which side is better?
11
votes
3answers
578 views

Why not have the hamburger menu at the bottom?

Considering this : http://www.lukew.com/ff/entry.asp?1649 ... and considering that displays get bigger, I'm wondering why the hamburger menu isn't located at the bottom of the UI. Just like this ...
8
votes
8answers
908 views

Best practices for a sidebar on a blog

I see a lot of blogs that seem to have really cluttered sidebars, with a ton of additional widgets, navigation, etc, that I never find myself using. What are some tips for things that make good ...
8
votes
3answers
592 views

Is a website sidebar a user blind spot?

I've seen studies about how ad blindness can prevent users from even noticing ads exist on a website, but are there any studies that perform the same research for the entire sidebar? On some sites, ...
7
votes
3answers
557 views

Side Navigation Arrow Placement Right or Left?

I have been working on a project that involves reconstructing a page side navigation. Throughout the project i've researched current trends in navigation structure and noticed arrow placement on the ...
7
votes
1answer
129 views

Order of items in a checklist vs the order those items are checked off

I have a modal with a sidebar of checkboxes that, when checked, append options to a panel on the right for the user to customize. Example: My question: I currently have the items being ...
7
votes
3answers
1k views

One scrollbar or two for content + sidebar?

I'm working on a website design and trying to decide whether to have the sidebar scroll independently of the page content, or have just one scrollbar control both divs. What principle should I use to ...
6
votes
3answers
4k views

How to choose the better placement for Sidebar: Left or Right?

I have a question about sidebar navigation. I am designing a web page for latest news and placed the sidebar (news navigation) on the right side. My logic was that "On the news page at first people ...
6
votes
5answers
409 views

What is a good way to display side navigation levels?

For the past few weeks I have been working on reconstructing my employers side navigation. While attending a recent meeting, discussion on side navigation hierarchy arose and there was a debate on how ...
5
votes
2answers
497 views

Arrows for Navigation/Menu/Expandables Misleading?

When a user visits a site they are presented with some sort of Navigation Structure. Typically the arrow is a standard convention that alerts a user that when this item is clicked an action will ...
5
votes
2answers
253 views

Why use or not use sidebar inside the content area?

Are there any studies of users response to having a sidebar integrated to the main content area (such as facebook) and sidebar outside the content area (such as Google)? & . The sidebar ...
4
votes
1answer
108 views

When is it appropriate to use a complex interface, and when we should keep things simple?

I have a general question about layouts incorporating toolbars, sidebars, and/or panels. Common design sense might stress simplicity, not to cram too many elements into the UI design. But we often ...
4
votes
4answers
682 views

Side Navigation Highlighting Current Page Link Items

I've been working on a side navigation reconstruction project that is now entering the design phase. Through research i've noticed many sites using different colored text to highlight/bookmark user ...
4
votes
3answers
1k views

Animation with a vertical Toolbar?

We have a web mapping application (Flex), that our clients can use from anywhere between 10min to 5hrs a day. It is simulating a desktop application (think similar to Photoshop) and users select from ...
4
votes
3answers
244 views

What's the best way to keep all section headers visible in a long collapsible sidebar menu?

I have a sidebar menu with 4 expandable sections. Each section can potentially expand to the point where it will push the other section titles off the screen. At the moment, I've got the section ...
3
votes
5answers
2k views

Menu in right sidebar vs left sidebar

What do you think, is it better for handheld device users to use site menu when its in right sidebar (can click it with thumb/right hand doesnt block view when user click on menu item)? The reason i ...
3
votes
1answer
73 views

Should a sidebar containing options or properties be placed on the left or right in an app?

I'm writing a tasks app for Ubuntu Touch. In the home page, I have a list of projects in a sidebar on the left, with a list of tasks on the right: When a user clicks a task, he is taken to a page ...
3
votes
2answers
596 views

Best approach to designing a long multi-level side menu

I'm currently facing a problem with designing an effective and user-friendly multi-level side menu for a client's ancient website developed in year 2000. This side menu is referred as a table of ...
2
votes
4answers
217 views

Is sidebar really needed

I was thinking about this subject since i started in web design and usability. Is left/right sidebar really needed or is it used just to fill blank space? I'm talking about news/how-to websites.
2
votes
1answer
769 views

Ways to collapse sidebar as much as possible

OK, so here are two screenshots of classic collapsible sidebar: As we can see, when collapsed, sidebar still holds some space. The question is - what design patterns can be used to overcome this ...
2
votes
3answers
99 views

Is better to have two columns of the same size instead of the typical sidebar? Could it confuse the user?

I´m working on the new version of this site and I would like some feedback. The new site has two columns of the same size with information in both, instead of one main content column (bigger) at the ...
2
votes
5answers
217 views

Sidebar dealing with a lot of data

I've been struggling to come up with a filtering and navigation solution. Below is a screenshot of what I've sketched out so far. A quick background on my situation: This part of the application ...
2
votes
3answers
392 views

Web App Sidebar - Under Page Header vs Next to Page Header

My current sidebar setup looks like this: The sidebar is present on multiple pages and can include: section ('employees' is a section) specific information (lists that section pages have in ...
2
votes
1answer
238 views

Is swapping out the entire Left-Local-Side-Nav a bad idea?

We have a large Website with hundreds of pages. We have a horizontal global navigation, and a left-local-side Nav to navigate through a group of related pages. As I was browsing clicking down from ...
2
votes
2answers
886 views

Adopting sidebars in iOS apps

It looks like several known apps for iOS (Foursquare, Spotify) now adopt the sidebar that already was present in Facebook app (screenshot is from Spotify for iPhone): AFAIK, this is not a standard ...
1
vote
1answer
217 views

Switching which side a sidebar is on

My boss insists on occasionally doing designs for our firm. The unfortunate part is he often does odd things. One such thing is that he likes to switch what side the sidebar is on dependent on the ...
1
vote
3answers
613 views

Is having a side nav and a top nav a bad idea? Why?

This is what I mean: The idea is that one navigation is the main one and the other one a second level. Is it a bad idea? If so, why? Also, which navigation should be the main one? I'm inclined to ...
1
vote
2answers
54 views

Repeating Sidebar and Nav titles within the Page view

Should I repeat the active (selected) navigation (either top or sidebar) title within the page view itself? My current opinion is that it should not repeat as long as the tab that is active is clearly ...
1
vote
1answer
177 views

Is it worth to change the style of my webapp's menu?

Is there a difference regarding UX between those both styles of mobile menu display: (one appears one the left side, other on the full width vertically) This one above is the kind of navbar that ...
1
vote
1answer
82 views

Multiple ways to provide similar functionality in a text editor

I am working on a text editor (web app) which will provide powerful, customizable functionality, but in a minimal (requirement) appearance. One of the functions is: "create new snippet". I want this ...
1
vote
2answers
671 views

iOS sidebar menu and back button

When using a sidebar menu, it's a good practice to place a menu button on the app's "navigation" header to make it easy for the user to discover the sidebar. The menu button will be on the left, like ...
0
votes
4answers
148 views

Handling long text wrapping in multi-level navigation sidebars

This is something that's always bothered me, and short of 'make the text smaller' I've yet to find a real helpful solution to this anywhere. As an example I'm going to be using this admin theme I ...
0
votes
3answers
548 views

Toggling visibility of right sidebar on/off

On a website using a layout with main content to the left and a right sidebar, I would like to add a button to show/hide sidebar to maximize the main content (see image below). Another option would ...
0
votes
1answer
85 views

Consistency on container, or item type?

I have a question which relates to the attached image. I have a sidebar with a thumbnail image which relates to three types of items - images (mainly) - pdf's and videos. When someone lands on a ...
0
votes
1answer
541 views

Best practice or alternatives to handling sub/side nav in a mobile site

I am looking for what would be the best way to handle a websites sidebar in a mobile website template. I am going to be involved in a redesign for a large web site (approximately 10,000+ pages) that ...
-1
votes
1answer
209 views

Sidebar UX improvements

Dear UI Experts, What are the best ways which I can improve this sidebar. I feel like its too bold and maybe its good UX wise. I want to know what it lacks visual wise and UX wise. This is an ...