KEMBAR78
Code for NL - Towards a Shared Component Library | PDF
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/
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/
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/
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
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
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
Towards a Shared Component Library
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
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
https://clarity.codefor.nl
http://cd4.nl/3YPHY62L
https://www.gebruikercentraal.nl/blog/design-systems/
GOV.UK
Australian Government
Italian Public Administration
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
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)
Activities
May 17: Code for NL Meetup City of Nijmegen
May 30: Interaction library Meetup
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

Code for NL - Towards a Shared Component Library

  • 1.
    UX Cocktail Hours Amsterdam Codefor 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 forNL (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 forAll 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 areislands, 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 forNL) 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 Connectingthe community of developers and designers Promote open source collaboration and reuse Engage and support governments Start discussion about professional ethics
  • 8.
    Towards a SharedComponent 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 SharedComponent 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.
  • 12.
  • 13.
    May 30: Interactionlibrary 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: Codefor NL Meetup City of Nijmegen May 30: Interaction library Meetup
  • 16.
    Any ideas? Wantto 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