For questions about the mechanisms you can use to help people find their way around your application or web site.
4
votes
3answers
615 views
What are some best practices in picking navigation bar background color? [closed]
I am using twitter bootstrap and I don't like the default dark gray background color for the navbar.
So I was thinking of chosing a different color. But being a programmer and not a designer first ...
5
votes
2answers
698 views
Multi Select hierarchy for Mobile Design
I am working on a native application which will user to select multiple level of a hierarchy and perform some filtering.
So for example we have multiple level of category of products like Home Care > ...
1
vote
1answer
392 views
Pros/cons: segmented control (tab) in the nav bar on iPhone?
I am considering having a segmented control in the navigation bar in the iPhone app. Are there any known drawback of having it in the navigation bar vs. body? Perhaps, less space for other controls in ...
0
votes
1answer
222 views
What's the proper iOS UI for switching between 2 views?
There two different screens, Live and Leaderboard, and I need to switch between them.
Is there any sort of iOS standard for handling the UI for that?
Right now I've just got a button at the top ...
2
votes
1answer
176 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 ...
6
votes
2answers
937 views
Under what circumstances will vertical or horizontal navigation work better?
I have just started taking UX classes and am designing my first e-commerce webpage. I was wondering what type of navigation works better for users? Do users prefer eBay's vertical navigation ...
6
votes
2answers
615 views
What is the difference between a Navigation Bar and Tabs?
Recently I found myself (potentially) discussing the nature of a horizontal/top navigation bar (h-nav-bar) and a tab set without knowing it.
download bmml source – Wireframes created with ...
2
votes
3answers
198 views
How to make navigation bar clear?
I have a website titled 'Ibiza Party People'. I've made 3 buttons like:
Ibiza(About us page)-Party(Photography page)-People (Blog page).
This is a screenshot of how the menu looks like:
I have ...
2
votes
1answer
263 views
Design of tag based filtering using interesting and ignored tags
Take the general case of entries classified based on tags - a QA forum such as SO, a traditional forum that's to be designed without categories, a list of articles
or blog entries, or other entity ...
6
votes
3answers
427 views
How Many Tabs are Too Many?
The mockup below, has a screenshot of a software I stumbled upon last week. It grabbed my attention that it presented information in the following way. It had Many Interface Level tabs, inside those, ...
3
votes
4answers
348 views
Is it a bad practice to put the main web navigation on the upper right of the webpage?
My non UI savy client provides me with the webpage layout he wants via powerpoint. There's a header row on top. On the left is a logo image and then a line of text that is the company name. These are ...
4
votes
2answers
2k views
Side navigation menus for Android tablets
The new trend of side navigation menus has taken over Android apps - Facebook, Evernote and now youtube and google+ are all doing the side navigation menu like here:
Though it seems like this has ...
2
votes
1answer
60 views
What is the ideal way to allow users to choose a category for their post
I'm working on a website where users are able to create a post in a specific category.
Would the best approach be to do something similar to craigslist where you're shown a page with main categories ...
5
votes
2answers
160 views
How can I design navigation that also represents timed progression through stages in a process?
I am designing a system with the following characteristics:
Users view challenges that require them to submit a response
The challenges are broken up into 4-5 stages (e.g. submission, voting, ...
3
votes
3answers
315 views
Using a ribbon as navigation
Every use of the ribbon I have seen so far single panel 'canvas' programs, where grouped functionality is in the ribbon.
I have been doing some analysis on some back end software which my company ...
0
votes
1answer
162 views
For a site with multiple different user-types should the primary navigation reflect all available options for all users?
I think there is a serious navigation problem on the website I am working on. I have four kinds of users (people working in fashion, interested in fashion, people that buy fashion, and people that are ...
4
votes
2answers
157 views
Level selection on dropdown
Designing a radio button interface for selecting how many sub-levels you would want to display for a website main menu dropdown.
The options are:
OFF
1 level
2 levels
Considering that the default ...
7
votes
5answers
315 views
Should pagination be capped in web app search results?
Search results can be a funky thing to design sometimes when it comes to the value of results for a user. IN this Web App I am helping build, the global search bar, when searched, can lists results ...
1
vote
2answers
112 views
Signup / Login global navigation links appearing on Signup / Login page?
I'm creating a web application and we have two navigation states - public (logged-out) and logged-in. The public view spans across a number of marketing pages, splash, legal, faq, etc. Within the ...
1
vote
2answers
86 views
Switching language: display alternative or active first?
What is the best practices to display and switch between two languages. For example, I'm at website.com/en/ and I want to switch in french (website.com/fr/). Do you think I should display the active ...
5
votes
3answers
233 views
Kiosk and back button
I'm designing a kiosk app, we have 2 navigation elements; 1 button for the main menu and 1 for 'back'.
So my question is: When should we show the back button?
For example, after selecting a menu ...
3
votes
2answers
264 views
How should I toggle navigation for 2 distinct user types
I am trying to determine a method that will allow visitors to toggle between two categories of users.
The high level navigation:
For Professionals vs. For Users
Many product categories within ...
3
votes
5answers
1k views
Dropdown navigation menus - should top menu option link to content?
I have a client with a group of users which seem to have constant troubles using a menu like these two examples:
Pages (links to a list of pages in a grid from where the user has
access to ...
6
votes
6answers
307 views
Suitable alternative to trackbar control
I use a track bar control in two different places in an touch-screen application I have. The first to record a specific amount of Data. (lets say 260 samples) the second to record an unlimited amount ...
1
vote
1answer
222 views
Forward and back buttons for navigating through images
I have a window with forward and back buttons in the navigation area above the image view.
The left one is forward and the right one is back.
When the view is first opened, it display the newest ...
0
votes
2answers
394 views
Navigation above site header?
I am creating a site where I have decided to place the navigation bar above the site header (below).
I was just wondering if anyone has experience using this technique in a website, and had any ...
2
votes
4answers
163 views
Should Navigation menu have a fix position in application with greater width?
I am developing a web app with 1280px width. Planning to keep 1024 for content and remain as Menu with fixed position. On scrolling main content the menu will not scroll.
Will this be a good for ...
2
votes
3answers
263 views
Displaying a large number of tables
We're designing a search feature which returns results from many different tables.
The user searches for something and the application returns all the tables answering the search query. The user ...
2
votes
2answers
256 views
Site with full width navigation bar and header but pages that vary in width
this has been kinda asked before but my need is slightly different and would like to ask for opinion.
In short, my site has a couple of pages that need to have full page layout, namely, a map and a ...
1
vote
2answers
121 views
What should be done when user leaves a web page either by clicking the browser back button, closes tab or F5?
I noticed in SharePoint 2010 publishing pages that the page content is being saved if user clicks the browser back button or closes browser tab without warning him if he needs to save content or not? ...
8
votes
2answers
2k views
Usability of multi-level tabs versus dropdown menu for navigation
We're in the middle of a redesign of our client portal, and there's been some discussion about whether to pursue a multi-level tab design or a dropdown menu (used on the current version of the ...
8
votes
4answers
473 views
How do I handle secondary navigation within a wizard-style form that will work for touch screens?
I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I ...
15
votes
5answers
1k views
Usability research on sticky headers?
Sticky (or fixed) headers are not so uncommon nowadays, and for a large website that relies heavily on catalog and search functionality it may be a good choice to aid the user.
As I am currently ...
2
votes
3answers
179 views
Starting Instant Search as you type
This is something I've implemented in a Game Library application, the ability to type a letter or a number and have the search box go instantly into focus and search through your library as you type. ...
6
votes
3answers
178 views
If a microsite uses the same logo as the main site, which “home” should it link to?
Which 'home' should the microsite's logo link to - the main site or the microsite?
Consider that...
The content and layout of the microsite is the only differentiator
Half the users reach the ...
9
votes
4answers
363 views
Best Place for a Back Button on a 7" Tablet Menu
I'm currently building the interface of an Android Tablet digital restaurant menu.
The user is going to be able to navigate between categories and dishes lists and navigate back as well.
I'm finding ...
0
votes
2answers
111 views
How to present articles & videos in the same section
This might seem really obvious but i'm working on a cookery site and under the tab 'How to cook' there will be videos to show you this as well as step-by-step articles the user can print.
Within this ...
6
votes
2answers
284 views
Should 'Home' be included in website breadcrumbs?
This may vary based on your site hierarchy and IA but when configuring breadcrumbs should they include home or stop the first filter (categories, for example).
Which is better? I have seen both used ...
6
votes
4answers
388 views
Navigation & Link Hover State
Note: Please link me if this has been asked, I couldn't find what I was looking for
I just had a conversation with my mate who is an Art Director in regards to a website he designed, when it was ...
1
vote
4answers
195 views
Is the logo good enough to use as a link back to the main menu for a childrens website?
We have created a fruits and vegetables game for children where they have to choose the correct vegetable in a grid of vegetables.
This is a web based game. In this game, we have a logo at the top of ...
2
votes
3answers
682 views
Mobile App Back Button Placement
I am building a mobile application that uses a button to launch the navigation menu (much like the Path or Facebook interface). I also want to add a back button. The standard seems to be to place ...
1
vote
2answers
115 views
How to organise navigation items with quasi parent-child relationships
I'm looking for an effective way to organise navigation items where some items are closely related to another in the same list.
This is how they're currently listed:
Home
Users
Teams
Products
Groups
...
7
votes
1answer
3k views
What is a good alternative to drop-down menus for site navigation on touch-screen/mobile devices?
We're in the process of redesigning our website, and one of the design goals is to make the site more mobile/tablet friendly.
Our current site is very large, and the navigation is somewhat ...
1
vote
2answers
281 views
Pagination on navigation links?
On a web application we have two ways to navigate to our collaborative project sites. One is the “recent visits” and the other is alphabetical. That navigation element has a fixed element height of ...
11
votes
8answers
1k views
Best practice for translating context menu options to touch devices?
I'm building a photo site that must allow users to manage thousands of photos via paged thumbnails on a big desktop. I also want to offer a touch interface that is both usable and delightful on the ...
3
votes
2answers
606 views
Is there any research or data on horizontal vs. vertical navigational menus?
I've seen many sites using both horizontal (top) navigation, vertical (left) navigation, and both across web sites for a long time. My understanding is that they're both conventions, but I would ...
9
votes
5answers
825 views
What is the standard on always showing/not-showing second level navigation?
Our website has a global horizontal main menu that drops down to show all second-level navigation items.
We have requirements to build our website no wider than 1000px (according to web stats of ...
10
votes
2answers
416 views
Icon-only navigation bar for a desktop application?
I am working on a groupware application running as a desktop application (not in the browser). I wanted to keep the interface really simple and minimalistic so my users will not get distracted by a ...
0
votes
2answers
140 views
How to arrange Buttons and Tabs together?
A web app has two parts - A header and A body.
The header consists of a set of tabs. When hovered on, the body is loaded with appropriate content. One of the tabs, is also clickable (In the mock - ...
3
votes
1answer
98 views
Should the same element provide navigation and interaction?
I have a typical tree navigation with a property window on the right side which configures the selected element.
download bmml source – Wireframes created with Balsamiq Mockups
Now this ...
