1. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY

2. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY www.geoweb.dnv.org/properties

3. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY CONCLUSION Very successful development process Very successful beta application  Fast  Lightweight  Mobile friendly  Single code base Confidence for future development

4. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY AGENDA SOME HISTORY CHALLENGES DESIGN & BUILD SUCCESSES & DIFFICULTIES WHAT’S NEXT For contextWhy?The worldImportant!Not just nerdy stuff QUESTIONS Crickets?

5. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY The DISTRICT of NORTH VANCOUVER Around 85,000 Residents GIS Section = 3 Analysts + 1 Coordinator + 1 Manager (Biz Systems & GIS) Dev Team = 2 Application Developers + 1 Manager

6. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY HISTORY GIS launches GEOweb (geoweb.dnv.org) P.I.E., Plans & Drawings 2001 ArcIMS New web mapping paradigm GEOweb rebuild, launch of five specialized apps Open Data 2009 Flex/Flash Dedicated GIS Application Developers Backend updates Launch of GEOtools (internal) 2011 Flex/Flash v2 GIS awareness is ubiquitous Need for mobile support, a better experience Mature technology 2014 HTML5

7. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY CHALLENGES Evolving user needs Flash Applications have deviated Better integration needed with DNV web Dated Need a plan for future development PROPERTIES HAZARDS PROJECTS SOLAR HISTORY

8. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY CHALLENGES Evolving user needs “Why doesn’t this work on my phone?”

9. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY CHALLENGES Evolving user needs Flash Applications have deviated Better integration needed with DNV web Dated Need a plan for future development PROPERTIES HAZARDS PROJECTS SOLAR HISTORY

10. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY GOALS Device Agnostic Fast Better maps Clear and Concise More property-related info Easy to maintain, scalable, future proof

11. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY LUKEW Ideation + Design | www.lukew.com

12. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY

13. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY LUKEW Ideation + Design | www.lukew.com

14. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY Conway’s Law “Organizations which design systems... are constrained to produce designs which are copies of the communication structures of these organizations.” — M. Conway, 1968

15. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY Conway’s Law “Organizations which design systems... are constrained to produce designs which are copies of the communication structures of these organizations.” — M. Conway, 1968

16. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USABILITY Conway’s Law “Organizations which design systems... are constrained to produce designs which are copies of the communication structures of these organizations.” — M. Conway, 1968

17. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD PHASE ONE – CONTENT

18. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY Not starting from scratch 5+ years of user metrics – Basemaps – Layers – Tools – Search Methods DESIGN & BUILD PHASE ONE – CONTENT

19. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD PHASE ONE – CONTENT

20. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Popular! Keep these! Ditch these. PHASE ONE – CONTENT

21. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY Ditch these. DESIGN & BUILD Basemap Popular! Keep these! PHASE ONE – CONTENT

22. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Improve the content & look of our maps Clear symbology Clear typography, better labelling PHASE TWO - MAPS

23. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Improve the content & look of our maps Clear symbology Clear typography, better labelling PHASE TWO - MAPS

24. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Improve the content & look of our maps Clear symbology Clear typography, better labelling PHASE TWO - MAPS

25. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Improve the content & look of our maps Clear symbology Clear typography, better labelling PHASE TWO - MAPS

26. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD PHASE TWO - MAPS

27. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD One Developer, three months Client-side only; Server is all good – Maps – Map APIs – Frameworks PHASE THREE – TECH RESEARCH

28. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: Map Engines Esri Javascript API Leaflet Mapbox OpenLayers PHASE THREE – TECH RESEARCH

29. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: Map Engines Esri Javascript API Leaflet Mapbox OpenLayers PHASE THREE – TECH RESEARCH

30. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: HTML5 Frameworks Bootstrap Foundation Boilerplate PHASE THREE – TECH RESEARCH

31. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: HTML5 Frameworks Bootstrap Foundation Boilerplate PHASE THREE – TECH RESEARCH

32. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: Javascript Architecture Ember Backbone Angular JS PHASE THREE – TECH RESEARCH

33. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: Javascript Architecture Ember Backbone Angular JS PHASE THREE – TECH RESEARCH

34. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Many well supported libraries: PHASE THREE – TECH RESEARCH Javascript Architecture Ember Backbone Angular JS

35. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Javascript Angular JS Map Engine Leaflet HTML5 Bootstrap PHASE FOUR – ALL TOGETHER NOW

36. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD Javascript Angular JS Map Engine Leaflet HTML5 Bootstrap Foundation PHASE FOUR – ALL TOGETHER NOW ArcGIS for Server ArcGIS for Mobile Collector for ArcGIS ArcGIS for Desktop

37. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY Esri Leaflet on DESIGN & BUILD Javascript Angular JS Map Engine Leaflet HTML5 Bootstrap Foundation PHASE FOUR – ALL TOGETHER NOW ArcGIS for Server ArcGIS for Mobile Collector for ArcGIS ArcGIS for Desktop

38. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY GOALS Device Agnostic Fast Clear and Concise Better maps More property-related info Easy to maintain, scalable, future proof HAZARDS & SOLAR

39. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY PAUSE, REGROUP Identified problems Set our goals Researched our users’ needs Built better maps Researched the technology Ready to build an app

40. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD PRODUCT BACKLOG SPRINT BACKLOG CODE AND TEST RELEASE PRODUCT INCREMENT SCRUM DEVELOPMENT MODEL Repeat every two weeks Daily stand- up meeting

41. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DESIGN & BUILD SIX WEEKS

42. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY PROPERTY VIEWER BETA

43. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY WHERE WE’RE AT App was launched in beta in July 2014 Promoted feedback! – Online survey – Twitter – Emails – Phone calls

44. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK Very positive; always includes helpful criticism

45. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK Very positive; always includes helpful criticism

46. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK

47. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK

48. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK

49. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY USER FEEDBACK

50. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY DIFFICULTIES Browser compatibility Consistency on all form factors Printing Dealing with Open Source projects – Things change quickly – Bugs

51. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY SUCCESSES Single code base Confidence in development plan Happy users – Realtors – Roofers – Assessors – DNV Utilities – DNV Construction

52. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY WHAT’S NEXT Measure tool SEO GEOtoolsHTML5 Additional focused apps – Developers app is up next Integration into dnv.org DNV on GitHub

53. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY

54. DISTRICT OF NORTH VANCOUVER GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY GEOweb PROPERTY VIEWER QUESTIONS? Andrew Durnin adurnin@dnv.org @durnin @nvandistrict