Challenges and
benefits
of maps
in web
applications
Kris Johnson
Winter 2016
Back story
Bayfield county, wi
Turn A
paper application
into...
...a
web application
paper
digital
benefits
challenges
where does mapping get involved?
automation
- setback calculations
benefits of the web map
map layers
- aerial imagery
- reference layers
improve quality
- enforce standards
- ensure submission
- data available to inspector
web map challenges
comprehension
- technological aptitude
tool limitations
- unavailable: pencil, paper, eraser
- available: mouse, keyboard, touch
So, you've decided to make a web map...
...a word of caution
which is a better ui?
two different sets of users
concept borrowed from: http://slides.com/michaelgaigg/esriuc2015#/
Consider
the
end-user
solutions
and best practices
Best practices
simple
intuitive
focused
Challenge
solution
User needs to interact with a web map
Simplify UI/UX !
simple
Simplify UI/UX
Limit map controls
Constrain map interaction
Reduce accidental user error
-panning -zooming -clicking -button to enable/disable
Challenge
solution
User needs to locate a permitted structure
(ie. a new garage)
on the map
Drag and Drop!
intuitive
Challenge
solution
User needs to accomplish a series of map-related tasks
Task-based workflow!
focused
task-based workflow
demo
wrapping up
paper -> digital
consider the user
best practices
simple
intuitive
focused
thanks!
krisj@northpointgis.com
northpointgis.com
BZ Web Mapping
By Kris Johnson
BZ Web Mapping
- 1,141