SlideShare a Scribd company logo
1 of 45
Game Design 2
                    Lecture 6: Micro / Macro Readings




http://www.comu346.com                          dfarrell@davidlearnsgames.com
Errata and News


• Objectified Film - Dundee - Next Tuesday
• Dwarf Fortress - how is it going?
Micro / Macro Readings

‘A method for presenting large quantities of data at high
  densities in a way that a broad overview of the data is
 given and yet an immense amount of detail is provided.’
                                                 Ruddle 2002
Definition

• Visualising data at two levels in one image
 • Micro Data (low level detail)
 • Macro Data (high level detail)
• User / Viewer can get a rough idea at a
  glance but also see detailed information
Layering & Separation?

• Layering & Separation == multiple types of
  information
• Micro & Macro == multiple scales of
  information
Spacial

• Maps can show geographical breakdown of
  a location as well as local detail
• Geometry of land mass as well as regional
  breakdown.
4th Dimension


• More subtle macro readings can look into
  time.
• The circular layout of the centre of Senlis
  shows its history as a Gallo-Roman
  fortification.
• Glasgow’s industrial history, built around
  the River Clyde is apparent by the density
  on its shore.
• Stirling borders a river but the lack of focus
  shows its different history.
Symbolic Use

• Micro / Macro design
  is not always geographic.
• This poster shows that
  from the work of many
  hands, one great plan
  will be fulfilled.
Character Design

• In games, it is often possible to read many
  scales of information from looking at a
  character:
  • character class, team, attack, defence,
    health etc.
Combining M/M & L&S
• The London Air Quality Network website
  has to provide a very dense set of data in
  an intuitive interface.
• They layer user interface elements over a
  rich map which shows different types of
  data as well as different scales of data.
• http://bit.ly/londonair
ddddddddddfsdfadf


• dd
Meaning through Scale

• The Vietnam Veterans Memorial achieves its
  visual and emotional strength through
  micro / macro design.
  (Tufte, p43)
• 58,000 dead soldiers
• scale can be seen at a
  distance
• Individual names up close
• Ordered by date of
  death
Relative Data
• http://bit.ly/billiondollargram
• Shows spend / cost in billions
  from US budget and events
• Can see immediately highest
  spent areas
• Can also see actual numbers
Stem and Leaf


• Like a bar chart / histogram but uses the
  space that would normally be used by solid
  blocks of colour.
218 Mountains


•d
• Glance tells distribution
• Analysis provides more
• Scale given
• Necessary to round
292 Trains
292 Trains (badly)
• 777 more characters
• hard to see how frequently trains leave at a
  given hour
  • rush hour?
  • 11pm trains?
Stem & Leaf Improve?


• How can you modify the stem & leaf plot
  to show more information (such as
  platform number)?
Back to Back S&L
Missile or Toothbrush?
• 7000 objects > 10 cm in diameter in space
 • rocket engines, bin bags, frozen sewage,
    shrapnel from tests, 1 wrench and 1
    toothbrush
• Only 5% are functional satellites
• Necessary to track for safety of launches
• Note the ring on the second image.
 • this is the geostationary orbit used by
    satellites
• The scale of the problem can be seen, not
  only in overall but also in terms of orbit
  height and relative density of areas.
Why Micro & Macro?

• We thrive in information rich contexts
• Visually rich displays are not only
  appropriate to convey information but are
  often the optimal way to do so.
• If information is spread over multiple
  screens, the user needs to keep that
  information in memory
• If information is condensed into one
  screen / graphic, it only requires
  understanding.
• Micro / Macro designs enforce local and
  global comparisons but do so without the
  need to context switch.
• Power is given to the user to decide what
  level of detail is required.
Too complicated?

• Don’t forget that the data is never the
  problem.

  ‘Clutter and confusion are failures of
  design, not attributes of information‘
                                  (Tufte)
Downsides of M/M
• creating good Micro / Macro design is hard.
• it is easier to have one display for each
  scale of data.
• it may be necessary to gather or process
  more data (e.g. stem plot vs bar chart)
• it may be difficult to blend the scales
  together.

More Related Content

Similar to Comu346 Lecture 6 Micro & Macro Readings

Role of gis in telecommunications
Role of gis in telecommunicationsRole of gis in telecommunications
Role of gis in telecommunicationsAkhil Gupta
 
Processing Drone data @Scale
Processing Drone data @ScaleProcessing Drone data @Scale
Processing Drone data @ScaleDr Hajji Hicham
 
