Code for NL - Towards a Shared Component Library for Government

1. UX Cocktail Hours
Amsterdam
Code for NL
Making government work
in the digital age
@jpagroenen
CC-BY 4.0 Johan Groenen - Code for NL
https://creativecommons.org/licenses/by/4.0/

2. Stichting Code for NL (foundation)
Code for NL is the Dutch network of open source developers and
designers working on digital government.
Our goal is the successful digital transformation of municipalities,
other governments, and society as a whole.
Code for NL is a governing partner of the international Code for All
network.
https://www.codefor.nl/en/

3. International Code for All network
We show what’s possible
We build for and with citizens
We improve government and civil society (not politics)
We operate in public
We help build an ecosystem
https://codeforall.org/

5. Problem (NL)
govs are islands,
no central digital
strategy
market pressure, one-size-fits-none systems
unconnected products
knowledge gap
community disconnect
no reuse / promotion of solutions

6. Strategy (Code for NL)
promote reuse
connect orgs,
bottom-up
(meetups)
engage community
(open source)
convergent technologies and products
promote collaboration
(open source),
sharing code, plans,
knowledge
educate and
advise

7. Main focus 2018
Connecting the community of developers and designers
Promote open source collaboration and reuse
Engage and support governments
Start discussion about professional ethics

8. Towards a Shared Component Library

9. Why Component Library
effectiveness: designers are scarce, prevent reinventing the wheel
efficiency: enables fast development of prototypes / new products
usability: more resources for thorough testing, reusing best solution
designing trust: recognizable as government

10. Towards a Shared Component Library
Clarity curated set: who’s doing what
GOV.UK call: internation developments
Meetup: what are the options
User research: what are the (different) needs, are there any
limitations (legal, technical, …), design principles

11. https://clarity.codefor.nl
http://cd4.nl/3YPHY62L

12. https://www.gebruikercentraal.nl/blog/design-systems/
GOV.UK
Australian Government
Italian Public Administration

13. May 30: Interaction library Meetup
- Best Practices / Design Principles
- “Component/Template Manager” (install,
update, versioning, ...)
- Templating web service (snippets as a service)
https://www.gebruikercentraal.nl/agenda/interactiebibliotheek/
- Style Guide
- Design Language/System
- Pattern/Interaction Library
- Component/Template Library

14. Design Principles for “Shared Component Library”
Open, transparent and inclusive:
- rotating team membership
- community driven
- explain design choices (theory and tests)
Bottom-up:
- facilitate sharing and collaboration
- no coercion
Optimize experience at two levels:
- end-user experience
- developer experience
Reuse/share wherever possible:
- international organizations
- nation/local organizations
Keep it real:
- create for real (developer) use cases
- test in real life
… (community input)

15. Activities
May 17: Code for NL Meetup City of Nijmegen
May 30: Interaction library Meetup

16. Any ideas? Want to participate? More info?
Please join the discussion on praatmee.codefor.nl
Present: current projects, ideas, inspiration
Co-organise: meetups, open hack days
Explain/advise: tech-for-non-tech, open source consulting
Write: articles, news letter, social media, creative commons