SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
design lessons
from gov.uk5
gov.uk
design lessons
from5Single domain to house all government information
and services
gov.uk
design lessons
from5Single domain to house all government information
and services
Recently won Design of the Year award
gov.uk
design 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
useful
1
Font size comparision between gov.uk and bbc.co.uk/news
1
Font 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
1
Increasing legibility can improve the experience for all
user groups
small touches
make a big
dif
2 ference
Normal, hover and on-click button states for gov.uk
Seemingly minor interactions like button behaviour can
have a real impact on user understanding
2
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 messaging
2
design can
help or hinder3
Two versions of the search box from earlier iterations of gov.uk
Aesthetically pleasing doesn’t mean usable
3
An earlier iteration of the Gov.uk page footer
Overuse of elements intended to create clarity can be
confusing for users
3
access and
availability4
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 services
4
The layout shifts between tablet and mobile to best utilise available space
Simplify pages, don’t remove information
4
release first,
refine later5
An alpha release of the Gov.uk homepage
An imperfect but useful site is worth a hundred perfect
sites never used
5
The current Gov.uk homepage
The best and most informed decisions you make, design
or otherwise, will come from user input
5
@lily_dart
lily@dxw.com
thank you

Weitere ähnliche Inhalte

Ähnlich wie 5 things we learned from GOV.UK

Effectively communicating user interface and interaction design
Effectively communicating user interface and interaction designEffectively communicating user interface and interaction design
Effectively communicating user interface and interaction designKaren Bachmann
 
GUI & Modern UI Design
GUI & Modern UI DesignGUI & Modern UI Design
GUI & Modern UI DesignMalik Zahid
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdfAyesha Siddika
 
Aio Fnd135 W1 A3 Wellington Jamesa
Aio Fnd135 W1 A3 Wellington JamesaAio Fnd135 W1 A3 Wellington Jamesa
Aio Fnd135 W1 A3 Wellington JamesaMCA
 
UX Design for Mobile Devices
UX Design for Mobile DevicesUX Design for Mobile Devices
UX Design for Mobile DevicesJosephine Giaimo
 
Usability engineering Usability issues in mobile web
Usability engineering Usability issues in mobile webUsability engineering Usability issues in mobile web
Usability engineering Usability issues in mobile webREHMAT ULLAH
 
How governments can make their websites more citizen-friendly using chatbots
How governments can make their websites more citizen-friendly using chatbotsHow governments can make their websites more citizen-friendly using chatbots
How governments can make their websites more citizen-friendly using chatbotsTars
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Projectxyz01
 
Make the Most of the MUI Dialog Component in React.pdf
Make the Most of the MUI Dialog Component in React.pdfMake the Most of the MUI Dialog Component in React.pdf
Make the Most of the MUI Dialog Component in React.pdfRonDosh
 
pm_chapter1_n_1_111111111111111111111.pptx
pm_chapter1_n_1_111111111111111111111.pptxpm_chapter1_n_1_111111111111111111111.pptx
pm_chapter1_n_1_111111111111111111111.pptxlinatalole2118
 
Creating a Measurable Intranet Strategy
Creating a Measurable Intranet StrategyCreating a Measurable Intranet Strategy
Creating a Measurable Intranet StrategyElizabeth Lupfer
 
Change Management Guide
Change Management GuideChange Management Guide
Change Management GuideMatthew Rees
 
Lotus Messaging & Collaboration Strategy: LCTY 2011
Lotus Messaging & Collaboration Strategy: LCTY 2011Lotus Messaging & Collaboration Strategy: LCTY 2011
Lotus Messaging & Collaboration Strategy: LCTY 2011IBS Bulgaria
 
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...Research-To-Impact Canvas - one page planning tool for research, KT and Comme...
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...KBHN KT
 
Project scope management
Project scope managementProject scope management
Project scope managementDhani Ahmad
 
Designing and developing products for multiple platforms
Designing and developing products for multiple platformsDesigning and developing products for multiple platforms
Designing and developing products for multiple platformsDesignit
 
Topic14 essay
Topic14 essayTopic14 essay
Topic14 essaylsgi4321
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021sravanthisravanthi6
 

Ähnlich wie 5 things we learned from GOV.UK (20)

Effectively communicating user interface and interaction design
Effectively communicating user interface and interaction designEffectively communicating user interface and interaction design
Effectively communicating user interface and interaction design
 
GUI & Modern UI Design
GUI & Modern UI DesignGUI & Modern UI Design
GUI & Modern UI Design
 
Web UI Design Examples.pdf
Web UI Design Examples.pdfWeb UI Design Examples.pdf
Web UI Design Examples.pdf
 
Aio Fnd135 W1 A3 Wellington Jamesa
Aio Fnd135 W1 A3 Wellington JamesaAio Fnd135 W1 A3 Wellington Jamesa
Aio Fnd135 W1 A3 Wellington Jamesa
 
