Page Layout - Flock Design Standards

The Flock Design Standard template is a framework for page layout design developed specifically for our clients to deploy into your organisation for consistent reporting that maximises the quality of the user experience.

The page is designed to allow a user to enter the page and, just like in a book, start from the top left corner, and exit at the bottom right corner. As the user move through the page information is provided in a narrative style giving more context as they move through the page.

Page Layout design

Page layout features

Title

The Page title is the first chance to set the context of the page and what information the user can get from the page.

KPI’s

After getting the highest level of information our user will then naturally head down and to the right, in this case they are moving away from the filters down the left and onto the first KPI. We should always place the most important KPI as the first one. If the user wants to read more KPI’s they will scan to the right. It is important there is a flow to additional KPI’s and if possible, they each add more context.

Charts

The user will then return to the chart in the top left under the first KPI, then, much like reading a book, flow across then return and back down the left of the page. Important consideration are the types of charts you use and limiting the use of colours to only those necessary.

Tables

If a table of data exists on the page, you should try in most cases to have it last on the page. This level of data hierarchy is our lowest so should be either the only thing on the page, e.g. on a detail page, or limited to the last focal point in the bottom right-hand corner.

Logo

Where it is important to have your organisations logo included, we recommend it be in the top right-hand corner. This is a prominent location, however, is not in a prominent line of sight for a user that is there to do analysis in an efficient way.