SlideShare a Scribd company logo
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 Fundamentals
Ciprian Pălici
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
Meagan Fisher
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil 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 principle
Olga 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 - #econfpsu16
farktal
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
Deimantas 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 Launch
David 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 strategy
Bryan 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 Mobile
Vicke 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 Developers
Jigyasa 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 Drupal
Adyax
 
Wordcamp 2010 public
Wordcamp 2010   publicWordcamp 2010   public
Wordcamp 2010 public
Daniel Cook
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User Experience
Jose 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 mindset
Miika Puputti
 
Presentation fyp 1
Presentation fyp 1Presentation fyp 1
Presentation fyp 1
izraniskandar
 
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
Dan 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 Experiences
Jeremy Johnson
 
Chrome for android_devfestx
Chrome for android_devfestxChrome for android_devfestx
Chrome for android_devfestx
Dominic 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

What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
Safe Software
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Edge AI and Vision Alliance
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
operationspcvita
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Jason Yip
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
saastr
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
AstuteBusiness
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
Fwdays
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
BibashShahi
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
Neo4j
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Pitangent Analytics & Technology Solutions Pvt. Ltd
 

Recently uploaded (20)

What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
Essentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation ParametersEssentials of Automations: Exploring Attributes & Automation Parameters
Essentials of Automations: Exploring Attributes & Automation Parameters
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...
 
Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |Astute Business Solutions | Oracle Cloud Partner |
Astute Business Solutions | Oracle Cloud Partner |
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
 
Artificial Intelligence and Electronic Warfare
Artificial Intelligence and Electronic WarfareArtificial Intelligence and Electronic Warfare
Artificial Intelligence and Electronic Warfare
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
 
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
Crafting Excellence: A Comprehensive Guide to iOS Mobile App Development Serv...
 

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.”