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
3k 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
745 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:
11
votes
4answers
577 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 ...
10
votes
3answers
474 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
179 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
722 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
242 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
6answers
381 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
3answers
2k views

Is a website with a Fixed Header good for end-users of a Web2.0 website?

Fixed Header is the header that is always visible to users even the user scrolls down. It uses the fixed-position in CSS. There a lot of websites nowadays that use a fixed header, such as gmail or ...
4
votes
1answer
275 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. ...
4
votes
5answers
244 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
3answers
261 views

Is a large breadcrumb good enough for a page title?

We have a breadcrumb under the menu and and the page title under the bread crumb. Can I get rid of the page title since it is really just a repeat of the breadcrumb? BTW, this is a LOB application ...
4
votes
2answers
312 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 ...
3
votes
4answers
517 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
3answers
998 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?
2
votes
2answers
245 views

Appropriate UI Design for Crossing Matrix

i'm programming in php, javascript. This isn't a programming question but rather User Interface/Experience one. suppose i want to create a crossing matrix for dog breeds. I initially created a table ...
2
votes
3answers
267 views

Logo size for new website? [closed]

The large companies chose small logos (apple, amazon, gmail, facebook) etc (on login or search pages they have large logos). But if I go back a few years, all those large companies had large logos. ...
2
votes
2answers
93 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
196 views

Should there always be a header and footer on a website?

Strange question perhaps but I've been pondering over the idea of not using any header and footer at all for a website application (non-responsive). I thought of the idea for only having a sidebar on ...
2
votes
2answers
115 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
475 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
362 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
6answers
295 views

Best way to present sections of information

I'm working on a form that will be used to collect pieces of information on a person. The information has two main sections, "identifying" information like name, DoB, etc. and the second section is ...
1
vote
3answers
163 views

How can the word “feedback” in the header affect potential new customers?

Background of my project I was recently asked to implement pages for customer feedback. This is aimed at customers who just bought one of our products. It is a major purchase of medical equipment. ...
1
vote
3answers
71 views

When should a website show only a headline on the first screen a user sees?

It's very trendy to have one page sites, where the first screen the user sees is a beautiful image with a single headline. For example, http://www.squarespace.com/, http://playgroundinc.com/, ...
1
vote
3answers
134 views

Full width header vs standard width header

The other day I was discussing about the use of the standard (965px more or less) on the header images / navs. I was pretty sure about the increasing use of high resolutions, so that means on ...
1
vote
2answers
92 views

When should I show a simpler version of the header?

MY website has the following buying flow: Select a product > Choose the product specifications > Additional Options / Choose delivery method > Shopping Cart > Log-in > Payment Page. I'm trying to ...
1
vote
1answer
36 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
222 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
240 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
725 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
389 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
116 views

Using All Cap letters for web site Headings

I am working on a redesigning . I am looking to use capital letters for section headers. Do you think this will be a good approach from UX point of view ? Thanks
0
votes
2answers
161 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 ...
0
votes
2answers
51 views

In a news article should the full-width image come before the H1, or after?

For a public-sector site (local government site, that sort of thing) there will be a section for latest news. This could be blog articles, it could be informational posts etc. These posts will have ...
0
votes
1answer
118 views

The effect of black header [duplicate]

On the pages of many modern web services (including stackexchange webpages), there is a black header. What is the psychological effect of this? Is there any significance of it being black? Is there an ...