content is king - designing a citizen-centred local government website
TRANSCRIPT
![Page 1: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/1.jpg)
Content is Kingthe DNA of designing a citizen-centred local authority website for
dlr County Council
![Page 3: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/3.jpg)
What to expect?
Layers A-HA! Moments OH CRAP! Problem
SolvingOccasional Bragging
![Page 4: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/4.jpg)
![Page 5: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/5.jpg)
What I’ll cover…1. Background 2. Project Goals 3. Context 4. Design Process 5. Design Principles 6. Challenges 7. Quick Recap
![Page 6: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/6.jpg)
BackgroundTotal Population: 207k Educated & Tech Savvy Website Stats
102k 78.8% 30k
Professional or Managerial & Technical
Broadband Connectivity National average: 63.8%
Unique Website Visitors per month
![Page 7: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/7.jpg)
Project Goals
1. Citizen-Centred public service platform 2. Modern website accessible across multiple devices 3. Highly Visual / Showcase the location
4. Easily Managed 5. Drive Efficiency / Decrease number of calls
Focus on Citizens
Focused on Organisation
![Page 8: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/8.jpg)
Context
New dlrcoco Website
Existing dlr Libraries
Website
Existing dlr Events Website
Search
Events
News
![Page 9: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/9.jpg)
The Process1. User Research - Understand the Users 2. Organisational Research - Understand the Organisation 3. Content Audit - Understand Content Types & Structure 4. Information Architecture - Taxonomies & Hierarchy 5. Sketch & Wireframe - Figure out solutions 6. Test - Make sure it works 7. Build - Rapid Development 8. Design - Define Styles & Interactions 9. Theme - Get it ready 10.Train - Onboard & Train Content Editors
![Page 10: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/10.jpg)
What we haveTHE PROCESS: RESEARCH
Customer SurveysPain Points
Website AnalyticsPopular Content
Customer CallsNature of Enquiries
![Page 11: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/11.jpg)
Website AudiencesTHE PROCESS: RESEARCH
Proto-Persona
1. High Level understanding of Audiences 2. Start Designing for User Needs 3. Perfect for Agile Projects 4. Validate Later in the Process 5. Based on Secondary Research
![Page 12: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/12.jpg)
![Page 13: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/13.jpg)
Stakeholders InterviewsTHE PROCESS: RESEARCH
Interview Staff Across All dlr Internal
Departments
WHO?
Senior Staff + People that Talk to People WHY?
1. Understand the Structure of the Organisation 2. Understand the Services they Offer 3. Understand Department Public Content 4. Onboard Staff to become Content Editors 5. Validate User Needs & Pain Points
![Page 14: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/14.jpg)
Content AuditTHE PROCESS: RESEARCH
No Clear StructureContent Maze
Alphabetised NavigationGuessing Game
External Google SearchLack of Context
![Page 15: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/15.jpg)
Content AuditTHE PROCESS: RESEARCH
Content Publishing Dependent on the IT DepartmentBottleneck
![Page 16: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/16.jpg)
Information ArchitectureTHE PROCESS: TAXONOMIES & HIERARCHY
Content“I Want Information & Services”Citizens
“I Work in This Department”Content Editors
![Page 17: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/17.jpg)
Content Tags“I Want Information & Services”Citizens
“I Work in This Department”Content Editors
Information ArchitectureTHE PROCESS: TAXONOMIES & HIERARCHY
![Page 18: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/18.jpg)
Onboard & Train Content Editors across All DepartmentsStreamlined Process
Information ArchitectureTHE PROCESS: TAXONOMIES & HIERARCHY
![Page 19: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/19.jpg)
![Page 20: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/20.jpg)
Service Listings Generic Content Pages Micro-sites: Parks, Arts News FAQs Documents Events
EMERGING THEMES &CONTENT TYPES
Information ArchitectureTHE PROCESS: TAXONOMIES & HIERARCHY
![Page 21: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/21.jpg)
Solution PlanningTHE PROCESS: SKETCH & WIREFRAME
![Page 22: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/22.jpg)
Design Principles
Mobile Mindset Facts over Assumptions Tunneling Distributed
ContentDefine. Design. Test. Repeat.
![Page 23: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/23.jpg)
Design ProcessTHE PROCESS: SKETCH, WIREFRAME, DESIGN
Rough & Disposable SketchesPen & Paper
Prototype & TestGreyboxing
UI & Style GuidePixel Pushing
![Page 24: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/24.jpg)
Solution DesignTHE PROCESS: SKETCH, WIREFRAME, DESIGN
V.1
V.2
V.5
V.7
![Page 25: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/25.jpg)
Solution DesignTHE PROCESS: SKETCH, WIREFRAME, DESIGN
V.21
![Page 26: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/26.jpg)
Design ChallengesTHE PROCESS: SKETCH, WIREFRAME, DESIGN
1. Deep Navigation 2. Powerful Search 3. Contextual Indicators 4. Distributed Content
![Page 27: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/27.jpg)
The Burger MenuDESIGN CHALLENGES: NAVIGATION
The Burger Menu
WHY THE BURGER MENU?
1. People Recognise the Pattern 2. Unified Experience Across Devices 3. Department Agnostic 4. Focus Users on Content 5. Exploration Mindset 6. Cleaner Interface 7. No Inherited Navigation behaviour
![Page 28: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/28.jpg)
The Burger MenuDESIGN CHALLENGES: NAVIGATION
![Page 29: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/29.jpg)
The Burger MenuDESIGN CHALLENGES: NAVIGATION
![Page 30: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/30.jpg)
SearchDESIGN CHALLENGES: NAVIGATION
Website Search
SEARCH FEATURES
1. Search as the main navigation tool 2. Powerful & Predictive 3. Short Journey from Input to Result 4. Visible Action Flags CHALLENGES• Contextual Indicators • Cater for Novice & Expert Users
![Page 31: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/31.jpg)
SearchDESIGN CHALLENGES: NAVIGATION
![Page 32: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/32.jpg)
SearchDESIGN CHALLENGES: NAVIGATION
Search TermPredictive Results
Direct Results Links
![Page 33: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/33.jpg)
Contextual IndicatorsDESIGN CHALLENGES: NAVIGATION
Back Button
Breadcrumbs
Service Type
![Page 34: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/34.jpg)
DESIGN CHALLENGES: INFORMATION ARCHITECTURE
Distributed Content
![Page 35: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/35.jpg)
Distributed ContentDESIGN CHALLENGES: INFORMATION ARCHITECTURE
![Page 36: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/36.jpg)
Enterprise ContentQUICK RECAP: LEARNINGS
1. Onboard Stakeholders Early 2. Start with the Content 3. Understand the Users 4. Make it Error-proof 5. Always Iterate & Improve 6. Understand the Extent of Behaviour Change 7. Context over Content
![Page 37: Content is king - Designing a Citizen-Centred Local Government Website](https://reader031.vdocuments.net/reader031/viewer/2022030213/589c85ae1a28abc2258b7157/html5/thumbnails/37.jpg)
– Stephen Brady, IT Director @dlrcc
“Very obviously, Monsoon team provide strong aesthetic and design skills. They underpin this
with thorough business analysis and stakeholder engagement, and a robust project management methodology. We’re very proud
of the resulting suite of websites this engagement has produced.”