Using Deep Learning to Derive 3D Cities from Satellite Imagery
Using Deep Learning to Derive 3D Cities from Satellite ImageryUsing Deep Learning to Derive 3D Cities from Satellite Imagery
Using Deep Learning to Derive 3D Cities from Satellite ImageryAstraea, Inc.
 
Ling liu part 01:big graph processing
Ling liu part 01:big graph processingLing liu part 01:big graph processing
Ling liu part 01:big graph processingjins0618
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in PracticeRami Sayar
 
Harpster, J. - Open data on buildings with satellite imagery processing
Harpster, J. - Open data on buildings with satellite imagery processingHarpster, J. - Open data on buildings with satellite imagery processing
Harpster, J. - Open data on buildings with satellite imagery processingOECDregions
 
Multi dimensional model vs (1)
Multi dimensional model vs (1)Multi dimensional model vs (1)
Multi dimensional model vs (1)JamesDempsey1
 
Crowd sourcing gis for global urban area mapping
Crowd sourcing gis for global urban area mappingCrowd sourcing gis for global urban area mapping
Crowd sourcing gis for global urban area mappingHiroyuki Miyazaki
 
GIS and Remote sensing CIvil Engg by Mrunmayee
GIS and Remote sensing CIvil Engg by MrunmayeeGIS and Remote sensing CIvil Engg by Mrunmayee
GIS and Remote sensing CIvil Engg by MrunmayeeMrunmayee Manjari
 
Big Data : Bits of History, Words of Advice
Big Data : Bits of History, Words of AdviceBig Data : Bits of History, Words of Advice
Big Data : Bits of History, Words of AdviceVenu Vasudevan
 
Geographical information systems
Geographical information systemsGeographical information systems
Geographical information systemsGift Musanza
 
High Dimensional Indexing using MongoDB (MongoSV 2012)
High Dimensional Indexing using MongoDB (MongoSV 2012)High Dimensional Indexing using MongoDB (MongoSV 2012)
High Dimensional Indexing using MongoDB (MongoSV 2012)Nicholas Knize, Ph.D., GISP
 
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...Edge AI and Vision Alliance
 
Watershed Delineation Using ArcMap
Watershed Delineation Using ArcMapWatershed Delineation Using ArcMap
Watershed Delineation Using ArcMapArthur Green
 
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...Digitalization of Sea going Vessels under High Dimensional Data Driven Models...
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...Lokukaluge Prasad Perera
 
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAReal-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAInternational Map Industry Association
 
Review presentation for Orientation 2014
Review presentation for Orientation 2014Review presentation for Orientation 2014
Review presentation for Orientation 2014DUSPviz
 
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web AppsGIS in the Rockies
 

Similar to Comu346 Lecture 6 Micro & Macro Readings (20)

Geoservices Activities at EDINA
Geoservices Activities at EDINAGeoservices Activities at EDINA
Geoservices Activities at EDINA
 
Role of gis in telecommunications
Role of gis in telecommunicationsRole of gis in telecommunications
Role of gis in telecommunications
 
Processing Drone data @Scale
Processing Drone data @ScaleProcessing Drone data @Scale
Processing Drone data @Scale
 
Using Deep Learning to Derive 3D Cities from Satellite Imagery
Using Deep Learning to Derive 3D Cities from Satellite ImageryUsing Deep Learning to Derive 3D Cities from Satellite Imagery
Using Deep Learning to Derive 3D Cities from Satellite Imagery
 
Ling liu part 01:big graph processing
Ling liu part 01:big graph processingLing liu part 01:big graph processing
Ling liu part 01:big graph processing
 
FITC - Data Visualization in Practice
FITC - Data Visualization in PracticeFITC - Data Visualization in Practice
FITC - Data Visualization in Practice
 
Harpster, J. - Open data on buildings with satellite imagery processing
Harpster, J. - Open data on buildings with satellite imagery processingHarpster, J. - Open data on buildings with satellite imagery processing
Harpster, J. - Open data on buildings with satellite imagery processing
 
Multi dimensional model vs (1)
Multi dimensional model vs (1)Multi dimensional model vs (1)
Multi dimensional model vs (1)
 
Crowd sourcing gis for global urban area mapping
Crowd sourcing gis for global urban area mappingCrowd sourcing gis for global urban area mapping
Crowd sourcing gis for global urban area mapping
 
