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

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,140