SlideShare a Scribd company logo
1 of 27
Download to read offline
Making Agile development and UX work at Citizens Advice
Adrian Hunt, Publishing Manager, Citizens Advice
First time agile
What I am going to talk about
 Why Citizens Advice chose an agile development philosophy to
develop their new CMS and inform their digital strategy
 How user testing has informed that development
 The lessons learnt – plus points and drawbacks
but first ...
Making Agile development and UX work at Citizens Advice
This is a picture of the 1.8 million people
who attended Barack Obama’s first
inauguration as US President.
 That’s roughly how many people
walk through our doors each year
 Twice as many ring us
 Nine times as many use our
websites
A well performing website but...
Citizens Advice’s advice website has seen traffic consistently
increase over the past five years. Last year was its most
successful ever with nearly 16 million unique visitors.
However it is built on a creaking,15-year-old CMS.
Vince Cable saves the day
In March 2013, Citizens Advice was awarded additional funding
to develop their online offering, some of which was allocated to a
new CMS, a refresh of our website design and the development
of a new digital strategy.
Scope of the project
 Technical – Replacing a content management system and developing new
functionality
 Data – Migrating the content of six existing websites
 Information architecture – All sites on a single domain with some sites
merging
 Design – Refreshing existing and introducing responsive design
 Workflow – Changing the editorial model of intranet to include workflow
 Commercial – Setting up a web subscription service for one of our websites
and ...
Agile project management
• Following disappointing experiences in previous ICT projects, we
decided to develop the new CMS using Agile principles. This
decision was made before any CMS had been chosen. It was an
experiment and the first time it had been adopted at Citizens
Advice.
• After a procurement exercise, the EPiServer CMS was chosen
with Sigma as the developer. One of the particularly convincing
arguments that Sigma had made was the emphasis they placed
on user experience and continual user testing within the
development cycle.
Why Agile: Key differences
Agile against traditional development
Pros
 Early visibility of developments
 Changing priority of features easy
 Changing order of releases
easy
 Testing done throughout
Cons
 Requires a lot of time
 Almost dedicated input from
business owners
 Lots of testing needed
Our Agile approach
 Story – item/feature to develop
 Backlog – prioritised list of items to develop
 Sprint – 2 week mini development cycle taking top items from the backlog,
developing and testing them before presenting them
-
 Showcase – Where developed stories are presented. They are then tested
against the specification
 Each story costs a certain number of points
 Each sprint contains a max of 120 pts = velocity
 Intention: early and continuous visibility of development
Agile – Sprint meetings
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Week 1
SPM
Week 2
“Sprint”
Showcase
Look
Ahead
Release
Sprints
SPM
Look
Ahead
Showcase
Week 1 Week 2
Intended velocity
July August September October November December January February March
BMIS CABlink Adviceguide
BMIS
CABlink
Corp
Adviceguide
Advisernet
AdvisernetCorp
User experience approach
At the outset of the project, we had the goal to test new ideas,
designs and functionality with users and place each site in a beta
version prior to rollout…
Feedback was gathered through a variety of techniques, including:
 Workshops and focus groups
 Interviews, surveys and questionnaires
 Natural environment observation
 User testing (remote and observed, guerrilla)
 Analytics
 Website feedback mechanisms
Where UX counted
 Benchmarking of existing sites
 Template design
 Paper prototyping
 Strategic goals
 Internal stakeholder requirements
 Key external stakeholder requirements
 Accessibility reviews at each site launch
 Beta testing of the internal sites, BMIS and CABlink
 200 Citizens Advice super testers recruited
 Two focus groups representing the public and power