GIS and Remote sensing CIvil Engg by Mrunmayee
GIS and Remote sensing CIvil Engg by MrunmayeeGIS and Remote sensing CIvil Engg by Mrunmayee
GIS and Remote sensing CIvil Engg by Mrunmayee
 
Big Data : Bits of History, Words of Advice
Big Data : Bits of History, Words of AdviceBig Data : Bits of History, Words of Advice
Big Data : Bits of History, Words of Advice
 
Geographical information systems
Geographical information systemsGeographical information systems
Geographical information systems
 
High Dimensional Indexing using MongoDB (MongoSV 2012)
High Dimensional Indexing using MongoDB (MongoSV 2012)High Dimensional Indexing using MongoDB (MongoSV 2012)
High Dimensional Indexing using MongoDB (MongoSV 2012)
 
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...
“Improving Power Efficiency for Edge Inferencing with Memory Management Optim...
 
Watershed Delineation Using ArcMap
Watershed Delineation Using ArcMapWatershed Delineation Using ArcMap
Watershed Delineation Using ArcMap
 
Sfg tutorial
Sfg tutorialSfg tutorial
Sfg tutorial
 
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...Digitalization of Sea going Vessels under High Dimensional Data Driven Models...
Digitalization of Sea going Vessels under High Dimensional Data Driven Models...
 
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USAReal-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
Real-Time Multi-Resolution Labeling in 3D GIS - Damien Saunder - Esri USA
 
Review presentation for Orientation 2014
Review presentation for Orientation 2014Review presentation for Orientation 2014
Review presentation for Orientation 2014
 
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps
2017 GIS in Education Track: Sharing Historical Maps and Atlases in Web Apps
 

More from David Farrell

Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionGame design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionDavid Farrell
 
Game design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourGame design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourDavid Farrell
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorDavid Farrell
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignGame design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignDavid Farrell
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIGame design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIDavid Farrell
 
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationGame Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationDavid Farrell
 
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIDavid Farrell
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI DesignDavid Farrell
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingGame Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingDavid Farrell
 
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsGame Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsDavid Farrell
 
Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.David Farrell
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowGCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowDavid Farrell
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13David Farrell
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionDavid Farrell
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)David Farrell
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career questDavid Farrell
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgmDavid Farrell
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationDavid Farrell
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsDavid Farrell
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureDavid Farrell
 

More from David Farrell (20)

Game design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - RevisionGame design 2 (2013): Lecture 14 - Revision
Game design 2 (2013): Lecture 14 - Revision
 
Game design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - ColourGame design 2 (2013): Lecture 13 - Colour
Game design 2 (2013): Lecture 13 - Colour
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
 
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game DesignGame design 2 (2013): Lecture 11 - User Feedback in Game Design
Game design 2 (2013): Lecture 11 - User Feedback in Game Design
 
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UIGame design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
Game design 2 (2013): Lecture 10 - Expert Evaluation Methods for Game UI
 
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game CommunicationGame Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
Game Design 2 (2013): Lecture 8 - Layering and Separation for Game Communication
 
Game Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UIGame Design 2 (2013): Immersion Through Game UI
Game Design 2 (2013): Immersion Through Game UI
 
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
Game Design 2 (2013): Lecture 6 - Icons and Semiotics in Game UI Design
 
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI PrototypingGame Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
 
Game Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI ComponentsGame Design 2 (2013): Lecture 4 - UI Components
Game Design 2 (2013): Lecture 4 - UI Components
 
Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.Game Design 2 (2013): Lecture 3 - Use of Text in design.
Game Design 2 (2013): Lecture 3 - Use of Text in design.
 
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu FlowGCU Game Design 2 (2013): Lecture 2 - Menu Flow
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
 
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
 
Game Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - IntroductionGame Design 2: Lecture 1 - Introduction
Game Design 2: Lecture 1 - Introduction
 
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
Alchemy Vs Chemistry: The Emperor's New Serious Game (Pecha Kucha)
 
Serious games career quest
Serious games   career questSerious games   career quest
Serious games career quest
 
Serious games cwltgm
Serious games   cwltgmSerious games   cwltgm
Serious games cwltgm
 
Mindset Training 2 - Goal Orientation
Mindset Training 2 - Goal OrientationMindset Training 2 - Goal Orientation
Mindset Training 2 - Goal Orientation
 
Mindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsetsMindset Training 1 - what are growth and fixed mindsets
Mindset Training 1 - what are growth and fixed mindsets
 
