Download presentation
Presentation is loading. Please wait.
Published byClifford Powers Modified over 9 years ago
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
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.