UX Design for Mobile Devices
UX Design for Mobile DevicesUX Design for Mobile Devices
UX Design for Mobile Devices
 
Usability engineering Usability issues in mobile web
Usability engineering Usability issues in mobile webUsability engineering Usability issues in mobile web
Usability engineering Usability issues in mobile web
 
Ch10 (1)
Ch10 (1)Ch10 (1)
Ch10 (1)
 
How governments can make their websites more citizen-friendly using chatbots
How governments can make their websites more citizen-friendly using chatbotsHow governments can make their websites more citizen-friendly using chatbots
How governments can make their websites more citizen-friendly using chatbots
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
 
Make the Most of the MUI Dialog Component in React.pdf
Make the Most of the MUI Dialog Component in React.pdfMake the Most of the MUI Dialog Component in React.pdf
Make the Most of the MUI Dialog Component in React.pdf
 
pm_chapter1_n_1_111111111111111111111.pptx
pm_chapter1_n_1_111111111111111111111.pptxpm_chapter1_n_1_111111111111111111111.pptx
pm_chapter1_n_1_111111111111111111111.pptx
 
Creating a Measurable Intranet Strategy
Creating a Measurable Intranet StrategyCreating a Measurable Intranet Strategy
Creating a Measurable Intranet Strategy
 
Change Management Guide
Change Management GuideChange Management Guide
Change Management Guide
 
Testing file
Testing fileTesting file
Testing file
 
Lotus Messaging & Collaboration Strategy: LCTY 2011
Lotus Messaging & Collaboration Strategy: LCTY 2011Lotus Messaging & Collaboration Strategy: LCTY 2011
Lotus Messaging & Collaboration Strategy: LCTY 2011
 
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...Research-To-Impact Canvas - one page planning tool for research, KT and Comme...
Research-To-Impact Canvas - one page planning tool for research, KT and Comme...
 
Project scope management
Project scope managementProject scope management
Project scope management
 
Designing and developing products for multiple platforms
Designing and developing products for multiple platformsDesigning and developing products for multiple platforms
Designing and developing products for multiple platforms
 
Topic14 essay
Topic14 essayTopic14 essay
Topic14 essay
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 

Mehr von Lily Dart

Designing for the user experience (National Housing Federation - IT in Housin...
Designing for the user experience (National Housing Federation - IT in Housin...Designing for the user experience (National Housing Federation - IT in Housin...
Designing for the user experience (National Housing Federation - IT in Housin...Lily Dart
 
No excuses user research
No excuses user researchNo excuses user research
No excuses user researchLily Dart
 
Making design decisions stick
Making design decisions stickMaking design decisions stick
Making design decisions stickLily Dart
 
Designers are leaders - applying design skills to leadership, and leadership ...
Designers are leaders - applying design skills to leadership, and leadership ...Designers are leaders - applying design skills to leadership, and leadership ...
Designers are leaders - applying design skills to leadership, and leadership ...Lily Dart
 
The quick start guide to guerrilla usability testing
The quick start guide to guerrilla usability testingThe quick start guide to guerrilla usability testing
The quick start guide to guerrilla usability testingLily Dart
 
The ups and down of agile in an agency
The ups and down of agile in an agencyThe ups and down of agile in an agency
The ups and down of agile in an agencyLily Dart
 
Guerrilla testing for content
Guerrilla testing for contentGuerrilla testing for content
Guerrilla testing for contentLily Dart
 

Mehr von Lily Dart (7)

Designing for the user experience (National Housing Federation - IT in Housin...
Designing for the user experience (National Housing Federation - IT in Housin...Designing for the user experience (National Housing Federation - IT in Housin...
Designing for the user experience (National Housing Federation - IT in Housin...
 
No excuses user research
No excuses user researchNo excuses user research
No excuses user research
 
Making design decisions stick
Making design decisions stickMaking design decisions stick
Making design decisions stick
 
Designers are leaders - applying design skills to leadership, and leadership ...
Designers are leaders - applying design skills to leadership, and leadership ...Designers are leaders - applying design skills to leadership, and leadership ...
Designers are leaders - applying design skills to leadership, and leadership ...
 
The quick start guide to guerrilla usability testing
The quick start guide to guerrilla usability testingThe quick start guide to guerrilla usability testing
The quick start guide to guerrilla usability testing
 
The ups and down of agile in an agency
The ups and down of agile in an agencyThe ups and down of agile in an agency
The ups and down of agile in an agency
 
Guerrilla testing for content
Guerrilla testing for contentGuerrilla testing for content
Guerrilla testing for content
 

Kürzlich hochgeladen

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 

Kürzlich hochgeladen (20)

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 

5 things we learned from GOV.UK