geomeetup ignite talk - google i/o "boxes are for shoes"

20
Boxes are for shoes So, put your “out of the box” web map back, and let’s build a web mapping application.

Upload: will-cadell

Post on 01-Dec-2014

349 views

Category:

Technology


0 download

DESCRIPTION

where I talk briefly about how to think about building a mapping focussed website. With the key message being: you should never have to "launch" a map, the map should be part of the story. www.sparkgeo.com

TRANSCRIPT

Page 1: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Boxes are for shoes

So, put your “out of the box” web map back, and let’s build a web

mapping application.

Page 2: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"
Page 3: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Example:

Mammoth Lakes Public and Trail Access Foundation (MLTPA)

http://www.mammothtrails.org

Page 4: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Users!

Why on Earth would a User* want to visit your site?

*capitalised to indicate the omnipotent and tempestuous nature of “The User”

Page 5: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

So, build them a story

Joe does not want to click a bunch of checkboxes.

Joe wants to go hiking, lets help him.

Hey guys, maybe a map would be awesome?

Page 6: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Shrek’s Onion

Layers, man

1. Context2. Emotion

3. Interactivity

Your site has these too, think about it

Page 7: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Context

This is the why

There has to be some reason people come to your web site… really, something

Page 8: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Emotion

Weave the themes and the stories into visual literature

Engender the spirit of the experience

There is real bona fide CARTOGRAPHY here too!

PS. Pictures really, really help

Page 9: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Interactivity

Inside and outside the map

It’s the experience, man

So, lets talk about technology then…

Page 10: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Base maps

Google MapBox Stamen

Page 11: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Custom Map Tiles

Generally, for static(ish) features

Page 12: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Huh, what?

This is where you get to add layers of data without scaring your users

sweet

Also if you use tilemill or mapnik, you can just about use the same style sheet as the rest of

your sitesweet x2

Page 13: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

What did you say?

Yes, you can almost use the same style sheet in your map as in the rest of your site.

Its like the map is actually part of your website!?

Page 14: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Maps are part of the story

Page 15: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

This shouldn’t happen

Page 16: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Really..?

Page 17: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Focus

Page 18: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"
Page 19: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Shout outs:

• MLTPA – awesome client!• Derek Balmer (HoldFast) – awesome designer• Geodjango & PostGIS – awesome tech• TileMill (MapBox) – awesome tech• Google Maps (Terrain) – awesome maps• Jason Sanford – awesome code (https

://github.com/JasonSanford/GeoJSON-to-Google-Maps)

• Brian Timony – for the blog post

Page 20: Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

Maps are part of your story

So take them out of the box, and set them free!

Disagree? Publicly shame me here: @geo_will

I dare you