SlideShare ist ein Scribd-Unternehmen logo
1 von 90
Don’t make me think
Peter Batty, Ubisense

@pmbatty geothought.blogspot.com
Usability




            flic.kr/p/kjwKm
flic.kr/p/7s6E7Z
James Fee
   “ArcGIS for iOS is a very impressive
                  mobile mapping app. 

        It really shows the attention to
      detail ESRI has put into their new
                    ArcGIS Mobile apps.

     Compared to the old Windows CE
   and Windows Mobile crap they used
      to put out, this was easily used by
         my son without any direction.”
1
2
3
4
5
6
7
8
9
flic.kr/p/GaDFA
My   top 3 rules
      for good usability
My    top 3 rules
                            for good usability


1   Do usability testing
My    top 3 rules
                            for good usability


1   Do usability testing

    2   Do usability testing
My    top 3 rules
                            for good usability


1   Do usability testing

    2   Do usability testing

         3   Do usability testing
Doing a usability test




Put application in      Shut up            Watch
  front of user


  flic.kr/p/7UqPo1    flic.kr/p/53WUkg   flic.kr/p/72M6L
We don’t read web pages, we skim them




                              flic.kr/p/6Ab8j
What the designer sees
What the user sees
Use conventions
Use conventions
Use conventions
Use conventions
Omit needless words

  Get rid of half the words on each page,
         then get rid of half of what’s left

               Krug’s third law of usability
Omit needless words

  Get rid of half the words on each page,
         then get rid of half of what’s left

               Krug’s third law of usability
“But these new
  systems are just
simple web mapping,
  they’re not GIS”
Demo


 End
Raster map tiles




Pre-render maps into image files
Approach used by Google, Microsoft, etc
Very high performance and scalability
Easy to integrate with Google Maps etc
…/a2e/data/datasources/Pole/90974




REST APIs
…/a2e/data/datasources/Pole/90974?f=gjson




REST APIs: simple and powerful
…/a2e/data/datasources//Pole/search?f=gjson
    &lat=42.600&lon=-76.1780&d=4
“If a dataset available on the web is in
   a format that can't be indexed by
    Google, does it make a sound?”

             Kevin Wiebe
             Safe Software
REST is good!!

     <Picture of Jason>   Jason Birch
                          City of Nanaimo
flic.kr/p/nHFSw
flic.kr/p/3guaAu
?
      @pmbatty
geothought.blogspot.com
peter.batty@ubisense.net
Backup
Demo screen shots
1
Matches Smallworld styles
Google basemap gives context
Google satellite map
Display attribute data
Street View gives extra info
Street View gives extra info
Street View gives extra info
Google style one box search



    Something on “Google style search”
Ability to link to maps
Autocomplete search
Autocomplete search
Reports in search too
Reports from search
Google geocoding very flexible
Google local search
“Enterprise mashups”



                Outages
                 Trucks
                 WMS
                  CIS
               Smart Grid
Ability to link to maps
Click link, no software needed!




                    Back

Weitere ähnliche Inhalte

Ähnlich wie W3G: Don't make me think!

To G or not to G
To G or not to GTo G or not to G
To G or not to GPeter Batty
 
NCGIC The Geospatial Revolution
NCGIC The Geospatial RevolutionNCGIC The Geospatial Revolution
NCGIC The Geospatial RevolutionPeter Batty
 
Structured Data & Schema.org - SMX Milan 2014
Structured Data & Schema.org - SMX Milan 2014Structured Data & Schema.org - SMX Milan 2014
Structured Data & Schema.org - SMX Milan 2014Bastian Grimm
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
 
Mastering Mobile Web with 8 Key Rules
Mastering Mobile Web with 8 Key RulesMastering Mobile Web with 8 Key Rules
Mastering Mobile Web with 8 Key RulesMobile Labs
 
Strings to Things - The move to Semantic SEO - MozCon 2013
Strings to Things - The move to Semantic SEO - MozCon 2013Strings to Things - The move to Semantic SEO - MozCon 2013
Strings to Things - The move to Semantic SEO - MozCon 2013Matthew Brown
 
Fastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoFastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoDoug Sillars
 
Fastandbeautiful webinale
Fastandbeautiful webinaleFastandbeautiful webinale
Fastandbeautiful webinaleDoug Sillars
 
Dg park introduction
Dg park introductionDg park introduction
Dg park introductionDeokgun Park
 
DGPark introduction
DGPark introductionDGPark introduction
DGPark introductionDeokgun Park
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive DesignJason Grigsby
 
Fastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockFastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockDoug Sillars
 
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Doug Gapinski
 
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Dave Olsen
 
GIS in the Rockies Geospatial Revolution
GIS in the Rockies Geospatial RevolutionGIS in the Rockies Geospatial Revolution
GIS in the Rockies Geospatial RevolutionPeter Batty
 
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oiljameswillweb
 