Agile and UX in action
My sketch of a section
start page with the
different types of feature
Agile and UX in action (idea generation)
First draft of the design of
the section start page in
Photoshop
Agile and UX in action (design 1)
Agreed design of the
section start page in
Photoshop
Agile and UX in action (iteration of design)
Functionality specified
and uploaded onto
project tool, Trello
Agile and UX in action (specification)
Testing of functionality
by Citizens Advice,
comments and findings
recorded on Trello
Agile and UX in action (staging)
Agile and UX in action (live)
The home page of one
of our intranet sites,
CABlink, which is built
from interchangeable
blocks developed for
the start pages of other
sites
Milestones: Where are we now
 Sep 2013: Presentation to Annual Conference
 Oct – Dec 2013: BMIS beta
 Jan 2014: BMIS live
 Feb – Mar 2014: CABlink beta
 Apr 2014: CABlink live
 Jun 2014: Last two development sprints planned
 Early Sep 2014: AdviserNet launch planned
-
 Mid Sep 2014: Corporate and Adviceguide sites merged and new
citizensadvice.org.uk launched
 Autumn – Winter 2014: UX review of sites
Lessons: Agile
 Exhausting – get the velocity right
 Testing resource
 Bugs – with complexity comes bugs
 Specifications are still required
 Tracking of progress essential
 More stabilisation sprints
 There is built-in redundancy
 Co-location helpful, though not essential
Lessons: Project specific
 Make sure you have real content in the CMS on which to develop
 Know the technology – as the client you will be specifying and testing
 Think design/templates and then develop functionality
 More UX
 Second staff full time
 Was a shift-and-lift migration project suitable for agile development?
Successes
 More client involvement in development
 Don’t go too far wrong
 Continuous redefinition / iteration
 Constant reprioritisation of stories
 Encourages you to test with users
 You get better at it as the project progresses
 Better product as an end result
The future
 Agile is now being rolled out to other projects and areas of Citizens Advice
 On the websites, we are adopting Agile and user needs wholesale as a
means of producing and reviewing content and tools
 User experience is central to our future content strategy
 Testing resource is recognised as an essential component to any
development
Thank you and questions
My name is Adrian Hunt.
I am Publishing Manager at Citizens
Advice.
I can be contacted at:
adrian.hunt@citizensadvice.org.uk
or
adrhunt@googlemail.com

More Related Content

Viewers also liked

9 steps to agile adoption – a proposal
9 steps to agile adoption – a proposal9 steps to agile adoption – a proposal
9 steps to agile adoption – a proposalNaveen Indusekhar
 
UX Camp 2017 – How UX survives in agile development
UX Camp 2017 – How UX survives in agile developmentUX Camp 2017 – How UX survives in agile development
UX Camp 2017 – How UX survives in agile developmentJanne_Bjorsted
 
Learn Agile Development Through Tetris
Learn Agile Development Through TetrisLearn Agile Development Through Tetris
Learn Agile Development Through TetrisMark Daggett
 
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...UXPA Boston
 
Agile for-dummies
Agile for-dummiesAgile for-dummies
Agile for-dummiesRajiv Kane
 
High Quality Software Development with Agile and Scrum
High Quality Software Development with Agile and ScrumHigh Quality Software Development with Agile and Scrum
High Quality Software Development with Agile and ScrumLemi Orhan Ergin
 
Flowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentFlowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentCourtney Hemphill
 
12 principles for Agile Development
12 principles for Agile Development 12 principles for Agile Development
12 principles for Agile Development Julien Henzelin
 
Cross-functional team collaboration between Agile development and UX design
Cross-functional team collaboration between Agile development and UX designCross-functional team collaboration between Agile development and UX design
Cross-functional team collaboration between Agile development and UX designDug Falby
 

Viewers also liked (10)

9 steps to agile adoption – a proposal
9 steps to agile adoption – a proposal9 steps to agile adoption – a proposal
9 steps to agile adoption – a proposal
 
UX in an agile environment, 6 December 2016, Copenhagen
UX in an agile environment, 6 December 2016, CopenhagenUX in an agile environment, 6 December 2016, Copenhagen
UX in an agile environment, 6 December 2016, Copenhagen
 
UX Camp 2017 – How UX survives in agile development
UX Camp 2017 – How UX survives in agile developmentUX Camp 2017 – How UX survives in agile development
UX Camp 2017 – How UX survives in agile development
 
