Page structure confusing to me

[laanwj]

There are two kinds of menu items on the page "blue links" such as "Individuals", "Business",... and "grey links" such as "how it works", "vocabulary", "resources",...

My intuitive assumption every time I open the site is that the color and size of the font of the links conveys some information about the information hierarchy. For example, that the grey links are sub-items of the blue links. So, the expectation is that clicking a blue link will reveal new grey links. But they're all just links to leaf pages.

And then there is "developers" and "development", which I always confuse.

Maybe I'm just boneheaded in this :)

[saivann]

@laanwj If you look at this screenshot, does this layout make more sense to you?

This example is basically reducing the number of menus to its minimum and uses dropdown menus. Existing pages could for example be restructured as follow :

"Individuals, Businesses, Enthusiasts, Developers and Press" would be subsections of "What is bitcoin"
"Vocabulary" would not be linked in the menu anymore. It would be linked in texts to provide a contextual definition to some technical word.
"Community, Development and Resources" would be subsections of Resources (Resources would become Links)
"About" would be replaced by a more detailed FAQ.

That said, I would need to see how this could work with the mobile version. This layout also limits us from adding content outside of dropdown menus because the menu would probably overflow in translated versions of the website.

[laanwj]

Yes, I like that better. Makes it seem much less cluttered, too.

Edit: maybe on the landing page you could add big links/buttons for the "Individuals, Businesses, Enthusiasts, Developers and Press", so that they're the first things new users will read, as I think that was the idea behind putting them large at the top.

[saivann]

@laanwj : See this pull request as an answer to your issue : bitcoin#207