Skip to content

Search by tag: accordions

Improvements to accordions

Frequent users of the University website may have noticed a visual change to the accordion patterns. We have applied some much needed improvements to the accordion pattern in line with the design methodology of GOV.UK. Problems with the old accordions Use of colour The old accordions used our primary blue as an accent colour. This colour…

19 February 2019Digital pattern library

Accordions and tabs in forms

Form usability: The pitfalls of inline accordion and tab designs Accordions and tabs are common user interface elements, and we are making increasing use of accordions in the new pattern library. Research from the Baymard Institute warns against leaning too heavily on such elements in the design of forms. Forms are notoriously difficult to get…

22 December 2014Design

Don’t break the back button

4 design patterns that violate back-button expectations One of the biggest usability faux-pas we can commit is “breaking” the back button. The back button is by far the most commonly used function of a web browser, and users have certain strong expectations about how it should work. If we violate the user’s expectations, it can…

17 April 2014Design