Learn Agile Development Through Tetris
Learn Agile Development Through TetrisLearn Agile Development Through Tetris
Learn Agile Development Through Tetris
 
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...
UX Neat, Agile Chaser – Your Step-By-Step Guide For Blending UX and Agile in ...
 
Agile for-dummies
Agile for-dummiesAgile for-dummies
Agile for-dummies
 
High Quality Software Development with Agile and Scrum
High Quality Software Development with Agile and ScrumHigh Quality Software Development with Agile and Scrum
High Quality Software Development with Agile and Scrum
 
Flowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile DevelopmentFlowcon - Mixing Lean UX & Agile Development
Flowcon - Mixing Lean UX & Agile Development
 
12 principles for Agile Development
12 principles for Agile Development 12 principles for Agile Development
12 principles for Agile Development
 
Cross-functional team collaboration between Agile development and UX design
Cross-functional team collaboration between Agile development and UX designCross-functional team collaboration between Agile development and UX design
Cross-functional team collaboration between Agile development and UX design
 

Similar to Making Agile development and UX work at Citizens Advice

Open / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent BiceOpen / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent BiceLevelTen Interactive
 
Objective Digital Case Studies 2012
Objective Digital Case Studies 2012Objective Digital Case Studies 2012
Objective Digital Case Studies 2012Objective Experience
 
Sophanic's Company Profile
Sophanic's Company ProfileSophanic's Company Profile
Sophanic's Company ProfileSocrates Okonkwo
 
Redesigning TCS.com with Remote Research
Redesigning TCS.com with Remote ResearchRedesigning TCS.com with Remote Research
Redesigning TCS.com with Remote ResearchChris Farnum
 
Agile and data driven product development oleh Dhiku VP Product KMK Online
Agile and data driven product development oleh Dhiku VP Product KMK OnlineAgile and data driven product development oleh Dhiku VP Product KMK Online
Agile and data driven product development oleh Dhiku VP Product KMK OnlineRein Mahatma
 
Evolutionary Architecture And Design
Evolutionary Architecture And DesignEvolutionary Architecture And Design
Evolutionary Architecture And DesignNaresh Jain
 
Amnesty International Digital Product Roadmap
Amnesty International Digital Product RoadmapAmnesty International Digital Product Roadmap
Amnesty International Digital Product RoadmapAmnesty International UK
 
Webinar Agile Presentation V.1.0
Webinar Agile Presentation V.1.0Webinar Agile Presentation V.1.0
Webinar Agile Presentation V.1.0fhios
 
TkXel - Web Engineering
TkXel - Web EngineeringTkXel - Web Engineering
TkXel - Web EngineeringTkXel
 
Planning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects   it-toolkitsPlanning more effective milestones in web design projects   it-toolkits
Planning more effective milestones in web design projects it-toolkitsIT-Toolkits.org
 
Introduction to Agile and Lean Software Development
Introduction to Agile and Lean Software DevelopmentIntroduction to Agile and Lean Software Development
Introduction to Agile and Lean Software DevelopmentThanh Nguyen
 
Integrating web analysis in the user experience design process
Integrating web analysis in the user experience design processIntegrating web analysis in the user experience design process
Integrating web analysis in the user experience design processinternetarchitects
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013Emily Thomas
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfssuser6609a5
 
Accessibility in the Engineering Village CSUN 2019
Accessibility in the Engineering Village CSUN 2019Accessibility in the Engineering Village CSUN 2019
Accessibility in the Engineering Village CSUN 2019Ted Gies
 

Similar to Making Agile development and UX work at Citizens Advice (20)

Open / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent BiceOpen / Drupal Camp Presentation: Brent Bice
Open / Drupal Camp Presentation: Brent Bice
 
Arvind Updated
Arvind UpdatedArvind Updated
Arvind Updated
 
Resume
ResumeResume
Resume
 
