217 posts
  • Bought between 1 and 9 items
  • Canada
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 5 000 and 10 000 dollars
CreativeStable says

Hi folks!

I work for an agency as a web developer. Most of my colleagues come from a print background and we seem to be running into this same problem with every site we build. I’m looking for some pointers to backup my argument so that we don’t run in to this stupid issue anymore.

The issue: You have a website with a fairly complex navigation (dropdowns). You build the site so that the top level navigation item links to a page.

When the client supplies content to be integrated into the site, they only supply content for the pages within the dropdowns… not the top level.

My colleagues just want to make the top level plain text so you can’t actually click on anything unless you choose something from the dropdown. I think this is terrible for usability because a) dropdowns can be difficult to use and b) usually the top level is an overview of what’s in the subsequent pages and you expect it to be a link.

It becomes especially problematic when not all menu items have a dropdown… so now you have SOME items that are clickable and others that are not… which is completely inconsistent and confusing.

Their argument is that the user will “get it” because they get it.

My solution is to simplify the navigation and move some of the content from the dropdowns, into the parent item.

Can someone back me up on this? Does anyone have anything else to add to my argument? I am having a difficult time tackling this one.

THANKS !

70 posts
  • Europe
  • Exclusive Author
  • Has been a member for 4-5 years
  • Referred between 1 and 9 users
sergiupopa says

What kind of content are you adding?

For example, if I had a dropdown with the categories in WordPress, last 5 articles will come down. If the users clicks on the categories, they’ll get the entire archive for that category. In this particular case, showing the last 5 articles in the dropdown menu I think it’ll do.

If it’s another case, I’ll stick with the link for the top level item (link to the list with all the content) and show in the dropdown the latest fresh content.

Also consider the possibility to let the users know about the dropdown menu (in case you’ll stick with the top-level items without links). For example, a arrow pointed down. The user will know it’s a dropdown. However, I would go for the arrows, top level item with link and finally drop-down with the last content added.

Ask your colleagues, how can a user view the top-level page if you don’t link it in the top-level item?

2 posts
  • Has been a member for 3-4 years
ReedBotwright says

I think the long and the short of it is: it depends. It depends on the target audience, the ease and consistency of the current information architecture design, and the functional context of the destination pages (like sergiupopa mentions). There is no right answer.

Simplifying the information architecture can be a very good thing, but not if it sacrifices consistency.

I found some great resources you might want to peruse: http://www.noupe.com/design/fantastic-information-architecture-resources.html

4 posts
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
bobsawey says

Depending on what is going on… this might help:

Usually we choose a secondary item and promote it to be the landing item for the top level element.

I can’t see what you are actually doing so I’m not sure if this actually address’s to your question properly. I’m a very visual person.

Do you have a mockup or a sketch you can send that illustrates the idea? I can probably give some pretty helpful feedback on IA and usability once I see what your office process is like.

-Bobby Bo Bob

2263 posts Bird is the word..
  • Elite Author
  • United States
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 6-7 years
  • Referred between 200 and 499 users
  • Bought between 100 and 499 items
  • Microlancer Beta Tester
  • Exclusive Author
+3 more
jonathan01 says

@CreativeStable – you reasoning is correct and the way I would fully recommend.

10 years of web development experience has ALWAYS told me if you “get it” then visitors don’t :) – never presume a visitor will get ANYTHING – create a site like this:

Design for designers Program for coders Usability for a child

Print people should NEVER get involved in web design – they are 2 completely different mediums – they just don’t get it at all.

316 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Has been a member for 5-6 years
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Referred between 200 and 499 users
  • Bought between 100 and 499 items
imaginem says

+1 to move in an item to the parent.

This is an interesting topic. I think we have a great example menu just on top here (@themeforest). The drop down Parent item and the first item in the drop down list has the same link. That should be what you’re suggesting too.

4 posts
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
bobsawey says
@CreativeStable – you reasoning is correct and the way I would fully recommend.

10 years of web development experience has ALWAYS told me if you “get it” then visitors don’t :) – never presume a visitor will get ANYTHING – create a site like this:

Design for designers Program for coders Usability for a child

Print people should NEVER get involved in web design – they are 2 completely different mediums – they just don’t get it at all.

goooooood feedback

217 posts
  • Bought between 1 and 9 items
  • Canada
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 5 000 and 10 000 dollars
CreativeStable says
Also consider the possibility to let the users know about the dropdown menu (in case you’ll stick with the top-level items without links). For example, a arrow pointed down. The user will know it’s a dropdown. However, I would go for the arrows, top level item with link and finally drop-down with the last content added.

I very much agree with this, and it is definitely something that is lacking with these designs.

What kind of content are you adding?
An example would be:
  • About Us
    • Company History
    • Our Team
    • Location
    • Process

Where the client does not supply content for “about us”, but everything else. My solution in the case would probably be to move company history into the parent, but sometimes it is not as clear as that.

@jonathan01 I love them, but sometimes it’s frustrating as hell. They are learning though :P I am doing a presentation to them next week on Form and Function.

217 posts
  • Bought between 1 and 9 items
  • Canada
  • Exclusive Author
  • Has been a member for 5-6 years
  • Sold between 5 000 and 10 000 dollars
CreativeStable says
I found some great resources you might want to peruse: http://www.noupe.com/design/fantastic-information-architecture-resources.html

Thanks pal!

4 posts
  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
bobsawey says

Oh dude. This is such on a non-issue becoming an issue, I could vomit cheerios.

Move Our Team to serve as About Us content.

“Our Team” is the title of the page, and if needed the title of the menu item.

NO MENU ITEM NEEDED … HADURRRRP

So remove Our Team from the menu, and link About us to Our Team..

Or company history… which ever one feels like it fits best.

dang.

STRAIGHT UP

here is an example of this idea put to use without dropdowns. Same theory though:

http://www.cleanint.com/

by
by
by
by
by
by