CV-40 - Mobile Maps and Responsive Design

Geographic information increasingly is produced and consumed on mobile devices. The rise of mobile mapping is challenging traditional design conventions in research, industry, and education, and cartographers and GIScientists now need to accommodate this mobile context. This entry introduces emerging design considerations for mobile maps. First, the technical enablements and constraints that make mobile devices unique are described, including Global Positioning System (GPS) receivers and other sensors, reduced screensize and resolution, reduced processing power and memory capacity, less reliable data connectivity, reduced bandwidth, and physical mobility through variable environmental conditions. Scholarly influences on mobile mapping also are reviewed, including location-based services, adaptive cartography, volunteered geographic information, and locational privacy. Next, two strategies for creating mobile maps are introduced—mobile apps installed onto mobile operating systems versus responsive web maps that work on mobile and nonmobile devices—and core concepts of responsive web design are reviewed, including fluid grids, media queries, breakpoints, and frameworks. Finally, emerging design recommendations for mobile maps are summarized, with representation design adaptations needed to account for reduced screensizes and bandwidth and interaction design adaptations needed to account for multi-touch interaction and post-WIMP interfaces.
CV-07 - Visual Hierarchy and Layout
Mapmaking, by digital or manual methods, involves taking complex geographic information and building a visual image with many components. Creating effective maps requires an understanding of how to construct the elements of the map into a coherent whole that executes the communicative purpose of the map. Visual hierarchy and layout are the cartographer’s tools for organizing the map and completing the map construction. The cartographer layers the mapped geography in an image into a visual hierarchy emphasizing some features and de-emphasizing others in vertical ordering of information. Likewise, the cartographer arranges the components of a map image—title, main map, inset map, north arrow, scale, legend, toolbar, etc.—into a layout that guides the reader’s eye around the horizontal plane of the map. The visual hierarchy and layout processes work together to create the structure of the map image.