Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Open Police
The design principles behind the open government
platform of the Belgian Police.
www.openpolice.be
@OpenPolice...
Who are we?
www.timble.net
● I’m Tom Janssens (@janssenstom)
● Multidisciplinair and fully remote team, 15 strong
● Lead b...
On any internet enabled device near you.
www.openpolice.be/sites/
Local Police websites
Used by 75% of Local Police zones & Federal Police
Sessions and Pageviews from 2010 till end of 2015
1. Start with user needs
https://flic.kr/p/eQtasQ
People come to our sites to
accomplish tasks and fulfil needs
Not just to hang out
What does the user need?
without Social Media acquisition
+75% visitors for Contact & Questions
Use case
District officer search
Use case
Your district officer, contact info & office hours
2. Do less
https://flic.kr/p/bwHCXU
Re-use existing resources (like APIs)
Don’t reinvent the wheel every time
http://www.openpolice.be/blog/2014/09/12/streets-database.html
CRAB - AGIV
Flemish streets database
http://www.openpolice.be/stack/
Open Source stack
3. Design with data
https://flic.kr/p/cpzHPw
Don’t make assumptions
Watch and learn from real user behaviour
analytics.google.com
Heatmaps, Recordings, Funnels, Forms - www.hotjar.com
User testing
4. Do the hard work to make it simple
https://flic.kr/p/qhd2dh
Making something
look simple is easy ...
… making something simple to use is much harder
https://twitter.com/Paul_Framp/status/467398108985692160/
Before
https://twitter.com/Paul_Framp/status/467398108985692160/
After
5. Iterate. Then iterate again.
https://flic.kr/p/byypYZ
+400 closed development tickets since September 2013.
Start small and iterate wildly
Add features and refinements based
on...
http://www.openpolice.be/blog/2014/09/10/schedule-a-news-article.html
Schedule a news article
6. Build for inclusion
https://flic.kr/p/faH5Lt
Accessible design is good design
Make it inclusive, clear and readable
http://www.dekamer.be/flwb/pdf/53/3403/53K3403001.pdf
http://bradfrost.com/blog/web/mobile-first-responsive-web-design/
Mobile First Progressive Enhanced
Old browsers?
They’ll get the most basic version:
single column layout & not enhanced with Javascript.
It’s that easy!
7. Build digital services, not websites
https://flic.kr/p/gtrSxL
schema.org
JSON Linked Data
http://jsonapi.org/
Provide Open Data
Accessible, machine-readable standardized data
that others can use.
Downloadable spr...
http://www.lokalepolitie.be/5388/nieuws.json
RESTful API
The platform is designed around the HTTP protocol. All data is av...
8. Understand context
https://flic.kr/p/o3ZQHn
Understand the circumstances
Nuisance at night
9. Be consistent
https://flic.kr/p/9KR59t
Same design patterns and language
So users will have a reasonable chance of guessing
what they’re supposed to do
http://en.wikipedia.org/wiki/Digital_divide
Digital divide
The gap between those who have access to
information and the sk...
10. Make things open
https://flic.kr/p/nDzaE3
http://www.openpolice.be
Sharing helps
Try it yourself
www.openpolice.be/demo
https://gds.blog.gov.uk/about/
Design Principles inspired by UK’s
Government Digital Service
We build things for the web
www.timble.net
Thank you
www.openpolice.be - @OpenPoliceBE
Open City, Smart City - Tom Janssens
Open City, Smart City - Tom Janssens
Open City, Smart City - Tom Janssens
Upcoming SlideShare
Loading in …5
×

Open City, Smart City - Tom Janssens

219 views

Published on

Open Police
The design principles behind the open government platform of the Belgian Police.

  • Be the first to comment

  • Be the first to like this

