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.
3
votes
2answers
46 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 ...
2
votes
4answers
244 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 ...
2
votes
1answer
139 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 ...
3
votes
1answer
173 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
3answers
123 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
322 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 ...
1
vote
1answer
156 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 ...
4
votes
1answer
52 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 ...
1
vote
0answers
49 views

Best way to create responsive sidebar content [closed]

I'm working on a project that I would like to be responsive so it can be used on mobile devices. A major part of this project is a content-design area that has a lot of "tool" options and parts that ...
3
votes
1answer
81 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 ...
2
votes
3answers
166 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
3answers
235 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
1answer
69 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
564 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/...
5
votes
2answers
239 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 ...
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 ...
3
votes
1answer
74 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 ...
1
vote
1answer
109 views

Should navigation mirror side nav VS side nav being filtering only?

Should the top navigation of an e-commerce site be duplicated in the side nav or should that area be reserved for filters only? For example
7
votes
4answers
887 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 ...
4
votes
2answers
201 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.
3
votes
4answers
108 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 ...
0
votes
5answers
2k views

Does avoiding the hamburger menu on Android break a core platform UI pattern?

We are trying to decide on the main navigation structure for our app. I have read all there is about the disadvantages of the hamburger menu (aka side-menu, drawer). The use of a visible navigation ...
3
votes
1answer
327 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 ...
1
vote
1answer
135 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 ...
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 (...
1
vote
2answers
213 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 ...
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 ...
1
vote
4answers
303 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
222 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 ...
3
votes
5answers
342 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 ...
1
vote
1answer
153 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 ...
2
votes
4answers
403 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.
4
votes
1answer
210 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 ...
1
vote
2answers
2k 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 ...
4
votes
3answers
415 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 ...
0
votes
3answers
895 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 ...
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
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 ...
2
votes
3answers
692 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 ...
0
votes
1answer
98 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 PDF, ...
1
vote
1answer
762 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 ...
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 ...
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 ...
5
votes
2answers
342 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 ...
1
vote
3answers
1k 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 ...
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 ...
7
votes
5answers
645 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
967 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....
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 ...