design lessons from gov.uk5

gov.ukdesign lessons from5Single domain to house all government information and services

gov.ukdesign lessons from5Single domain to house all government information and services

Recently won Design of the Year award

gov.ukdesign lessons from5Single domain to house all government information and services

Recently won Design of the Year award

Taking an agile, iterative approach to designing services

start with useful1

Font size comparision between gov.uk and bbc.co.uk/news

1Font size and legibility are often secondary design concerns for minority groups such as disabled users.

Gov.uk uses white space to allow users to focus on text

1Increasing legibility can improve the experience for all user groups

small touchesmake a big dif

2ference

Normal, hover and on-click button states for gov.uk

Seemingly minor interactions like button behaviour can have a real impact on user understanding2

Gov.uk typeface; a variant on Transport which was developed for UK road signs

Careful selection of typeface aid clarity as well as subtly highlighting brand or messaging2

design can help or hinder3

Two versions of the search box from earlier iterations of gov.uk

Aesthetically pleasing doesn’t mean usable3

An earlier iteration of the Gov.uk page footer

Overuse of elements intended to create clarity can be confusing for users3

access andavailability4

Gov.uk uses responsive design to accomodate a range of devices

With an increasing amount of mobile or tablet users, it’s now more important than ever to think about how, when and why we access online services4

The layout shifts between tablet and mobile to best utilise available space

Simplify pages, don’t remove information4

release first,refine later5

An alpha release of the Gov.uk homepage

An imperfect but useful site is worth a hundred perfect sites never used5

The current Gov.uk homepage

The best and most informed decisions you make, design or otherwise, will come from user input5

@lily_dartlily@dxw.com

thank you