Headers are an area of a website found at the top of the page, and traditionally contain elements such as site navigation, logo, and other site-wide controls and elements.

learn more… | top users | synonyms

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 ...
12
votes
3answers
702 views

Why some websites put a small contrasting bar on top of the page?

I've observed this pattern in practice at many places now, websites put a small contrasting bar on the top of the page. What is the rationale behind it? Readability header: Tenderapp header:
10
votes
4answers
440 views

Mixing Full Page-Width Navbar With A 960px Body

Is there ever a use case for mixing a full-width top navigation bar (meaning the navigation bar content is also full-width) with a contained body (around 960px)? What are the benefits or drawbacks to ...
9
votes
3answers
443 views

What is the best way to order items on an admin page?

We have a Content Management System (near enough). The picture below is the Administration page, which is a flex based front end, viewed in a browser. Thanks to Roger-A on another Q, he gave me the ...
7
votes
2answers
136 views

Are people used to seeing a “My Cart” link in the header?

I have been designing an E-commerce platform where users will be able to buy Apps from the marketplace. I had thought of placing "My Cart" links in a number of places, such as: Docked widget in ...
6
votes
5answers
528 views

Are social media icons as effective when grey-scale?

Social icons may be more noticeable in the header, but they can clutter they navigation. Are social icons as effective in grey-scale? ie. Will users still see them in a group of links if they're not ...
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 ...
5
votes
1answer
81 views

Are fixed mobile headers and footers that disappear and reappear on tap really that useful?

These fixed mobile headers and footers disappear and reappear on click / tap using jQuery Mobile's data-tap-toggle which is on by default. How useful are they? Pro: More content is available when ...
4
votes
5answers
208 views

Do a large percentage of users fail to look at a website's logo?

I was testing some people - ok, family - with random websites and I noticed they didn't pay any attention to logos. Then I realized that I don't either. Given the cost of logos and clients' ...
4
votes
6answers
325 views

Radio Buttons in the header?

Our web app allows users to switch between (currently 3, potentially more in the near future) different "contexts". For example, they could choose to view the app from the point of view of a ...
4
votes
1answer
193 views

how to indicate to click on title for more information

im designing an app and am having trouble indicating to the user to click on the business name('candys' in this case) for more information. clicking shows details like contact details, website etc. ...
3
votes
4answers
448 views

Why is there a header and logo at the top in a web application?

We are building a webapp, so everyone asks me what content should be in header and why you are using a header at the top. So my question is why are we using a header and logo at the top, we can use ...
3
votes
2answers
173 views

Should a site have separate buttons for social media sharing and following?

Following: 'following' a business on Twitter or 'liking' a business on Facebook, or subscribing to their YouTube channel. Sharing: posting something on their wall/Twitter or their content on your ...
2
votes
2answers
81 views

What is a space-efficient way to display two numbers next to each other while minimising confusion?

I'm working on a site that needs to show two balances next to each other, preferably in the header next to a user's name. The issue I'm having is differentiating the balances enough that they don't ...
2
votes
2answers
100 views

2 different sort forms next to each other

Right now, on my site tindie, I have 2 sort forms next to each other (one for sorting products by price & popularity, the other for sorting items that can be shipped to your country). This just ...
2
votes
1answer
332 views

Collapsing header / mega-menu

I have a website with a mega-menu. On the homepage we're looking for maximum exposure of the website categories (and we can spare the room) while the internal pages have plenty of content. So I've ...
2
votes
2answers
255 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
3answers
290 views

Should I Put a Phone Number in the Header?

I see that it is really popular with web services nowadays to have their phone number in the header of the website. Is it really that effective? Does it make the company look more legit?
1
vote
1answer
27 views

Convention For Marketing Section

Background: Part of a SaaS service is a web-management tool. The main part of the website, when you log in, contains a header with a lot of marketing-related links like pricing, benefit and ...
1
vote
3answers
177 views

title placement in mobile apps

What's best practice for placing page titles in mobile development? In jquerymobile it looks like header is great placement, however titles can be long (ecommerce products), and because they're ...
1
vote
1answer
178 views

Advertisement headers for a website

What are some good ways to incorporate a 728x90 ad into the header of a site keeping the navigation in mind?
0
votes
2answers
393 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 ...
0
votes
3answers
253 views

How tall is too tall for a fixed header?

I recently incorporated a fixed header on my site and its very helpful in keeping the search and important links available at all time. But my concern is it might be a little tall. It's about 100px ...
0
votes
2answers
134 views

Does it work to use a heading as a backlink/breadcrumb on landing pages?

On landing pages where there are many ways to get there (email, multiple index pages), we want to funnel users back to a single index. We currently use a breadcrumb at the top to indicate the ...