Comu346 Lecture 6 Micro & Macro Readings

45
Game Design 2 Lecture 6: Micro / Macro Readings http://www.comu346.com [email protected]

Transcript of Comu346 Lecture 6 Micro & Macro Readings

Page 1: Comu346   Lecture 6   Micro & Macro Readings

Game Design 2Lecture 6: Micro / Macro Readings

http://www.comu346.com [email protected]

Page 2: Comu346   Lecture 6   Micro & Macro Readings

Errata and News

• Objectified Film - Dundee - Next Tuesday

• Dwarf Fortress - how is it going?

Page 3: Comu346   Lecture 6   Micro & Macro Readings

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

Page 4: Comu346   Lecture 6   Micro & Macro Readings

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

Page 5: Comu346   Lecture 6   Micro & Macro Readings
Page 6: Comu346   Lecture 6   Micro & Macro Readings

Layering & Separation?

• Layering & Separation == multiple types of information

• Micro & Macro == multiple scales of information

Page 7: Comu346   Lecture 6   Micro & Macro Readings

Spacial

• Maps can show geographical breakdown of a location as well as local detail

• Geometry of land mass as well as regional breakdown.

Page 8: Comu346   Lecture 6   Micro & Macro Readings
Page 9: Comu346   Lecture 6   Micro & Macro Readings
Page 10: Comu346   Lecture 6   Micro & Macro Readings

4th Dimension

• More subtle macro readings can look into time.

Page 11: Comu346   Lecture 6   Micro & Macro Readings
Page 12: Comu346   Lecture 6   Micro & Macro Readings

• The circular layout of the centre of Senlis shows its history as a Gallo-Roman fortification.

Page 13: Comu346   Lecture 6   Micro & Macro Readings
Page 14: Comu346   Lecture 6   Micro & Macro Readings
Page 15: Comu346   Lecture 6   Micro & Macro Readings

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

Page 16: Comu346   Lecture 6   Micro & Macro Readings

Symbolic Use

• Micro / Macro designis not always geographic.

• This poster shows that from the work of manyhands, one great planwill be fulfilled.

Page 17: Comu346   Lecture 6   Micro & Macro Readings

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.

Page 18: Comu346   Lecture 6   Micro & Macro Readings
Page 19: Comu346   Lecture 6   Micro & Macro Readings

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

Page 20: Comu346   Lecture 6   Micro & Macro Readings
Page 21: Comu346   Lecture 6   Micro & Macro Readings
Page 22: Comu346   Lecture 6   Micro & Macro Readings

ddddddddddfsdfadf

• dd

Page 23: Comu346   Lecture 6   Micro & Macro Readings

Meaning through Scale

• The Vietnam Veterans Memorial achieves its visual and emotional strength through micro / macro design. (Tufte, p43)

Page 24: Comu346   Lecture 6   Micro & Macro Readings
Page 25: Comu346   Lecture 6   Micro & Macro Readings

• 58,000 dead soldiers

• scale can be seen at a distance

• Individual names up close

• Ordered by date ofdeath

Page 26: Comu346   Lecture 6   Micro & Macro Readings

Relative Data• http://bit.ly/billiondollargram

• Shows spend / cost in billionsfrom US budget and events

• Can see immediately highestspent areas

• Can also see actual numbers

Page 27: Comu346   Lecture 6   Micro & Macro Readings
Page 28: Comu346   Lecture 6   Micro & Macro Readings
Page 29: Comu346   Lecture 6   Micro & Macro Readings

Stem and Leaf

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

Page 30: Comu346   Lecture 6   Micro & Macro Readings

218 Mountains

• d

Page 31: Comu346   Lecture 6   Micro & Macro Readings

• Glance tells distribution

• Analysis provides more

• Scale given

• Necessary to round

Page 32: Comu346   Lecture 6   Micro & Macro Readings

292 Trains

Page 33: Comu346   Lecture 6   Micro & Macro Readings

292 Trains (badly)

Page 34: Comu346   Lecture 6   Micro & Macro Readings

• 777 more characters

• hard to see how frequently trains leave at a given hour

• rush hour?

• 11pm trains?

Page 35: Comu346   Lecture 6   Micro & Macro Readings

Stem & Leaf Improve?

• How can you modify the stem & leaf plot to show more information (such as platform number)?

Page 36: Comu346   Lecture 6   Micro & Macro Readings

Back to Back S&L

Page 37: Comu346   Lecture 6   Micro & Macro Readings

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

Page 38: Comu346   Lecture 6   Micro & Macro Readings
Page 39: Comu346   Lecture 6   Micro & Macro Readings
Page 40: Comu346   Lecture 6   Micro & Macro Readings

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

Page 41: Comu346   Lecture 6   Micro & Macro Readings

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.

Page 42: Comu346   Lecture 6   Micro & Macro Readings

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

Page 43: Comu346   Lecture 6   Micro & Macro Readings

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

Page 44: Comu346   Lecture 6   Micro & Macro Readings

Too complicated?

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

‘Clutter and confusion are failures of design, not attributes of information‘ (Tufte)

Page 45: Comu346   Lecture 6   Micro & Macro Readings

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.