Fastandbeautiful devfest london
Fastandbeautiful devfest londonFastandbeautiful devfest london
Fastandbeautiful devfest londonDoug Sillars
 
Fastandbeautiful vienna
Fastandbeautiful viennaFastandbeautiful vienna
Fastandbeautiful viennaDoug Sillars
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Jason Grigsby
 

Ähnlich wie W3G: Don't make me think! (20)

To G or not to G
To G or not to GTo G or not to G
To G or not to G
 
NCGIC The Geospatial Revolution
NCGIC The Geospatial RevolutionNCGIC The Geospatial Revolution
NCGIC The Geospatial Revolution
 
Structured Data & Schema.org - SMX Milan 2014
Structured Data & Schema.org - SMX Milan 2014Structured Data & Schema.org - SMX Milan 2014
Structured Data & Schema.org - SMX Milan 2014
 
Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018Welcome to a new reality - DeepCrawl Webinar 2018
Welcome to a new reality - DeepCrawl Webinar 2018
 
Mastering Mobile Web with 8 Key Rules
Mastering Mobile Web with 8 Key RulesMastering Mobile Web with 8 Key Rules
Mastering Mobile Web with 8 Key Rules
 
GS1 Digital
GS1 DigitalGS1 Digital
GS1 Digital
 
Strings to Things - The move to Semantic SEO - MozCon 2013
Strings to Things - The move to Semantic SEO - MozCon 2013Strings to Things - The move to Semantic SEO - MozCon 2013
Strings to Things - The move to Semantic SEO - MozCon 2013
 
Fastandbeautiful gdg sacremento
Fastandbeautiful gdg sacrementoFastandbeautiful gdg sacremento
Fastandbeautiful gdg sacremento
 
Fastandbeautiful webinale
Fastandbeautiful webinaleFastandbeautiful webinale
Fastandbeautiful webinale
 
Dg park introduction
Dg park introductionDg park introduction
Dg park introduction
 
DGPark introduction
DGPark introductionDGPark introduction
DGPark introduction
 
Mobile First Responsive Design
Mobile First Responsive DesignMobile First Responsive Design
Mobile First Responsive Design
 
Fastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerockFastandbeautiful gd glittlerock
Fastandbeautiful gd glittlerock
 
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
Everything You Know is Not Quite Right Anymore: Rethinking Best Web Practices...
 
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
Everything You Know is Not Quite Right Anymore: Rethinking Best Practices to ...
 
GIS in the Rockies Geospatial Revolution
GIS in the Rockies Geospatial RevolutionGIS in the Rockies Geospatial Revolution
GIS in the Rockies Geospatial Revolution
 
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
 
Fastandbeautiful devfest london
Fastandbeautiful devfest londonFastandbeautiful devfest london
Fastandbeautiful devfest london
 
Fastandbeautiful vienna
Fastandbeautiful viennaFastandbeautiful vienna
Fastandbeautiful vienna
 
Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013
 

Mehr von Peter Batty

Building enterprise applications using open source
Building enterprise applications using open sourceBuilding enterprise applications using open source
Building enterprise applications using open sourcePeter Batty
 
FOSS4G NA 2016 review
FOSS4G NA 2016 reviewFOSS4G NA 2016 review
FOSS4G NA 2016 reviewPeter Batty
 
GITA PNW 2015 Peter Batty
GITA PNW 2015 Peter BattyGITA PNW 2015 Peter Batty
GITA PNW 2015 Peter BattyPeter Batty
 
GITA PNW keynote presentation: Openness in Geospatial
GITA PNW keynote presentation: Openness in GeospatialGITA PNW keynote presentation: Openness in Geospatial
GITA PNW keynote presentation: Openness in GeospatialPeter Batty
 
AGI geocommunity 2013
AGI geocommunity 2013AGI geocommunity 2013
AGI geocommunity 2013Peter Batty
 
Enterprise integration options with Smallworld
Enterprise integration options with SmallworldEnterprise integration options with Smallworld
Enterprise integration options with SmallworldPeter Batty
 
Enterprise integration options with Smallworld
Enterprise integration options with SmallworldEnterprise integration options with Smallworld
Enterprise integration options with SmallworldPeter Batty
 
GeoAlberta keynote
GeoAlberta keynoteGeoAlberta keynote
GeoAlberta keynotePeter Batty
 
FOSS4G opening session
FOSS4G opening sessionFOSS4G opening session
FOSS4G opening sessionPeter Batty
 
OpenStreetMap Past, Present and Future
OpenStreetMap Past, Present and FutureOpenStreetMap Past, Present and Future
OpenStreetMap Past, Present and FuturePeter Batty
 
What's new with OpenStreetMap
What's new with OpenStreetMapWhat's new with OpenStreetMap
What's new with OpenStreetMapPeter Batty
 
