Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

2
votes
4answers
66 views

Only show a sidebar on some pages

In our application, we've got a dual sidebar design. On the far left is the main navigation sidebar, with all the top level pages. Next to this is a contextual sidebar, with links relevant to the page ...
2
votes
1answer
45 views

SaaS admin navigation through lower tiers

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, ...
2
votes
1answer
58 views

How long should a swipe action be to open a sidebar?

How long/quick should a left or right movement be in order to indicate it's a swipe rather than user scrolling the page? I was thinking, if user isn't scrolling in the y axis and performed touch ...
0
votes
6answers
182 views

Actions inside a dropdown

We need to allow a user to select a project as primary and quick action, he should also be able to add a new project, edit and delete projects (as secondary actions) this is all done in the faceted ...
1
vote
2answers
114 views

What problems exist with removing the navigation bar during the checkout process?

I am working on a application that allows users to buy games. There is a sidebar with the global navigation throughout the whole app. And I am now wondering if I can hide the sidebar during the ...
0
votes
1answer
53 views

Is it ok not to place headers on pages?

Do I need a header on the top of every page I have or is a prominent indication of category in the sidebar enough? I keep jumping back and forth and cannot come up with a permanent solution. It also ...
1
vote
2answers
83 views

Should I keep menu accordions open when focus moves elsewhere? [closed]

In the menu shown, it's possible to open another menu section (other than the active subsection) without actually selecting and navigating to a new page. If the user then selects a page in the second ...
0
votes
1answer
95 views

What should be the ratio of sidebar navigation to screen in ios?

I am working on designing a native iOS app. For one of the screen need to design a side navigation bar. Android navigation bar standard size details are available here - https://material.io/guidelines/...
0
votes
1answer
38 views

Navigation for dependent pages

I'm working on a location analysis dashboard. There are three main sections that are somewhat but not really related and somewhat but not really in a hierarchical system. There's the main page. A ...
0
votes
0answers
14 views

Do we need to visually distinguish two large sections with same no. of fields under different name?

I'm currently working on web application. Under template title, user can create different template for weekdays & weekends(optional). Both the sections has a same amount of form fields, but ...
5
votes
2answers
208 views

Expand sibebar menu with a home button?

I need a way to user expand sidebar menu, but I can't remove the logo (links to home page) to put a sandwich button. In the second screen I placed an arrow to the right when cursor is hovering the ...
0
votes
2answers
169 views

Are two sidebars good for a website design?

I am working on a website which is learning content based and I am planning to have two sidebars, one for the main navigation and other for the table of contents. Is that okay to have two or three ...
2
votes
2answers
554 views

Is it ok to use Bottom Nav Bar with Tabs for sub-level?

I am trying to design and app with Material design which has 6 top level destinations and 4 of them have sub-levels. Is it ok to use Bottom nav bar for 5 of them and put 6th one in side navs along ...
1
vote
1answer
169 views

How to show long navigation list horizontally?

We have a screen as below that has a long left navigation list that spans the whole height of the page and is scrollable (a lot of rows). We also have an info panel that is basically tabular data. ...
2
votes
1answer
57 views

Floating sidebars of different widths under different modules of the same application

I'm designing a web application with multiple modules, and am using floating sidebars for new event creation. Currently, the sidebars have different widths since the number of form fields is ...
1
vote
2answers
137 views

Is it useful for users to have different UI of side menu in each page?

This is what I got today while navigationg agoda.com Here you can see same content but different presentation. Does this help user?
3
votes
2answers
89 views

UI: add buttons to Sidebar boxes

I've got a window with a sidebar divided into several Boxes. The boxes have different controls, sometimes arranged into scrollable tables. UI looks ok to my users. Clean and simple. Now (the task) -...
2
votes
2answers
301 views

Validation in Slide Outs (desktop)

I have slide out with a bunch of filters.(sorry, because of private info I can't publish them) I can apply 1, 2 or 5 filters by clicking "Apply Filters". By clicking on filter I can get to its ...
3
votes
3answers
532 views

Thin left sidebar instead of hamburger menu for mobile

I'm interested in designing a mobile-friendly search results page where users can refine their results. I'm thinking about using a left-hand sidebar with the filtering options similar to this Dribbble ...
4
votes
2answers
818 views

Minimalistic expandable / accordion menu button style

I'm trying to make a sidebar/panel to filter products and overall I use minimalist/flat design. Here is the layout, collapsed and expanded. My problem is, as you can see, the accordion button (filter ...
3
votes
3answers
209 views

What to do with this “wasted” space in my side bar navigation mockup?

I am currently working on a new UI design for an existing desktop application. Being mobile/touch friendly is very important for this project, so I am replacing the tradition desktop "File" menu with ...
4
votes
1answer
100 views

Home link inside sidebar. Sidebar opens on click. Clicking home should open sidebar or home?

I have a page layout where the sidebar occupies the whole height. The sidebar is a list of different Project links, and the top element in the list is the Page Home link (a in this case). The sidebar ...
8
votes
6answers
1k views

Should an opened sub-menu collapse when the user opens other sub-menu?

Take for example Google Material design website, that has big sub-menus in the sidebar's menu. The sub menus are closed on page load. Material design Motion Style Layout ... Clicking on a menu ...
2
votes
3answers
289 views

What is the best position for a submenu in a page with a sidebar?

I'm currently working on a project in which navigation positioning is key for the UX flow of the user. I've been trying several options, but I'm not sure I've found a solution that captivates the ...
3
votes
2answers
214 views

I need to justify why having two sidebars on the same side is wrong

Background I have a right sidebar and a left sidebar, both are shown all the time, the right sidebar purpose is to change the background in the middle editing frame by selecting one of the options in ...
2
votes
2answers
109 views

How to fill up a side bar which only has a form with 3 fields?

So I have a page where left sidebar takes 25% and the actual thing takes up 75% on the right. Basically a user would select something from the main app and fill out the form in the left side bar and ...
1
vote
2answers
105 views

Filtering list of items by folders

We're introducing folders into our app and I'm having a hard time figuring out the layout. Here's what I know: The items will be draggable onto the folders. One item can be added into multiple ...
1
vote
3answers
415 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 ...
3
votes
3answers
335 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.
4
votes
2answers
1k 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
1answer
420 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 ...
6
votes
1answer
130 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 sidebar is ...
3
votes
1answer
395 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
6answers
412 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
307 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
3answers
318 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
8k 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 ...
3
votes
3answers
689 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
388 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
1answer
157 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 other ...
3
votes
4answers
843 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
2answers
2k 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/...
6
votes
2answers
1k 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
141 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 ...
5
votes
2answers
287 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 ...
1
vote
1answer
171 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
1k 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
277 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
155 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 ...