2

I have a typical page layout with a header across the top of the pages containing a logo on the left and nav on the right.

The homepage starts with some intro text (which takes up most, but not all of the page "above the fold") and moves down to an important list of case studies.

The problem I have is that generally users are clicking on the nav links, missing the important links to the case studies. It appears that users are far more willing to click on something (the nav links) than scroll down.

How do I reverse this?

I could make it harder to click on the nav links by "hiding" the links behind a hamburger icon (two clicks) but this doesn't seem good usability.

I can't really move the case study links up because the heading and intro text take up the space at the top of the homepage.

Thank you for any suggestions

Improve this question
4
  • How do you know this is a problem? The point of navigation is to allow people to get to the part of the site they want. maybe these users don't want case studies? If you don't want people to navigate off the homepage then don't provide them navigation. But I assume the site has other features other than case studies that you want people to find.
    – JonW ♦
    Commented Jan 19, 2017 at 11:16
  • There are two types of pages. Case studies and 'info' pages (about, services, contact etc). I would like users to look at a case study or two, before visiting the drier more functional 'info' pages. But on the homepage users are clicking on the nav links (to the 'info' pages), rather than the case studies.
    – Markeee
    Commented Jan 19, 2017 at 11:22
  • As I want to 'direct' users towards the case study list / links, then perhaps I have to make it 'harder' to visit the info pages, by hiding the links behind a hamburger icon which would require two clicks.
    – Markeee
    Commented Jan 19, 2017 at 11:24
  • @Markeee My guess is that users are not clicking because: they don't realise (nor bother to investigate) they have a second option, what they see is interesting enough for them to proceed. So either hide them the conflicting elements or bring to front the ones you want them to focus. Or both options.
    – Alvaro
    Commented Jan 19, 2017 at 11:29

1 Answer 1

Reset to default
1

You have to sacrifice some elements to bring others to the front.

Some suggestions that might help:

  • Hide the intro text for small screens, below the case studies or behind an expandable panel.
  • Hide the navigation links as you suggest.
  • Double the elements you want to give importance to. This would depend on the page layout but maybe including Case1 Case2 as links in the navigation could help.
Improve this answer
1
  • Thank you. Much appreciated. I'm moving towards "hiding" the nav links behind a hamburger font.
    – Markeee
    Commented Jan 19, 2017 at 11:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.