SlideShare a Scribd company logo
1 of 59
what’s the state of web mapping today?




                                     mapbox.com
“web mapping
+    applications”
“The essence of simple




 “is knowing what to leave out”
                            techcrunch.com
People can’t find the info they
     want on a website




     60% of the time
                          * usability.gov
Say



to 1000 things.
Does the kitchen sink come with my GIS viewer?
focus, prioritize, streamline
Don’t waste my time
* http://giswebmaps.blogspot.com
10
 KNOW YOUR
AUDIENCE.
YOUR AUDIENCE

o    what do they want?
o    what do they expect?
o    what do you want them to want?
9

  MAKE
BEAUTIFUL
  MAPS
Help focus your story with your map
Don’t distract the user with your map
Use heat maps and clustering to visualize data
8

DON’T MAKE ME
  THINK.
Help focus your story with your map
                                  hmm…
Single topic maps get




The traffic of the traditional
         map portal
                         * mapbrief.com
7

I’VE SEEN THE FUTURE AND

  IT DOES NOT
 INVOLVE TILES.
TILES WORK WELL (but…)
UTF-GRID
(workaround…but limited)




                           show me
Any chance to render vectors client-side?




                                  YES!
“VECTORS ARE THE NEW MAP”
6

USE FAMILIAR
METAPHORS.
“When virtual objects and
 actions in an application are
  metaphors for objects and
actions in the real world, users
 quickly grasp how to use the
             app.”
5

BUILD FOR
MOBILE.
desktop vs. mobile use is
        blurring
THIS USED TO BE THE WEB
THIS IS THE WEB
Design for mobile first
(when possible)




Responsive Design
(when can’t design for mobile first)
plan for the distracted use case
4

DON’T LET TECHNOLOGY

 DRIVE YOUR
 DECISIONS.
KEEP YOUR INNER GEO-GEEK IN CHECK
            (at least for awhile )
KEEP ASKING…

o   does it benefit the user?
o   is it necessary for the user?
o   is it simple for the user?
REMEMBER…
3

THE MAP IS NOT (well not always)
THE CENTER OF
THE UNIVERSE.
2

 ELIMINATE
CLUTTER.
       (embrace your OCD)
1
PRIORITIZE.
80 / 20
80% of people use 20% of the
       functionality
ITERATE
Sketch → prototype → design → test →
discuss until it works.
THANK YOU!
             chris.gerecke@timmons.com
             804-200-6962

More Related Content

Similar to What Would Steve Jobs Think About the State of GIS Mapping Applications in the Mainstream? Top 10 Ways to Streamline the User Experience for Your Geospatial Application

Pulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsPulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsCiprian Pălici
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's WebMeagan Fisher
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs? Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs? Jonas Feiring
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleOlga Voskoboinikova
 
Finding Your Way - Campus Mapping and Big Data - #econfpsu16
Finding Your Way - Campus Mapping and Big Data - #econfpsu16Finding Your Way - Campus Mapping and Big Data - #econfpsu16
Finding Your Way - Campus Mapping and Big Data - #econfpsu16farktal
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick PresentationDeimantas Brandišauskas
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to LaunchDavid Brooks
 
zen & the art of mobile application strategy
zen & the art of mobile application strategyzen & the art of mobile application strategy
zen & the art of mobile application strategyBryan Maleszyk
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileVicke Cheung
 
Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Chris Wilson
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App DevelopersJigyasa Makkar
 
For a Social Local and Mobile Drupal
For a Social Local and Mobile DrupalFor a Social Local and Mobile Drupal
For a Social Local and Mobile DrupalAdyax
 
Wordcamp 2010 public
Wordcamp 2010   publicWordcamp 2010   public
Wordcamp 2010 publicDaniel Cook
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User ExperienceJose Alves
 
10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindsetMiika Puputti
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Designing for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesDesigning for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesJeremy Johnson
 
Chrome for android_devfestx
Chrome for android_devfestxChrome for android_devfestx
Chrome for android_devfestxDominic Travers
 

Similar to What Would Steve Jobs Think About the State of GIS Mapping Applications in the Mainstream? Top 10 Ways to Streamline the User Experience for Your Geospatial Application (20)

Pulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design FundamentalsPulling Rabbits Out of Your Ass - UX Design Fundamentals
Pulling Rabbits Out of Your Ass - UX Design Fundamentals
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs? Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principle
 
Finding Your Way - Campus Mapping and Big Data - #econfpsu16
Finding Your Way - Campus Mapping and Big Data - #econfpsu16Finding Your Way - Campus Mapping and Big Data - #econfpsu16
Finding Your Way - Campus Mapping and Big Data - #econfpsu16
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to Launch
 
zen & the art of mobile application strategy
zen & the art of mobile application strategyzen & the art of mobile application strategy
zen & the art of mobile application strategy
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)
 
10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers10 Design Commandments for Mobile App Developers
10 Design Commandments for Mobile App Developers
 
For a Social Local and Mobile Drupal
For a Social Local and Mobile DrupalFor a Social Local and Mobile Drupal
For a Social Local and Mobile Drupal
 
Wordcamp 2010 public
Wordcamp 2010   publicWordcamp 2010   public
Wordcamp 2010 public
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User Experience
 
10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset10 stops towards a responsive web design mindset
10 stops towards a responsive web design mindset
 
Presentation fyp 1
Presentation fyp 1Presentation fyp 1
Presentation fyp 1
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Designing for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesDesigning for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of Experiences
 
Chrome for android_devfestx
Chrome for android_devfestxChrome for android_devfestx
Chrome for android_devfestx
 

Recently uploaded

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clashcharlottematthew16
 

Recently uploaded (20)

Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time ClashPowerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
 

What Would Steve Jobs Think About the State of GIS Mapping Applications in the Mainstream? Top 10 Ways to Streamline the User Experience for Your Geospatial Application

Editor's Notes

  1. The essence of simple is knowing what to leave out.
  2. According to Usability.gov (an official U.S. Government Web site managed by the U.S. Department of Health & Human Services):Research by User Interface Engineering, Inc., shows that people cannot find the information they seek on a Web site about60 percent of the time.
  3. Say no to 1000 things
  4. How can I get out of here…
  5. http://mapbox.com/demo/visiblemap/
  6. In their Human Interface Guidelines, Apple states that: “When virtual objects and actions in an application are metaphors for objects and actions in the real world, users quickly grasp how to use the app.”