Open City, Smart City - Tom Janssens

  1. 1. Open Police The design principles behind the open government platform of the Belgian Police. www.openpolice.be @OpenPoliceBE Open Belgium 29 February 2016, Antwerp
  2. 2. Who are we? www.timble.net ● I’m Tom Janssens (@janssenstom) ● Multidisciplinair and fully remote team, 15 strong ● Lead by Joomla co-founder Johan Janssens ● Deep roots in Open Source ● Developing the Open Police platform since 2010
  3. 3. On any internet enabled device near you.
  4. 4. www.openpolice.be/sites/ Local Police websites Used by 75% of Local Police zones & Federal Police
  5. 5. Sessions and Pageviews from 2010 till end of 2015
  6. 6. 1. Start with user needs https://flic.kr/p/eQtasQ
  7. 7. People come to our sites to accomplish tasks and fulfil needs Not just to hang out
  8. 8. What does the user need? without Social Media acquisition +75% visitors for Contact & Questions
  9. 9. Use case District officer search
  10. 10. Use case Your district officer, contact info & office hours
  11. 11. 2. Do less https://flic.kr/p/bwHCXU
  12. 12. Re-use existing resources (like APIs) Don’t reinvent the wheel every time
  13. 13. http://www.openpolice.be/blog/2014/09/12/streets-database.html CRAB - AGIV Flemish streets database
  14. 14. http://www.openpolice.be/stack/ Open Source stack
  15. 15. 3. Design with data https://flic.kr/p/cpzHPw
  16. 16. Don’t make assumptions Watch and learn from real user behaviour
  17. 17. analytics.google.com
  18. 18. Heatmaps, Recordings, Funnels, Forms - www.hotjar.com
  19. 19. User testing
  20. 20. 4. Do the hard work to make it simple https://flic.kr/p/qhd2dh
  21. 21. Making something look simple is easy ... … making something simple to use is much harder
  22. 22. https://twitter.com/Paul_Framp/status/467398108985692160/ Before
  23. 23. https://twitter.com/Paul_Framp/status/467398108985692160/ After
  24. 24. 5. Iterate. Then iterate again. https://flic.kr/p/byypYZ
  25. 25. +400 closed development tickets since September 2013. Start small and iterate wildly Add features and refinements based on feedback from real users
  26. 26. http://www.openpolice.be/blog/2014/09/10/schedule-a-news-article.html Schedule a news article
  27. 27. 6. Build for inclusion https://flic.kr/p/faH5Lt
  28. 28. Accessible design is good design Make it inclusive, clear and readable
  29. 29. http://www.dekamer.be/flwb/pdf/53/3403/53K3403001.pdf
  30. 30. http://bradfrost.com/blog/web/mobile-first-responsive-web-design/ Mobile First Progressive Enhanced
  31. 31. Old browsers? They’ll get the most basic version: single column layout & not enhanced with Javascript. It’s that easy!
  32. 32. 7. Build digital services, not websites https://flic.kr/p/gtrSxL
  33. 33. schema.org JSON Linked Data
  34. 34. http://jsonapi.org/ Provide Open Data Accessible, machine-readable standardized data that others can use. Downloadable spreadsheets or CSV files
  35. 35. http://www.lokalepolitie.be/5388/nieuws.json RESTful API The platform is designed around the HTTP protocol. All data is available through a level 3 JSON REST API.
  36. 36. 8. Understand context https://flic.kr/p/o3ZQHn
  37. 37. Understand the circumstances Nuisance at night
  38. 38. 9. Be consistent https://flic.kr/p/9KR59t
  39. 39. Same design patterns and language So users will have a reasonable chance of guessing what they’re supposed to do
  40. 40. http://en.wikipedia.org/wiki/Digital_divide Digital divide The gap between those who have access to information and the skills to make use of it and those who do not have the skills. Average digital literacy decreases when digital audience increases.
  41. 41. 10. Make things open https://flic.kr/p/nDzaE3
  42. 42. http://www.openpolice.be Sharing helps
  43. 43. Try it yourself www.openpolice.be/demo
  44. 44. https://gds.blog.gov.uk/about/ Design Principles inspired by UK’s Government Digital Service
  45. 45. We build things for the web www.timble.net Thank you www.openpolice.be - @OpenPoliceBE

×