SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

Similar a 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

UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 
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
 

Similar a 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
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 

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

Notas del editor

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