Tag Archives: homepage

BBC improves interaction design with subtle visual cues

The BBC have been gradually upgrading the design and visual interaction of their pages over the last 12 months.  The latest upgrade is very subtle but is a great improvement to the design and usability of the pages.

Within a deep page of the BBC site if you want to get to the homepage or a high level category, you can access these using the horizontal navigation bar pictured at the top of the page in black below.

 

BBC inner page

BBC navigation

 

However, when you hover over the categories the tab is highlighted in grey to visually indicate you can click it.  This is very subtle but a really nice improvement to the design and interaction on the site.

 

BBC Navigation On Hover

BBC Navigation On Hover

 

Likewise, on the homepage you have been able to personalise the news modules that appear to suit your preferences for some time.  However, unless you hovered over the header of a particular module (Sport for example) and noticed the 4 way arrow cursor, you would never really know about this great feature.

 

BBC Homepage

BBC Homepage with news modules

 

To help draw attention to this, the BBC have added a highlighted box around the area on hover.  This helps draw your attention to it as you scroll around the page and will give you a better visual cue that it can be dragged and dropped to a different position.  Again subtle, but a really big improvement to help aid the interaction and draw attention to the feature.

 

BBC Homepage On Hover

Visual cues on hover help draw attention to the customisable sections of the BBC homepage

 

Conclusion

Subtle design cues combined with an excellent implementation of the interaction design can really help deliver an exceptional user experience.

You should follow me on twitter here

Leave a comment

Filed under User Experience Design