How do I add a "HOME" button?

Should I add a 'Home' Button to the navigation?

  • I know that it is common behavior to have the logo of a web page be a link to the home page, but should I also have a 'home' link in the navigation bar for it as well?

  • Answer:

    I don't know how many times (many) I've been asked "How do I get back to the home page?" when I've skipped the home link in the main navigation. I've started doing 1 of 2 things recently: Move the home link to the last or second last item on the main menu. I've wondered if this is a good idea because personally I often look for "Contact Us" in that position, but it seems to help users. But sometimes I will put it second last so at least it's there, but I could see this getting lost in the middle then. Add a home image (small house shaped icon) somewhere in the upper portion of the page, usually on the right. The removes the need for an extra menu item. I haven't had any complaints after doing either of these (that they can't get back to the home page). I also think the general reason why people want to go back to the home page is because they get lost on a website, so I think reducing the cause is a better solution that encouraging people to "start over" to figure things out. This is unless your home page is like Facebook or SO where it contains the most recent information. I do also like http://webmasters.stackexchange.com/questions/1649/considerations-for-adding-an-explicit-home-link-to-navigation/1655#1655's idea of doing something similar to Facebook's logo/home link with a roll over to show that it's the home page link. Similar question and answers here: http://webmasters.stackexchange.com/questions/1649/

GSto at User Experience Visit the source

Was this solution helpful to you?

Other answers

If there's room then I don't see a problem, but if your navigation is horizontal you don't want it overflowing into a second row. Having said that, if you plan to expand your navigation later then removing the link at that point might confuse users. It's not essential - if you notice there's no "home" link on the Stack Exchange layout as the site logo is the name and that's obviously clickable.

ChrisF

It's true that it is standard practice to have a click-able logo that returns home. However, I have seen first hand that non-technical users have problems when this method is used exclusively. Even when Home is on the breadcrumb. For this reason I will always include a home link on the navbar. People expect to see it.

LoganGoesPlaces

I almost always add a Home link in the navigation. Also users expect the logo to be clickable and to navigate to the home page.

Sruly

One way might be to do as Facebook does (the ultimate example of a site designed for average web users in my opinion). A few versions ago a small home icon would appear when you hover over the logo. This very quickly conveys what clicking on the logo will do without having to tell the user or to make it noticeable when the user might not been it (hence appear on hover). What they do now though is have a very obvious hover effect (the background gets lighter) so the user can see that clicking the logo does something, however maybe not exactly what until they click it for the first time. Maybe try something like the first situation.

matto1990

I'd say that ultimately it depends on your userbase. A lot of mine for instance are reasonably uninitiated, so on our Intranet applications we still include it and also make the logo/header link back to the main page. Breadcrumb or not, users need an obvious way of getting home and the best way to go about that would be to include a link in your navigation. That way, it's a little more intuitive for users of all abilities.

LiamGu

I do also believe that this is completely on a "depends" basis. I mean, it depends on: Whether the site logo (as a home page link) is obvious enough for users Whether you have enough space on your nav bar, for a separate home link Whether you are expecting so-called "noobs" (who may not be used to the logo being a link to home, as pointed out before) or a little bit more advanced users who are used to looking to the logo for the home link Whether your site is large enough to warrant a duplicate home link As a general rule of thumb, I would suggest that you do go ahead and have the logo be a link to home (obviously), and then go ahead and conduct some user tests to ascertain whether you need a separate link or not. You may get all kinds of advice from people, professionals, books and so on, but until you conduct tests or get feedback after you have implemented whatever you have chosen, you will not know for sure which way is best. Good luck. -b

BorhanMooz

I often think about this question when I approach the main navigation for a site, and the answer will usually vary depending on the individual context. For example: • How many items need to populate the main navigation; can we afford to add ‘Home’ without cluttering it? • How web-savvy is the intended user-base of this site? Look at the personas - would they recognise a design pattern such as a site ID link? (If you're not still not sure, user testing is key) • Does the site’s logo design lend itself to being a clickable object? (It may be of a size, shape or visual contrast that doesn’t make it easily recognisable by users as the site ID) • How frequently do you see a user wanting to return to the home page, given the site’s content? • How ‘deep’ does the navigation go? How frequently do you see users needing a journey reset button? • Is there important content on the home page that you can frequently seeing users going back for? My advice is also to always include a clear breadcrumb. One thing that continues to surprise me in usability tests is the amount of people who regularly use the breadcrumb. At the end of the day though, user testing should answer this question. If users are struggling to figure out how to return to the home page for lower level content, it might be time to add a link in the main navigation :-)

Chris Myhill

Personally I hate them. I prefer the Stack Exchange approach of having the logo be the home page and close to the menu. But, the best example of the logo being part of the menu is definately apple.com. Some other examples: Microsoft.com - no home link Dell.com - no home link Intel.com - no home link Sony.com - no home link HGTV.com - no home link (and a counter argument about StackExchange users being more sophisticated than other users) Because I have to thrown in sites I love with Home links: LinkedIn.com - home link 37signals.com & child sites - home link I think when you view enough large sites you realize that their is a trend to let the logo be the home link for numerous reasons. One reason I personally think is important and relevant is SEO - using the alt text for the logo is much more valuable than having home as anchor text for a link. Having numerous links to the same content that early in the HTML can also have a negative effect. While duplication of navigation can be very helpful - it can also eat up valuable whitespace or space for other navigation.

Chris Kluis

Don't forget that the Home page link is just a part of the information architecture. Having it in home page depends on the rest of it. Eg. a better choice for this might be the breadcubms menu: You are here: home -> category -> product This works best as a reverse navigation, so the clickable logo with a hover effect should be enough in this case.

takeshin

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.