Objective Digital Case Studies 2012
Objective Digital Case Studies 2012Objective Digital Case Studies 2012
Objective Digital Case Studies 2012
 
Sophanic's Company Profile
Sophanic's Company ProfileSophanic's Company Profile
Sophanic's Company Profile
 
Redesigning TCS.com with Remote Research
Redesigning TCS.com with Remote ResearchRedesigning TCS.com with Remote Research
Redesigning TCS.com with Remote Research
 
Agile and data driven product development oleh Dhiku VP Product KMK Online
Agile and data driven product development oleh Dhiku VP Product KMK OnlineAgile and data driven product development oleh Dhiku VP Product KMK Online
Agile and data driven product development oleh Dhiku VP Product KMK Online
 
Evolutionary Architecture And Design
Evolutionary Architecture And DesignEvolutionary Architecture And Design
Evolutionary Architecture And Design
 
Amnesty International Digital Product Roadmap
Amnesty International Digital Product RoadmapAmnesty International Digital Product Roadmap
Amnesty International Digital Product Roadmap
 
Objective Digital Case Studies
Objective Digital Case StudiesObjective Digital Case Studies
Objective Digital Case Studies
 
Webinar Agile Presentation V.1.0
Webinar Agile Presentation V.1.0Webinar Agile Presentation V.1.0
Webinar Agile Presentation V.1.0
 
TkXel - Web Engineering
TkXel - Web EngineeringTkXel - Web Engineering
TkXel - Web Engineering
 
Planning more effective milestones in web design projects it-toolkits
Planning more effective milestones in web design projects   it-toolkitsPlanning more effective milestones in web design projects   it-toolkits
Planning more effective milestones in web design projects it-toolkits
 
Introduction to Agile and Lean Software Development
Introduction to Agile and Lean Software DevelopmentIntroduction to Agile and Lean Software Development
Introduction to Agile and Lean Software Development
 
Integrating web analysis in the user experience design process
Integrating web analysis in the user experience design processIntegrating web analysis in the user experience design process
Integrating web analysis in the user experience design process
 
My ux portfolio 2013
My ux portfolio 2013My ux portfolio 2013
My ux portfolio 2013
 
Case Studies
Case StudiesCase Studies
Case Studies
 
Kedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdfKedar Chavan - UX Process.pdf
Kedar Chavan - UX Process.pdf
 
Accessibility in the Engineering Village CSUN 2019
Accessibility in the Engineering Village CSUN 2019Accessibility in the Engineering Village CSUN 2019
Accessibility in the Engineering Village CSUN 2019
 
The Agile Movement
The Agile MovementThe Agile Movement
The Agile Movement
 

More from Nexer Digital

Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Nexer Digital
 
Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums Nexer Digital
 
Imran Hussain- Co-design by community - May 2023.pdf
Imran Hussain-  Co-design by community - May 2023.pdfImran Hussain-  Co-design by community - May 2023.pdf
Imran Hussain- Co-design by community - May 2023.pdfNexer Digital
 
Natalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good designNatalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good designNexer Digital
 
Audree Fletcher - Designing in the dark
Audree Fletcher - Designing in the darkAudree Fletcher - Designing in the dark
Audree Fletcher - Designing in the darkNexer Digital
 
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...Nexer Digital
 
Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?Nexer Digital
 
James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...Nexer Digital
 
Jas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRsJas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRsNexer Digital
 
Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)Nexer Digital
 
Sarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experienceSarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experienceNexer Digital
 
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)Nexer Digital
 
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work Nexer Digital
 
Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)Nexer Digital
 
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)Nexer Digital
 
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...
Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...Nexer Digital
 
Alt text as poetry for gov campnorth
Alt text as poetry for gov campnorthAlt text as poetry for gov campnorth
Alt text as poetry for gov campnorthNexer Digital
 
An introduction to content design
An introduction to content designAn introduction to content design
An introduction to content designNexer Digital
 
Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020Nexer Digital
 
