xxi, 240 pages : 24 cm

"Written for those with a basic understanding of map making, but without knowledge of Web design, this textbook explains how to create effective interaction, animation, and layouts for maps to put online or into a mobile platform. Concept driven and product free, this reference emphasizes cartographic principles for Web and mobile map design over specific software techniques. The first of its kind to address map design and layout styles for Web and mobile mapping, this book includes many examples from the real world. Labs introduce students to software used by and freely available at most universities"--

"Not a book about scripting, application programming interfaces, or designing exploratory tools, this book provides approachable, comprehensive and non-technical text about map design for the Web.It examines map communication best practices and is based on spatial data visualization and graphic design theory. It is approachable enough for desktop GIS users, print cartographers, and university students who have little to no experience in Web programming and is written so that anyone who wants to design effective Web maps can learn about the core concepts of cartography. Essentially, this is a book that was written by a cartographer about Web map design inlanguage that anyone with even a slight interest in Web mapping could easily understand"--

Includes bibliographical references and index

Machine generated contents note: 1.Introduction -- The Purpose of This Book -- Qualifier: This Is Not a Book about Coding (That Is, No JavaScript Required) -- The Intended Audience -- Contemporary Mapmaking: A Quarter Century of Rapid Evolution -- Web Cartography: A Brief History -- Thematic Cartography: The Precursor to Multimedia Cartography -- The Rise of Multimedia Mapmaking -- What Happened to Paper? -- Early Hypermedia -- Why Hypermedia Evolved into Web Mapping -- How Google Maps Revolutionized (or Was It Euthanized?) Mapmaking -- The Future of Web Cartography May Be Browser-less -- The Goals of Map Communication Remain the Same -- Establishing a Communicative Purpose for Your Map -- Who Is the Intended Audience? -- What Data Need to Be Communicated? -- How Do I Design My Map So Information Is Easily Recalled? -- How Do I Determine Which, and How Much, Data to Include? -- Designing Your Message -- The Rest of This Book -- Key Concepts -- Further Reading -- References -- 2.Human-Map Interactivity -- Introduction -- Of Mice and Touch Screens -- New Interactive Map Elements -- Key Concepts -- Further Reading and Resources -- Online Resource -- Further Reading -- 3.Map Elements -- Introduction -- Title/Splash Screen -- The Argument for Splash Screens -- Mapped Area -- Pan User Interfaces -- Panning Arrows Should Be Banned -- Arrow Keys -- Click and Drag and Touch Pan -- Zoom User Interfaces -- Zoom Bars -- Plus and Minus Zoom Buttons -- Double Click and Tap -- Scroll Wheel and Pinch to Zoom -- Keyboard Shortcuts -- Rectangle Zoom -- Zoom User Interfaces Conclusion -- Map Rotation Interfaces -- Two Types of Rotation -- Information Window Design -- Locator Maps -- Menu Design -- The Three-Click Rule Is Wrong But It Remains a Useful Axiom -- Organize, Test, and Confirm -- Step One Organize Your Menus -- Step Two Design Your Menus -- Step Three Conduct User Tests -- Step Four Reorganize Your Menus -- Supplemental Information -- Help Menu -- Neat Lines and Frame Lines -- Designing Smart Legends -- The Purpose of a Legend Remains the Same -- How to Avoid Creating Ineffective Web Map Legends -- How Interactivity Makes Legends More Powerful -- Having Options = Feeling in Control -- Layer Interactivity -- Map and Data Generalization -- Symbol and Thematic Modification -- Temporal Legends for Animations -- Other Web Map Elements -- Multimedia Graphics -- Images -- Videos -- Graphs and Highlighting -- Tips for Effective Map-Chart Graphic Highlighting -- Key Concepts -- Further Reading and Resources -- Web Sites -- Further Reading -- 4.Map Composition and Layout -- Introduction -- Map Composition and Visual Hierarchy -- Techniques of Emphasizing Map Elements in the Visual Hierarchy -- New Visual Hierarchies for Web Map Elements -- Reference/General-Interest Web Map Visual Hierarchy -- Thematic Web Maps -- Temporal Animated Web Maps -- Map Layout and Organization -- Screen Real Estate, Resolution, and the Pixel Problem -- Screen Real Estate -- Screen Resolution -- Pixels Per Inch -- PPI Advancement = Big Mess -- Two Types of Web Map Layouts -- Fluid Map Layout -- Compartmentalized Map Layout -- Web Map Layouts -- Compartmentalized Map Layouts -- Fluid Map Layouts -- How to Design an Effective Web Map Layout -- Conclusion -- Key Concepts -- Further Reading and Resources -- Resolution Testers -- Tutorial Resources -- Further Reading -- 5.Color -- Introduction -- Defining and Understanding Color -- Three Properties of Color -- Hue -- Value -- Saturation -- Making Sense of the Color Wheel -- Warm and Cold Colors -- Primary Colors -- Secondary Colors -- Tertiary Colors -- Monochromatic Colors -- Achromatic Colors -- Complementary Colors -- Split Complementary Colors -- Analogous -- Neutral -- Incongruous -- Simultaneous Contrast: It Happens -- Color Rules That Remain Unchanged from Print -- Less Color Variation Is More Powerful -- Different Colors Have Different Meanings to Different People -- Colors and Feelings -- The Meaning of Color Varies by Culture -- Color Preferences Change over Time -- Color Models for the Web -- RGB (Red, Green, and Blue) -- RGB Decimal -- RGB Hexadecimal -- Hue, Saturation, and Lightness -- RGB Colors Will Look Different Depending on the Screen -- Never Design Web Maps with CMYK -- Coloring Your Base Map -- Solid-Color Base Maps -- Shaded Relief -- Aerial Photography -- Reference Map Color Schemes -- When to Ignore Color Conventions -- Novelty Equals Attention -- Does the Color Scheme Match the Message? -- Resources for Finding Colors -- Choosing Thematic Map Colors -- Beware of Color Blindness -- Key Concepts -- Further Reading and Resources -- Online Color Resources -- Color Meanings and Emotions -- Color Pickers -- Color Style Tools for Different Map Services -- Hexadecimal Color Creator -- Further Reading -- 6.Typography -- Introduction -- All in the Family: Explaining Typeface and Font -- Typographic Rules That Stand Firm -- No More Than Two Fonts per Map -- Font Styles and Properties Indicate Different Things -- Text as a Core Map Element -- Labeling Norms -- Typographic Rules That Have Changed -- When Possible, Ditch Serif Fonts -- Size Does Matter -- Font Size Is Now Voodoo Science -- Not Everyone Has Access to the Fonts You Do -- Will Your Map Have Interactive Text? -- Fonts That Play Well with Web Maps -- Verdana -- Century Gothic -- Arial and Helvetica -- Trebuchet MS -- Tahoma -- Corbel -- Myriad Pro and Myriad Web -- Georgia -- Palatino -- Comparing Type on Your Web Map -- Font Myths, Realities, and Web Maps -- Conclusion -- Key Concepts -- Further Reading and Resources -- Web Sites on Web Typography -- Further Reading -- 7.Core Visual Variables -- Introduction -- Defining the Visual Variables -- Shape -- Hue -- Orientation -- Texture -- Size -- Perspective Height -- Value -- Saturation -- When to Use the Different Visual Variables -- Visual Variables for Mapping Qualitative Data -- Visual Variables for Mapping Quantitative Data -- Combining Visual Variables -- Key Concepts -- Further Reading -- 8.Symbolization -- Introduction -- Designing Effective Web Map Symbols -- Keep Symbols Simple -- Generic Caricatures Are Best -- Symbols Are Era and Audience Dependent -- Symbols Are Context Dependent -- How Do You Represent a Stadium? -- Key Concepts -- Further Reading -- 9.Thematic Visualization -- Introduction -- Data and Technology Limitations -- The Nature of the Mapped Data -- Technological Limitations -- Mercator's Apparition -- Different Thematic Representations -- Choropleth Maps -- Data Classification -- Natural Breaks -- Quantiles -- Equal Intervals -- Standard Deviations -- Unclassed Choropleth Maps -- Benefits of Choropleth Maps -- Drawbacks of Choropleth Maps -- Dot Maps -- Heat Maps -- Benefits of Dot Maps -- Drawbacks of Dot Maps -- Proportional and Graduated Symbol Maps -- Benefits of Proportional and Graduated Symbol Maps -- Drawback of Proportional and Graduated Symbol Maps -- Isarithmic Maps -- Isarithmic Map Design -- Benefits and Drawbacks of Isarithmic Maps -- Flow Maps -- Benefits and Drawbacks of Flow Maps -- Cartograms -- Benefits and Drawbacks of Cartograms -- Multivariate Maps -- Thematic Combinations -- Colored Dots -- Chart Maps -- Chernoff Faces -- Bivariate Choropleth Maps -- The Role of Interactivity in Thematic Representations -- Conclusion -- Key Concepts -- Further Reading and Resources -- Resource -- Further Reading -- 10.Animation -- Introduction -- To Tween or Not to Tween? -- Stop-Frame Animation -- Tweening -- The Visual Variables of Animation -- DiBiase's Visual Variables for Animation -- Duration -- Rate of Change -- Order -- Additional Visual Variables of Map Animation -- Display Date -- Frequency -- Synchronization -- Types of Map Animation -- Designing Temporal Animations -- Keep the Animations Short -- Simplify the Data -- Give the Map User Some Control -- Temporal Legends -- Temporal Legend Styles -- Temporal Legend Enhancements -- Other Types of Map Animation -- Zoom Animations -- Fly-Through Animations -- Path Animations -- Summary -- Key Concepts -- Further Reading and Online Resources -- Online Resources -- Example Animations -- Further Reading -- 11.Sound and Touch -- Introduction -- Sound Variables -- Krygier's Sound Variables -- Loudness -- Pitch -- Duration -- Attack and Decay -- Sound Decay? -- Tactile Variables -- Key Concepts -- Further Reading and Resource -- Resource -- Further Reading -- 12.Web Map Production -- Introduction -- The Gist on Coding -- What Was Flash? -- What Is HTML5? -- HTML -- Cascading Style Sheets -- JavaScript -- Application Programming Interfaces -- Prepping Spatial Data for the Web -- Choosing a Projection -- Common Web Map Data Formats -- Keyhole Markup Language -- GeoJSON -- Scalable Vector Graphics -- Map Tiles -- Geospatial PDFs -- How Do I Create These Data Types? -- Geographic Information Systems -- Non-GIS Data Creation Applications -- A Web Cartographer's Tool Box -- HTML5 and SVGs -- Avenza MAPublisher -- Adobe Flash and Adobe AIR -- Oracle Java -- ESRI ArcGIS Online and API -- TileMill Application and MapBox API -- CartoDB Web Site and API -- Google Maps API -- CloudMade Leaflet API -- Other APIs -- Closing Advice -- Key Concepts -- Further Reading and Resources -- Online Resources and Tutorials -- Web Cartography Companion Web Site (http://www.muehlenhaus.com/webcartography) -- Flowing Data (http://www.flowingdata.com) -- Lynda.com (http://www.lynda.com) -- W3Schools (http://www.w3schools.com) -- Recommended Tutorial Guides and Books -- The Missing Manual Series by O'Reilly -- From Print to Mobile mApps Tutorial -- Visualize This by Nathan Yau -- Wisconsin State Cartographer Web Site (http://www.sco.wisc.edu) -- Further Reading -- Cartographic Perspectives Journal (http://www.cartographicperspectives.org) -- Cartography and Geographic Information Science Journal (CaGIS) -- Online Maps with APIs and Web Services, Edited / Michael P. Peterson

plus-circle Add Review

comment

Reviews