A US pharmaceutical company’s home page footer expands upwards when the mouse hovers over it.
The Merck.com home page has a narrow footer panel with three headings in a row – ‘Latest News’; ‘Social @ Merck’ and ‘Other Merck Sites’.
When visitors hover the mouse over any part of the panel, it rises up the page to reveal more details under each of the categories – summaries and links to press releases; the latest tweets and social media follow icons; and links to other parts of the web estate. Moving the mouse off the panel causes it to collapse back down the page.
On a smartphone screen, the three elements of the panel are stacked vertically. The expandable footer appears to be limited to the home page; it is not on any of the section landing pages, for example, or anywhere else that we clicked.
Merck’s expanding panel tries to do for footers what the mega dropdown menu has done for primary navigation. On the Merck home page, the feature is a space-saving way to let visitors see options that are not in the main menus at the top; and helps to keep the home page from scrolling. It could be a useful design in some circumstances – if footers can expand downwards, why not have the option to go up too?
It is not clear this works completely – for example, the way Merck have implemented it means they cannot have a longer home page, even if they wanted one. There are some other disadvantages in the way it is executed – on smaller laptop screens the panel obscures some of the text in the carousel.
If in doubt, a useful guideline to follow is, don’t try to innovate with navigation.