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

Questions tagged [header]

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.

0
votes
2answers
57 views

Are auto-hiding floating headers bad?

Many websites have headers that are always on-screen when you scroll up, but auto-hide when you scroll down. I hate them personally because the screen space they would've used up if they stayed ...
0
votes
2answers
163 views

Items with long title in Android

In an Android application, I have a "Grid Layout" with fixed size cells for describing Three-line items: download bmml source – Wireframes created with Balsamiq Mockups Number of columns and ...
0
votes
1answer
33 views

removing href value on logo for purchase/checkout flow

Is it a common best practice to the remove the href value of the header logo in a checkout / trial registration flow? The upside is to reduce exit links, keeping the user on your checkout page and ...
0
votes
1answer
56 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
1answer
44 views

Should the entire page have a scrollbar when the header is always visible?

I'm working on a web application whose pages have a header which is always visible at the top and a sidebar fixed to the left. The sidebar isn't featured on all pages, but where it is featured it ...
3
votes
1answer
98 views

Is it important to display a username to a user when logged in?

Our system header currently displays an icon and a username, as seen below: For reasons of accessibility and clarity of purpose I have re-designed it to display a clearer call to action, as seen ...
2
votes
4answers
997 views

Search-Bar in Header OR Navigation?

I design a online shop for a client. The searchbar is for the target group and the stakeholder very important. So I did the search in the header, on top over the navigation bar (variant 1). My client ...
1
vote
1answer
78 views

Should I center the content of the header?

A few years ago when Bootstrap was released everyone was centering their header-content. Nowadays, especially on "material" design websites, I see that header content is not centered even though the ...
0
votes
2answers
310 views

should header be fixed when using three column layout?

I'm designing three column layout website where all columns scroll independently. There is no problem on large displays, if header(I have large header) is fixed, but on smaller screens (1366x650 px) I ...
1
vote
1answer
425 views

Android Navigation Drawer without a profile header

I am implementing the navigation drawer in my app but the problem is that my app has nothing to do with user's profiles. This makes me wonder as to what should I place in the header section of the ...
3
votes
1answer
219 views

Intranet static menu: Below or above page banner?

I am currently working on a project to redesign a large organisation's intranet site. At present the project team is debating whether the site's static menu should appear below or above the banner. ...
1
vote
3answers
777 views

Best practices for navigation menu positioning in a responsive header?