User experience and accessibility best practice by sigma 11.07.2019
User experience and accessibility best practice by sigma 11.07.2019User experience and accessibility best practice by sigma 11.07.2019
User experience and accessibility best practice by sigma 11.07.2019Nexer Digital
 

More from Nexer Digital (20)

Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums Embedding service design: blood, sweat, tears and tantrums
Embedding service design: blood, sweat, tears and tantrums
 
Imran Hussain- Co-design by community - May 2023.pdf
Imran Hussain-  Co-design by community - May 2023.pdfImran Hussain-  Co-design by community - May 2023.pdf
Imran Hussain- Co-design by community - May 2023.pdf
 
Natalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good designNatalie Pearce - From CX to EX: Good culture needs good design
Natalie Pearce - From CX to EX: Good culture needs good design
 
Audree Fletcher - Designing in the dark
Audree Fletcher - Designing in the darkAudree Fletcher - Designing in the dark
Audree Fletcher - Designing in the dark
 
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
Erere Ikogho - Enhancing NHS Clinical Quality Improvement: Integrating User R...
 
Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?Shabira Papain - Inclusive design: Luxury or must-have?
Shabira Papain - Inclusive design: Luxury or must-have?
 
James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...James Plunkett - Digital transformation in context: You’re part of something ...
James Plunkett - Digital transformation in context: You’re part of something ...
 
Jas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRsJas Kang - Design imperatives at Depatment for Education using OKRs
Jas Kang - Design imperatives at Depatment for Education using OKRs
 
Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)Helen Lawson - Death and other difficult words (Camp Digital 2022)
Helen Lawson - Death and other difficult words (Camp Digital 2022)
 
Sarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experienceSarah Mace - The better your culture, the better your user experience
Sarah Mace - The better your culture, the better your user experience
 
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
Kylie Havelock - Tailored advice services in the modern age (Camp Digital 2022)
 
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
Sharon O'Dea and Hanna Karppi - A Human-Centred Future of Work
 
Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)Gerry McGovern - Earth Experience Design (Camp Digital 2022)
Gerry McGovern - Earth Experience Design (Camp Digital 2022)
 
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
Older Adults: Are We Really Designing for Our Future Selves? (BAD Conf. 2022)
 
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...
Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...Notes from the dyslexic side of the screen - Lisa Matthews  - Nexer Digital  ...
Notes from the dyslexic side of the screen - Lisa Matthews - Nexer Digital ...
 
Alt text as poetry for gov campnorth
Alt text as poetry for gov campnorthAlt text as poetry for gov campnorth
Alt text as poetry for gov campnorth
 
An introduction to content design
An introduction to content designAn introduction to content design
An introduction to content design
 
Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020Sigma's Farewell to the Wellcome Genome Campus, January 2020
Sigma's Farewell to the Wellcome Genome Campus, January 2020
 
User experience and accessibility best practice by sigma 11.07.2019
User experience and accessibility best practice by sigma 11.07.2019User experience and accessibility best practice by sigma 11.07.2019
User experience and accessibility best practice by sigma 11.07.2019
 

Recently uploaded

Aligning Testing Objectives with Overall Project Goals for Successful Outcome...
Aligning Testing Objectives with Overall Project Goals for Successful Outcome...Aligning Testing Objectives with Overall Project Goals for Successful Outcome...
Aligning Testing Objectives with Overall Project Goals for Successful Outcome...Anju21552
 
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSedrianrheine
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteMavein
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxnaveenithkrishnan
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfmchristianalwyn
 
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)Internet 2.0 Conference
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...APNIC
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Shubham Pant
 
Test Automation with Gen AI_Final_Presentation
Test Automation with Gen AI_Final_PresentationTest Automation with Gen AI_Final_Presentation
Test Automation with Gen AI_Final_PresentationUiPathCommunity
 
