Skip to main content

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.

Filter by
Sorted by
Tagged with
0 votes
2 answers
137 views

What's the name of this element?

Consider the part in black right above the navigation header. I always knew it as "supra-header," but every time I mention it, nobody seems to know what I'm talking about, so I guess there's ...
Devin's user avatar
  • 38.1k
1 vote
1 answer
162 views

What do you think of pop up/full screen search box?

So I am trying to design a nice header. At first, I wanted to make an expendable search box but that is beyond my knowledge. But now I think a pop-up search box wouldn't be so bad. I know that there ...
Lubaba Ell's user avatar
1 vote
1 answer
59 views

Short sentence headlines text wrapping on mobile

Background: I'm the only one at this company who has a UX background, and there are no content writers on staff who have experience in digital spheres. They are used to print media, which doesn't ...
ckatz's user avatar
  • 11
1 vote
1 answer
121 views

Icon-based sidebar navigation + sticky header. Good idea? [closed]

I'm designing a B2B web-app with a lot of tables and dense information. Each page has a header that can contain: Page title Tabs Action buttons We're using a sidebar navigation that shows section's ...
Danielst's user avatar
  • 371
0 votes
1 answer
135 views

Rethinking the header - its visual weight and its navigation purposes

Introduction: A web site's navigation menus usually get placed at: a) the top area of a web page - filling the header, that is; b) the top (the header), on demand - by means of a hamburger menu button;...
drabsv's user avatar
  • 402
0 votes
2 answers
51 views

Header hierarchy in setting dialog

Should the “experimental function” use a smaller header since it's controled by the developer mode toggle switch?
Zhengyi Liu's user avatar
0 votes
1 answer
101 views

Editing information displayed in page header

I have a page header which looks like this example from Ant Design: I need a way to edit the information displayed in the header. Initially I thought of having an Edit button in the header for that ...
Kartik G's user avatar
  • 649
0 votes
2 answers
94 views

Asking for feedback about header colour [closed]

Which header do you think is better? Light grey: White with shadow
Hooman Bahreini's user avatar
2 votes
1 answer
908 views

Shall keep the table header if it's an empty table?

I got the feedback from UX expert who suggested displaying the table header even though that there is no data created, UX expert thought if have table header, user can foresee what kind of information ...
luna luna's user avatar
1 vote
1 answer
3k views

Using aria-label on heading tags

Is it wrong to use aria-label on heading tags? h1, h2, h3 etc. I'm working on a frontend, most titles are reasonable in length roughly 80 characters in length, the longest title is 480 characters. So ...
Lex's user avatar
  • 206
0 votes
2 answers
202 views

Page jumps and separate pages in primary navigation

We're working on a website and I was wondering what the best practice for this scenario is. We are designing a website for our company and we aren't too sure if it's good practice to link to separate ...
Self Designs's user avatar
3 votes
2 answers
2k views

Is there a practical (UX driven) reason for why login pages often don't have headers/footers when the rest of the site does?

I'm designing a website with a login screen, so I've been looking around at examples on other sites to get a general feel for the UX/UI trends in the area (I'm primarily a dev, not a designer). I've ...
Kolichikov's user avatar
1 vote
3 answers
117 views

Raising attention for primary button in competition to the header

I am searching for some help with our primary color. We are using blue as the primary color and placed it into the header to support the brand's identity. On the other hand, blue is also our primary ...
Patrick Hummel's user avatar
0 votes
1 answer
554 views

Usage of colors and background - Header and Footer | eCommerce

Are there any key UX research references for the usage of colours on an ecommerce website? Looking for any research data so that we can make objective decisions. Our brand colour is a Deep orange and ...
Kane's user avatar
  • 1
0 votes
1 answer
453 views

Multiple logos in header with long navigation

I currently have the following header: The general idea here is we have the main website logo, but because we're offering this website to company partners to use they want to add their own logo - in ...
DJDMorrison's user avatar
0 votes
3 answers
3k views

Positioning two brands' logos on application header

I am designing an application that has two brands' logos to be displayed on the header. Positioning two brand logos next to each other looks odd. Which is the best way to position the logos on the ...
Kevin Andrid's user avatar
6 votes
3 answers
458 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 ...
Filip Haglund's user avatar
0 votes
2 answers
1k 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 ...
hasanghaforian's user avatar
0 votes
1 answer
45 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 ...
user avatar
0 votes
1 answer
70 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 ...
Ola Osinska's user avatar
1 vote
1 answer
191 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 ...
James Donnelly's user avatar
3 votes
1 answer
1k 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 ...
J4G's user avatar
  • 1,062
2 votes
4 answers
4k 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 ...
ScienceNoob's user avatar
1 vote
1 answer
196 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 ...
Eren Kara's user avatar
0 votes
2 answers
347 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 ...
User789456123's user avatar
1 vote
1 answer
651 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 ...
Usman's user avatar
  • 111
2 votes
1 answer
439 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. ...
Monomeeth's user avatar
  • 3,826
1 vote
3 answers
2k 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 ...
Pearu's user avatar
  • 111
0 votes
1 answer
214 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 ...
DroidOS's user avatar
  • 485
4 votes
2 answers
1k 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 ...
Vsn's user avatar
  • 195
1 vote
1 answer
164 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 ...
Awfor's user avatar
  • 525
2 votes
2 answers
192 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 ...
Thredolsen's user avatar
3 votes
2 answers
2k 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 ...
Sarah Akhavan's user avatar
1 vote
2 answers
761 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....
Greg Smith's user avatar
0 votes
1 answer
56 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, ...
Mattynabib's user avatar
  • 3,501
2 votes
1 answer
544 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 ...
jakapo's user avatar
  • 567
1 vote
2 answers
149 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 ...
sruzan's user avatar
  • 41
1 vote
2 answers
414 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 ...
watermelonseed's user avatar
1 vote
2 answers
115 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 ...
eRocket's user avatar
  • 56
1 vote
1 answer
304 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?
evasoroniati's user avatar
0 votes
2 answers
110 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 ...
horeau's user avatar
  • 1
16 votes
1 answer
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,...
gespinha's user avatar
  • 285
1 vote
1 answer
250 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 ...
Bharath Selvaraj's user avatar
1 vote
2 answers
217 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 ...
Tin Man's user avatar
  • 2,814
0 votes
2 answers
212 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 ...
Eric322's user avatar
2 votes
3 answers
244 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 ...
CelsomTrindade's user avatar
2 votes
1 answer
110 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
Nirav Chadda's user avatar
55 votes
9 answers
8k 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 ...
Kevin's user avatar
  • 1,734
1 vote
2 answers
229 views

Is it necessary to have headers?

Can we go even without headers by including simple placeholders inside the input box? any other suggestions?
Sunil kv's user avatar
  • 431
6 votes
2 answers
2k 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 ...
Teach Learn's user avatar