Assuming you have a responsive header that always takes up the full width of the viewport (such as the one in https://mailchimp.com), are there any best practices to follow for positioning the ...
0
votes
1answer
155 views

Header/Footer Icon usability

Consider the two screenshots shown below The context here is an "offers" mobile app with the icons serving the following functions Drop down "refine" results list (top left) Configure/Settings (top ...
4
votes
2answers
641 views

Large hero banner in ux

I know that many website nowadays use large hero banner to bait people scrolling. And I read this one article: "A big striking hero area at the top of a page, grabs people’s attention and gives ...
1
vote
1answer
83 views

Semi-logged in/timed out users personalisation

Lets say users session times out and he is logged out. I want to add little piece of personalisation for those users saying: Name, not you? Issue i am having is that with current layout I already have ...
2
votes
2answers
111 views

Top bar versus bottom bar for email subscription offer

Sites sometimes use a bar in order to invite readers to subscribe to their mailing list. In my experience, the majority of sites that do this choose a non-sticky top bar (header). However, it seems ...
4
votes
2answers
600 views

Is it a bad practice to have a two line title in header?

I'm designing a banking application which is capable of money transfer and showing transactions of each account to the user. Is it a bad practice to have a two line title in the header? The main title ...
1
vote
2answers
321 views

UK eCommerce Basket and Checkout header

I wanted to get your opinion or find out if there is any evidence around using a minimal header (logo and secure checkout icon) and footer on basket page which essentially reduces checkout abandonment....
0
votes
1answer
19 views

If I need to show a list of http methods for selection, is there a recommended order in which to display them?

I'm working on an API management product, and someone has suggested that we present the methods in alpha order: DELETE GET HEAD OPTIONS PATCH POST PUT My hunch is that this is not the best order, ...
3
votes
1answer
247 views

Local navigation for long mobile web pages?

I have a long (possibly, around 2500-3000px) mobile page which content is divided into three sections. The page has a header for global navigation. I am now wondering should I have a subheader for ...
1
vote
2answers
126 views

Desktop Website - Navbar - How to communicate that a menu item has both Onclick and Onhover functions?

My query is for Web - Desktop. I have a list of 6 items in the primary header. Out of which 2 items needs to be functional on click and on mouse hover. Rest 4 are functional on click only. OPTION1 ...
1
vote
2answers
151 views

Placement of table header

Is there any guidelines that describe which way of displaying header in the table would enhance better user experience? Design One is the more common design but Design Two would save user from ...
1
vote
2answers
97 views

Separate headers/navigations in the same app?

First some context. So my organization is in the process of switching our JS frameworks (From Angular to React) and possibly even backend technologies for our web app. We don't have time/resources to ...
1
vote
1answer
101 views

title in header? is it wrong? if it is why?

I want to place the title of each page in the header to win some space, especially in responsive design. I also have a breadcrumb. Is it wrong to do that? and if it is why?
0
votes
2answers
92 views

Introduction on a header

I would like to know if it is or not a good practice to put the introduction paragraph of every page of my website on a header. The content of my page, will directly start on the header, which is a ...
17
votes
1answer
2k views

How should horizontal dashboard numbers react on a responsive page?

I have a set of dashboard values on a sticky horizontal panel on the top of the UI. These numbers are sales values so they are pretty important to the user. The layout looks something like this: But,...
1
vote
1answer
124 views

What is the best way to align header & contents of a website

I'm working on a Ecommerce website which consists of a landing page, product search page and a details page designs. I got struck with the header alignment design. So, I tried to refer a lot of ...
1
vote
2answers
68 views

Multiline headers in iOS

I'm designing an iOS app with a Q&A section, where every question is its own page. Not every question fits comfortably inside the header. Should I: a) put the heading text below the header bar ...
0
votes
2answers
162 views

Hidden top navigation menu: best way to show it is there

I have a top header that is hidden because we want the customer to focus on the forms they are filling out and these footers and headers take up a lot of real estate. So my question is what are some ...
3
votes
3answers
193 views

Header img with color overlay or shadow on elements?

I'm working on a web app and this question came to my mind. I tried to look around but found a lot of resources from both approaches. So here I am, trying to figure out a good solution. The web app ...
2
votes
1answer
58 views

Column header name suggestions

I have a column in a table with each cell being a toggle switch (on/off),what would be an appropriate header for the column? Right now I have just called it as state
53
votes
9answers
5k views

Why do websites toggle header visibility on scroll?

Some websites have a (usually rather small) header that hides when the user scroll down. What I never understood is why it is shown again when scrolling up. Sometimes I want to scroll a bit up to ...
1
vote
2answers
113 views

Is it necessary to have headers?

Can we go even without headers by including simple placeholders inside the input box? any other suggestions?
4
votes
2answers
511 views

Small Caps Headings: Accessible or not?

Recommendations on digital accessibility often include avoiding ALL CAPS. There was even a discussion on this site (All capital titles: Good or Bad?), though the focus was not specifically ...
2
votes
2answers
264 views

Sticky header + sticky social bar (mobile) = too much that is sticky?

Is it too much have both a sticky header (at the top of the viewport) and a sticky social bar (on the bottom) on mobile devices??? A sticky header is important for the user, but a sticky social bar ...
1
vote
2answers
141 views

fixed header - with navigation for e-com site

I have an e-commerce site. I believe it makes sense to have a fixed header when a user scrolls down. This will show the items in the cart, and will also show the visitor when they have added a new ...
2
votes
1answer
142 views

Best way to stop a navigation from wrapping by changing design?

Didn't know whether this was a UI or a UX issue but I have been asked to change our header section so that the navigation items don't wrap to a second line when the user views our site on a smaller ...
1
vote
2answers
105 views

What is the best use of icons in the header? (icons replacing free text)

What is the best use of icons in the header? In my application I am using a number of icons for simple features such as "find friends". "ask a question" etc. This is mainly because I need to keep the ...
3
votes
4answers
263 views

Is it a bad idea to auto-scroll to title of the page bypassing the header?

In one of the sites I developed, I want visitors to auto-scroll to the title of the page (blog) by passing the header of the website. Only main page shows everything as usual. Inline pages doesn't ...
6
votes
3answers
517 views

Pros/Cons of placing Login/Account in line with the main nav bar?

Currently our navigational header is mostly left side and central of page, account is on upper right. A proposed design shows the account moved down, into the main nav bar. There's some space in ...
1
vote
2answers
643 views

Where should I place the leaderboard ad? [closed]

I've seen the leaderboard ad mainly being displayed on two locations: above header and below header. Above: Below: My question is, why did these websites went for one option over the other?
0
votes
3answers
166 views

Justification for Page Titles

So our current product does not have titles for pages at all. Talking with the dev team, they feel like page titles are not necessary and take up too much screen space. Anyone have validation on this? ...
5
votes
1answer
20k views

What is an average header height for mobile websites?

What is recommended/average header height for mobile websites. Browsers such as Chrome and Safari have an address bar at the top which takes space so in terms of UX how big the header (eg bootstrap ...
2
votes
2answers
2k views

Placement of login/signup relative to website nav bar

When it comes to designing the header of a website, it is very common to have something like this: Here we have a: [LEFT] Logo [RIGHT] Main navigation menu [TOP RIGHT] Signup and Login links ...
2
votes
1answer
183 views

Logging in: fields in a header, or dedicated link?

Does anyone know if it's better practice to include user login fields in the header of a website, or just a login link that takes the user to a login page (or a modal lightbox style login)? For ...
2
votes
1answer
2k views

Should the header be the same color as the footer in Material Design?

Strictly speaking of Material Design, Google states that you should use hue shade 500 for large areas of color. I would guess the header is considered large area? Should the header and footer be the ...
10
votes
1answer
2k views

(How) does capitalization affect readability

TLDR In short, given the following two options: This is sentence case This is Title Case Has any research been done into which one is more user-friendly, especially considering dyslexia and other ...
1
vote
2answers
335 views

ECommerce design: Collective price display vs No. of items

Often on sites of an ecommerce nature, a shopping cart icon will display in the site header/toolbar together with a quick summary of the users activity. This will usually be in the form of either: ...
2
votes
2answers
396 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 ...
2
votes
5answers
450 views

Website logo: include the TLD or not?

Should a website logo include the TLD ".net"? Background to my specific case: I'm in the process of redesigning / relaunching a website, which includes redesigning the site logo. The site is moving ...