Discussing Potential of Submarine Cables Causing Internet Blackout in Ghana
Discussing Potential of Submarine Cables Causing Internet Blackout in GhanaDiscussing Potential of Submarine Cables Causing Internet Blackout in Ghana
Discussing Potential of Submarine Cables Causing Internet Blackout in GhanaDesmond Israel
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSlesteraporado16
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsRoxana Stingu
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024Jan Löffler
 

Recently uploaded (13)

Aligning Testing Objectives with Overall Project Goals for Successful Outcome...
Aligning Testing Objectives with Overall Project Goals for Successful Outcome...Aligning Testing Objectives with Overall Project Goals for Successful Outcome...
Aligning Testing Objectives with Overall Project Goals for Successful Outcome...
 
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDSTYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
TYPES AND DEFINITION OF ONLINE CRIMES AND HAZARDS
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
 
Bio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptxBio Medical Waste Management Guideliness 2023 ppt.pptx
Bio Medical Waste Management Guideliness 2023 ppt.pptx
 
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdfLESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
LESSON 5 GROUP 10 ST. THOMAS AQUINAS.pdf
 
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)
Internet 2.0 Conference (Event Information Deck | Dec'24 - Mar'25)
 
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
Benefits of doing Internet peering and running an Internet Exchange (IX) pres...
 
Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024Check out the Free Landing Page Hosting in 2024
Check out the Free Landing Page Hosting in 2024
 
Test Automation with Gen AI_Final_Presentation
Test Automation with Gen AI_Final_PresentationTest Automation with Gen AI_Final_Presentation
Test Automation with Gen AI_Final_Presentation
 
Discussing Potential of Submarine Cables Causing Internet Blackout in Ghana
Discussing Potential of Submarine Cables Causing Internet Blackout in GhanaDiscussing Potential of Submarine Cables Causing Internet Blackout in Ghana
Discussing Potential of Submarine Cables Causing Internet Blackout in Ghana
 
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASSLESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
LESSON 10/ GROUP 10/ ST. THOMAS AQUINASS
 
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced HorizonsVision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
Vision Forward: Tracing Image Search SEO From Its Roots To AI-Enhanced Horizons
 
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
WordPress by the numbers - Jan Loeffler, CTO WebPros, CloudFest 2024
 

