depicting daylight: types of multiple image display

34
DEPICTING DAYLIGHTING Types of Multiple Image Display NANCY YEN-WEN CHENG AND EDWIN PAT-YAK LEE d e p a r t m e n t o f a r c h I t e c t u r e - u n I v e r s I t y o f o r e g o n

Upload: nancy-cheng

Post on 27-Jun-2015

476 views

Category:

Documents


0 download

DESCRIPTION

How can daylighting can be understood on the Web? Image size, sequence vs. simultaneity and interaction affect legibility. We formatted daylit interior graphics as image matrices, animations and Quicktime VR. After designers helped identify usability issues, we refined the alternatives, and characterized their attributes. Viewers preferred interactively selecting a single large image from multiple thumbnails rather than two or more smaller still, animated or interactive views. Small multiples allow overview browsing to select choices for detailed study. Graphing interface, image and usability characteristics, shows how photo-realistic, symbolic and analytical images complement each other. so combinations promotes legibility. http://www.uoregon.edu/~design/nywc/pdf/replite.pdf

TRANSCRIPT

Page 1: Depicting Daylight: Types of Multiple Image Display

DEPICTING DAYLIGHTINGTypes of Multiple Image Display

NANCY YEN-WEN CHENG AND EDWIN PAT-YAK LEE

d e p a r t m e n t o f a r c h I t e c t u r e - u n I v e r s I t y o f o r e g o n

Page 2: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Outline

IntroductionMotivationObjectivesVariablesBackground

DescriptionProcedures Versions

FindingsIssuesConclusionFuture Work

Page 3: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

MotivationsUnderstand buildings

under changing conditions

Make visualizations more usable in design and communication process

Page 4: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

ObjectivesIdentify critical factors

(alt. use photographs)

Compare usability factors for design evaluation

not looking at simulation accuracy or efficiency

Page 5: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

VariablesDAYLIGHTING depends on

time of dayday of year, building formlocation

Page 6: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

VariablesREPRESENTATION depends onviewpoint & depiction method

(geometric system, media)

naturalisticquantitative symbolic

Page 7: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

VariablesWeb Representation:

sequence vs. simultaneity

vs.

Page 8: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

VariablesWeb Representation:

sequence vs. simultaneityimage size & number

vs.

Page 9: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

VariablesWeb Representation:

sequence vs. simultaneityimage size & numberinteractivity

Page 10: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Lighting Design InquiriesIdentify overlighting,

underlighting, glare problems

Understand range of conditions throughout year or at key times

Page 11: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Lighting Design InquiriesConnect sun position, form and surface to visual effects

images by Po-chi Lu

Page 12: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Lighting Design InquiriesCompare different design

solutions

Page 13: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Lighting Design Inquiries

Page 14: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Background researchArt

Vermeer, Lady Standing at a Virginal

Page 15: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Background researchArt / Multimedia

Jan Dibbets’ The Shortest Day at the Van Abbemuseum, Eindhoven. 1970.

Page 16: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Background researchArt / Multimedia

Levin, Golan, & Paul Debevec. Rouen Revisited, 1996

Page 17: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Background researchBuilding Science

K. Papamichael, B. Sumption, B Haglund,

Bruce and A.Zabrodsky, Alexander,

Page 18: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Background researchBuilding Science

D. Glaser, S. Ubbelohde, M. Hearst

Page 19: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Procedure – design cycleDesign of Website options

Discussion and feedback from users

Characterization of Websites into graphs

Revision of Website, images, user questions

Page 20: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 1st setnaturalistic images only

4 ways

Page 21: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 1st setAttribute Graphs

Page 22: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 2nd SetDiagrams to show

cyclical nature

Page 23: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 2nd SetAttribute Graphs

Page 24: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 3rd SetZoom-in

side by side comparison, enlarge for inspection

Page 25: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Website 3rd SetAttributeGraphs

Page 26: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Revised renderings & scenarios

Page 27: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

IssuesControl

clear navigation over fancy interface

2D matrix clear & accessible (not cyclical)

3D forms difficult to navigate

Page 28: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

IssuesContext

proximity or interactive relationship

labels or icons

Page 29: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

IssuesInfo Density

allows detailed inspectionSize and number of images

zoom, overlap, substitute

Page 30: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

IssuesPurpose

visualization to fit design questions

?

Page 31: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

IssuesPurpose

priority of options to fit design questions

Page 32: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

ConclusionsSequentialcomplements

Page 33: Depicting Daylight: Types of Multiple Image Display

n a n c y y e n – w e n c h e n g a n d e d w I n p a t – y a k l e e

Further workScenario-based surveysTest further options – more

context, different interactions

Perceptual issues – artistic compensation for adaptation

Page 34: Depicting Daylight: Types of Multiple Image Display

DEPICTING DAYLIGHTINGTypes of Multiple Image Display

NANCY YEN-WEN CHENG [email protected]

d e p a r t m e n t o f a r c h I t e c t u r e - u n I v e r s I t y o f o r e g o n

EDWIN PAT-YAK LEE [email protected]