Designers are becoming big-headed
Posted by Andrew Faulkner on April 20th, 2006.
After visiting a bunch of unrelated sites recently, it came to me that they all shared a common design element – huge header areas above the content. Don’t believe me? Then try these out for size:
http://www.ploink-brothers.com/
http://www.catchlight.co.nz/
http://www.danrooddesign.com/
http://en.helldesign.pl/
http://www.attitudedesign.co.uk/
See what I mean? Before getting to the content (or what I’d call the content anyway), one has to negotiate the logo, the menu and finally the large header.
Now I’m not saying these are bad. I’m asking you readers to decide whether you think these headers are cropping up more often because of larger screen sizes/resolutions allowing more content to be shown onscreen at any given time. Or something else? Do you like them? Do they limit/enhance the usability or look of a design? Please tell me (and others here) your thoughts on this trend. I’ll give my opinions along the way this time.
Make A Comment
( 36 so far )
36 Responses to Designers are becoming big-headed
Big heads rock - with bigger screen sizes letterbox designing is becoming pointless - more space is more creativity.
I think large headers are great, especially if the page makes use of that space to present eye catching content. Some of the links you included above made use of the header to grab a readers attention using animations or giant graphics. Eye candy I’m sure. Appealing in my opinion.
negotiate, what a clever word. i personally think that the header are should be like this. while showing me clearly where i am with the brand identity it draws me in with a graphical feel striking and emotion up. most sites i see that ‘appear’ to have heavy text with no design sence i tend to skip (crl-w) not because i dont like to read, but because i feel (and being a designer i know im somewhat bias)that if they didnt take at the very least enough time to make the first impression look nice, then the content is probably not all that good anyway, am i say that with some confidense. if you look at your own daily reads and sites you visit, im sure this holds up for most people.
This is cool
Didn’t this site use to have a big head before the redesign..?
It’s a great place indeed like david mentioned to evoque some emotions and to brand the site.
I love head , gimme more head.
redg,
This site did have quite a a large header beforehand, yes.
So no-one get’s frustrated by large headers pushing text down the screen?
I think large headers are neither good nor bad per se. Thay are good or bad according to the purpose of the site. Having one attention grabing header on a site that needs to strongly communicate a brand identity or on a long-awaited site may be a good thing, but having one on a site users browse for its content only gets in their way.
From an artists point of view it’s always nice to have one big header, from a designers point of view it depends on what your goals are.
I think it depends on what the header is used for. For Helldesign and Dan Rood for example, they use the big fat header as a portfolio viewer, so that’s cool. It’s really more like a well-integrated feature. For other sites where a big header is purely ornamental and it just pushes all the content down the page, I think it can get a little old.
Before you pretend to be an expert in web design and critique take a look at your own site in ALL Browsers lol your article is 3/4 way down the page what’s up with the huge white space?
Peter,
Don’t be so quick to slam people. I didn’t critique the technique - merely opened the discussion.
And a simple piece of feedback (i.e. saying which browser) is much more constructive than simply ridiculing the web designer. Play nice.
The size of the header should depend on whether the content or the design is the focal point of the site. In most cases a header should stay within the first 100 - 150 pixels to keep the content the priority.
We must remember that the most precious space on any page is the first screen full or the “above the fold” area. Visitors expect content to start high on the page so maybe this topic should be angled from what is user friendly and not so much the artsy-fartsy factor.
Hi Andrew,
It looks as though it’s ie 5 for the Mac that pushes the right column below the left column. Maybe a space issue for the floated elements?
Justin, thanks for the pointer. There’s an issue with the Google Ads in individual articles. I’ll look into it.
Any opinions on the usability of a site with large header areas?
I guess it all depends on if the header adds or takes away from the overall look and feel. For example I think the large header at Khoi’s site definitely adds to his design. Maybe the answer, in terms of usability, is to offer a “jump to content” link.
I find that web 2.0 (the designs) brings smaller headers (if any at all) and more focus on the sites content instead. Although I find that huge headers can be good to show off work etc. on portfolio sites - but is it a header then, or is it just a part of the content, just a bit explicit?
Wow, are you kidding? You’re saying those are huge… hahaha, wait until my reboot.
Interesting point. I hadn’t really noticed this because of my large screen/resolution, and the examples that you linked to don’t seem to have THAT big of a header. Although large headers may pose some problems for people with small screen sizes/resolutions, I’m a fan of big headers. It adds flavor to sites and allows for more creativity. With a big header, though, a site often looks silly if it doesn’t have enough content underneath the header.
Bryan,
Going for the skyscraper header look then? ;)
So is the big header something that will stay? Or will it fade away into web design nostalgia?
In my opinion the question is difficult to answer in a general sense. As many said before - it depends on the situation. It’s all about the goal of the site, the goal of the specific page and the goal of the specific user of that site and page. Someone mentioned Khoi’s site subtraction and it’s large header. But take a look when you go to a single article on that site: the big header is gone. So for someone visiting the site directly and/or for the first time, the big header will make a nice visual impression. However, someone visiting an article, coming from a feedreader or search engine, will land directly on a deeper page. Without the big header. And that’s a good thing, in my opinion.
So to say large headers are either good or bad is impossible. Sometimes they are good - on a front page of a webdesigner’s portfolio. Sometimes they aren’t - on a page with some interesting content.
in retrospect, i really dont see even on a small res screen whats so hard about having to scroll through a header, are we becoming that lazy that we cant scroll down 300ps or so to read content. come one!
Designers love big headers because they are beautiful. I am not convinced that they resonate with normal folk.
David,
As we all know time is valuable. If one goes to a site and can’t see the required info within seconds then one leaves. Maybe this is a disadvantage of a big header.
Big headers can be visually pleasing but I’m a reader so if it’s the main page of your journal/news feed and I have to scroll down 400-500 px (yes, I’ve seen that done before) to read your content then you can anticipate me not being a daily reader. Too often people who have big headers spend more time on the graphics of their site than they do actual content. Which makes for visually stunning sites, but not much incentive to come back and look again.
then why dont ew all scrap design and just put black text on a white background and call it a day, ( im being devisl advocate here ) but i really dont get whats so upsetting about having to scroll a bit. listen i am a desginer but that in no way makes me oblivious to the lay person because i have those exact feelings when visiting other sites. im not talking about a header that takes up the entire screen, but if all your audience wants to do is read, then why even bother with design?
had to come back,
http://www.climaxdesigns.com/misc/thoughts.jpg
now that is my ‘blog’(god i hate that word for some reason ) at 800×600 (designed for 1024 on up thus the horizontal bars) and you mean to tell me that the lay user would close the window because they could not be bothered to scroll 250px through the logo to see the content. I find that a very hard pill to swallow, and i have lay people looking at my site all the time and giving my user feed back and non of them has ever had an issue with having to scroll through that header or any other. i actually think it is us designer/bloggers that actually are the ones most likely to close the window because of a big header on a content oriented page rather than the average joe so to speak. just my opinion thought.
David,
Your site isn’t quite the same as some of the examples. It’s fine. It has a large header but no menu no ‘detail’ in the way. Something like this (http://www.ploink-brothers.com/) has a large header, then a menu and ‘detail’. I cannot see the content on my screen at 1024 x 768. Now that’s surely a usability issue?
I agree with JPF regarding Dan Rood and Hell design, both of these sites are showing off their work straight up front which in this case is their content.
My site currently has a large header which holds nothing but a calendar and brand. I’ve grown tried of it for the content reason. When I post a new folio piece I want it right up front, so, as my re design draws nearer, I have scrapped it in favour of content, placing branding at the footer. We’ll see how this works out.
The other thing to consider is audience. Designers are generally designing for employers and other designers, both audiences are in most cases running higher spec machines with big glossy screens so it’s maybe not so much of an issue.
Good conversation, nice site! One small constructive criticism. It might be worth including another post comment link at the bottom of the article. As a first timer, it took me a while to find the link, which in it self may something about how much header information is retained?
Hey other David! Hows it going?
Anyways, about the fact that people are lazy…
I would say it is safe to say that everyone here is either a web designer/programmer or is under the age of 40. So, you are fine in saying that we love large headers OR we don’t mind scrolling down 300px.
However, the Internet is not made up of young people and graphic designers. Heck, most people don’t even know that Firefox exists. These people are still using IE 4,5,& 6 and WANT simple easy-to-follow sites. If you care at all about those people (at least 30% of the web) you will make sure you tailor to at least a 1024×768 view, dial-up speed (over 40% of the internet), and IE 6. Also, a large header takes more time to load - which causes people to turn back, even I sometimes turn away from the site if it doesn’t immediately come up within 10 seconds.
Now none of this applies to a gamer, web design, or graphic arts site, because you wouldn’t have Bob the “how do I print this page” guy or Grandma visiting it anyway…
Just know your audience…
I care about these poeple but it depends on the client and if they do. They have to pay for time and if they don’t want to worry about people out there, even if they are in their target audience, they may not be prepared to pay for it. Educate your clients! When will it all end and we can just design a website without testing it on about 5 browsers!!!!!!! The pain, the misery, the victory and the challenge - we love it really ;-)
Some of the headers in the examples are big but used tastefully. Some totally detract your eye away from the "content" i.e helldesign. I wouldn’t really class the catchlight one as big though. Best of the lot!In my opinion the header should be made as big as is needed but without too much image content that slows the page load. And it shouldn’t detract from the main content but still stick in your head as a memorable image.
[…] positive bi-product of the much-maligned “Web 2.0 look” is large section headers. They’re eye-catching and usually improve page […]
[…] positive bi-product of the much-maligned “Web 2.0 look” is large section headers. They’re eye-catching and usually improve page […]
I think large headers add some great, evocative decoration to web sites - which were at one time the most tawdry of all media. It helps when this feature can be combined with the homepage’s primary purpose, such as HellDesign’s example where they push the portfolio to the fore. Regarding shunting the content down the page, we do now have larger resolutions to rely on, plus trends show the user’s are more comfortable with content ‘below the fold’ than ever before. Perhaps this is thanks to familiarity with super-long reams of texts on weblogs and the fact that most mice feature scroll-wheels.
Почитал, обрадовало :) А может и реально всегда думать исключительно о хорошем, а все плохое переворачивать?
weqdxarnimvgjcsy athletes…
weqdxarnimvgjcsy courtesans professors harpers pearls mountains goldfinches wolves canal capons ships show hares keys impediments preachers experts snipe submarines monks courtiers kite onlookers grapes developers pheasants trekkies guillemots young…
Thank you for sharing your response, and offering some solutions.,Valencia
Related In Some Way, Shape Or Form
The above post has obviously kept you amused. Why not discover similar material:
The posts The Tagline Revisited, The Life and Times of Cool, What’s it all for, anyway?, Client Speak, What happened to :: ?, are related to this post.
Or why not take time out to find out about the author of the post.