Making Agile development and UX work at Citizens Advice

  • 1. Making Agile development and UX work at Citizens Advice Adrian Hunt, Publishing Manager, Citizens Advice First time agile
  • 2. What I am going to talk about  Why Citizens Advice chose an agile development philosophy to develop their new CMS and inform their digital strategy  How user testing has informed that development  The lessons learnt – plus points and drawbacks but first ...
  • 4. This is a picture of the 1.8 million people who attended Barack Obama’s first inauguration as US President.  That’s roughly how many people walk through our doors each year  Twice as many ring us  Nine times as many use our websites
  • 5. A well performing website but... Citizens Advice’s advice website has seen traffic consistently increase over the past five years. Last year was its most successful ever with nearly 16 million unique visitors. However it is built on a creaking,15-year-old CMS.
  • 6. Vince Cable saves the day In March 2013, Citizens Advice was awarded additional funding to develop their online offering, some of which was allocated to a new CMS, a refresh of our website design and the development of a new digital strategy.
  • 7. Scope of the project  Technical – Replacing a content management system and developing new functionality  Data – Migrating the content of six existing websites  Information architecture – All sites on a single domain with some sites merging  Design – Refreshing existing and introducing responsive design  Workflow – Changing the editorial model of intranet to include workflow  Commercial – Setting up a web subscription service for one of our websites and ...
  • 8. Agile project management • Following disappointing experiences in previous ICT projects, we decided to develop the new CMS using Agile principles. This decision was made before any CMS had been chosen. It was an experiment and the first time it had been adopted at Citizens Advice. • After a procurement exercise, the EPiServer CMS was chosen with Sigma as the developer. One of the particularly convincing arguments that Sigma had made was the emphasis they placed on user experience and continual user testing within the development cycle.
  • 9. Why Agile: Key differences
  • 10. Agile against traditional development Pros  Early visibility of developments  Changing priority of features easy  Changing order of releases easy  Testing done throughout Cons  Requires a lot of time  Almost dedicated input from business owners  Lots of testing needed
  • 11. Our Agile approach  Story – item/feature to develop  Backlog – prioritised list of items to develop  Sprint – 2 week mini development cycle taking top items from the backlog, developing and testing them before presenting them -  Showcase – Where developed stories are presented. They are then tested against the specification  Each story costs a certain number of points  Each sprint contains a max of 120 pts = velocity  Intention: early and continuous visibility of development
  • 12. Agile – Sprint meetings Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Week 1 SPM Week 2 “Sprint” Showcase Look Ahead Release Sprints SPM Look Ahead Showcase Week 1 Week 2
  • 13. Intended velocity July August September October November December January February March BMIS CABlink Adviceguide BMIS CABlink Corp Adviceguide Advisernet AdvisernetCorp
  • 14. User experience approach At the outset of the project, we had the goal to test new ideas, designs and functionality with users and place each site in a beta version prior to rollout… Feedback was gathered through a variety of techniques, including:  Workshops and focus groups  Interviews, surveys and questionnaires  Natural environment observation  User testing (remote and observed, guerrilla)  Analytics  Website feedback mechanisms
  • 15. Where UX counted  Benchmarking of existing sites  Template design  Paper prototyping  Strategic goals  Internal stakeholder requirements  Key external stakeholder requirements  Accessibility reviews at each site launch  Beta testing of the internal sites, BMIS and CABlink  200 Citizens Advice super testers recruited  Two focus groups representing the public and power
  • 16. Agile and UX in action My sketch of a section start page with the different types of feature Agile and UX in action (idea generation)
  • 17. First draft of the design of the section start page in Photoshop Agile and UX in action (design 1)
  • 18. Agreed design of the section start page in Photoshop Agile and UX in action (iteration of design)
  • 19. Functionality specified and uploaded onto project tool, Trello Agile and UX in action (specification)
  • 20. Testing of functionality by Citizens Advice, comments and findings recorded on Trello Agile and UX in action (staging)
  • 21. Agile and UX in action (live) The home page of one of our intranet sites, CABlink, which is built from interchangeable blocks developed for the start pages of other sites
  • 22. Milestones: Where are we now  Sep 2013: Presentation to Annual Conference  Oct – Dec 2013: BMIS beta  Jan 2014: BMIS live  Feb – Mar 2014: CABlink beta  Apr 2014: CABlink live  Jun 2014: Last two development sprints planned  Early Sep 2014: AdviserNet launch planned -  Mid Sep 2014: Corporate and Adviceguide sites merged and new citizensadvice.org.uk launched  Autumn – Winter 2014: UX review of sites
  • 23. Lessons: Agile  Exhausting – get the velocity right  Testing resource  Bugs – with complexity comes bugs  Specifications are still required  Tracking of progress essential  More stabilisation sprints  There is built-in redundancy  Co-location helpful, though not essential
  • 24. Lessons: Project specific  Make sure you have real content in the CMS on which to develop  Know the technology – as the client you will be specifying and testing  Think design/templates and then develop functionality  More UX  Second staff full time  Was a shift-and-lift migration project suitable for agile development?
  • 25. Successes  More client involvement in development  Don’t go too far wrong  Continuous redefinition / iteration  Constant reprioritisation of stories  Encourages you to test with users  You get better at it as the project progresses  Better product as an end result
  • 26. The future  Agile is now being rolled out to other projects and areas of Citizens Advice  On the websites, we are adopting Agile and user needs wholesale as a means of producing and reviewing content and tools  User experience is central to our future content strategy  Testing resource is recognised as an essential component to any development
  • 27. Thank you and questions My name is Adrian Hunt. I am Publishing Manager at Citizens Advice. I can be contacted at: adrian.hunt@citizensadvice.org.uk or adrhunt@googlemail.com

Editor's Notes

  1. The original ing