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

learn more… | top users | synonyms

19
votes
5answers
4k 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
3k 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?
12
votes
3answers
1k 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, ...
11
votes
3answers
2k 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 (...
10
votes
3answers
10k 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 ...
9
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 ...
8
votes
8answers
1k 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
923 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
4answers
912 views

Is hiding the sidebar menu of a responsive site into a “page title accordion” a good idea?

I was looking for some elegant solutions to display a sidebar menu, and I found a few sites that use the same pattern: instead of moving the whole sidebar menu under the main content on smaller ...
7
votes
5answers
652 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 ...
7
votes
1answer
151 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 ...
6
votes
2answers
981 views

Does apply 'mystery meat navigation' to sidemenus on web applications?

Recently I noticed several popular web applications which go for sidebar navigation without labels. E.g. Evernote or Taiga Is it ok for sidebars? As most users will use those applications several ...
5
votes
2answers
243 views

How to bring the detail view into a sidebar

I have an sidebar similar to this example Home Objects Management* Foo Bar Baz Objects > Management is basically a list of all objects. Each object has a detail view. Workflow: Navigate to ...
5
votes
2answers
986 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 occur....
5
votes
2answers
348 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
213 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
1k 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
2answers
202 views

Sidebars - How useful are they?

We're considering putting information in sidebars and are wondering how useful they are or do users simply ignore them? The project in question is for a heavy content news site.
4
votes
1answer
87 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 ...
4
votes
3answers
2k 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
1answer
55 views

RWD - Drag to background

I have the following setup for a responsive website. download bmml source – Wireframes created with Balsamiq Mockups The problem I'm running into is that on mobile devices, when the ...
4
votes
3answers
422 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
3answers
107 views

How to display two sidebars on mobile?

I got stuck with dealing making two sidebars for mobile screens. How I can make responsive to display nice on mobile? Maybe it's some pattern? Thanks.
3
votes
3answers
124 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 ...
3
votes
2answers
1k 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 ...
3
votes
5answers
348 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 ...
3
votes
5answers
3k 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
328 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 ...
3
votes
1answer
95 views

Hide sidebar or show small side bar for web app

I am a UX designer and I am looking for feedback on navigation structure for a web application. In the application, we have : A side bar on the left where all the projects are listed; A list views ...
3
votes
1answer
78 views

Multiple Sidebars?

I have a site I am developing. The site has a lot of articles on the site's topic. Most article pages have the main content of the article then, to the right, a sidebar which contains new content that ...
3
votes
4answers
110 views

Show a blank sidebar to preserve layout consistency?

In our product we have a sidebar which contain some widgets. However, certain pages don't need any widgets. On these pages does it create a better UX: a) Keeping the sidebar as a blank column. This ...
3
votes
2answers
59 views

When using a grid for a web app, does a sidebar /side tray fall within the grid or outside of it?

I have had this problem for a while. Designed many applications with a sidebar navigation but have never fully concluded on how to best use it within the grid. A, inside the in grid just included ...
3
votes
5answers
186 views

Contextual sidebar and consistency

I am designing a website service for coin collectors and have a question regarding navigation. The control flow is as follows: User selects country (from map or an alphabetized list). User selects a ...
3
votes
1answer
359 views

How should I minify my menus?

I design a dashboard for a service. I have a main menu at the top of the browser. The menu has 5 points and take up much space. I also have a sidebar on the left to navigate to the selected page. I'm ...
3
votes
1answer
191 views

Are iOS iPhone tabs + context-dependent side menu the right choice?

The app is about inventory management. It has a bottom bar with 5 tabs (the last is a "More" tab). Each tab is a fairly independent functional unit. Many of them need the user to select an inventory (...
2
votes
4answers
410 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
1k 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
270 views

Is it OK to use hamburger menus in iOS?

So, I have about 7 actions users may need in my app, and I have to use text instead of icons because it is a customer requirement. I can add only 3 actions to my toolbar on iPhone 6. On Android you ...
2
votes
3answers
701 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
160 views

How to make user aware of the secondary (right) navigation drawer?

I have a second navigation drawer on the right. But I have no special indication for it so the user doesn't get to be aware of its existence. I don't want to open it every time the user opens the ...
2
votes
2answers
591 views

Vertical Icon Side Menu

I am planning to have a vertical Icon Menu in my website containing about 12 icons. I am planning to have the icon either like http://codepen.io/nikhil/pen/sicrK or http://codepen.io/EduardL/pen/...
2
votes
1answer
147 views

Material Design - bottom navigation with upper tabs?

Prototyping a new dialer app based on Material's framework and style guide. Side navigation is not an option. Instead, I would like to use bottom navigation for 4 main pages/features. Recent Calls ...
2
votes
3answers
173 views

Where to put login field in a mobile app?

I normally put a login/register/avatar button at the very right of the navigation bar for webapps (desktop). However I use this space for actions like edit or add for my mobile apps. Where should I ...
2
votes
1answer
74 views

What's the best scrollbar position for window with docked sidebar on the right?

In LibreOffice, scrollbar isn't on the screen edge (for maximized window) when sidebar is enabled: This breaks the Fitt's law, as screen edges are important target for cursor movement. On the ...
2
votes
2answers
1k 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 ...
2
votes
4answers
256 views

Fixed Sidebar with Accordions

I've been constructing a page with a fixed sidebar, that has lot of info placed into collapsed accordions.When user remains at the top of the page ,all is well, he can expand the accordions ,say 5 ...
1
vote
4answers
312 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 ...
1
vote
1answer
249 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
97 views

Mobile ux: How to indicate the presence of side panel/drawer/sidebar

The company I work for has had a desktop website for ages, but recently I had the task to make a small mobile version with limited functionality. It's been online for a while now and I've been ...
1
vote
1answer
137 views

Horizontal & Side Nav

What do you think about having a site with a main navigation that sometimes calls for a sub navigation on the side but other times does not. So the pages will have some inconsistency when it comes to ...