Interface

Page Hierachy

The layout and structure of Decision Resources Group products will differ depending on the content they are delivering and the users they are serving. However each product page should follow a similar hierarchy.

1

Frame the page

The topmost section serves to introduce the DRG brand and product, as well as providing both DRG and product-specific navigation. See the header section for more information.


2

Set the scene

Page titles, secondary navigation and any global filters should appear at the top of the page.


3

Content is king

The UI is deliberately simple and neutral to allow the content to be the focus of the page. Put the key page content in white panels so they stand out on the grey background.


4

Finish with the footer

Add the standard DRG copyright information on the left site and links to the privacy policy and terms of use on the right. See the footer section for the mark-up.