Expandable content allows you to show and hide information on a webpage.<\/p>\n
This content type can be useful to reduce page length; particularly if content is only relevant to a specific audience<\/strong>.<\/p>\n An example of this can be found on the Open Day website. Expandable boxes have been used on the travel page<\/a> to allow users to quickly access information relevant to their chosen mode of transport. This saves them from reading information about all of the ways to travel to the University.<\/p>\n The biggest drawback with an expandable box is that it\u2019s an extra click to see information so I\u2019ve summarised our standards for using them in our quick guide to…<\/p>\n You should never hide essential information<\/strong>\u00a0inside an expandable box as you can\u2019t guarantee that users will click to see the content.<\/p>\n When adding expandable content to a page you should:<\/p>\n You should also try to\u00a0use expandable boxes at the end\u00a0of a page<\/strong> as they act as a visual break in the content. We found in user testing that people often don\u2019t expect content to follow expandable boxes and so they stop scrolling.<\/p>\n For more advice on when to use this content type see my post: Hide or not to Hide: When to use Expandable Content<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" Expandable content allows you to show and hide information on a webpage. This content type can be useful to reduce page length; particularly if content is only relevant to a specific audience. An example of this can be found on … Continue reading Expandable content<\/h2>\n
\n
Related posts<\/h2>\n