Precision (Indoor) Real Time Location Systems
Precision (Indoor) Real Time Location SystemsPrecision (Indoor) Real Time Location Systems
Precision (Indoor) Real Time Location SystemsPeter Batty
 
myWorld Overview May 2011
myWorld Overview May 2011myWorld Overview May 2011
myWorld Overview May 2011Peter Batty
 
Smallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsSmallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsPeter Batty
 
GITA keynote 2011 v2
GITA keynote 2011 v2GITA keynote 2011 v2
GITA keynote 2011 v2Peter Batty
 
Geo in the cloud
Geo in the cloudGeo in the cloud
Geo in the cloudPeter Batty
 
The Geospatial Revolution ANZ 2010
The Geospatial Revolution ANZ 2010The Geospatial Revolution ANZ 2010
The Geospatial Revolution ANZ 2010Peter Batty
 
Smallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsSmallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsPeter Batty
 
OpenStreetMap intro 2010 07
OpenStreetMap intro 2010 07OpenStreetMap intro 2010 07
OpenStreetMap intro 2010 07Peter Batty
 
RTLS in Aerospace Manufacturing
RTLS in Aerospace ManufacturingRTLS in Aerospace Manufacturing
RTLS in Aerospace ManufacturingPeter Batty
 

Mehr von Peter Batty (20)

Building enterprise applications using open source
Building enterprise applications using open sourceBuilding enterprise applications using open source
Building enterprise applications using open source
 
FOSS4G NA 2016 review
FOSS4G NA 2016 reviewFOSS4G NA 2016 review
FOSS4G NA 2016 review
 
GITA PNW 2015 Peter Batty
GITA PNW 2015 Peter BattyGITA PNW 2015 Peter Batty
GITA PNW 2015 Peter Batty
 
GITA PNW keynote presentation: Openness in Geospatial
GITA PNW keynote presentation: Openness in GeospatialGITA PNW keynote presentation: Openness in Geospatial
GITA PNW keynote presentation: Openness in Geospatial
 
AGI geocommunity 2013
AGI geocommunity 2013AGI geocommunity 2013
AGI geocommunity 2013
 
Enterprise integration options with Smallworld
Enterprise integration options with SmallworldEnterprise integration options with Smallworld
Enterprise integration options with Smallworld
 
Enterprise integration options with Smallworld
Enterprise integration options with SmallworldEnterprise integration options with Smallworld
Enterprise integration options with Smallworld
 
GeoAlberta keynote
GeoAlberta keynoteGeoAlberta keynote
GeoAlberta keynote
 
FOSS4G opening session
FOSS4G opening sessionFOSS4G opening session
FOSS4G opening session
 
OpenStreetMap Past, Present and Future
OpenStreetMap Past, Present and FutureOpenStreetMap Past, Present and Future
OpenStreetMap Past, Present and Future
 
What's new with OpenStreetMap
What's new with OpenStreetMapWhat's new with OpenStreetMap
What's new with OpenStreetMap
 
Precision (Indoor) Real Time Location Systems
Precision (Indoor) Real Time Location SystemsPrecision (Indoor) Real Time Location Systems
Precision (Indoor) Real Time Location Systems
 
myWorld Overview May 2011
myWorld Overview May 2011myWorld Overview May 2011
myWorld Overview May 2011
 
Smallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsSmallworld and Google: the best of both worlds
Smallworld and Google: the best of both worlds
 
GITA keynote 2011 v2
GITA keynote 2011 v2GITA keynote 2011 v2
GITA keynote 2011 v2
 
Geo in the cloud
Geo in the cloudGeo in the cloud
Geo in the cloud
 
The Geospatial Revolution ANZ 2010
The Geospatial Revolution ANZ 2010The Geospatial Revolution ANZ 2010
The Geospatial Revolution ANZ 2010
 
Smallworld and Google: the best of both worlds
Smallworld and Google: the best of both worldsSmallworld and Google: the best of both worlds
Smallworld and Google: the best of both worlds
 
OpenStreetMap intro 2010 07
OpenStreetMap intro 2010 07OpenStreetMap intro 2010 07
OpenStreetMap intro 2010 07
 
RTLS in Aerospace Manufacturing
RTLS in Aerospace ManufacturingRTLS in Aerospace Manufacturing
RTLS in Aerospace Manufacturing
 

W3G: Don't make me think!