Game Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision LectureGame Design 2: UI in Games - Revision Lecture
Game Design 2: UI in Games - Revision Lecture
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
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.pptxRustici Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
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...apidays
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
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 educationjfdjdjcjdnsjd
 
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, Adobeapidays
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...apidays
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)Samir Dash
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
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 FMESafe Software
 
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 challengesrafiqahmad00786416
 
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...apidays
 

Recently uploaded (20)

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
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
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
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...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
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
 
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
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
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
 
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
 
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...
 

Comu346 Lecture 6 Micro & Macro Readings

  • 1. Game Design 2 Lecture 6: Micro / Macro Readings http://www.comu346.com dfarrell@davidlearnsgames.com
  • 2. Errata and News • Objectified Film - Dundee - Next Tuesday • Dwarf Fortress - how is it going?
  • 3. Micro / Macro Readings ‘A method for presenting large quantities of data at high densities in a way that a broad overview of the data is given and yet an immense amount of detail is provided.’ Ruddle 2002
  • 4. Definition • Visualising data at two levels in one image • Micro Data (low level detail) • Macro Data (high level detail) • User / Viewer can get a rough idea at a glance but also see detailed information
  • 5.
  • 6. Layering & Separation? • Layering & Separation == multiple types of information • Micro & Macro == multiple scales of information
  • 7. Spacial • Maps can show geographical breakdown of a location as well as local detail • Geometry of land mass as well as regional breakdown.
  • 8.
  • 9.
  • 10. 4th Dimension • More subtle macro readings can look into time.
  • 11.
  • 12. • The circular layout of the centre of Senlis shows its history as a Gallo-Roman fortification.
  • 13.
  • 14.
  • 15. • Glasgow’s industrial history, built around the River Clyde is apparent by the density on its shore. • Stirling borders a river but the lack of focus shows its different history.
  • 16. Symbolic Use • Micro / Macro design is not always geographic. • This poster shows that from the work of many hands, one great plan will be fulfilled.
  • 17. Character Design • In games, it is often possible to read many scales of information from looking at a character: • character class, team, attack, defence, health etc.
  • 18.
  • 19. Combining M/M & L&S • The London Air Quality Network website has to provide a very dense set of data in an intuitive interface. • They layer user interface elements over a rich map which shows different types of data as well as different scales of data. • http://bit.ly/londonair
  • 20.
  • 21.
  • 23. Meaning through Scale • The Vietnam Veterans Memorial achieves its visual and emotional strength through micro / macro design. (Tufte, p43)
  • 24.
  • 25. • 58,000 dead soldiers • scale can be seen at a distance • Individual names up close • Ordered by date of death
  • 26. Relative Data • http://bit.ly/billiondollargram • Shows spend / cost in billions from US budget and events • Can see immediately highest spent areas • Can also see actual numbers
  • 27.
  • 28.
  • 29. Stem and Leaf • Like a bar chart / histogram but uses the space that would normally be used by solid blocks of colour.
  • 31. • Glance tells distribution • Analysis provides more • Scale given • Necessary to round
  • 34. • 777 more characters • hard to see how frequently trains leave at a given hour • rush hour? • 11pm trains?
  • 35. Stem & Leaf Improve? • How can you modify the stem & leaf plot to show more information (such as platform number)?
  • 37. Missile or Toothbrush? • 7000 objects > 10 cm in diameter in space • rocket engines, bin bags, frozen sewage, shrapnel from tests, 1 wrench and 1 toothbrush • Only 5% are functional satellites • Necessary to track for safety of launches
  • 38.
  • 39.
  • 40. • Note the ring on the second image. • this is the geostationary orbit used by satellites • The scale of the problem can be seen, not only in overall but also in terms of orbit height and relative density of areas.
  • 41. Why Micro & Macro? • We thrive in information rich contexts • Visually rich displays are not only appropriate to convey information but are often the optimal way to do so.
  • 42. • If information is spread over multiple screens, the user needs to keep that information in memory • If information is condensed into one screen / graphic, it only requires understanding.
  • 43. • Micro / Macro designs enforce local and global comparisons but do so without the need to context switch. • Power is given to the user to decide what level of detail is required.
  • 44. Too complicated? • Don’t forget that the data is never the problem. ‘Clutter and confusion are failures of design, not attributes of information‘ (Tufte)
  • 45. Downsides of M/M • creating good Micro / Macro design is hard. • it is easier to have one display for each scale of data. • it may be necessary to gather or process more data (e.g. stem plot vs bar chart) • it may be difficult to blend the scales together.