How can I make these links more obvious to click on?

Currently working on a redesign for a dental laboratory.

While testing the home page with a user, they never clicked on the links in the subnavigation. They clicked on the larger buttons in the links to the main pages.

The asusmption when I created the wireframe was that the user would click on the descriptive links based on what they needed to do. I thought it would be super convenient to have a list ready for them to just click on the action that they intended to do.

Screenshot of homepage middle section

I would also appreciate suggestions for

  • Font size
  • Font color
  • Font family for the headings
  • List item
  • Ideas for images where the thumbnail is supposed to go, or maybe it needs to be removed.
  • Round out the buttons a bit more?

Let me know any thoughts and why you feel that way, thanks.

EDIT: After some suggestions from other professionals here, I created another revision (not yet tested with users)

Version 2

Answer

You have a flipped hierarchy issue. The buttons are visually more prominent, but the content they link to is secondary to the content above.

So, one option would be to reverse that hierarchy. Make the current buttons plain links instead and then style the list of links above to look more like a navigation list. Perhaps something like this:

-------------------------
Download RX            >
-------------------------
Find a Dropbox         >
-------------------------
Etc                    >
-------------------------

Alternatively, the issue may simply be that the links don’t look like links. A quick fix might be to simply makes sure the links are all underlined like default links would be.

Attribution
Source : Link , Question Author : JGallardo , Answer Author : DA01

Leave a Comment