Hinweis der Redaktion

  1. I hate to say it, but many traditional GIS people tend to be bad at usability. We make things too complicated. One of the things that Google and other so-called neogeography systems have done a great job on is simplifying applications. I&amp;#x2019;ve recently been developing an application called myWorld,
  2. MyWorld uses Arc2Earth as its data repository, which syncs with ArcGIS Online, which you can access from ArcGIS for iPad. James Fee had given this a really good review and usually speaks his mind, so being an iPad kind of person I was pretty excited to try this out.
  3. So panning and zooming is very nice, same as the standard iPad maps application. But then I tried to do the next most obvious thing, which for me is to view the attributes of a feature on the map. Just tapping on the map didn&amp;#x2019;t work, which is what I hoped for, so then I tried the &amp;#x201C;I&amp;#x201D; icon down here.
  4. So panning and zooming is very nice, same as the standard iPad maps application. But then I tried to do the next most obvious thing, which for me is to view the attributes of a feature on the map. Just tapping on the map didn&amp;#x2019;t work, which is what I hoped for, so then I tried the &amp;#x201C;I&amp;#x201D; icon down here.
  5. This screen contains no additional information compared to the previous compact information bubble, except that there are two features here.
  6. This screen contains no additional information compared to the previous compact information bubble, except that there are two features here.
  7. So here are my top three rules for usability testing: one, do usability testing &amp;#x2026; two, do usability testing, and three, do usability testing. It&amp;#x2019;s incredibly easy to do this ,yet so often we don&amp;#x2019;t. I&amp;#x2019;ve become a real convert to this over the past few years, mainly thanks to my friend Sue Foster.
  8. So here are my top three rules for usability testing: one, do usability testing &amp;#x2026; two, do usability testing, and three, do usability testing. It&amp;#x2019;s incredibly easy to do this ,yet so often we don&amp;#x2019;t. I&amp;#x2019;ve become a real convert to this over the past few years, mainly thanks to my friend Sue Foster.
  9. So here are my top three rules for usability testing: one, do usability testing &amp;#x2026; two, do usability testing, and three, do usability testing. It&amp;#x2019;s incredibly easy to do this ,yet so often we don&amp;#x2019;t. I&amp;#x2019;ve become a real convert to this over the past few years, mainly thanks to my friend Sue Foster.
  10. So here&amp;#x2019;s how you do a usability test: put the application in front of the user, shut up, and watch. It&amp;#x2019;s just incredibly educational as a developer to watch someone use your system. You keep wanting to say &amp;#x201C;press this, do that!&amp;#x201D;. But you really find out that things that are obvious to you may not be obvious to others.
  11. So here&amp;#x2019;s an example from myWorld. We were really proud of this home page, we thought it clearly explained the three main options for a user. But the first two users we asked to search for things clicked and tried to type here, which is just a dumb graphic, instead of in the real search box which is up at the top.
  12. So a simple example is a coffee machine. This takes a few minutes to warm up, so I&amp;#x2019;d like to be able to remotely turn it on. I&amp;#x2019;d also like it to remind me in the evening if the coffee bean containers need filling up, rather than finding this out in the morning when I&amp;#x2019;m in a rush and impatient for caffeine!
  13. So a simple example is a coffee machine. This takes a few minutes to warm up, so I&amp;#x2019;d like to be able to remotely turn it on. I&amp;#x2019;d also like it to remind me in the evening if the coffee bean containers need filling up, rather than finding this out in the morning when I&amp;#x2019;m in a rush and impatient for caffeine!
  14. May not be such a requirement for public sharing of data in utilities But think about use of search technologies internally ... how powerful if you could just type a customer address and see a list of related results Interesting how we can find things on the Internet faster than on our desktop or internal systems
  15. This is a typical utility basemap in Smallworld &amp;#x2013; fairly sparse. But you can see with the raster tiled approach that the data looks exactly like it does in Smallworld
  16. Adding in a Google Street Map gives a lot more context. Maintaining base maps is not a core activity for utilities, and is very expensive. It really makes sense to use basemaps maintained by somebody else. There are ways that you can add updates where necessary, for example adding a new subdivision which isn&amp;#x2019;t on the basemap yet.
  17. And Google satellite imagery is good for many applications. I hear a lot of people say that Google imagery is out of date but I think they are updating it more and more frequently.
  18. What if your data doesn&amp;#x2019;t match the Google landbase? Many utilities have an old and inaccurate landbase and want to transform or conflate their network data to a new and more accurate landbase, for multiple reasons &amp;#x2013; sharing data with other entities, using GPS, and working with external data like Google Maps, or imagery from other sources. This is an example of some data from PNG, who went through such a conflation exercise. You can see here how much better their pipes align with a Google map background after the conflation progress. That&amp;#x2019;s not the main focus of my talk today, but
  19. Google street view can give you valuable extra information about facilities. Often you can see details on pole configuration and so on that may not be stored in the database. We&amp;#x2019;ve integrated tightly with this, so that when you click on a facility you automatically get the right street view displayed. In cases where the data doesn&amp;#x2019;t line up exactly it&amp;#x2019;s easy to adjust the view and save that for next time.
  20. A very powerful feature is that you can display icons in the street view itself and mouse over or click them for more information.
  21. In this example we can see several poles further away as we look along the street.