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.
105 questions
0
votes
2
answers
152
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 ...
- 38.3k
1
vote
2
answers
264
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 ...
- 11
1
vote
1
answer
77
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 ...
- 11
1
vote
1
answer
141
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 ...
- 381
0
votes
1
answer
144
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;...
- 730
0
votes
2
answers
52
views
Header hierarchy in setting dialog
Should the “experimental function” use a smaller header since it's controled by the developer mode toggle switch？
- 25
0
votes
1
answer
108
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 ...
- 659
0
votes
2
answers
96
views
Asking for feedback about header colour [closed]
Which header do you think is better?
Light grey:
White with shadow
- 247
2
votes
1
answer
1k
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 ...
- 41
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 ...
- 206
0
votes
2
answers
239
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 ...
- 101
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 ...
- 133
1
vote
3
answers
132
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 ...
0
votes
1
answer
576
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 ...
- 1
0
votes
1
answer
515
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 ...
- 135
0
votes
3
answers
4k
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 ...
- 111
6
votes
3
answers
512
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 ...
- 1,180
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 ...
- 103
0
votes
1
answer
49
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 ...
user116581
0
votes
1
answer
72
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 ...
- 732
1
vote
1
answer
232
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 ...
- 1,461
3
votes
1
answer
2k
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 ...
- 1,062
2
votes
4
answers
5k
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 ...
- 545
1
vote
1
answer
214
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 ...
- 13
0
votes
2
answers
354
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
1
answer
676
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 ...
- 111
2
votes
1
answer
454
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. ...
- 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 ...
- 111
0
votes
1
answer
225
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 ...
- 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 ...
- 195
1
vote
1
answer
168
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 ...
- 525
2
votes
2
answers
221
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 ...
- 171
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 ...
- 716
1
vote
2
answers
790
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....
- 21
0
votes
1
answer
72
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,631
2
votes
1
answer
562
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 ...
- 567
1
vote
2
answers
154
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 ...
- 41
1
vote
2
answers
439
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 ...
- 261
1
vote
2
answers
120
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 ...
- 56
1
vote
1
answer
356
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?
- 11
0
votes
2
answers
124
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 ...
- 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,...
- 285
1
vote
1
answer
266
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,533
1
vote
2
answers
230
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 ...
- 2,814
0
votes
2
answers
237
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
2
votes
3
answers
254
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 ...
- 1,371
2
votes
1
answer
114
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
- 401
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 ...
- 1,734
1
vote
2
answers
276
views
Is it necessary to have headers?
Can we go even without headers by including simple placeholders inside the input box? any other suggestions?
- 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 ...
- 63